@charset "utf-8";

/* 共通
------------------------- */
#contents {
    font-size: 14px;
    padding-bottom: 0;
}

#article {
    width: 100%;
    margin-top: 0;
}

#article section h2 {
    position: relative;
    z-index: 1;
	color: #000;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
    line-height: 1.2;
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_underline.png") no-repeat 50% 100%;
    padding-bottom: 10px;
	margin-bottom: 40px;
}

#article section a {
	text-decoration: none;
	-webkit-transition: all .3s;
    transition: all .3s;
}

#article section .note {
    font-weight: bold;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: -0.02em;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 8px;
}
#article section .note.f_14 {font-size: 14px;}

#article .inner {
	width: 1018px;
	margin: 0 auto 40px;
    padding-top: 0;
}

#article .schedule li,
#article .schedule li dl dt,
#article .schedule li dl dd {
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

#article .schedule li {margin-right: 10px;}

#article .schedule li:last-child {margin-right: 0;}

#article .schedule li dl dt {font-weight: bold;}

#article .btn_box {
	width: 720px;
	height: 85px;
	margin: 0 auto 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f38200;
  background: -moz-linear-gradient( #f5982c 0%, #f5982c 50%, #f38200 50%, #f38200 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f5982c), color-stop(50%, #f5982c), color-stop(50%, #f38200), to(#f38200));
  background: -webkit-linear-gradient( #f5982c 0%, #f5982c 50%, #f38200 50%, #f38200 100%);
  background: -o-linear-gradient( #f5982c 0%, #f5982c 50%, #f38200 50%, #f38200 100%);
  background: linear-gradient( #f5982c 0%, #f5982c 50%, #f38200 50%, #f38200 100%);
}

#article .btn_box a {
	display: block;
	height: 85px;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 92px;
	background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_double_arrow_bottom.png") no-repeat 95% 42%;
}

#article .btn_box a:hover {
	background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_double_arrow_bottom.png") no-repeat 95% 52%;
}

#overview_area,
#flow_area,
#application_area,
#main_area,
#merit_area {padding-top: 90px;}

#overview_area .inner,
#flow_area .inner,
#application_area .inner,
#main_area .inner,
#merit_area .inner {
    position: relative;
}

#overview_area .inner:after,
#flow_area .inner:after,
#application_area .inner:after,
#main_area .inner:after,
#merit_area .inner:after {
    position: absolute;
    top: -160px;
    right: 30px;
    z-index: 0;
    color: #F2F2F2;
    font-family: 'Roboto', sans-serif;
    font-size: 124px;
    letter-spacing: -0.02em;
    filter: alpha(opacity=0.6);
    -moz-opacity:0.6; opacity:0.6;
}

#application_area .inner:after {
    filter: alpha(opacity=0.3);
    -moz-opacity:0.3; opacity:0.3;
}

/* ヘッダー
------------------------- */
#header {
    /*width: 1018px;
    margin: 0 auto;*/
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 50px;
}

/* メインビジュアル
------------------------- */
#signboard_area {
  margin-bottom: 20px;
  position: relative;
}

#signboard_area .inner {width: auto;}

#signboard_area .finish_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  font-size: 80px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: rgba(000,0,0,0.8);
  height: 100%;
}

#signboard_area .finish_overlay span {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  text-align: center;
  width: 100%;
}


/* キャンペーンエリア
------------------------- */
#campaign_area {text-align: center;}

#contents #campaign_area h2 {
    background: none;
    padding-bottom: 0;
}

#campaign_area .inner {margin-bottom: 60px;}

#campaign_area .note_postponement p {
    background: #ffe8e9;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-align: left;
    padding: 25px 35px 30px 35px;
    margin: 30px 125px;
}

/* 写真エリア
------------------------- */
#photo_area {margin-bottom: 40px;}

#photo_area .inner {width: auto;}

