@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     :
Style Info :
=================================================================== */

/****************************************************************************

トップページ

****************************************************************************/

#mainCont02 { padding:0; }
#mainCont02 ul { width:100%; margin:0 auto; letter-spacing:-.40em; text-align:center; }
#mainCont02 ul li { width:25%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; letter-spacing:normal; padding:0; background:#fff; outline:#ccc 1px solid; border-bottom:#ccc 1px solid; }
#mainCont02 ul li a,
#mainCont02 ul li div { width:165px; margin:0 auto; }

/* clearfix element */
#mainCont02 ul:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #mainCont02 ul { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #mainCont02 ul { zoom:1; }

#mainCont03 .p_ttl-l_01 { padding-bottom:11px; }

#mainCont05 { margin-top:25px; background-color:#e4e4e4 !important; }
#mainCont05 .pt_list_02 a { font-size:100%; padding-top:15px; padding-bottom:15px; font-weight:normal; color:#555; }

#mainCont06 .registerBtn { margin:15px 0 0 0; }
#mainCont06 .registerBtn a { display:block; width:540px; height:72px; line-height:72px; text-align:center; background:#ed5548; color:#fff; font-size:157.1%; font-weight:bold; margin:0 auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
#mainCont06 .btn01 a { display:block; width:540px; height:72px; line-height:72px; background:#f58b02; text-align:center; color:#fff; font-weight:bold; font-size:157.1%;margin:0 auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

/* 明日以降 */
.set_after #mainCont06 .btn01 a { background:#ed5548 !important; }

@media screen and (max-width:800px){
#mainCont02 ul { width:100%; max-width:560px; letter-spacing:normal; }
#mainCont02 ul li { width:50%; display:block; float:left; padding:0 3px; }
#mainCont02 ul li a,
#mainCont02 ul li div { width:100%; max-width:160px; }
#resonCont ul li:nth-child(2n+1){ clear:left; }

#mainCont03 .p_ttl-l_01 { padding-bottom:3px; }

#mainCont05 { margin-top:10px; }
#mainCont05 .pt_list_02 a { padding-top:11px; padding-bottom:11px; }

#mainCont06 .registerBtn { margin:10px 0 0 0; }
#mainCont06 .registerBtn a { width:100%; height:52px; line-height:52px; font-size:123.1%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#mainCont06 .btn01 a { width:100%; height:52px; line-height:52px; font-size:123.1%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
}

/* スライド - RWD
-------------------------------------------------------------------------- */

#topSlider-wrap { background:#fff; padding:25px 0 0 0; }

#topSlider-ttl { width:100%; min-width:1000px; text-align:center; }
#topSlider-ttl img { width:528px; height:auto; }

#topSlider .list { width:100%; padding:20px 0 25px 0; position:relative; }
#topSlider .list article { width:1000px; margin:0 auto; }

#topSlider .topSlide01 h2 { display:none; }
#topSlider .topSlide01 ul { text-align:center; letter-spacing:-.40em; }
#topSlider .topSlide01 ul li { width:83px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 3px; letter-spacing:normal; }

#topSlider .topSlide02 article { text-align:center; letter-spacing:-.40em; }
#topSlider .topSlide02 article > div { width:322px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; letter-spacing:normal; margin:0 5px; }

