@charset "utf-8";
/* CSS Document */

body {padding: 0px;margin: 0px;line-height: 100%;background-color: #fff;}
.clr {clear: both;}
ul,ol{margin: 2px;}
li{line-height: 160%;}
.pc_br{display: none;}
.textright{text-align: right;}
.textcenter{text-align: center;}
.text160{line-height: 160%;}
.text200{line-height: 200%;}
.text12{font-size: 12px;line-height: 100%;}
.text14{font-size: 14px;line-height: 100%;}
.text12-160{font-size: 12px;line-height: 160%;}
.text14-120{font-size: 14px;line-height: 120%;}
.text14-160{font-size: 14px;line-height: 160%;}
.text18-160{font-size: 18px;line-height: 160%;}
.text21-160{font-size: 21px;line-height: 160%;}
.text-b-aka{font-weight: bold; color: #BF0000;}
.text-b-org{font-weight: bold;	color: #F86D1B;}
.form250{width: 250px;}
.form100{width: 100px;}
p{margin-top: 10px;margin-bottom: 15px;}
.float-right{ float:right;}
.float-left{ float:left;}
.float-left-img{ float:left;margin-right: 5px;}
a:link {color:#1A0DAB;}
a:visited {color:#660099;}
.aka{color: #C50000;font-weight: 800;}
.dtlimg{position: relative;}

.pr{background-color: #f2a6a6;color: #000;width: 25px;padding: 3px;text-align: center;}

ul.yoko{
text-align: left;
	line-height: 180%;
	padding: 0px;
}
ul.yoko li{
	
 display: inline;
	margin: 5px;
}


.osusume{width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;}
/* 上に戻るボタン */
#page-top {color: #000;text-decoration:none;position: fixed;width: 45px;height: 50px;right: 20px;bottom: 40px;z-index: 10;font-size: 14px;text-align: center;font-weight: 600;background-color: #fff;}
#kenmenu {color: #fff;text-decoration:none;position: fixed;width: 100px;right: 20px;bottom: 110px;z-index: 10;font-size: 14px;text-align: center;font-weight: 600;background-color: #000;padding: 10px;}
#machimenu {color: #fff;text-decoration:none;position: fixed;width: 100px;right: 20px;bottom: 160px;z-index: 10;font-size: 14px;text-align: center;font-weight: 600;background-color: #000;padding: 10px;}


.button01 a {display: flex;justify-content: space-between;align-items: center;margin: 20px auto 10px;padding: 1em 2em;color: #333;font-size: 18px;font-weight: 700;background-color:#D5D8B5;transition: 0.3s;font-size: 14px;}
.button01 a::after {content: ''; width: 5px;height: 5px; border-top: 3px solid #333333; border-right: 3px solid #333333;transform: rotate(45deg);
}
.button01 a:hover { text-decoration: none; background-color: #D5D8B5;}



.icon1{    background-color: #738C4D;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon2{    background-color: #ABBF60;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon3{    background-color: #734F43;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon4{    background-color: #BF4E63;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon5{    background-color: #000;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}

.text-area1{padding: 0px 0px 0px 10px;line-height: 180%;}
.waku1{ border: 1px solid #FFBBBC;margin: 10px;padding: 5px;}
.waku2{ border: 1px solid #595238;background-color:#FAFAFA;margin: 10px 0px 10px 0px;padding: 5px;}
.waku3{ border: 1px solid #24a19c; margin: 5px;padding: 10px;font-size: 14px;line-height: 160%;}
.waku4{ border: 1px solid #FFBBBC;background-color:#FFFFEE;margin: 10px 0px 10px 0px;padding: 5px;font-size: 14px; line-height:150%;}

.side_ad{margin-top: 20px;font-size: 14px;border:solid 1px #000; padding: 3px;}

h1 {position: relative;background-color: #f2a6a6;color: #000;padding: 15px;font-size: 18px;line-height: 150%;margin-top: 5px;}
h1:after {position: absolute;content: '';top: 100%;left: 30px;border: 15px solid transparent;border-top: 15px solid #f2a6a6;width: 0;height: 0;}
h2 { color: #fff;  border-top: solid 1px #000;  border-bottom: solid 1px #000;padding: 10px;background-color: #4d4d4d;line-height: 100%;font-size: 16px;}
h2 a:link,h2 a:visited {color: #fff; font-weight: 800;}
h3 {padding: 1rem 0.5rem;border-bottom: 3px solid #000;background: #f4f4f4;font-size: 18px;}
h4 {  border-bottom: 3px dashed #000;}
.title1 {
    color: #152860;/*文字色*/
    padding: 0.5em 0;/*上下の余白*/
    border-top: solid 3px #364e96;/*上線*/
    border-bottom: solid 3px #364e96;/*下線*/
    font-weight: 600;
}



header,footer,nav,#contents,aside,.pan{width: 370px;margin: 0px auto;padding: 0px;} 
header,footer,nav,address,.pan{clear: both}

nav {margin: auto;} 

nav a:link,nav a:visited {color: #000;text-decoration: none;font-size: 16px;font-weight: 800;}
nav ul{margin: 0px;padding: 10px 0px}
nav ul li {display: inline-block;margin-left: 1px; margin-right: 1.5em;}

header{	padding: 5px;	border-bottom: 2px solid #4d4d4d;}
footer{background-color: #E6E6E6;padding: 20px;}

.breadcrumb {  padding-left:0;  margin-left:0;}
.breadcrumb li{  display: inline-block;  list-style: none;  font-weight: normal;}
.breadcrumb li:after{  content: '>';  padding: 0 3px;  color: #000;}
.breadcrumb li:last-child:after{  content: '';}
.breadcrumb li a {    text-decoration: none;    color: #000;}
.breadcrumb li a:hover {    text-decoration: underline;}

main{ clear: both;}
article {}
section {}

.side-submenu{background-color: #EEFFFF;    padding: 5px;}
.side-submenu li{line-height: 200%;}


aside{font-size: 16px;    line-height: 180%;}

.foot-textarea{margin: 20px auto;}

footer{font-size: 14px;color: #000;padding: 20px;}
footer a:link,footer a:visited{color: #000;line-height: 200%;}
.footer-menu ul li {display: inline-block;margin-right: 1em;}
.footer-menu{    float: left;    margin-right: 30px;}
address{font-style: normal;}


dl.dtllist,dl.druglist,dl.dtllist_noprice{
	margin: 0px;
    margint:0px;
	border-bottom:1px solid #FFF;
	background-color:#fff;
	line-height: 160%;
    
}
dl.dtllist dt ,dl.druglist dt,dl.dtllist_noprice dt{
	float:none;
	clear: both;
	font-weight:bold;
	background-color:#fdedf0;
	border-top:1px solid #FFF;
	padding:5px;
	color: #000000;
	margin: 0px;
}
dl.dtllist dd ,dl.druglist dd,dl.dtllist_noprice dd{
	background-color:#ffffff;
	border-top:1px solid #FFF;
	margin-left:10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
dl.dtllist2 dt{background-color:#B6E7F2;}
dl.dtllist3 dt{background-color:#A5A692;}

dl.druglist dt{background-color: #C1ECD8;}

.freec{background-color:#d7003a;color: #fff; font-weight: 600;padding: 3px; margin: 5px;text-align: center;font-size: 14px;line-height: 100%;}
.kiki{background-color:#4184BF;color: #fff; font-weight: 600;padding: 3px; margin: 5px;text-align: center;font-size: 14px;line-height: 100%;}

dl.kenlist,dl.kenlist-side{
	border-bottom:1px solid #FFF;
	margint:5px;
}
dl.kenlist dt,dl.kenlist-side dt{
	clear: left;
	font-weight:bold;
	background-color:#a8caff;
	border-top:1px solid #FFF;
	padding:5px;
	color: #000000;
}
dl.kenlist dd,dl.kenlist-side dd {
	background-color:#ffffff;
	border-top:1px solid #FFF;
	margin-left:10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;

}
.l-foot-link{background-color: #f6ab6c;line-height: 100%;font-weight: 600;padding: 5px;text-align: center;margin: 10px 0px;}
.l-foot-link a{color: #fff;text-decoration-line: none; }

.rank dt{font-size: 18px;line-height: 120%;padding: 10px 5px;background-color: #ffcdbd;margin-top: 50px;font-weight: 800;}
.rank dt a{color: #000;}
.rank dd{font-size: 16px;line-height: 150%;}

.dtlimgtop{width: 300px;float:none;}
.dtl1{float: none;margin-left: 0px; font-size: 18px;line-height: 150%;}
.miselink a {clear: both;display: block;text-align: center;	vertical-align: middle;	text-decoration: none;	width:330px;margin: 15px auto;	padding: 0.5rem 0.5rem;font-weight: bold;border-radius:100vh;border-bottom: 7px solid #76A2E8;	background: #a8caff;color: #333;font-size: 16px;}
a.misekazu {font-size: 16px; line-height: 100%; display: block;text-align: center;vertical-align: middle;text-decoration: none;width: 300px;margin: 10px auto;padding: 0.2rem 1rem;font-weight: bold;border: 1px solid #27acd9;color: #27acd9;transition: 0.5s;}
.dtlmidashi{background-color: #fdedf0;font-weight: 600;padding: 3px}
.surveyday{text-align:right;font-size: 12px;}

.box{ position: relative;}
.boxcenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dtlprice{float: left;line-height: 160%;}

#knowledge{clear: both;}


.submenu_btn a {background: #CEECF2;border-radius: 3px;position: relative;display: flex;justify-content: space-around;align-items: center;margin: 0 auto;max-width: 280px;padding: 10px 25px 10px 10px;color: #000;transition: 0.3s ease-in-out;font-weight: 600;font-size: 14px;}
.submenu_btn a:after {content: '';width: 5px;height: 5px;border-top: 3px solid #313131;border-right: 3px solid #313131;transform: rotate(45deg) translateY(-50%);position: absolute;top: 50%;right: 20px;border-radius: 1px;transition: 0.3s ease-in-out;}
.submenu_btn a:hover:after {border-color: #FFF;}


.m_ttl{background-color: #305473; color: #fff;}
.m_ttl:after{position: absolute;content: '';top: 100%;left: 30px;border: 15px solid transparent;border-top: 15px solid #305473;width: 0;height: 0;}
.m_ttl2 dt {background-color:#D0D7D9; color: #000;}
.mens{background-color: #305473; color: #fff;padding: 5px;}


.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 16:9アスペクト比 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    min-width: 340px;
    margin: 0 auto;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
	height: calc(300px + 300px);
    margin-top: -150px;
}

.dtlimgtop{position: relative;}
.osusume{
width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;}
.storytext{line-height: 180%;}


@media only screen and (min-width: 800px) {
    h1 {font-size: 24px;}    
    h2{font-size: 18px;}
    h3{font-size: 16px;}
    
.dtlimg{width: 300px;float: left;}
.dtlimgtop{width: 250px;float: left;}
.dtlimgtop img{width: 250px;}
.dtl1{float: left;margin-left: 10px;width: 390px;}
.dtladdress,.dtladdress2{width: 380px;float: left;margin-left: 5px;}

.dtlbtn2{width: 280px;}
	
nav a:link,nav a:visited {font-size: 18px;}

header,footer,nav,#contents,.pan{width: 1050px;margin: 0px auto;} 

main{width:700px;float: left;}
aside {float: right;width: 300px;}
article{}
.dtladdress2{width: 690px;float: left;margin-left: 5px;}
	
.pan{
	font-size: 14px;
	line-height: 100%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}


dl.dtllist{
	margin: 0px;
    margint:0px;
	border-bottom:1px solid #FFF;
    width: 100%;
    float:left;
}
dl.dtllist dt {
	clear: left;
	font-weight:bold;
	border-top:1px solid #FFF;
	padding:5px;
	color: #000000;
	margin: 0px;
}
dl.dtllist dd {
	border-top:1px solid #FFF;
	margin-left:10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

	
.iframe-container {
padding-bottom: 56.25%; /* 16:9アスペクト比 */
}
}