#photo_area .photo_wrap {
    position: relative;
    height: 500px;
    margin: 50px 0;
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_stadium.png") no-repeat left bottom;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#photo_area .photo_box,
#photo_area .band_box span,
#photo_area .btn_box,
#photo_area .note {
    width: 1018px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

#photo_area .photo_box {position: relative;}

#photo_area .photo_box .img {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 2;
}

#photo_area .band_box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 110px;
    background: #D80C18;
}

#photo_area .band_box span {
    display: block;
    color: #FFF;
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    padding: 25px 0 0 350px;
    margin: 0 auto;
}

#photo_area .btn_box,
#photo_area .note {text-align: center;}

/* メニューエリア
------------------------- */
#menu_area {
    width: 100%;
    height: 110px;
    background: #C01;
}

#menu_area .inner {width: 1015px;}

#menu_area .inner ul {overflow: hidden;}

#menu_area .inner ul li {
    float: left;
    width: 203px;
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_border_side.png") no-repeat right center;
}

#menu_area .inner ul .last {background: none;}

#menu_area .inner ul li a {
    display: block;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 46px 10px;
}

#menu_area .inner ul li a span {
    border-bottom: 6px solid #C01;
    webkit-transition: all .3s;
    transition: all .3s;;
    
}

#menu_area .inner ul li a:hover span {border-bottom: 6px solid #FFF;}

/* 概要
------------------------- */
#overview_area {text-align: center;}

#overview_area .inner:after {content: "SUMMARY";}

#overview_area .inner h3 {
    width: 100%;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    background: #000;
    margin-bottom: 30px;
}

#overview_area .inner dl {
    line-height: 1.4;
    padding: 0;
}

#overview_area .inner dl dt,
#overview_area .inner dl dd p span {
    font-size: 32px;
    font-weight: bold;
}

#overview_area .inner dl dt {color: #C01;}

#overview_area .inner dl dd p {margin-bottom: 10px;}

#overview_area .inner dl dd p span {
    color: #000;
    font-size: 32px;
}

#overview_area .inner dl dd .schedule {padding: 0;}

#overview_area .inner dl dd .schedule li dl dt {
    color: #444;
    font-size: 14px;
}

/* 応募の流れ
------------------------- */
#flow_area .inner:after {content: "HOWTO";}

#flow_area .inner .list_box {
	width: 960px;
	margin: 0 auto 40px;
}

#flow_area .inner .list_box li {
	float: left;
	width: 221px;
	margin-right: 25px;
}

#flow_area .inner .list_box .last {
	margin-right: 0;
}

#flow_area .inner .list_box li .font_red {
	color: #EA292C;
	font-weight: bold;
}

#flow_area .inner .list_box li {
	float: left;
	text-align: left;
}

#flow_area .inner .list_box li dl dt {
	text-align: center;
	margin-bottom: 15px;
}

#flow_area .inner .list_box li dl dd p {
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: -0.02em;
	text-align: left;
}

#flow_area .inner .notice li {
	margin: 10px 0 0 0;
	font-size: 12px;
}

#article .notice_txt {
  font-weight: bold;
  font-size: 18px;
  color: #ff0000;
  margin-bottom: 5px;
}

#article .btn_application {
  width: 860px;
  position: relative;
  margin: 0px auto 60px;
}

#article .btn_application a {
	display: block;
	color: #FFF;
	font-size: 35px;
	font-weight: bold;
	line-height: 120px;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #1a00f6 url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_btn-arrow02.png") no-repeat 95% 50%;
}

#article .btn_application a:hover {
	background: #1a00f6 url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_btn-arrow02.png") no-repeat 98% 50%;
	filter: alpha(opacity=80);
	-moz-opacity:0.8; opacity:0.8;
	zoom: 1;
}

/* キャンペーン終了時使用 */
#flow_area .btn_application span.finish_overlay {
  font-size: 40px;
  line-height: 121px;
  -webkit-border-radius: 5px;
	border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: rgba(000,0,0,0.8);
}




/* 応募要項
------------------------- */
#application_area {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_back_rules.png") no-repeat right top;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 80px;
}

