@charset "utf-8";

/*
-----------------------------------------------------------
	File Name   : print.css
	Description : 印刷用CSSファイルの読み込み
-----------------------------------------------------------
*/

/* normalize
-------------------------------------------- */
@import url("normalize.css");

/* Base style
-------------------------------------------- */
@import url("common.css");

/* font
-------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

/* PC style
-------------------------------------------- */

@charset "utf-8";
/* -----------------------------------------------------
PC用CSSファイル pc.css
----------------------------------------------------- */
body {
	width: 100%;
	min-width: 1100px;
	color:#333;
	font-size: 15px;
	line-height:160%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	-webkit-print-color-adjust: exact;
}


/* スマホ時非表示
----------------------------------------------------- */
.sp_view{ display: none !important;}

.pic_radius{
	border-radius: 10px;
	overflow: hidden;
}

/* header
----------------------------------------------------- */
header {
	width: 1100px;
	height: auto;
	margin: 25px auto 25px auto;
	padding: 0;
}

header #logo {
	width: 230px;
	height: auto;
	box-sizing: border-box;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}

header #logo a {text-decoration: none;}
header #logo a:hover {text-decoration: none;}

header #logo h3 {
	font-size: 12px;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

header #logo h2 {
	color: #333;
	font-size: 35px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

header #info {
	width: 870px;
	float: right;
	margin: 0;
	padding: 0;
}

header #contact {
	width: auto;
	margin: 0 0 0 306px;
	padding: 0;
}

header #contact p.address {
	width: auto;
	font-size: 13px;
	font-weight: 300;
	text-indent: 20px;
	float: left;
	background: url(../img/h_address_icon.png) no-repeat;
	background-position: left;
	margin: 0 20px 0 0;
	padding: 0;
}

header #contact p.tel {
	width: auto;
	font-size: 22px;
	font-weight: 400;
	text-indent: 20px;
	float: left;
	background: url(../img/h_tel_icon.png) no-repeat;
	background-position: left;
	margin: 0 20px 0 0;
	padding: 0;
}

header #contact a.access {
	width: 145px;
	height: 36px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	display: block;
	border-radius: 16px;
	background: url(../img/h_access_icon.png) no-repeat #0bac9d;
	background-position: 18% 50%;
	margin: -5px 0 0 0;
	padding: 0;
}

header #contact a.access:hover {
	text-decoration: none;
	background: url(../img/h_access_icon.png) no-repeat #1dccbb;
	background-position: 18% 50%;
}

/* navigation
----------------------------------------------------- */
#Gnavi {
	width: 840px;
	height: 35px;
	box-sizing: border-box;
	margin: 20px auto 0 30px;
	padding: 0;
}

.dropmenu{
	*zoom:1;
	list-style-type: none;
	width: 840px;
	margin: 0 auto;
	padding: 0;
}

.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}

.dropmenu:after{ clear: both;}

.dropmenu li{
	width: 140px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	border-right: solid 1px #ddd;
	box-sizing: border-box;
	float: left;
	padding: 0;
}

.dropmenu li:last-child { border: none;}

.dropmenu li a{
	width: 100%;
	height: 35px;
	color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 35px;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.dropmenu li a:hover{
	color: #0bac9d;
	background: #ecfaf9;
	text-decoration: none;
}

.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

.dropmenu li ul li{
	width: 100%;
	border-top: solid 1px #ddd;
	border-right: none;
	margin: 0;
	padding: 0;
}

.dropmenu li ul li:last-child{
	border-top: solid 1px #ddd;
}

.dropmenu li ul li a{
	font-size: 13px;
	height: auto;
	background: #fff;
	line-height: 130%;
	text-align: left;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 15px 10px 15px 10px;
}


.dropmenu li.on a{
	color: #0bac9d;
	background: #ecfaf9;
}


.dropmenu li.on ul li a{
	font-size: 13px;
	height: auto;
	background: #fff;
	line-height: 130%;
	text-align: left;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 15px 10px 15px 10px;
}

.dropmenu li.on ul li a:hover{ color: #fff;}

.dropmenu li ul li:hover > a{
	color: #fff;
	text-decoration: none;
	background: #0bac9d;
}

#flip > li{
	z-index: 10;
	perspective: 400px;
}
#flip li ul{
	visibility: hidden;
	transform: rotateX(-90deg);
	transform-origin: 50% 0;
	transition: .3s;
}
#flip li:hover ul{
	visibility: visible;
	transform: rotateX(0);
}


