/*
Template Name: タブレット用スタイルシート
*/

@media screen and (max-width: 1100px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ●tablet.css 画面の横幅が1100px以下 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

body {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* トップナビゲーション */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#top-navi {
	width: 98%;
	margin: 0 1%;
	padding: 0;
}	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
#header-in {
	width: 100%;
	padding: 0 0 10px;
    margin: 0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1タイトル設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

h1.site-title {
	width: 98%;
	margin-left: 2%;
	margin-right: 2%;
}
h1.site-title img {
	max-width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#g-navi-in ul {
	width:  100%;
	margin: 0;
}
#g-navi-in ul li {
	font-size: 10px;
}	
#g-navi-in ul li .abc {
	font-size: 8px;
}	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテイナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
#container2r, #container2l,
#container1, #containerk2r,
#containerk2l, #containerk1, #containerk1{
	width: 98%;
	margin: 0 1%;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メイン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#container2l #cate_main, #container2r #cate_main,
#containerk2l #cate_main, #containerk2r #cate_main,
#container2l #main, #container2r #main,
#containerk2l #main, #containerk2r #main{
	width: 61%;
	margin-left: 3px;
	margin-right: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#container2l #cate_main #main, #container2r #cate_main #main,
#containerk2l #cate_main #main, #cate_main #containerk2r #main,
#container2l #cate_des, #container2r #cate_des,
#containerk2l #cate_des, #containerk2r #cate_des,
#containerk1 #cate_des, #containerk1 #main, #containerk1 #cate_des{
	width: 100%;
	margin-left: 3px;
	margin-right: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#containerk1 #main{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイドメニュー　*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#side-left, #side-right {
	width: 35%;
	padding: 2%;
	margin: 0 0 3px 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}	
#side-right {
    margin: 0 3px 3px 0;
	float: right;
}	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カレンダー設定(サイド) */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wp-calendar{
	font-size: 12px;
}
/*曜日行*/
#wp-calendar thead {
	font-size: 12px;
}
/*曜日セル*/
#wp-calendar thead th {
	padding-top: 12px;
}
/*日付セル*/
#wp-calendar tbody td {
	padding: 1px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* SNSボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.sns_button_m {
	height: 30px;
	line-height: 30px;
    margin: 0 2px 15px 1px;
}
.sns_button_m a{
	padding:0 10px 0 8px;
}
.sns_button_m::before,
.sns_button_m::after{
	font-size: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事の一覧(TOP) */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#toppagemain .title_area_bottom {
	float: right;
}
#toppagemain .date_time,
#toppagemain .left_time {
	font-size: 12px;
}
#toppagemain .link-next {
    margin: 90px 0 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media screen and (max-width: 730px) {
	.title_area_bottom {
    min-height: 0;
    max-height: 70px;
}
	#toppagemain .title_area_bottom {
	width: 70%;
	margin: 0 0 0;
	float: left;
}
#toppagemain .date_time,
#toppagemain .left_time {
	font-size: 12px;
	float: left;
}
	#toppagemain .link-next {
    margin: 110px 0 30px;
}
	#toppagemain .entry-content p.top_more{
	margin-top: 0;
}}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 最近の投稿(メイン) */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#new-content .info .date {
	width: 100%;
}
#new-content .titlea {
	width: 100%;
	max-height: 40px;
	margin: 0 0 5px;
	padding-bottom: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 最近の投稿(サイド) */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul#eye_news li p,
#new-content ul#eye_news li p {
	width: 65%;
	max-height: 40px;
}
#side-left ul#eye_news .sub_new_img img, 
#side-left #new-content ul#eye_news .sub_new_img img, 
#side-right ul#eye_news .sub_new_img img, 
#side-right #new-content ul#eye_news .sub_new_img img {
	margin-top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事ページナビゲーション */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.kiji-navigation {
	max-height: 160px;
}
.kiji-navigation .kijinavi-left a, .kiji-navigation .kijinavi-right a {
	height: auto;
	min-height: 40px;
	max-height: 68px;
    padding: 5px 2% 6px 8%;
}
.kiji-navigation .kijinavi-right a {
	padding: 5px 8% 8px 2%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 検索フォーム・検索ボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#s, #s:focus, #right_folder #s, #left_folder #s,
#right_folder #s:focus, #left_folder #s:focus {
	width: 100%;
}
#searchsubmit {
	margin-top: 5px;
	width: 100%;
}
#main #s, #main #s:focus{
	margin-top: 30px;
	width: 68%;
}
#main #searchsubmit {
	margin-top: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* その他タグ一覧 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.entry-content .efoot,
.entry-content-i .efoot,
.entry-content-top .efoot{
	padding: 5px 10px;
}
#main .entry-content .efoot p,
#main .entry-content-i .efoot p,
#main .entry-content-top .efoot p{
	padding: 5px;
}
#main .entry-content .efoot a, #main .entry-content-i .efoot a,
 #main .entry-content-top .efoot a{
	padding-right: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッターウィジェットエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
