@charset "utf-8";

/*====================================

sp_template

====================================*/
@media screen and (max-width: 767px)  {

article { padding-bottom:86px; }

#second_header {}
#second_header #second_header_cont { display:flex; flex-wrap:wrap; justify-content:start; padding:0; width:100%; }
#second_header #second_header_cont h1 { background-color:#1ea2d9; flex:0 0 100%; width:100%; text-align:left; padding:15px 65px 15px 15px; }
#second_header #second_header_cont h1 > span { color:#fff; font-size:79%; padding:0; line-height:1.6; }

#second_header #second_header_cont #sp_menuBtn {
display: flex;
justify-content: flex-end;
flex: 0 0 50px;
position: fixed;
top: 10px;
right: 10px;
z-index: 200;
}
#second_header #second_header_cont #sp_menuBtn > a {
align-items:center;
display:flex;
flex-wrap:wrap;
height:50px;
justify-content:center;
text-decoration:none;
background-color:#fff;
border-radius: 2px;
padding:6px;
text-align:center;
width:50px;
}
#second_header #second_header_cont #sp_menuBtn > a > i { flex:0 0 100%; margin:0; padding:0; text-align:center; }
#second_header #second_header_cont #sp_menuBtn > a > span { flex:0 0 100%; text-align:center; font-size:72%; letter-spacing:normal; }

#second_header #second_header_cont .reserve { background-color:#fff; border-top:2px solid #1ea2d9; bottom:0; position:fixed; flex-wrap:wrap; flex:0 0 100%; justify-content:center; order:1; padding:18px 20px 20px; text-align:center; width:100%; z-index:1; }
#second_header #second_header_cont .reserve span { display:block; flex:0 0 100%; margin-right:0; margin-bottom:5px; text-align:center; }
#second_header #second_header_cont .reserve img { display:inline-block; flex:0 0 100%; text-align:center; }

#container { margin:0; padding:0; width:100%; }

#bread_crumb { display:none; }


#container #left_nav { margin-right:0; padding:0; width:100%; }
#container #left_nav #logo { background-color:#f2fafd; padding:20px; }
#container #left_nav #logo a {}
#container #left_nav #logo h2 {}
#container #left_nav #logo h2 img { width:70px; height:auto; }
#container #left_nav #logo a h2 {}
#container #left_nav #logo a h2 img { width:70px; height:auto; }
#container #left_nav #logo span { display:none; }

#container #left_nav ul.nav { display:none; }
#container #left_nav ul.sub_nav { display:none; }
#container #left_nav .banner_link { display:none; }
#container #left_nav #shop_info { display:none; }

#container #main_col { width:100%; }
#container #main_col #information { display:none; }

#container #main_col #main_visual { background-color:#dfdfdf; box-shadow:none; border-radius:0; margin:0; padding:0; position:relative;  text-align:center; }
#container #main_col #main_visual img { width:100%; height:auto; max-width:100%; margin:0 auto; text-align:center; opacity:0; -webkit-transition: opacity 3s; transition: opacity 3s; }
#container #main_col #main_visual img.lazyloaded { opacity:1; }

#container #main_col #main_visual dl { align-content:center; display:flex; align-items:center; flex-wrap:wrap; top:0; position:absolute; width:100%; padding:20px; height:100%; }
#container #main_col #main_visual dl dt { flex:0 0 100%; text-align:left; }
#container #main_col #main_visual dl dt span { font-size:154%; font-weight:600; }
#container #main_col #main_visual dl dd { flex:0 0 100%; text-align:left; margin-top:10px; }
#container #main_col #main_visual dl dd span { color:#000; font-size:100%; }


#container #main { border-radius:0; box-shadow:none; margin:0; padding:0; }


.module h2 { font-size:116%; margin-top:0; padding:15px; }
.module h3 { font-size:100%; margin-top:0; padding:10px; }
.module h4 { font-size:100%; padding:10px 10px 10px 20px; }
.module h4:before { width:4px; height:12px; margin-top:-7px; left:10px; }

.module p { letter-spacing:normal; line-height:1.8; padding:10px; }
.module p.xl { font-size:100% !important; }

.module dl.box {}

/*-------------------------------------------------------------------
service_menu
-------------------------------------------------------------------*/
#service_menu { padding:15px; }
#service_menu ul { background-color:#eee; display:flex; flex-wrap:wrap; justify-content:center; padding:15px; }
#service_menu ul li { flex:0 0 100%; margin-top:10px; }
#service_menu ul li:first-child { margin-top:0; }
#service_menu ul li a { background-color:#fff; border-radius:6px; box-shadow:0px 0px 10px rgba(34, 34, 34, 0.1); display:block; padding:20px 15px; position:relative; }
#service_menu ul li a span { color:#000; font-size:108%; }
#service_menu ul li a i { position:absolute; right:10px; top:50%; margin-top:-6px; font-size:85%; }
#service_menu ul li a:hover { text-decoration:none; }


}