/* wrapper
----------------------------------------------------- */
#wrapper{
	width: 1100px;
	margin: 0 auto 100px auto;
	padding: 0;
}


/* backtop
----------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 45px;
	right: 20px;
	font-size: 77%;
	z-index: 1;
}
#page-top a {
	background: #0bac9d;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 3px;
}
#page-top a:hover {
	text-decoration: none;
	background: #27cfbe;
}


/* footer
----------------------------------------------------- */
#footer{
	width: 100%;
	background: linear-gradient(to bottom,  #ddddd9 0%,#f2f0ec 5%,#f2f0ec 100%);
	margin: 0;
	padding: 0 0 50px 0;
}

#finfo{
	width: 1100px;
	margin: 0 auto;
	padding: 70px 0 40px 0;
}

/* ロゴ＆医院情報------------------------- */
#finfo .shopinfo{
	width: 250px;
	line-height: 160%;
	float: left;
	margin: 0;
	padding: 0;
}

#finfo .shopinfo h3 {
	color: #0bac9d;
	font-size: 13px;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 15px 0;
	padding: 0;
}

#finfo .shopinfo h2 {
	font-size: 35px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
	padding: 0;
}

#finfo .shopinfo p.tel {
	font-size: 22px;
	font-weight: 400;
	text-indent: 20px;
	background: url(../img/h_tel_icon.png) no-repeat;
	background-position: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#finfo .shopinfo p.tel_text {
	font-size: 12px;
	font-weight: 500;
	line-height: 150%;
	margin: 0 0 15px 0;
	padding: 0;
}

#finfo .shopinfo p.address {
	width: auto;
	font-size: 13px;
	font-weight: 400;
	text-indent: 20px;
	float: left;
	background: url(../img/h_address_icon.png) no-repeat;
	background-position: left;
	margin: 0 20px 0 0;
	padding: 0;
}


/* footer Link------------------------- */
#finfo .link{
	width: 600px;
	font-size: 13px;
	margin: 20px 0 0 100px;
	padding: 0;
	float: left;
}

#finfo .link ul.type01{
	margin: 0 0 10px 0;
	padding: 0;
}

#finfo .link ul.type01 li{
	list-style: none;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}
#finfo .link ul.type01 li:first-child a{
	width: 110px;
	color: #0bac9d;
	font-weight: 500;
	display: block;
}

#finfo .link ul.type01 li a{ color: #333;}

#finfo .link ul.type02{
	margin: 0;
	padding: 0;
}

#finfo .link ul.type02 li{
	color: #0bac9d;
	font-weight: 500;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}


/* copyright------------------------- */
#footer .copyright{
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin: 0;
	padding: 0;
}


/* ====================　Top page要素　====================-- */

/* main_image
----------------------------------------------------- */
.main_image{
	width: 1100px;
	height: 550px;
	overflow: hidden;
	margin: 0 auto 40px auto;
	padding: 0;
}

.main_image img{
	width:100%;
	height:auto;
	object-fit: cover;
	border-radius: 10px;
}

/* 発熱外来について
----------------------------------------------------- */
.fever{
	width: 1100px;
	height: auto;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 auto 40px auto;
	padding: 0;
}