#article #application_area h2 {color: #FFF;}

#application_area .inner:after {
  content: "RULES";
  top: -220px;
}

#application_area .inner .scroll_box {
    overflow: auto;
    width: 1000px;
    height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
    background: #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 30px 10px 30px;
    margin: 0 auto;
}

#application_area .inner .scroll_box h3 {
    color: #C01;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 20px;
}

#application_area .inner .scroll_box p,
#application_area .inner .scroll_box dl {margin-bottom: 20px;}

#application_area .inner .scroll_box p span {
  color: #EA292C;
	font-size: 12px;
}

#application_area .inner .scroll_box p span.border_b {border-bottom: 1px solid #cccccc;}

#application_area .inner .scroll_box dl dt,
#application_area .inner .scroll_box dl dd {
    display: block;
    /display: inline;
    /zoom: 1;
}
#application_area .inner .scroll_box dl dd {
  border-bottom: 3px solid #000000;
	border-top: 3px solid #000000;
	padding: 10px 0;
}

#application_area .inner .scroll_box dl dt {font-weight: bold;}

/* 作業メニューから対象店舗を探す
------------------------- */
#main_area {margin-bottom: 50px;}

#main_area .inner:after {
    content: "SEARCH";
    top: -218px;
}

#main_area .smart_wrap {
    width: 960px;
    margin: 0 auto 60px;
}

#main_area .smart_wrap .smart_link {
    overflow: hidden;
    margin-bottom: 50px;
}

#main_area .smart_wrap .smart_link li {
    float: left;
    width: 155px;
    height: 44px;
    margin: 0 6px 6px 0;
}

#main_area .smart_wrap .smart_link .mr0 {margin-right: 0;}

#main_area .smart_wrap .smart_link .special_link {
    position: relative;
    width: 234px;
    height: 159px;
    margin: 0 8px 8px 0;
}

#main_area .smart_wrap .smart_link .special_link.mr0 {margin-right: 0;}

#main_area .smart_wrap .smart_link li a {
    display: block;
    height: 42px;
    color: #e87c05;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
    background: #FFF;
    border: 1px solid #e87c05;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#main_area .smart_wrap .smart_link .special_link a {
    display: table-cell;
    width: 234px;
    height: 159px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    border: none;
    padding-bottom: 16px;
}

#main_area .smart_wrap .smart_link .special_link .active,
#main_area .smart_wrap .smart_link .special_link :hover {border: none;}

#main_area .smart_wrap .smart_link .special_link .menu_40106010 {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_recombination.png") no-repeat 0 0;
}
#main_area .smart_wrap .smart_link .special_link .menu_40106010.active {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_recombination_active.png") no-repeat 0 0;
}

#main_area .smart_wrap .smart_link .special_link .menu_40107010 {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_desorption.png") no-repeat 0 0;
}
#main_area .smart_wrap .smart_link .special_link .menu_40107010.active {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_desorption_active.png") no-repeat 0 0;
}

#main_area .smart_wrap .smart_link .special_link .menu_401203010 {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_fitting.png") no-repeat 0 0;
}
#main_area .smart_wrap .smart_link .special_link .menu_401203010.active {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_fitting_active.png") no-repeat 0 0;
}

#main_area .smart_wrap .smart_link .special_link .menu_202018010 {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_oil_exchange.png") no-repeat 0 0;
}
#main_area .smart_wrap .smart_link .special_link .menu_202018010.active {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/img_oil_exchange_active.png") no-repeat 0 0;
}

#main_area .smart_wrap .smart_link .special_link .menu_40106010.active,
#main_area .smart_wrap .smart_link .special_link .menu_40107010.active,
#main_area .smart_wrap .smart_link .special_link .menu_401203010.active,
#main_area .smart_wrap .smart_link .special_link .menu_202018010.active {
    -webkit-transition: none;
    transition: none;
    -moz-text-shadow: 3px 3px 2px #000;
    -webkit-text-shadow: 3px 3px 2px #000;
    text-shadow: 3px 3px 2px #000;
}

