@charset "utf-8";
.full{
max-width: 1320px;
margin: 0 auto;
}
.j-list .flex_box.col_3{
justify-content: center;
flex-wrap: wrap;
}
.j-list .flex_box.col_3 div{
width : calc(95% / 5) ;
border: 1px solid #ccc;
border-radius: 6px;
background-color: #fff;
margin-bottom: .5em;
}
.j-list .flex_box.col_3 img{
width: 100%;
height: auto;
}
.j-list .flex_box .col_3.empty{
border: none;
background-color: transparent;
}
.j-list .flex_box.col_3 h3{
background-color: #0085AD;
border-radius: 6px 6px 0 0;
color: #fff;
padding: .5em 0;
}
.right_comment_box .box-title-topleft{
margin-top: .5em;
}
.right_comment_box .box-content p, .caution p{
padding-bottom: 0;
}
dl.jimai{
margin: 1em 0;
}
dl.jimai dt{
font-size: 1.3em;
border-bottom: 1px solid #6ac1b7;
font-weight: 700;
}
dl.jimai dt span{
font-size: 1.7em;
color: #6ac1b7;
line-height: 100%;
}
dl.jimai dd{
margin: .5em 0 1em 2em;
}
dl.jimai dd ul li{
border-bottom: 1px dotted #ccc;
margin-bottom: .25em;
}
div.caution{
border: 1px solid #cc0000;
border-radius: 3px;
padding: .5em 1em;
margin-top: 1em;
}
div.caution span{
font-weight: 700;
color: #cc0000;
margin-right: .5em;
}
.search{
background-color:#0085ad;
text-align: center;
color: #fff;
border-radius: 25px;
width: 90%;
margin: .5em auto;
padding: .25em 0;
}
.box-title-topleft{
margin-bottom: .5em;
}
.flex_box.temple_list{
justify-content: space-between;
flex-wrap: wrap;
margin-top: 1em;
}
.flex_box.temple, .flex_box.sea, .shinrin_area{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_box.temple{
width : calc(98.5% / 2) ;
border: 1px solid #ccc;
padding: 1em 1em .5em 1em;
margin-bottom: 1.5%;
}
.flex_box.temple .photo{
	width: 46%;
}
.flex_box.temple .temple_con{
	width: 51%;
}
.otera_name {
font-size: 1.3rem;
color: #000;
line-height: 1.2;
margin-bottom: 10px;
}
.otera_name strong {
font-weight: bold;
font-size: 1.9rem;
color: #360;
}
.temple_con p.type span.so {
color: #D13889;
font-size: 16px;
}
.temple_con p.type span.mo {
color: #B58827;
font-size: 16px;
}
.temple_con p.price {
font-size: 2.2em;
font-weight: 700;
color: #DD003E;
text-align: right;
line-height: 100%;
}
.temple_con p.price span.tax {
font-size: 70%;
font-weight: 700;
color: #000;
}
.temple_con p.plus {
text-align: right;
padding-bottom: 5px;
color: #5F5F5F;
}
#lady {
position: relative;
}
.temple .photo p.woman {
padding: 2px;
font-weight: bold;
font-size: 1.2rem;
color: #fff;
background: #d02870;
text-align: center;
position: absolute;
top: 0;
max-width: 115px;
width: 100%;
margin: 10px 0 0;
}
.flex_box.sea .left{
width: 25%;
}
.flex_box.sea .right{
width: 72%;
}
.shinrin_col_2{
width : calc(98% / 2) ;
border: 1px solid #ccc;
border-radius: 6px;
margin: 1em 0 0;
}
.shinrin_col_2.empty{
border: none;
}
.shinrin_detail p{
padding: 0 1em;
}
.shinrin_col_2 h3{
border-radius: 6px 6px 0 0;
font-size: 1.4em;
}
.shinrin_col_2 h3 a{
text-decoration: none;
color: #fff;
}
.shinrin_col_2 h3 a:hover{
text-decoration: none;
color: #ffff00;
}
.shinrin_col_2 h3 span{
font-size: 1.6em;
line-height: 100%;
}
.shinrin_col_2 h3 span.tax{
font-size: 78%;
}
.o_btn {
text-align: center;
background-color: #b8d200;
color: #fff;
box-shadow: 0 5px 0 #758500;
border-radius: 0.25em;
line-height: 1;
width: 320px;
margin: 1em auto 1.5em;
}
.o_btn a {
color: #fff;
font-weight: 700;
display: block;
padding: 1em 2em 0.8em;
text-decoration: none;
}
@media only screen and (max-width: 768px){
.sp{
display: block;
}
.j-list .flex_box .col_4{
width : calc(98% / 3) ;
}
}