.fever ul{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.fever ul li{ list-style: none; float: left;}

.fever ul li.title{
	width: 20%;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	background: #0bac9d;
	padding: 20px 0 20px 0;
}

.fever ul li.title img.icon{
	margin: 5px 0 0 10px;
}


.fever ul li.info{
	width: 80%;
	box-sizing: border-box;
	background: #e2fbf9;
	padding: 20px;
}



/* news_and_time
----------------------------------------------------- */
.news_and_time{
	width: 1100px;
	margin: 0 auto 60px auto;
	padding: 0;
}

.news_and_time h2{
	width: 525px;
	height: 55px;
	font-size: 20px;
	font-weight: 500;
	line-height: 55px;
	display: block;
	box-sizing: border-box;
	background: url(../img/title_icon01.png) no-repeat #faf8f5;
	background-position: 2% 50%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 38px;
}

.news_and_time .news{
	width: 525px;
	float: left;
	margin: 0;
	padding: 0;
}

.news_and_time .news ul{
	width: 100%;
	margin: 0;
	padding: 0;
}

.news_and_time .news ul li{
	width: 100%;
	list-style: none;
	box-sizing: border-box;
	border-bottom: 1px dotted #999;
	margin: 0;
	padding: 15px;
}

.news_and_time .time{
	width: 525px;
	float: right;
	margin: 0;
	padding: 0;
}

.news_and_time table{
	width: 100%;
	text-align: center;
	margin: 30px 0 20px 0;
	padding: 0;
}

.news_and_time table th{
	width: 12%;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin: 0;
	padding: 8px 0 8px 0;
}

.news_and_time table th.title{
	color: #0bac9d;
	font-size: 16px;
}

.news_and_time table th p{ font-size: 12px;}

.news_and_time table td{
	width: 6%;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin: 0;
	padding: 8px 0 8px 0;
}

.news_and_time .time a.reserve_btn{
	width: 230px;
	height: auto;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	float: right;
	box-sizing: border-box;
	display: block;
	border-radius: 25px;
	background: #0bac9d;
	margin: 15px 0 0 0;
	padding: 12px 0 12px 0;
}

.news_and_time .time a.reserve_btn:hover {
	text-decoration: none;
	background: #1dccbb;
}

.news_and_time .time p.green {
	color: #0bac9d;
	font-weight: 500;
	margin: 0 0 5px 0;
	padding: 0;
}

.news_and_time .time p.tel {
	font-size: 22px;
	font-weight: 400;
	text-indent: 20px;
	background: url(../img/h_tel_icon.png) no-repeat;
	background-position: left;
	margin: 0 0 5px 0;
	padding: 0;
}

.news_and_time .time p.tel_text {
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.top_holiday{
	font-size: 14px;
	text-align: right;
	margin: -5px 0 15px 0;
}


/* main_menu
----------------------------------------------------- */
#mm_wrap{
	width: 100%;
	background: #faf8f5;
	margin: 0 auto 50px auto;
	padding: 35px 0 10px 0;
}

.mm_body{
	width: 1100px;
	margin: 0 auto 50px auto;
	padding: 0;
}

ul#main_menu{
	width: 1100px;
	margin: 0 auto 50px auto;
	padding: 0;
}

ul#main_menu li{
	width: 22%;
	height: 300px;
	list-style: none;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #0bac9d;
	overflow: hidden;
	margin: 0 4% 0 0;
	padding: 0;
	float: left;
}

ul#main_menu li:last-child{ margin: 0;}

ul#main_menu li img{
	width: 100%;
	height: 150px;
	object-fit: cover;
	margin: 0 0 20px 0;
	padding: 0;
}

ul#main_menu h2{
	color: #333;
	font-size: 22px;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 30px 0;
}

ul#main_menu h2 span{
	background: linear-gradient(transparent 80%, #c2eae6 20%);
	padding: 0 5px 0 5px;
}

ul#main_menu p{
	width: 90%;
	height: 72px;
	font-size: 13px;
	line-height: 150%;
	margin: 0 auto 0 auto;
}

ul#main_menu a{
	width: 70%;
	height: auto;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;
	display: block;
	border-radius: 20px;
	background: #0bac9d;
	margin: 0 auto 0 auto;
	padding: 7px 0 7px 0;
}

ul#main_menu a:hover {
	text-decoration: none;
	background: #1dccbb;
}

/* 診療案内 submenu
----------------------------------------------------- */
ul.sub_menu{
	width: 1100px;
	height: auto;
	margin: 0 auto 40px auto;
	padding: 0;
}

ul.sub_menu li{
	width: 30%;
	height: auto;
	list-style: none;
	border-radius: 10px;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	box-shadow: 3px 3px 2px #ddd;
	margin: 0 5% 0 0;
	padding: 0;
}

ul.sub_menu li:nth-child(3n){ margin: 0;}

ul.sub_menu li a{
	width: 100%;
	height: 90px;
	background: url(../img/top_submenu_icon.png) no-repeat #fff;
	background-position: right 5% bottom 50%;
	display: block;
}