#main_area .smart_wrap .smart_link .special_link a span {
    display: block;
    line-height: 1.2;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_arrow_bottom_02.png") no-repeat 91% 77%;
    webkit-transition: all .3s;
    transition: all .3s;
    font-size: 19px;
    padding-left: 18px;
}

#main_area .smart_wrap .smart_link .special_link a span.one_row {line-height: 3.4;}

#main_area .smart_wrap .smart_link .special_link a:hover span {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_arrow_bottom_02.png") no-repeat 91% 100%;
}

#main_area .smart_wrap .smart_link li .active {
    color: #FFF;
    background: #e87c05;
    border: 1px solid #e87c05;
}

#main_area .smart_wrap .smart_link li a:hover {
    color: #FFF;
    background: #e87c05;
    border: 1px solid #e87c05;
}

#main_area .smart_wrap .smart_link li a span {
    display: table-cell;
    height: 42px;
    width: 155px;
    vertical-align: middle;
    padding: 0 10px;
}

#main_area .smart_wrap .smart_link li .multiline .left {text-align: left;}

#main_area .smart_content {
    overflow: hidden;
    padding-bottom: 50px;
}

#main_area .smart_content .hidden {display: none;}

#main_area .smart_content h4 {
    display: block;
    height: 104px;
    line-height: 104px;
    border: 1px solid #cccccc;
    margin-bottom: 25px;
    padding: 0 20px;
}

/* 作業メニュータイトル背景画像 */
#main_area .smart_content #box_40106010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_tire_exchange.png") no-repeat right center;}
#main_area .smart_content #box_40107010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_tire_removal.png") no-repeat right center;}
#main_area .smart_content #box_401202010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_carnavi.png") no-repeat right center;}
#main_area .smart_content #box_401203010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_dashcam.png") no-repeat right center;}
#main_area .smart_content #box_401204010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_etc.png") no-repeat right center;}
#main_area .smart_content #box_401408010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_seatcover.png") no-repeat right center;}
#main_area .smart_content #box_40909010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_headlight.png") no-repeat right center;}
#main_area .smart_content #box_409010010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_taillamp.png") no-repeat right center;}
#main_area .smart_content #box_401305010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_battery.png") no-repeat right center;}
#main_area .smart_content #box_405011010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_brakepads.png") no-repeat right center;}
#main_area .smart_content #box_3013016010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_stepping_stone.png") no-repeat right center;}
#main_area .smart_content #box_202018010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_oilchange.png") no-repeat right center;}
#main_area .smart_content #box_101017010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_car_inspection.png") no-repeat right center;}
#main_area .smart_content #box_10301010 h4 {background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/img_ttl_12months.png") no-repeat right center;}

#main_area .smart_content h4 span,
#main_area .smart_content section .left_box h5 span {
    color: #333;
    font-weight: bold;
}

#main_area .smart_content h4 span {
    height: 40px;
    font-size: 23px;
    border-left: 10px solid #dd5e59;
    padding: 7px 15px;
}

#main_area .smart_content section {display: none;}

#main_area .smart_content section.box_active {display: block;}

#main_area .smart_content section section {
    display: block;
    padding: 0 40px;
}

#main_area .smart_content section .lead {
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 50px;
}

#main_area .smart_content section .reservation_btn_box {overflow: hidden;}

#main_area .smart_content section .left_box {
    float: left;
    width: 376px;
}

#main_area .smart_content section .left_box h5 {margin-bottom: 15px;}

#main_area .smart_content section .left_box h5 span {
    height: 14px;
    font-size: 14px;
    border-left: 4px solid #dd5e59;
    padding-left: 10px;
}

#main_area .smart_content section .left_box section {
    padding: 0;
    margin-bottom: 30px;
}

#main_area .smart_content section .left_box section .inactive,
#main_area .smart_content section .right_box .booking form .inactive  {display: none;}