/* clearfix element */
.topSlide01 ul:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .topSlide01 ul { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .topSlide01 ul { zoom:1; }

@media screen and (max-width:800px){
#topSlider-wrap { padding:0; border-bottom:#ccc 1px solid;
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
#topSlider-ttl { display:none; }

#topSlider .list { padding:0; }
#topSlider .list article { width:100%; max-width:580px; }

#topSlider .topSlide01 article { padding:4.2% 3px 3px 3px; }
#topSlider .topSlide01 h2 { width:100%; max-width:380px; margin:0 auto; display:block; padding:0 10px; }
#topSlider .topSlide01 ul { padding:4.2% 0 0 0; letter-spacing:normal; }
#topSlider .topSlide01 ul li { width:16.6666%; display:block; float:left; padding:3px; }

#topSlider .topSlide02 article { padding:0 6px 3px 6px; letter-spacing:normal; }
#topSlider .topSlide02 article > div { width:300px; margin:0 auto; padding:3px 0 0 0; }
}

/* SNSボタン - RWD
-------------------------------------------------------------------------- */

#topSnsBtn { width:1000px; margin:0 auto; background:#e0e0e0; }
#topSnsBtn ul { text-align:center; padding:15px 0; }
#topSnsBtn ul li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 10px; }
#topSnsBtn ul li a { display:block; width:51px; }

@media screen and (max-width:800px){
#topSnsBtn { width:100%; }
#topSnsBtn ul { padding:10px 0; }
#topSnsBtn ul li { padding:0 5px; }
#topSnsBtn ul li a { width:38px; }
}

/* 検索関連 - RWD
-------------------------------------------------------------------------- */

#topSearchCont { width:100%; }
#topSearchCont li { border:#ed5548 3px solid; overflow:hidden; margin:0 0 10px 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#topSearchCont li:last-child { margin-bottom:0; }
#topSearchCont li > h3 { font-size:142.9%; line-height:140%; padding:13px 61px 13px 20px; background:#fff; color:#ed5548; font-weight:bold; cursor:pointer; position:relative; background:#f0f0f0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#topSearchCont li > h3:after { content:''; width:21px; height:21px; position:absolute; top:50%; margin:-11px 0 0 0; right:18px; background:URL(/assets/smartphone/img/acd_01_off.png) no-repeat; background-size:100% 100%; }
#topSearchCont li .acdCont { background:#fff; border-top:#ed5548 3px solid; display:none; }
#topSearchCont li .acdCont .acdContInner { padding:15px; }
#topSearchCont li .acdCont .acdContInner .Lcol { width:100%; float:left; margin:0 -110px 0 0; padding:0 130px 0 0; }
#topSearchCont li .acdCont .acdContInner .Lcol > p { font-size:12px; padding:6px 0 0 0; }
#topSearchCont li .acdCont .acdContInner .Rcol { width:110px; float:right; }
#topSearchCont li .acdCont .btnWrap { width:100%; clear:both; background:#e4e4e4; padding:10px 10px; border-top:#ccc 1px solid; }
#topSearchCont li .acdCont .btnWrap > div { width:50%; float:left; padding:0 5px; }
#topSearchCont li .acdCont .btnWrap > div a { display:block; width:100%; height:56px; background:#fff; border:#ccc 1px solid; font-size:18px; font-weight:bold; text-align:center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#topSearchCont li .acdCont .btnWrap > div a span { height:56px; line-height:54px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; background-repeat:no-repeat; background-position:left center; background-size:28px 28px; padding:0 0 0 38px; }
#topSearchCont li .acdCont .btnWrap > div.col01 a span { background-image:URL(/assets/smartphone/img/top/cont_icon_01.png); }
#topSearchCont li .acdCont .btnWrap > div.col02 a span { background-image:URL(/assets/smartphone/img/top/cont_icon_02.png); }

/* 2017/02/04 S.Aoki ADD 【NeoPC】#21832 START */
/* CVタグ用 img タグ */
body > img { height:1px; width:1px; display: none; }
/* 2017/02/04 S.Aoki ADD 【NeoPC】#21832 END */

#topSearchCont li.active > h3 { padding-right:20px; }
#topSearchCont li.active > h3:after { display:none; }

/* 明日以降 */
.set_after #topSearchCont li { border-color:#f58b02;  }
.set_after #topSearchCont li > h3 { color:#f58b02; }
.set_after #topSearchCont li > h3:after { background-image:URL(/assets/smartphone/img/acd_01_after_off.png); }
.set_after #topSearchCont li .acdCont { border-color:#f58b02; }

/* clearfix element */
#topSearchCont li .acdCont .acdContInner:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #topSearchCont li .acdCont .acdContInner { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #topSearchCont li .acdCont .acdContInner { zoom:1; }
#topSearchCont li .acdCont .btnWrap:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #topSearchCont li .acdCont .btnWrap { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #topSearchCont li .acdCont .btnWrap { zoom:1; }

@media screen and (max-width:800px){
#topSearchCont { width:100%; padding:0; }
#topSearchCont li { border:#ed5548 2px solid; margin:0 0 6px 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#topSearchCont li > h3 { font-size:123.1%; line-height:130%; padding:11px 30px 11px 8px; }
#topSearchCont li > h3:after { width:18px; height:18px; margin:-9px 0 0 0; right:8px; }
#topSearchCont li .acdCont { border-top:#ed5548 2px solid; }
#topSearchCont li .acdCont .acdContInner { padding:10px; }
#topSearchCont li .acdCont .acdContInner .Lcol { margin:0 -60px 0 0; padding:0 70px 0 0; }
#topSearchCont li .acdCont .acdContInner .Lcol > p { font-size:10px; padding:3px 0 0 0; }
#topSearchCont li .acdCont .acdContInner .Rcol { width:60px; }
#topSearchCont li .acdCont .btnWrap { padding:10px 7px; }
#topSearchCont li .acdCont .btnWrap > div { padding:0 3px; }
#topSearchCont li .acdCont .btnWrap > div a { height:44px; font-size:12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#topSearchCont li .acdCont .btnWrap > div a span { height:44px; line-height:42px; background-size:23px 23px; padding:0 0 0 26px; }

#topSearchCont li.active > h3 { padding-right:8px; }
}

/* 現在地から検索 <<< common.cssに現在地モーダルのスタイルがある為、削除
-------------------------------------------------------------------------- */