@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css");
/*
100=Thin (Hairline)
300=Light
400=Normal
500=Medium
700=Bold
800=Extra Bold (Ultra Bold)
900=Black (Heavy)
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*フォントウェイト　100,300,350,400,500,700,900*/
body { /*メインで使用するフォントが明朝体のとき
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
*/ font-family: "Rounded Mplus 1c",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'; /*メインで使用するフォントはNotoSansのとき
font-family: 'Noto Sans Japanese', sans-serif;*/ color: #1F1F1F; background-color: #EB6133; background-image: url(../img/bg.png); background-size: 100% auto; background-repeat: repeat-y; background-position: center 0; line-height: 1.75; background-attachment: fixed; }
@media screen and (max-width: 767px) { body { background-image: url(../img/bg_sp.png); } }

/*/////////////////////////////
共通装飾クラス
/////////////////////////////*/
/*/////////////////////////////
共通レイアウト＋トップページ
/////////////////////////////*/
#kv { text-align: center; color: #ffffff; }
#kv h1 { width: 70%; margin: auto; margin-top: 80px; max-width: 1000px; }
@media screen and (max-width: 767px) { #kv h1 { max-width: 100%; width: 99%; margin-top: 20%; } }
#kv h1 img { width: 97%; margin-left: 3%; }
@media screen and (max-width: 767px) { #kv .cpy_area { width: 94%; margin: auto; background-color: rgba(222, 73, 36, 0.85); padding: 3%; border-radius: 20px; margin-top: 10%; } }
#kv .main_cpy { font-size: 23px; margin-top: 50px; margin-bottom: 25px; font-weight: 500; }
@media screen and (max-width: 767px) { #kv .main_cpy { margin-top: 0; font-size: 16px; } }
#kv .ant { font-size: 13px; }

#illust { width: 1000px; margin: auto; text-align: center; margin-top: 75px; position: relative; }
@media screen and (max-width: 767px) { #illust { max-width: 100%; margin-top: 10%; } }
#illust .main { width: 95%; vertical-align: bottom; }
@media screen and (max-width: 767px) { #illust .main { width: 100%; } }
#illust .p5000 { position: absolute; z-index: 10; width: 190px; top: 28%; left: 14%; }
@media screen and (max-width: 767px) { #illust .p5000 { width: 23%; left: 10%; } }
#illust .p10000 { position: absolute; z-index: 11; width: 230px; right: 11.5%; top: 27%; }
@media screen and (max-width: 767px) { #illust .p10000 { width: 27%; right: 8%; } }

#flow { width: 1000px; margin: auto; padding: 50px 0; padding-bottom: 0; }
@media screen and (max-width: 767px) { #flow { width: 96%; } }
#flow h2 { color: #fff; font-size: 35px; text-align: center; font-weight: 700; margin-bottom: 25px; }
@media screen and (max-width: 767px) { #flow h2 { font-size: 20px; } }
#flow ul { display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { #flow ul { flex-wrap: wrap; } }
#flow ul li { width: 24%; background-image: url(../img/bg_flow.svg); background-size: 100% auto; padding: 15px; padding-right: 35px; background-repeat: no-repeat; }
@media screen and (max-width: 767px) { #flow ul li { width: 100%; background-image: url(../img/bg_flow_sp.svg); background-position: center bottom; border-radius: 10px; margin-bottom: 25px; padding: 5%; padding-bottom: 15%; text-align: center; } }
#flow ul li p { font-size: 16px; font-weight: 500; }
#flow ul li p.num { display: inline-block; background-color: #EB6133; color: #fff; font-size: 20px; border-radius: 100px; width: 35px; margin-bottom: 15px; }
#flow ul li:last-child { background-image: none; background-color: #fff; border-radius: 10px; padding-right: 15px; }

#pickup { background-color: #fff; padding: 45px 25px; margin: auto; border-radius: 20px; width: 1000px; margin-bottom: 75px; }
@media screen and (max-width: 767px) { #pickup { max-width: 96%; padding: 10% 2%; } }
#pickup h2 { text-align: center; margin-bottom: 50px; }
#pickup h2 img { height: 60px; }
@media screen and (max-width: 767px) { #pickup h2 img { height: auto; width: 90%; } }
#pickup .shop_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
#pickup .shop_list li { width: 47.5%; display: flex; justify-content: space-between; margin-bottom: 75px; }
@media screen and (max-width: 767px) { #pickup .shop_list li { width: 100%; } }
#pickup .shop_list li div { width: 47.5%; }
#pickup .shop_list li div img { width: 100%; border-radius: 10px; margin-bottom: 10px; }
#pickup .shop_list li div .floor { background-color: #EB6133; color: #fff; font-size: 15px; display: inline-block; border-radius: 100px; padding: 0 10px; }
@media screen and (max-width: 767px) { #pickup .shop_list li div .floor { font-size: 13px; } }
#pickup .shop_list li div h3 { font-size: 20px; font-weight: 700; margin-bottom: 15px; line-height: 1.5; }
#pickup .shop_list li div p { line-height: 1.5; }
#pickup .shop_list li div p.about { font-size: 18px; font-weight: 400; padding-left: 1em; text-indent: -1em; }
@media screen and (max-width: 767px) { #pickup .shop_list li div p.about { font-size: 15px; } }
#pickup .shop_list li div p.about2 { font-size: 15px; margin-top: 15px; margin-bottom: 15px; }
@media screen and (max-width: 767px) { #pickup .shop_list li div p.about2 { font-size: 13px; } }
#pickup .shop_list li div .btn_more { color: #EB6133; font-size: 15px; display: block; text-align: center; border-radius: 100px; border: solid 1px #EB6133; padding: 7px; background-image: url(../img/cursor_orange.svg); background-repeat: no-repeat; background-position: right 15px center; }
@media screen and (max-width: 767px) { #pickup .shop_list li div .btn_more { font-size: 13px; } }
#pickup .shop_list li div .btn_more:hover { background-color: #EB6133; color: #fff; text-decoration: none; }
#pickup .ant { font-size: 13px; text-align: center; }
@media screen and (max-width: 767px) { #pickup .ant { font-size: 12px; } }

#area { background-color: #fff; padding: 45px 0; padding-bottom: 35px; margin: auto; border-radius: 20px; width: 1000px; margin-bottom: 75px; position: relative; }
@media screen and (max-width: 767px) { #area { max-width: 96%; padding: 10% 0; } }
#area h2 { text-align: center; margin-bottom: 80px; }
#area h2 img { height: 60px; }
@media screen and (max-width: 767px) { #area h2 img { height: auto; width: 80%; } }
#area .h_map { position: relative; }
#area .h_map p { text-align: center; position: absolute; width: 100%; top: -50px; }
@media screen and (max-width: 767px) { #area .h_map p { top: -30px; z-index: 99; } }
#area .h_map img { width: 650px; }
@media screen and (max-width: 767px) { #area .h_map img { width: 95%; } }
#area .map { margin-bottom: 35px; }
@media screen and (max-width: 767px) { #area .map { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll; } }
#area .map img { width: 100%; }
@media screen and (max-width: 767px) { #area .map img { width: 200%; } }
#area .inner { padding: 25px; }
@media screen and (max-width: 767px) { #area .inner { padding: 2%; } }
#area .btn_shops { font-size: 20px; background-color: #8FB72F; font-weight: 500; text-shadow: 2px 2px 0px #00000029; border-radius: 10px; background-image: url(../img/icon_point2.png); background-repeat: no-repeat; background-size: 32px auto; background-position: left 70px center; }
@media screen and (max-width: 767px) { #area .btn_shops { font-size: 13px; background-position: left 3% center; } }
#area .btn_shops a { padding: 20px; text-align: center; width: 100%; display: block; color: #fff; background-image: url(../img/cursor.svg); background-repeat: no-repeat; background-position: right 25px center; }
@media screen and (max-width: 767px) { #area .btn_shops a { background-position: right 3% center; } }
#area .btn_shops a:hover { text-decoration: none; }
#area .btn_shops:hover { background-color: #f18561; }

.ant_all { width: 1000px; margin: auto; color: #fff; font-size: 13px; margin: 50px auto; background-color: rgba(239, 97, 51, 0.85); }
@media screen and (max-width: 767px) { .ant_all { width: 96%; } }

#app { background-color: #fff; padding: 45px 25px; margin: auto; border-radius: 20px; width: 1000px; margin-bottom: 75px; }
@media screen and (max-width: 767px) { #app { max-width: 96%; padding: 10% 2%; } }
#app h2 { color: #009FB9; font-size: 35px; font-weight: 500; text-align: center; background-image: url(../img/line_01.svg); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; padding-bottom: 0; margin-bottom: 50px; line-height: 1.5; }
@media screen and (max-width: 767px) { #app h2 { font-size: 18px; padding-bottom: 10%; background-image: url(../img/line_sp.svg); } }
#app h2 span { font-size: 50px; font-weight: 600; }
@media screen and (max-width: 767px) { #app h2 span { font-size: 30px; } }
#app .points { display: flex; justify-content: space-between; margin-bottom: 100px; }
@media screen and (max-width: 767px) { #app .points { flex-wrap: wrap; width: 100%; margin-bottom: 0; } }
#app .points li { text-align: center; color: #009FB9; font-size: 18px; line-height: 1.5; }
@media screen and (max-width: 767px) { #app .points li { width: 100%; margin-bottom: 20%; font-size: 15px; } }
#app .points li span { font-size: 24px; font-weight: 600; }
@media screen and (max-width: 767px) { #app .points li span { font-size: 20px; } }
#app .points li .icons { height: 70px; margin-bottom: 20px; }
#app .points li .icons img { height: 100%; }
#app .points li:last-child .icons img { height: 70%; }
#app .app_dl { background-color: #D4ECEA; border-radius: 10px; }
#app .app_dl p.cpy { background-image: url(../img/bg_bnr.svg); background-repeat: no-repeat; background-size: auto 120%; background-position: right center; width: 300px; font-size: 23px; font-weight: 500; color: #ffffff; padding: 17px; padding-left: 20px; border-radius: 10px; line-height: 1.25; float: left; }
@media screen and (max-width: 767px) { #app .app_dl p.cpy { width: 100%; background-image: none; background-color: #009FB9; text-align: center; font-size: 20px; padding: 3%; border-radius: 10px 0 0; float: none; } }
#app .app_dl ul { width: 550px; float: left; display: flex; justify-content: space-between; margin-left: 35px; padding: 10px 0; }
@media screen and (max-width: 767px) { #app .app_dl ul { width: 100%; float: none; margin-left: 0; padding: 3%; } }
#app .app_dl ul li img { height: 65px; }
@media screen and (max-width: 767px) { #app .app_dl ul li img { height: 52px; } }
#app .btn_app { font-size: 20px; background-color: #009FB9; font-weight: 500; text-shadow: 2px 2px 0px #00000029; border-radius: 10px; background-image: url(../img/icon_mpoint.png); background-repeat: no-repeat; background-size: 62px auto; background-position: left 200px center; margin-top: 50px; }
@media screen and (max-width: 767px) { #app .btn_app { font-size: 13px; background-position: left 4% center; background-size: auto 40%; } }
#app .btn_app a { padding: 20px; text-align: center; width: 100%; display: block; color: #fff; background-image: url(../img/cursor.svg); background-repeat: no-repeat; background-position: right 25px center; }
#app .btn_app a:hover { text-decoration: none; }
#app .btn_app:hover { background-color: #41c7db; text-decoration: none; }

footer { text-align: center; width: 100%; }
footer .marunouchi { background-color: #fff; padding: 25px; }
footer .marunouchi img { width: 272px; }
@media screen and (max-width: 767px) { footer .marunouchi img { width: 60%; } }
footer .btm { background-color: #F2F2F2; padding: 35px; }
@media screen and (max-width: 767px) { footer .btm { font-size: 13px; } }
footer .btm .mec { margin-top: 25px; }
footer .btm .mec img { width: 157px; }

#pageTop { position: fixed; right: 15px; bottom: 15px; }
#pageTop img { width: 80px; }
@media screen and (max-width: 767px) { #pageTop img { width: 70px; } }

#pageTop:hover { cursor: pointer; }

/*# sourceMappingURL=marunouchi_stamprally.css.map */