#main_area .smart_content section .left_box section .car {margin: 0 0 10px 10px;}

#main_area .smart_content section .left_box section .car li {
    display: inline-block;
    margin-right: 20px;
}

#main_area .smart_content section .left_box section .car li label {
    position: relative;
    background:url("https://img.goo-net.com/goopit/assets/img/lp/smart/btn_radio_off.png") no-repeat 0 center;
    padding: 3px 0;
}

#main_area .smart_content section .left_box section .car li label.on {
    position: relative;
    background:url("https://img.goo-net.com/goopit/assets/img/lp/smart/btn_radio_on.png") no-repeat 0 center;
}

#main_area .smart_content section .left_box section .car li label span {padding-left: 25px;}

#main_area .smart_content section .left_box section .car li label input {
    top: 0;
    left: 0;
    height: 18px;
    width: 100%;
    filter: alpha(opacity=0);
    -moz-opacity:0; opacity:0;
    position: absolute;
    outline:none;
    margin: 0;
}

#main_area .smart_content section .left_box section select {width: 100%;}

#main_area .smart_content section .left_box section .output dl {
    display: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #FFEFEF;
    padding: 15px;
}

#main_area .smart_content section .left_box section .output dl.active {display: block;}

#main_area .smart_content section .left_box section .output dl dt {
    font-size: 12px;
    border-left: 4px solid #dd5e59;
    padding-left: 4px;
    margin-bottom: 10px;
}

#main_area .smart_content section .left_box section .output dl dd {
    font-size: 11px;
    padding-left: 10px;
}

#main_area .smart_content section .left_box section .output dl dd ul li {margin-bottom: 5px;}

#main_area .smart_content section .left_box section .output dl dd .note {font-size: 9px;}

#main_area .smart_content section .left_box section .area_tab_area {width: 376px;}

#main_area .smart_content section .left_box section .area_tab_area .area_tab_link li a {
    color: #707070;
    border: none;
    background: #CFCFCF;
}

#main_area .smart_content section .left_box section .area_tab_area .area_tab_link li .active {
    color: #FFF;
    background: #707070;
}

#main_area .smart_content section .left_box section .area_tab_area .area_tab_link li a:hover {
    color: #FFF;
    background: #707070;
}

#main_area .smart_content section .left_box section .area_tab_area .area_tab_link li a span {
    background: url("https://img.goo-net.com/goopit/assets/img/lp/smart/icon_tab_arrow_grey.png") no-repeat right center;
}

#main_area .smart_content section .left_box section .area_tab_area .form_wrap {border: 1px solid #707070;}

#main_area .smart_content section .left_box section .area_tab_area .form_wrap .input_box,
#main_area .smart_content section .left_box section .area_tab_area .form_wrap .select_box {width: 100%;}

#main_area .smart_content section .left_box section .area_tab_area .form_wrap .select_box select {width: 184px;}

#main_area .smart_content section .left_box section .area_tab_area .form_wrap .select_box .city {
    width: 185px;
    border-left: 1px solid #707070;
    margin-left: 5px;
}

#main_area .smart_content section .right_box,
#article .under_area .right_box {
    float: right;
    width: 426px;
}

#main_area .smart_content section .right_box .note_list {margin-bottom: 50px;}

#main_area .smart_content section .right_box .note_list li {font-size: 11px;}

#main_area .smart_content section .right_box .booking form .menu-modal_inactive,
#main_area .smart_content section .right_box .booking form .menu-modal_open input {
    display: block;
    width: 100%;
    height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    webkit-transition: all .3s;
    transition: all .3s;
}

#main_area .smart_content section .right_box .booking form .menu-modal_inactive {
    color: #888;
    background: #CFCFCF;
}

#main_area .smart_content section .right_box .booking form .menu-modal_open input {
    color: #FFF;
    background: #539B33;
    border: none;
    outline: none;
}

#main_area .smart_content section .right_box .booking form .menu-modal_open input:hover {background: #88E053;}

