@charset "UTF-8";

/* css読み込み最終的にすべてcommon.cssに結合 */
@import url("details.css?20230104");
@import url("favoritelists.css");
@import url("inquiry.css?20191224");
@import url("lists.css?20210302");
@import url("searches.css");
@import url("shopdetails.css?20210210");
@import url("shoplists.css?20210210");
@import url("toutop.css");
@import url("bukkenslider.css?20200730");


/* ヘッダのみ別ページでも使用予定あり */
@import url("header.css");

/* ------------------------------------------
common
--------------------------------------------- */
body {
	color:#000111;
}
/* link color */
a {
	color: #163393;
}
a:hover, a:active {
	color: #3465c9;
}

/* float */
.fl{float:left;}
.fr{float:right;}
.cfov{overflow: hidden;}
.clr{
	clear: both;
	font-size:0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}
.cf:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

/* text-align */
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

/* display */
.dp_in{display:inline;}
.dp_inb{display:inline-block;}
.dp_b{display:block;}
.dp_table{display:table;}
.dp_tablecell{display:table-cell;}

/* vertical-align */
.v_m{vertical-align:middle;}
.v_t{vertical-align:top;}
.v_b{vertical-align:bottom;}

/* font-size */
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}

/* font-color */
.c_pink{color:#ff48af;}
.c_red{color:#ff6666;}
.c_gray{color:#a5a5a5;}
.c_lgray{color:#bfbfbf;}

.c_blue{color:#153393;}
.c_lblue{color:#0d89cc;}


/* font-weight */
.text_b{font-weight:bold;}
.text_n{font-weight:normal;}

/* font-letter-spacing */
.lsm03{letter-spacing:-0.03em;}
.lsm05{letter-spacing:-0.05em;}
.lsm1{letter-spacing:-0.1em;}





/* margin padding */
.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m30{margin:30px;}.m40{margin:40px;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p30{padding:30px;}.p40{padding:40px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}

.ptb0{padding-top:0;padding-bottom:0;}
.plr0{padding-left:0;padding-right:0;}
.plrm15{padding-left:-15px;padding-right:-15px;}
.plrm30{padding-left:-30px;padding-right:-30px;}
.pt0{padding-top:0px;}
.pb0{padding-bottom:0px;}
.pl0{padding-left:0;}
.pr0{padding-right:0;}

.mtb0{margin-top:0;margin-bottom:0;}
.mlr0{margin-left:0;margin-right:0;}
.mlrm15{margin-left:-15px;margin-right:-15px;}
.mlrm20{margin-left:-20px;margin-right:-20px;}
.mlrm30{margin-left:-30px;margin-right:-30px;}
.mt0{margin-top:0px;}
.mb0{margin-bottom:0px;}
.ml0{margin-left:0;}
.mr0{margin-right:0;}


/* background */
.bg_gray{background-color:#808080;}
.bg_lgray{background-color:#f4f4f4;}
.bg_white{background-color:#fff;}
.bg_blue{background-color:#153393;}



/* width % */
.wp10{width: 10%;}
.wp20{width: 20%;}
.wp30{width: 30%;}
.wp40{width: 40%;}
.wp50{width: 50%;}
.wp60{width: 60%;}
.wp70{width: 70%;}
.wp80{width: 80%;}
.wp90{width: 90%;}
.wp100{width:100%;}

.w1000{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	overflow: hidden;
}


/* border */
.hr_blue_t3{border-top: 3px solid #013b96;}
.hr_gray_t1{border-top: 1px solid #e2e2e2;}
.hr_gray_b1{border-bottom: 1px solid #e2e2e2;}


/* underline */
.u_line a,a.u_line{text-decoration: underline;}
.u_line a:hover, a.u_line:hover{text-decoration: none ;}




/* ------------------------------------------
 input select
--------------------------------------------- */
input[type="text"]{
	font-size:14px;
	border-radius: 3px;
	padding:10px;
	border:1px solid #a0a0a0;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#FFF url(../img/select_arrow.png) no-repeat;
	background-position: 97% center;
	padding: 6px 16px 6px 4px;
	border-radius: 3px;
	border:1px solid #a0a0a0;
	height:40px;
}
:root select.form-control{padding: 6px 3px 6px 4px \0/IE9; }
select::-ms-expand {
	display: none;
}

/* ------------------------------------------
 checkbox_img
--------------------------------------------- */
input[type=radio],
input[type=checkbox] {
	display: none;
}
.checkbox label,
label.checkbox{
	position: relative;
	padding: 0 0 0 28px;
}
.checkbox_l label,
label.checkbox_l{
	position: relative;
	padding: 0 0 0 34px;
}
.radio label,
label.radio{
	position: relative;
	padding: 0 0 0 28px;
}
.refine_search label{
	position: relative;
	padding: 0 0 0 25px;
	margin:5px 5px 5px 0 ;
}
.radio label{
	position: relative;
	padding: 0 0 0 28px;
}
label .checkbox_img{
	position: absolute;
	left: 0;
	top: -3px;
	display: block;
	background: url(../img/checkbox_img.png) no-repeat 0 0;
	width: 21px;
	height: 21px;
}
.matome_checkbox{
/*	background:#f4f4f4; */
}
.matome_checkbox.checked{
	background:#fff5d2;
}
label input:checked + .checkbox_img{
	background-position: 0 -21px;
}
label .checkbox_img_l{
	position: absolute;
	left: 0;
	top: -4px;
	display: block;
	background: url(../img/checkbox_img_l.png) no-repeat 0 0;
	width: 29px;
	height: 29px;
}
label .checkbox_img_all{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, 30%);
	background: url(../img/checkbox_img_l.png) no-repeat 0 0;
	width: 29px;
	height: 29px;
}
label input:checked + .checkbox_img_l,
label input:checked + .checkbox_img_all{
	background-position: 0 -29px;
}

label .radio_img{
	position: absolute;
	left: 0;
	top: -3px;
	display: block;
	background: url(../img/radio_img.png) no-repeat 0 0;
	width: 21px;
	height: 21px;
}
label input:checked + .radio_img{
	background-position: 0 -20px;
}

/* ------------------------------------------
 search_wrap
--------------------------------------------- */

div#container{
	padding-bottom:50px;
}

/* search_wrap */

.search_wrap h3{
	border-bottom:2px solid #d2d6e7;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom:20px;
	padding-bottom:10px;
}
.box_authority_column h2 span{
	border-top:2px solid #d2d6e7;
	margin-top:20px;
	padding-top:10px;
	font-size: 14px;
}
.box_authority_column h2 span strong{font-size:18px;font-weight: bold;}



.mod_box_authority_btm .title_border{
	border-bottom:2px solid #d2d6e7;
	margin-bottom:0px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 0 0 10px 0;
}


.search_wrap p{font-size:14px;margin-left:30px;}
.search_wrap p strong{font-size:18px;font-weight: bold;}
.box_authority_column .mod_box_authority_btm,
.search_wrap .search_type{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.search_wrap .search_feelings{
	float:none;
	width:100%;
}
.search_wrap ul{
	margin-top:0px;
	padding: 20px 30px;
}
.search_wrap ul li{
	padding-bottom:10px;
	margin-right:10px;
}

/* bottom_text */
.bottom_text{
	margin-top:30px;
}
.bottom_text p{
	line-height:150%;
}


.mod_checked{
	background:none!important;
}


#contentSubColumn .btn_research {
	border-bottom: 1px solid #e6e8ec;
	background-color: #e6e8ec;
}

#contentSubColumn .btn_research:after {
	border-bottom-color: #e6e8ec;
}


.mod_btn_append_search {
	padding-left: 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: relative;
	left: 0px;
	vertical-align: baseline;
	background:none;
	font-size: 20px;
	text-align:center;
}


/* ------------------------------------------
 recommend
--------------------------------------------- */
#rtensen_pc_rireki,
#rtarea_pc_rireki {
	padding: 30px 0 40px 0;
	margin-left: -30px;
}

#rtdetail_pc_osusume h2,
#rtdetail_pc_rireki h2{
	border-bottom:none;
	margin-bottom:0;
}

#rtdetail_pc_osusume,
#rtdetail_pc_rireki{
	padding:30px 0 40px 0;
}


 /* modal style
------------------------------------------------*/
.wrp_tel_modal {
	display: none;
	width: 940px;
	zoom: 1;
}
.wrp_tel_modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1100;
	margin-top: -285px;
	margin-left: -470px;
	opacity: 0;
}
.wrp_tel_modal h2 {
	padding: 20px 20px 20px 28px;
	background: #FFF url(/static/detail/images/icn_plus.gif) no-repeat 946px 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	font-size: 24px;
	font-weight: bold;
	color: #013B96;
}
.wrp_tel_modal .modal_close {
	position: absolute;
	top: 4px;
	right: -25px;
	width: 52px;
	height: 52px;
	z-index: 2;
	cursor:pointer;
}
.inner_tel_modal {
	margin-top: 30px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background: #FFF;
}
.wrp_tel_modal .modal_close:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
}

.inner_tel_modal .tel_modal_contents {
	position: relative;
	*zoom: 1;
	padding: 20px 30px 50px;
	border-top: 2px solid #e6e8ec;
}
.inner_tel_modal .tel_modal_contents .tel_modal_contents_thumb {
	float: left;
	width: 202px;
	margin-right: 23px;
}
.inner_tel_modal .tel_modal_contents .tel_modal_contents_txt {
	float: left;
	width: 655px;
}
.inner_tel_modal .tel_modal_contents .telnum {
	margin-top: 10px;
	color: #ff48af;
	font-size: 50px;
	background: url(/static/shared/images/icon/icn_phone_l.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left:40px;
	font-weight: bold;
}
.inner_tel_modal .tel_modal_contents .txt {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
.inner_tel_modal .tel_modal_contents .icn_free {
	margin-top: 10px;
	color: #fff;
	background-color: #ff48af;
	border-radius: 15px;
	padding: 4px 18px;
	font-size: 18px;
	display: inline-block;
}
.inner_tel_modal .caution_lists {
	margin-top: 5px;
	padding: 13px;
	background-color: #ffecf7;
}
.inner_tel_modal .caution_lists li {
	line-height: 1.4;
}
.inner_tel_modal .caution_lists li > div {
	display: table;
	width: 100%;
}
.inner_tel_modal .caution_lists .icn_kome {
	display: table-cell;
	width: 1em;
}
.inner_tel_modal .caution_lists .caution_lists_txt {
	display: table-cell;
}
.inner_tel_modal .caution_lists li .em {
	font-weight: bold;
}
.inner_tel_modal .contact_from_web {
	margin-top: 10px;
}
.inner_tel_modal .contact_from_web_inner {
	display: inline-block;
}
.inner_tel_modal .contact_from_web_inner span {
	background: url(/static/shop/images/icn_btn_pc.gif) no-repeat 20px center;
	padding-left: 60px;
	display: table-cell;
	height: 40px;
	width: 300px;
	text-align: center;
	vertical-align: middle;
	*display: block;
	*padding-top: 20px;
	font-size: 18px;
}
.inner_tel_modal .contact_from_web_txt {
	margin-top: 38px;
	font-size: 22px;
	font-weight: bold;
}
.inner_tel_modal .tel_modal_contents .shop_num strong {
	font-weight: bold;
	color: #ff48af;
}
.inner_tel_modal .contact_from_web_inner .mod_btn_all_green::before {
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-right-color: #e3eddc;
    border-bottom-color: #e3eddc;
}
.inner_tel_modal .contact_from_web_inner .mod_btn_all_green{
    border: 2px solid rgb(55, 137, 0);
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    color: rgb(55, 137, 0);
}

.inner_tel_modal .contact_from_web_inner span {
    background: url(/static/detail/images/9de84b024e7dc1207a57508596b03bb34df3d527.png) no-repeat 20px center;
    padding-left: 60px;
    display: table-cell;
    height: 40px;
    width: 300px;
    text-align: center;
    vertical-align: middle;
    *display: block;
    *padding-top: 20px;
    font-size: 18px;
}