@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

#campaign{ text-align: center; width: 860px; background-color: #a1d9e3; position: relative;}
.kids_artevent_result{ margin-bottom: 50px; text-align: center; border: 5px solid #14a050; border-radius: 10px; padding: 30px 0; box-sizing: border-box; background-color: rgba(255,255,0,0.4);}
.kids_artevent_result .result_title{ margin-bottom: 20px;}
.kids_artevent_result > p{ color: #333; font-size: 1.6em; margin-bottom: 20px; font-weight: 700;}
.kids_artevent_result .result_btn{}
.kids_artevent_result .result_btn a{ display: inline-block; background-color: #14a050; color: #fff; font-size: 2em; font-weight: 700; text-decoration: none; padding: 20px 30px; border-radius: 50vh;}
.kids_artevent_result .result_btn a:hover{}
#campaign .campaign_inner{ background-image: url(images/title_back@2x.png); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; padding: 40px; box-sizing: border-box;}
#campaign .campaign_inner .top_title{ background-color: #f04632; color: #fff; text-align: center; font-size: 2.2em; font-weight: 700; width: 100%; padding: 11px 0 8px; box-sizing: border-box; position: absolute; top: 0; left: 0;}

.main_title{ margin-bottom: 30px; position: relative;}
.main_title .title01{ width: 290px; height: 70px; margin: 0 auto;}
.main_title .title02{ margin-top: 0; position: relative; z-index: 10;}
.main_title .title03{ margin-top: 20px;}
.main_title .title04{ margin-top: 0;}
.main_title .title05{ position: absolute; top: -10px; left: -20px; width: 205px; height: 200px; z-index: 5;}
.main_title .title06{ position: absolute; top: -20px; right: -10px; width: 345px; height: 300px; z-index: 5;}

#present01,
#present02{ background-color: #fff; border-radius: 20px; box-sizing: border-box; position: relative;}

#present01{ margin-bottom: 30px; padding: 30px 0 20px;}
#present01 .present_title{ margin-bottom: 20px;}
#present01 .present_title .present_bakudan{ position: absolute; top: -10px; left: 10px;}
#present01 .present_title h2{ width: 585px; height: 140px; margin-left: 180px; position: relative; z-index: 2; margin-top: -10px;}
#present01 .present_title .present_card{ width: 305px; height: 76px; position: absolute; top: -15px; right: 20px; z-index: 1;}
#present01 .present_detail{ margin-bottom: 10px;}
#present01 .kids_present{ position: relative; width: 100%;}
#present01 .kids_present .kids_present_title{ position: absolute; top: 0; left:50%; transform: translateX(-50%); z-index: 10; width: 265px; margin-left: -133px;}
#present01 .kids_present ul{ display: flex; justify-content: center; align-items: center;}
#present01 .kids_present ul li{ width: 50%; height: 295px; position: relative;}
#present01 .kids_present ul li:nth-child(1){ margin-right: -10px;}
#present01 .kids_present ul li:nth-child(2){ margin-left: -10px;}
#present01 .kids_present ul li img{ width: 100%; height: auto;}
#present01 .kids_present ul li .kids_present01_title{ position: absolute; top: 70px; left: 65px;}
#present01 .kids_present ul li .kids_present01_text{ font-size: 12px; line-height: 1.4; font-weight: 700; color: #644632; text-align: left; width: 180px; position: absolute; bottom: 25px; left: 75px;}
#present01 .kids_present ul li .kids_present02_title{ position: absolute; top: 80px; left: 50px;}
#present01 .kids_present ul li .kids_present02_text{ font-size: 11px; line-height: 1.4; font-weight: 700; color: #644632; text-align: left; width: 275px; position: absolute; bottom: 25px; left: 40px;}

#present02{ padding: 30px;}
#present02 .present_title{ margin-bottom: 5px;}
#present02 .present_title .present_bakudan{ position: absolute; top: -20px; left: 10px;}
#present02 .present_title h2{ width: 620px; height: auto; margin-left: 150px; margin-top: -65px; margin-bottom: 10px;}
#present02 .fukidashi{ position: absolute; top: -65px; right: -50px;}
#present02 .present_detail{ position: relative; z-index: 5;}
#present02 .present_detail ul{ display: flex; justify-content: center;}
#present02 .present_detail ul li{ width: 33.3333%; text-align: center;}
#present02 .present_photo{ margin-top: 20px;}
#present02 .present_photo img{ width: 100%; height: auto;}

#under_data{ text-align: left; color: #004691; font-size: 1.2em; line-height: 1.6em; margin-top: 30px; padding-bottom: 40px; position: relative;}
#under_data .text_data{}
#under_data .text_data dl{ margin-bottom: 20px;}
#under_data .text_data dl dt{}
#under_data .text_data dl dd:nth-child(3){ margin-top: 20px;}
#under_data .towa_house_logo{ width: 225px; margin: 0 auto;}
#under_data .towa_towawa{ position: absolute; bottom: -42px; right: 0;}

/*-------------------------
__shop_map
-------------------------*/
.map2{ width: 860px; height: 638px; margin-top: 30px;}
.map2 > .inner{ width: 100%; height: 100%; background-image: url("/images/shop/map_shop.jpg"); background-size: cover; border-radius: 10px; position: relative;}
.map2 > .inner ul li > p{ position: absolute; font-size: 19px; background-color: #004DA0; padding: 0 10px; box-sizing: border-box; color: #fff; border-radius: 5px; font-weight: 700; text-align: center; height: 37px; line-height: 40px;}
.map2 > .inner ul li > p a{ display: inline-block; color: #fff!important; text-decoration: none;}
.map2 > .inner ul li > p.active{ background-color: #39A5FC;}
.map2 > .inner ul li > p:hover{ cursor: pointer;}
.map2 > .inner ul li .shop_data{ position: absolute; z-index: 100;}

/*========================== 各店舗名表示位置 ==========================*/
.map2 > .inner ul li.asaka > p{ top: 107px; left: 270px;}
.map2 > .inner ul li.kiyose > p{ top: 199px; left: 378px;}
.map2 > .inner ul li.higashikurume > p{ top: 199px; left: 470px;}
.map2 > .inner ul li.oizumigakuen > p{ top: 199px; left: 600px;}
.map2 > .inner ul li.kumegawa > p{ top: 280px; left: 405px;}
.map2 > .inner ul li.tanashi > p{ top: 280px; left: 556px;}
.map2 > .inner ul li.hachioji > p{ top: 370px; left: 33px;}
.map2 > .inner ul li.toyoda > p{ top: 370px; left: 150px;}
.map2 > .inner ul li.tachikawa > p{ top: 370px; left: 250px;}
.map2 > .inner ul li.kokubunji > p{ top: 370px; left: 394px;}
.map2 > .inner ul li.mitaka > p{ top: 370px; left: 528px;}
.map2 > .inner ul li.ogikubo > p{ top: 370px; left: 629px;}
.map2 > .inner ul li.hino > p{ top: 470px; left: 160px;}
.map2 > .inner ul li.fucyu > p{ top: 470px; left: 350px;}
.map2 > .inner ul li.chofu > p{ top: 470px; left: 513px;}
.map2 > .inner ul li.sengawa > p{ top: 470px; left: 635px;}
.map2 > .inner ul li.nagoya > p{ top: 575px; left: 386px; width: 146px; font-size: 15px;}
.map2 > .inner ul li.fukuoka > p{ top: 575px; left: 205px; width: 146px;}
.map2 > .inner ul li.okinawa > p{ top: 575px; left: 24px; width: 146px;}

/*========================== マップ ==========================*/
.map2 > .inner .line{ fill:none; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.map2 > .inner .line_name{ fill:#7AA4C4;}
.map2 > .inner .line_name_text{ fill:#FFFFFF; font-size:13px;}
.map2 > .inner .line_jr{ fill:none; stroke:#79A4C4; stroke-width:6.5; stroke-miterlimit:10;}
.map2 > .inner .line_jr_w{ fill:none; stroke:#FFFFFF; stroke-width:3.1736; stroke-miterlimit:10; stroke-dasharray:10.5788,10.5788;}
.map2 > .inner .station_name{ fill:#7AA4C4; font-size:11px; font-weight: 700;}
.map2 > .inner .station_name_s{ font-size:15px; fill:#79A5C4; font-weight: 700;}
.map2 > .inner .station_name_s_w{ font-size:15px; fill:none; stroke:#FFFFFF; stroke-width:4.2315; stroke-linecap:round; stroke-linejoin:round; font-weight: 700;}
.map2 > .inner .station_circle{ fill:#79A4C4;}
.map2 > .inner .station_circle_s{ fill:#FFFFFF; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.map2 > .inner .af_back{ fill:#FFFFFF;}
.map2 > .inner .af_border{ fill:#79A4C4;}
.map2 > .inner .af_textback{ fill:#79A4C4;}
.map2 > .inner .af_text{ fill:#FFFFFF; font-size:17px;}
.map2 > .inner .arrow_c{ fill:#004DA0;}
.map2 > .inner .arrow_l{ fill:none; stroke:#004DA0; stroke-width:1.5868; stroke-miterlimit:10;}

/*========================== ホバー時・選択時の線路の色 ==========================*/
.map2 > .inner #line_tojo.active .line{ stroke:#004098;}
.map2 > .inner #line_tojo.active .line_name{ fill:#004098;}
.map2 > .inner #line_ikebukuro.active .line{ stroke:#ff6600;}
.map2 > .inner #line_ikebukuro.active .line_name{ fill:#ff6600;}
.map2 > .inner #line_shinjyuku.active .line{ stroke:#00AAAF;}
.map2 > .inner #line_shinjyuku.active .line_name{ fill:#00AAAF;}
.map2 > .inner #line_cyuo.active .line_jr{ stroke:#F15A22;}
.map2 > .inner #line_cyuo.active .line_name{ fill:#F15A22;}
.map2 > .inner #line_keio.active .line{ stroke:#dd0077;}
.map2 > .inner #line_keio.active .line_name{ fill:#dd0077;}
.map2 > .inner #line_musashino.active .line_jr{ stroke:#F15A22;}
.map2 > .inner #line_musashino.active .line_name{ fill:#F15A22;}

/*========================== ホバー時・選択時の駅・吹き出しの色 ==========================*/
/*JR武蔵野線*/
.map2 > .inner .station_asaka.active .station_circle_s{ stroke:#F15A22;}
.map2 > .inner .station_asaka.active .station_name_s{ fill:#F15A22;}
/*西武池袋線*/
.map2 > .inner .station_kiyose.active .station_circle_s,
.map2 > .inner .station_higashikurume.active .station_circle_s,
.map2 > .inner .station_oizumigakuen.active .station_circle_s{ stroke:#ff6600;}
.map2 > .inner .station_kiyose.active .station_name_s,
.map2 > .inner .station_higashikurume.active .station_name_s,
.map2 > .inner .station_oizumigakuen.active .station_name_s{ fill:#ff6600;}
/*西武新宿線*/
.map2 > .inner .station_kumegawa.active .station_circle_s,
.map2 > .inner .station_tanashi.active .station_circle_s{ stroke:#00AAAF;}
.map2 > .inner .station_kumegawa.active .station_name_s,
.map2 > .inner .station_tanashi.active .station_name_s{ fill:#00AAAF;}
/*JR中央線*/
.map2 > .inner .station_hachioji.active .station_circle_s,
.map2 > .inner .station_toyoda.active .station_circle_s,
.map2 > .inner .station_tachikawa.active .station_circle_s,
.map2 > .inner .station_kokubunji.active .station_circle_s,
.map2 > .inner .station_mitaka.active .station_circle_s,
.map2 > .inner .station_ogikubo.active .station_circle_s{ stroke:#F15A22;}
.map2 > .inner .station_hachioji.active .station_name_s,
.map2 > .inner .station_toyoda.active .station_name_s,
.map2 > .inner .station_tachikawa.active .station_name_s,
.map2 > .inner .station_kokubunji.active .station_name_s,
.map2 > .inner .station_mitaka.active .station_name_s,
.map2 > .inner .station_ogikubo.active .station_name_s{ fill:#F15A22;}
/*京王線*/
.map2 > .inner .station_hino.active .station_circle_s,
.map2 > .inner .station_fucyu.active .station_circle_s,
.map2 > .inner .station_chofu.active .station_circle_s,
.map2 > .inner .station_sengawa.active .station_circle_s{ stroke:#dd0077;}
.map2 > .inner .station_hino.active .station_name_s,
.map2 > .inner .station_fucyu.active .station_name_s,
.map2 > .inner .station_chofu.active .station_name_s,
.map2 > .inner .station_sengawa.active .station_name_s{ fill:#dd0077;}
/*吹き出し矢印*/
.map2 > .inner .active .arrow_c{ fill:#39A5FC;}
.map2 > .inner .active .arrow_l{ stroke:#39A5FC;}

.map2 > .inner ul li .shop_data{display: none; position: absolute;}