ul.sub_menu li a:hover{
	text-decoration: none;
	background: url(../img/top_submenu_icon.png) no-repeat #e6f8f6;
	background-position: right 5% bottom 50%;
}


ul.sub_menu li img{
	width: 110px;
	height: 90px;
	object-fit: cover;
	float: left;
	margin-right: 20px;
}

ul.sub_menu li h3{
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 90px;
}

.sougei{
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: solid 6px #ee7272;
	background: #fff;
	box-sizing: border-box;
	margin: 0 auto 0 auto;
	padding: 25px;
}

.sougei .pic{
	width: 350px;
	float: right;
}

.sougei h3{
	width: 40%;
	height: auto;
	color: #E16061;
	box-sizing: border-box;
	margin: 0 0 15px 0;
	padding: 0;
}


/* TOP当院について
----------------------------------------------------- */
p.top_about{
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 40px 0;
	padding: 0;
}

h2.top_catch{
	width: 100%;
	height: auto;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	margin: 0 0 40px 0;
	padding: 0;
}

ul.about_list{
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
}

ul.about_list li{
	width: 48%;
	height: auto;
	list-style: none;
	float: left;
	margin: 0 4% 0 0;
	padding: 0;
}

ul.about_list li:last-child{ margin: 0;}

ul.about_list li h3{
	width: 100%;
	height: auto;
	color: #09766c;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #0bac9d;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 0 12px 0;
}

ul.about_list li ul{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

ul.about_list li ul li{
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 150%;
	box-sizing: border-box;
	border-bottom: 1px dotted #999;
	margin: 0;
	padding: 20px 0 20px 0;
}


/* ====================　コンテンツページ要素　====================-- */

/* コンテンツページタイトル
------------------------------------ */
section#pagetitle{
	width: 100%;
	background: #f8f7f5;
	margin: 0 0 40px 0;
	padding: 0;
}

.pt_body{
	width: 1100px;
	height: 200px;
	background: url(../img/pagetitle_bg.png) no-repeat;
	background-position-x: right;
	box-sizing: border-box;
	margin: 0 auto 0 auto;
	padding: 85px 0 0 0;
}

.pt_body h2{
	font-size: 35px;
	font-weight: 400;
	border-left: 6px solid #0bac9d;
	margin: 0;
	padding: 8px;
}


/* common_body
------------------------------------ */
.common_body{
	width: 100%;
	margin: 0 auto 70px auto;
	padding: 0;
}

.common_body02{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
}


/* common_title01
------------------------------------ */
h3.commontitle01{
	width: 100%;
	color: #333;
	font-size: 24px;
	font-weight: 400;
	box-sizing: border-box;
	background: url(../img/common_title01_icon.png) no-repeat;
	background-position: left;
	margin: 0 0 30px 0;
	padding: 0 0 0 30px;
}

/* common_title02
------------------------------------ */
h3.commontitle02{
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	box-sizing: border-box;
	background: url(../img/title_icon01.png) no-repeat #faf8f5;
	background-position: 1% 50%;
	margin: 0 0 30px 0;
	padding: 15px 15px 15px 40px;
}


/* catch_copy
------------------------------------ */
h3.catch_copy01{
	color: #0bac9d;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	margin: 0 0 60px 0;
}

h3.catch_copy02{
	color: #0bac9d;
	font-size: 21px;
	font-weight: 400;
	line-height: 160%;
	text-align: center;
	margin: 0 0 60px 0;
}


/* common_list
------------------------------------ */
ul.common_list{
	width: 100%;
	margin: 0 0 0 30px;
	padding: 0;
}

ul.common_list li{
	width: 100%;
	list-style-type: circle;
	margin: 0 0 10px 0;
	padding: 0;
}

/* 診療案内
------------------------------ */
.treatment_pic{
	width: 400px;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
	float: right;
	margin: 0 0 40px 40px;
	padding: 0;
}

.treatment_pic img{
	width: 100%;
	height: auto;
	object-fit: cover;
}



h4.treatment_catch{
	color: #0bac9d;
	font-size: 21px;
	font-weight:400;
	line-height: 160%;
	margin: 0 0 40px 0;
	padding: 0;
}