#footer_box_matome {
	width: 100%;
	margin: 0;
	padding-left: 3%;
	padding-right: 3%;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
#footer-des {
	width: 96%;
	margin: 0 2% 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#footer-des p{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}	
#foot-end {
	width: 96%;
	margin: 0 2%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* プライバシーポリシー
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#main_mail table{
	overflow: hidden;
}
#main_mail table tr{
    border-left: none;
}
#main_mail th.mail_t,
#main_mail td.mail_e{
	width: 90%;
	padding: 4% 5%;
	margin: 0;
	display: block;
	overflow: hidden;
	border-bottom: none;
}
#main_mail table ul{
	list-style-position: outside;
	padding-left: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングa
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rankingvera td {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        background-color: transparent;
        float: left;
}
.rankingvera .ra-img {
        width: 70%;
        margin: 10px 15%;
        padding: 0;
        clear: both;
}
.rankingvera ra-img img {
        max-width: 100%;
        margin: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 個別ページランキングa
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#mail_magazine .rankingvera td,
#review .rankingvera td,
#killer .rankingvera td{
        width: 50%;
		margin: 0;
        padding: 0;
        border-collapse: collapse;
        background-color: transparent;
        float: left;
}
#mail_magazine .rankingvera .ra-img,
#review .rankingvera .ra-img,
#killer .rankingvera .ra-img {
        width: 90%;
        margin: 10px 5%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングb
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#main .rankingverb td {
        width: 100%;
        margin: 0;
        padding: 10px 0;
        border-collapse: collapse;
        background-color: transparent;
        float: left;
}
#main .rankingverb .rb-img {
        width: 70%;
        margin: 0 15%;
        padding: 0;
}
#main .rankingverb .rb-img a img {
        width: 100%;
        margin: 0;
        padding: 0;
}
#main .rankingverb td.rbg {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0 0 10px;
        float: right;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-o-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングc
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rankingverc td.c_photo {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        display: block;
        float: left;
}
.rankingverc .rc-img {
        width: 76%;
        position: relative;
        margin: 0 12% 10px;
        padding: 10px 3%;
        border-top: 1px solid #DDDCCC;
        border-right: 1px solid #DDDCCC;
        border-bottom: 2px solid #DDDCCC;
        border-left: 1px solid #DDDCCC;
        background: #FFF;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-o-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
}
.rankingverc img {
        max-width: 100%;
}
.rankingverc .seal {
        width: 35%;
	height: 25px;
        position: absolute;
        top: -12px;
        left: 35%;
}
.rankingverc td.rbg {
        width: 100%;
        display: block;
        margin: 0;
        padding: 10px 0;
        float: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 個別ページランキングc
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#mail_magazine .rankingverc td.c_photo, 
#review .rankingverc td.c_photo, 
#killer .rankingverc td.c_photo {
        width: 50%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        display: block;
        float: left;
}
#mail_magazine .rankingverc .rc-img,
#review .rankingverc .rc-img,
#killer .rankingverc .rc-img {
        width: 91%;
        position: relative;
        margin: 0 9% 10px 0;
        padding: 10px 3%;
        border-top: 1px solid #DDDCCC;
        border-right: 1px solid #DDDCCC;
        border-bottom: 2px solid #DDDCCC;
        border-left: 1px solid #DDDCCC;
        background: #FFF;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-o-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
}
#mail_magazine .rankingverc td.rbg,
#review .rankingverc td.rbg,
#killer .rankingverc td.rbg {
        width: 50%;
        display: block;
        margin: 0;
        padding: 10px 0;
        float: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングd
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rankingd-box {
        margin: 0;
        padding: 0;
}
#main .box_in_ranking_black {
        width: 98%;
        float: left;
        padding: 5px 0.5% 10px;
        margin: 0 0.5% 10px;
        border-color: #DDDCCC;
        border-style: solid;
        border-width: 1px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-o-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
}
.box_in_ranking_black p.catch {
        font-size: 13px;
        font-weight: bold;
        color: #ff0000;
        margin: 5px 0 0;
}
.box_in_ranking_black p.r-link {
        padding: 5px 0;
        text-align: right;
}
.box_in_ranking_black p.r-link a {
        color: #0044CC;
        font-weight: bold;
        text-decoration: underline;
}
.box_in_ranking_black p.r-link a:hover {
        color: #F60;
        text-decoration: none;
}
.box_in_ranking_black p a img {
        width: 70%;
        *width: 95%;
        margin: 0 15%;
        *margin: 0 auto;
        padding: 0;
        clear: both;
}
}

@media screen and (max-width: 600px){
#footer_box_matome ul#eye_news .sf_daca,
#footer_box_matome ul#eye_news li .sub_date,
#footer_box_matome #eye_news p {
        width: 60%;
}
.mini_box ul#eye_news .sub_date, .mini_box #new-content ul#eye_news .sub_date {
    margin: 0;
}
}



/*--------------------------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
https://www.mithril-web.com/
--------------------------------------------------------------------------*/