#main_area .smart_content h4 span {border-left: 10px solid #e87c05;}

#main_area .smart_content section .left_box h5 span {border-left: 4px solid #e87c05;}

#main_area .select_box,
#campaign_area .select_box,
#flow_area .select_box,
#merit_area .select_box {
    display: table;
    width: 780px;
    border: 4px solid #ea292c;
    border-radius: 9px;
    background: #FFF;
    margin: 0 0 0 28px;
}

#main_area .select_box li,
#campaign_area .select_box li,
#flow_area .select_box li,
#merit_area .select_box li {
    display: table-cell;
    vertical-align: middle;
}

#merit_area .select_box li {
    width: auto;
    float: none;
    margin-right: 0;
    text-align: right;
}

#main_area .select_box li.btn,
#campaign_area .select_box li.btn,
#flow_area .select_box li.btn,
#merit_area .select_box li.btn {
    vertical-align: middle;
    border-right: none;
}

#main_area .select_box li.btn a,
#campaign_area .select_box li.btn a,
#flow_area .select_box li.btn a,
#merit_area .select_box li.btn a {
    padding: 12px 20px 12px 26px;
    display: block;
}

#main_area .select_box li.btn a:hover,
#campaign_area .select_box li.btn a:hover,
#flow_area .select_box li.btn a:hover,
#merit_area .select_box li.btn a:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6; opacity:0.6;
    zoom: 1;
}

#main_area .select_box li span,
#campaign_area .select_box li span,
#flow_area .select_box li span,
#merit_area .select_box li span {
    display: block; 
    background: url(https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/bg_select_box.png) no-repeat 100% 50%;
}

#main_area .select_box li select,
#campaign_area .select_box li select,
#flow_area .select_box li select,
#merit_area .select_box li select {
    display: table-cell;
    width: 335px;
    height: 65px;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: url(https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_arrow_bottom.png) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 12px;
    margin-bottom: 0;
    color: #333;
    font-size: 18px;
}

#main_area .select_box li select:focus,
#campaign_area .select_box li select:focus,
#flow_area .select_box li select:focus,
#merit_area .select_box li select:focus {
    outline: 0;
}

/* オンライン予約のメリット
------------------------- */
#merit_area .inner:after {content: "MERIT";}

#merit_area ul {overflow: hidden;}

#merit_area ul li {
    float: left;
    width: 262px;
    text-align: left;
    margin-right: 87px;
}

#merit_area ul .mr0 {margin-right: 0;}

#merit_area ul li dl dt {margin-bottom: 20px;}

#merit_area ul li dl dd p span {
    display: block;
    color: #EA292C;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

#main_area .select_wrap,
#campaign_area .select_wrap,
#flow_area .select_wrap,
#merit_area .select_wrap {
    display: table;
    width: 1018px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #dadada;
    margin: 100px auto 90px;
    padding: 35px;
}

#main_area .select_wrap dt,
#main_area .select_wrap dd,
#campaign_area .select_wrap dt,
#campaign_area .select_wrap dd,
#flow_area .select_wrap dt,
#flow_area .select_wrap dd,
#merit_area .select_wrap dt,
#merit_area .select_wrap dd {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#main_area .select_wrap dt,
#campaign_area .select_wrap dt,
#flow_area .select_wrap dt,
#merit_area .select_wrap dt {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

#merit_area .btn_box {margin: 60px auto 100px;}

#merit_area .btn_box a {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_arrow_top.png") no-repeat 95% 54%;
}

#merit_area .btn_box a:hover {
    background: url("https://img.goo-net.com/goopit/assets/img/static/campaign/reserve/icon_arrow_top.png") no-repeat 95% 44%;
}

/* reservation_area
-------------------- */
.modal_overlay {
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index:10000;
    width:100%;
    height:120%;
    background: url("http://img.goo-net.com/goopit/assets/img/share/bg_overlay.png") repeat 0 0;
    zoom: 1;
}