.doctor_info{
	width: 665px;
	height: auto;
	border: 3px #75dacf solid;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 15px;
}

.doctor_info p{
	width: 20%;
	height: auto;
	border-radius: 5px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
}

.doctor_info p img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.doctor_info .info{
	width: 75%;
	float: right;
	box-sizing: border-box;
}

.doctor_info .info h4{
	color: #0bac9d;
	font-size: 16px;
	font-weight:400;
	margin: 0 0 15px 0;
}

.doctor_info .info ul{
	width: 100%;
	height: auto;
	margin: 0 0 0 10px;
}

.doctor_info .info ul li{
	width: 50%;
	height: auto;
	font-size: 13px;
	float: left;
}



/* ご相談・初診の流れ
------------------------------ */
ul.mochimono{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

ul.mochimono li{
	width: 48%;
	float: left;
	background: #fef1f2;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 0 4% 0 0;
	padding: 2%;
}

ul.mochimono li:last-child{ margin: 0;}

ul.mochimono li h3{
	width: 100%;
	font-weight: 500;
	border-bottom: 1px solid #d4a9ad;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}

ul.mono_list{
	height: 120px;
	list-style: circle;
	margin: 0;
	padding: 0;
}

ul.mono_list li{
	width: 100%;
	margin: 0 0 10px 15px;
	padding: 0;
}

ul.mono_list li:last-child{
	width: 100%;
	margin: 0 0 0 15px;
	padding: 0;
}


ul.flow_list{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.flow_list li {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #f9f7f2;
	margin: 0 0 60px 0;
	padding: 15px;
}

ul.flow_list li:last-child { margin: 0;}

ul.flow_list li p.pic {
	width: 270px;
	height: 165px;
	float: left;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 30px 0 0;
	padding: 0;
}

ul.flow_list li p.pic img {
	width: 100%;
	height: auto;
	object-fit: cover;
	margin: 0;
	padding: 0;
}

ul.flow_list h4 {
	color: #0bac9d;
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 25px 0;
	padding: 10px 0 0 0;
}


/* ご予約について
----------------------------------------------------- */
.reserve_tel{
	width: 80%;
	height: auto;
	text-align: center;
	border-radius: 10px;
	background: #eef9f8;
	overflow: hidden;
	margin: 50px auto 40px auto;
	padding: 0 0 40px 0;
}

.reserve_tel h3{
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	background: #0bac9d;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 15px;
}

.reserve_tel h4{
	width: 100%;
	height: auto;
	color: #0bac9d;
	font-size: 40px;
	font-weight: 500;
	display: block;
	box-sizing: border-box;
	margin: 40px 0 20px 0;
	padding: 0;
}

.reserve_catch{
	line-height: 170%;
	text-align: center;
}


/* 当院について
----------------------------------------------------- */
table.outline {
	width: 100%;
	border-collapse: collapse;
}

table.outline th.t_top {border-top: #0bac9d 4px solid;}

table.outline th {
	width: 25%;
	background: #f8f7f5;
	border-bottom: #ccc 1px dotted;
	padding: 20px;
}

table.outline td.t_top {border-top: #eee 4px solid;}

table.outline td {
	border-bottom: #ccc 1px dotted;
	text-align: left;
	padding: 20px;
}

.abouttime table{
	width: 100%;
	text-align: center;
	margin: 30px 0 20px 0;
	padding: 0;
}

.abouttime table th{
	width: 12%;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin: 0;
	padding: 18px 0 18px 0;
}

.abouttime table th.title{
	color: #0bac9d;
	font-size: 18px;
}

.abouttime table td{
	width: 6%;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin: 0;
	padding: 18px 0 18px 0;
}


.map_btn{
	width: 50%;
	height: auto;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;
	display: block;
	border-radius: 25px;
	background: #0bac9d;
	margin: 40px auto 10px auto;
	padding: 12px 0 12px 0;
}

.map_btn:hover {
	color: #fff;
	text-decoration: none;
	background: #1dccbb;
}


ul.equip{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

ul.equip li{
	width: 32%;
	height: auto;
	list-style: none;
	float: left;
	margin: 0 2% 4% 0;
	padding: 0;
}

ul.equip li:nth-child(3n){ margin: 0 0 4% 0;}

ul.equip li img{
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 10px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


/* プライバシーポリシー
------------------------------ */
ol.policy_list{
	margin: 0 0 0 20px;
	padding: 0;
}

ol.policy_list li {
	margin: 0 0 10px 0;
}


/* page_nation
--------------------- */

.list_paging {
	overflow: hidden;
	padding: 30px 0 30px 0;
}

/* rewrite start*/
.list_paging .nav-links {
	clear:inherit;
	float: right;
	margin-top:-8px;
	overflow:hidden;
}

.list_paging .page-numbers {
	font-size: 13px;
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
	padding-top:8px;
}

.list_paging .paging .prev {
	float: left;
	padding-top:0px;
	margin: 0 20px 0 0;
}

.list_paging .paging .next {
	float: left;
	padding-top:0px;
	margin: 0 0px 0 0;
}

.list_paging .paging_number {
	font-size: 11px;
	float: left;
}

.list_paging .paging_number span {
	font-weight: bold;
}

.list_paging .paging_sort {
	float: right;
	padding: 4px 0 0;
}

.list_paging .paging_sort span {
	font-weight: bold;
}

.list_paging ul {
	clear: both;
	float: left;
}

.list_paging .paging_prev {
	float: left;
	margin: 0 10px 0 0;
}

.list_paging .paging_next {
	float: left;
}

.list_paging span.paging_prev ,
.list_paging span.paging_next {
	display: block;
	background: #b08637;
	padding: 5px 10px;
	border: 3px solid #b08637;
	color: #fff;
}


/* ブログ用
----------------------------------------------------- */
#blog_area{
	width: 100%;
	margin: 0;
	padding: 0;
}

/* blog_main
--------------------- */
.blog_main{
	width: 70%;
	margin: 0;
	padding: 0;
	float: left;
}

h2.entry_title{
	width: 100%;
	font-size: 18px;
	line-height: 150%;
	background: #faf8f5;
	border-top: 3px solid #0bac9d;
	border-bottom: 1px dotted #ccc;
	box-sizing: border-box;
	margin: 0 0 40px 0;
	padding: 15px 0 15px 10px;
}


.entry_body{
	width: 100%;
	line-height: 160%;
	margin: 0;
	padding: 0;
}

.entry_body p{
	margin: 0 0 20px 0;
	padding:0;
}

.entry_body p img{
	max-width: 100%;
	height: auto;
}

.entry_body img{
	max-width: 100%;
	height: auto;
}


.entry_body h1{ font-size: 26px; line-height: 150%;}
.entry_body h2{ font-size: 24px; line-height: 150%;}
.entry_body h3{ font-size: 22px; line-height: 150%;}
.entry_body h4{ font-size: 20px; line-height: 150%;}
.entry_body h5{ font-size: 14px; line-height: 150%;}
.entry_body h6{ font-size: 12px; line-height: 150%;}


.aligncenter {margin:auto;}
.aligncenter {text-align:center;}

.entry_info{
	width: 100%;
	color: #ddd;
	font-size: 11px;
	text-align: right;
	border-top: #ccc 1px solid;
	margin: 20px 0 35px 0;
	padding: 5px 0 0 0;
}


/* blog_sub
--------------------- */
.blog_sub{
	width: 25%;
	margin: 0;
	padding: 0;
	float: right;
}

.side_title {
	width: 100%;
	color: #fff;
	text-align: left;
	background: #0bac9d;
	border-radius: 5px 5px 0 0;
	box-sizing: border-box;
	margin: 0 0 5px 0;
	padding: 10px;
}


/*-- side_body ----------*/
ul.side_body {
	width: 100%;
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

ul.side_body li {
	width: 100%;
	font-size: 14px;
	border-bottom: 1px #ccc dotted;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
}

.blog_backbtn {
	width: 50%;
	color: #fff;
	text-align: center;
	background: #0bac9d;
	border-radius: 25px;
	box-sizing: border-box;
	margin: 0 auto 0 auto;
	padding: 10px;
}

.blog_backbtn a{
	color: #fff;
	display: block;
}

.blog_backbtn a:hover{
	color: #fff;
}