/*
Template Name: タブレット用スタイルシート
*/
@media screen and (max-width: 768px) {
/*===============================================
●tablet.css 画面の横幅が768px以下
===============================================*/
body {
	height: 768px;
	margin: 0;
	padding: 0;
}
#header {
	background: #A30000 !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header-in {
	position: relative;
	width: 100%;
	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: 100%;
	margin: 0 auto;
}
.banner-in img {
	width: 100%;
	margin: auto 0;
}
.banner-in h1 {
	width: 100% !important;
	margin: 0 !important;
}
/* サイト説明文
─────────────────────────── */

.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: 100%;
	margin: 0;
}
#container2l #main,
#containerk2l #main {
	width: 100%;
	margin: 0 0 0 2%;
}
#container2r #main,
#containerk2r #main {
	width: 100%;
	margin: 0 2% 0 0;
}
#container #main,
#containerk1 #main {
	width: 100%;
}
#main-left {
	width: 100%;
	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;
	color: #FFF !important;
}
#footer p a {
	color: #FFF !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ショートコード
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.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;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Entry
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.entry {
	background: #FFF;
	border-radius: 10px;
}
.entry-title {
	background: none !important;
	background-image: none !important;
	padding: 10px !important;
}
.link-next {
	width: 100% !important;
	text-align: center !important;
	padding: 0 !important;
	margin: 0 !important;
	float: inherit !important;
}
.link-next a {
	padding: 10px !important;
	color: #03C !important;
	font-weight: bold;
	box-shadow: none !important;
	border: none !important;
	display: block;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Grobal Navigation
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#menu-gnavi {
	margin: 5px 0;
	background: #FFF;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Breadcrumbs
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.bread {
	color: #FFF !important;
}
p.bread a {
	color: #FFF !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Pager
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-numbers {
	background: #FFF !important;
	color: #666 !important;
}
.kiji-navigation {
	background: #FFF;
	padding: 10px;
	border-radius: 10px;
}
/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------*/