#reservation_area .reservation_box {
    margin-top: 20px;
    padding: 0 10px;
    margin-bottom: 20px;
}

#reservation_area .reservation_box .box_wrap {
    overflow: hidden;
    margin-bottom: 20px;
}

#reservation_area .reservation_box .box_wrap:last-child {margin-bottom: 10px;}

#reservation_area .reservation_box .box_wrap:last-child {margin-bottom: 0;}

#reservation_area .reservation_box .box_wrap .table_box,
#reservation_area .reservation_box .box_wrap .table_box_inspection {
    float: left;
    width: 640px;
}

#reservation_area .reservation_box .box_wrap .table_box table,
#reservation_area .reservation_box .box_wrap .table_box_inspection table {
    color: #000;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.02em;
    border-collapse: collapse;
    border: 1px solid #d5d5d5;
}

#reservation_area .reservation_box .box_wrap .table_box table tbody tr th,
#reservation_area .reservation_box .box_wrap .table_box table tbody tr td,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr th,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td {border: 1px solid #d5d5d5;}

#reservation_area .reservation_box .box_wrap .table_box table tbody tr th,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr th {
    font-weight: normal;
    text-align: center;
    background: #FAFAFA;
    padding: 5px;
}

#reservation_area .reservation_box .box_wrap .table_box table tbody tr td,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td {padding: 0;}

#reservation_area .reservation_box .box_wrap .table_box table tbody tr td a,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td a {
    display: block;
    color: #000;
    text-decoration: none;
    border: 1px solid #FFF;
    padding: 4px;
}

#reservation_area .reservation_box .box_wrap .table_box table tbody tr td .adjust,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td .adjust {line-height: 40px;}

#reservation_area .reservation_box .box_wrap .table_box table tbody tr td a:hover,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td a:hover {
    border: 1px solid #ffe2e2;
    background: #ffe2e2;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    zoom: 1 !important;
}

#reservation_area .reservation_box .box_wrap .table_box table tbody tr td .active,
#reservation_area .reservation_box .box_wrap .table_box table tbody tr td .active_cell,
#reservation_area .reservation_box .box_wrap .table_box table tbody tr td .active:hover,
#reservation_area .reservation_box .box_wrap .table_box table tbody tr td .active_length.active_side,
#reservation_area .reservation_box .box_wrap .table_box table tbody tr td .active_length.active_side:hover,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td .active,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td .active_cell,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td .active:hover,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td .active_length.active_side,
#reservation_area .reservation_box .box_wrap .table_box_inspection table tbody tr td .active_length.active_side:hover {
    font-weight: bold;
    border: 1px solid #ff7171;
    background: #ffe2e2;
}

