/*
Template Name: タブレット用スタイルシート
*/
@media screen and (max-width: 768px){



/*===============================================
●tablet.css 画面の横幅が768px以下
===============================================*/
body { 
	height:768px;
	margin:0;
	padding:0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header-in {
	position:relative;
	width: 98%;
	min-height: 100px;
	margin: 0px auto;
}

/* 見出し
─────────────────────────── */

h1 {
	width: 98%;
	margin: 5px auto 0;
}
.site-title {
	width: 86%;
	margin: 10px 0 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.banner {
	width: 100%;
	margin: 0;
}
.banner-in {
	width: 98%;
	margin: 0 auto;
}

.banner-in img{
	width: 100%;
	margin: auto 0;
}


/* サイト説明文
─────────────────────────── */

.banner-in p {
	max-height:140px;
	overflow:hidden;
	margin: -20% 260px 0 10px;
	padding: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテイナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#container3, #containerk3, #container2l, #containerk2l, #container2r, #containerk2r {
	width: 98%;
}
#container, #containerk1 {
	width: 98%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メイン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#container3 #main, #containerk3 #main {
	width: 78%;
	margin:0;
}
#container2l #main, #containerk2l #main {
	width: 74%;
	margin: 0 0 0 2%;
}
#container2r #main, #containerk2r #main {
	width: 76%;
	margin: 0 2% 0 0;
}
#container #main, #containerk1 #main {
	width: 100%;
}
#main-left {
	width: 72%;
	margin: 0 2%;
}

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

#side1 {
	width: 24%;
}
#side2 {
	width: 22%;
}

#side1 ul, #side2 ul, #side1 ul#recentcomments, #side2 ul#recentcomments{
	background:#f2f2f2 url(img/ul_shadow.png) bottom center no-repeat;
	-moz-background-size:100% 10px;
	background-size:100% 10px; 
}

/* 追尾型サイドバー
─────────────────────────── */
#container3 #fix_box1, #containerk3 #fix_box1{
    min-width: 120px;
    max-width: 140px;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
    z-index: 9999;
}

#container3 #fix_box2, #containerk3 #fix_box2{
    min-width: 140px;
    max-width: 160px;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
    z-index: 9999;
}

#container2l #fix_box1, #containerk2l #fix_box1{
    min-width: 120px;
    max-width: 180px;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
    z-index: 9999;
}

#container2r #fix_box2, #containerk2r #fix_box2{
    min-width: 100px;
    max-width: 160px;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
    z-index: 9999;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カレンダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#wp-calendar caption{
	display:none;
}

#wp-calendar {
    display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッターBOX設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
#f_box_matome{
	possition:static;
	width:98%;
	z-index: 999999;
}

/* フッターウィジェット
─────────────────────────── */

#footer_box .mini_box{
	min-width:30%;
	max-width:30%;
	margin:10px 1.5% 0;
}
#footer_box .title{
	width:86%;
	margin: 4px 1.5% 0;
}
#f_box_matome .mini_box .textwidget{
	width:86%;
	margin: 4px 1.5% 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コピーライト部分設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#footer {
	width: 100%;
	height: auto;
}
#footer p{
	width:100%;
	margin:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ショートコード
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.docter_man, .docter_woman, .nurse, .man, .old_man, .woman, .old_woman{
	width:50%;
	clear:both;
	margin:0 25%;
	padding:0;
}
/* 大枠フキダシ */
.fkdsbox_black, .fkdsbox_blue, .fkdsbox_green, .fkdsbox_red, 
.fkdsbox_pink, .fkdsbox_orange{
	min-width:80%;
	max-width:100%;
	width:87%;
}

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

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

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

.rankingverb td {
	width:100%;
	margin: 0;
	padding: 10px 0;
	border-collapse: collapse;
	background-color: none;
	clear:both;
}
#main .rankingverb .rb-img{
	width:70%;
	margin:0 15%;
	padding: 0;
}
#main .rankingverb .rb-img a img{
	width:100%;
	margin:0;
}
.rankingverb td.rbg {
	width:100%;
	display:block;
	margin: 0;
	padding: 0 0 10px;
	clear:both;
}

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

.rankingverc td.c_photo {
	width:100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	display:block;
	float:left;
}
#main .rankingverc .rc-img {
	width:70%;
	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;
}
.rankingverc .rc-img a img {
	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;
	display:block;
	float:left;
}

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

.rankingd-box {
	margin: 0;
	padding: 0;
}
.box_in_ranking_black {
	width: 96%;
	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;
}

.box_in_ranking_black p.catch {
	font-size: 13px;
	font-weight: bold;
	color: #ff0000;
	margin: 5px 0 0;
}
.box_in_ranking_black p a{
	color: #0044CC;
	font-weight: bold;
	padding: 0 5px;
	background: url(img/ranking/3box_arrow_black.png) left no-repeat;
	text-decoration: underline;
}
.box_in_ranking_black p 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;
}
}
/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------*/