#reservation_area .reservation_box .box_wrap .table_box .note_list,
#reservation_area .reservation_box .box_wrap .table_box_inspection .note_list {
    font-size: 10px;
    margin-top: 5px;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box {
    float: right;
    width: 208px;
    background: #FAFAFA;
    padding: 10px;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .inner {
    width: 100%;
    margin-bottom: 0;
    padding-top: 0;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .output,
#reservation_area .reservation_box .box_wrap .reservation_btn_box .note {
    overflow: hidden;
    background: #FFF;
    text-indent: 0;
    font-weight: normal;
    padding: 10px;
    margin: 0 0 10px;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .output dl {
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 5px;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .output dt {
    float: left;
    width: 40px;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .note p,
#reservation_area .reservation_box .box_wrap .reservation_btn_box .output p {
    color: #e04343;
    font-size: 11px;
    letter-spacing: -0.02em;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .output dd {
    float: right;
    width: 135px;
    text-indent: -1em;
    padding-left: 1em;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .length select,
#reservation_area .reservation_box .box_wrap .reservation_btn_box .side select {width: 100%;}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_inactive,
#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_open {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_inactive,
#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_open input {
    display: block;
    width: 100%;
    height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    webkit-transition: all .3s;
    transition: all .3s;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_inactive {
    display: block !important;
    color: #888;
    background: #CFCFCF;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_open input {
    color: #FFF;
    background: #539B33;
    border: none;
    outline: none;
}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_inactive.inactive,
#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_open.inactive {display: none !important;}

#reservation_area .reservation_box .box_wrap .reservation_btn_box .menu-modal_open input:hover {background: #88E053;}

#reservation_area .reservation_box {padding: 0;}

#reservation_area .reservation_box .lead {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

#reservation_area .reservation_box .tab_link {
    overflow: inherit !important;
    width: 620px;
    border-bottom: 1px solid #e00923;
    margin: 0 0 10px;
    padding: 0 10px;
}

#reservation_area .reservation_box .tab_link li {
    display: inline-block;
    /display: inline;
    margin-right: 3px;
    zoom: 1;
}

#reservation_area .reservation_box .tab_link li a {
    position: relative;
    display: block;
    width: 110px;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    letter-spacing: -0.02em;
    border: 1px solid #DEDEDE;
    border-bottom: 1px solid #e00923;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #DEDEDE;
    margin-bottom: -1px;
    zoom: 1;
}

#reservation_area .reservation_box .tab_link li a:hover {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    zoom: 1 !important;
    color: #FFF;
    border: 1px solid #e00923;
    background: #e00923;
}

#reservation_area .reservation_box .tab_link li .active,
#reservation_area .reservation_box .tab_link li .active:hover {
    color: #e00923;
    border: 1px solid #e00923;
    border-bottom: 1px solid #FFF;
    background: #FFF;
}

#reservation_area .reservation_box .box_wrap.inactive,
#reservation_area .reservation_box .box_wrap .table_box .tab_content li,
#reservation_area .reservation_box .box_wrap .table_box_inspection .tab_content li,
#reservation_area .reservation_box .box_wrap .reservation_btn_box .inactive {display: none;}

#reservation_area .reservation_box .box_wrap .table_box .tab_content .active,
#reservation_area .reservation_box .box_wrap .table_box_inspection .tab_content .active {display: block;}
/* //【GN1011】 20200316 PS ADD */

/* 【GN1011】 20200421 PS ADD */
#article .overlay_wrap {position: relative;}
#article .overlay_wrap h2 {padding: 20px 20px 0 20px;}
#article .overlay_wrap p.mb20 {padding-bottom: 20px;}
#article .overlay_wrap .close_overlay {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    color: #FFF;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    line-height: 422px;
    background: #000;
    filter: alpha(opacity=90);
    opacity: 0.9;
}
/* //【GN1011】 20200421 PS ADD */

/* 【GN1046】 20201030 PS ADD */
#article .overlay_wrap .close_overlay.end_wording {
    height: 240px;
    font-size: 55px;
    line-height: 1.4;
    padding-top: 180px;
}
/* //【GN1046】 20201030 PS ADD */

/* 【GN1350】 20210303 PS ADD */
#main_area.mark_area h3 {
    text-align: center;
    font-size: 30px;
    color: #000;
    margin-bottom: 41px;
}

#main_area.mark_area .mark_box {
    overflow: hidden;
    width: 972px;
    margin: 0 auto 41px;
}

#main_area.mark_area .mark_box .mark_01 {
    width: 641px;
    float: left;
    margin-right: 20px;
}

#main_area.mark_area .mark_box .mark_02 {
    width: 311px;
    float: left;
}

#main_area.mark_area .mark_box .mark_02:hover {
    filter: alpha(opacity=70) !important;
	-moz-opacity: 0.70 !important;
	opacity: 0.70 !important;
	zoom: 1 !important;
	behavior: url(/common/js/PIE.htc);
}

#main_area.mark_area .mark_box .mark_02 .linka_button {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: -1px 0 0 0;
}
/* //【GN1350】 20210303 PS ADD */


.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.f_14 {font-size: 14px !important;}
.f_15 {font-size: 15px !important;}
.f_16 {font-size: 16px !important;}