@charset "UTF-8";


@media screen and (max-width : 768px){

a, a:link { text-decoration:none; }

/* sp */
.sp { display:block!important; }
.sp_off { display:none!important; }
.sp.inline { display:inline!important; }

/* structure
====================================================================================================================================== */
body { overflow-x:hidden; width:100%; min-width:0; -webkit-overflow-scrolling : touch; }
#container { overflow-x:hidden; font-size:1.4em; }
.wrapper { margin-left:0; margin-right:0; padding-left:10px; padding-right:10px; width:100%; }

#header { padding:3px 0; }
#main_visual { position:relative; min-width:0; margin-left:-4%; margin-right:-4%; }

#site_title_in { padding-top:35px; }


/* slider
====================================================================================================================================== */
.bx-prev, .bx-next { display:none; }


/* common
====================================================================================================================================== */
.section_box { margin-bottom:1.5em; }

/*default heading*/
h1 { font-size:1.4em; }
h2 { font-size:1.4em; }
h4 { font-size:1.3em; }
h3 { font-size:1.3em; }

.box { margin-bottom:35px; padding:15px 10px; border-radius:10px; }

/*floatボックス*/
.left, .right { float:none; width:100%; }

/*button design*/
a.btn { min-width:45%; background-size:6px auto; padding:9px 7px 9px 16px; font-size:0.9em; }
a.btn.sp_font_sm { font-size:0.65em; margin-right:3%; }
a.btn.sp_font_sm.last { margin-right:0; }

a.btn_big, .btn_center_box li a { min-width:40%; margin-left:5px; margin-right:5px; }
.btn_center_box li a { margin:0 5px; }

/*icon*/
a.link_icon, .link_icon { background-size:5px auto; padding:0 0 0 8px; font-size:0.9em; }
.btn_center_box li .link_icon { margin:0 15px 5px 0; }
.btn_center_box li:last-child a.link_icon { margin-right:0; }

/*吹き出し*/
.btn_comment02 { margin:15px 0 10px; padding:2px 25px; font-size:1em; }
.btn_comment02:before, .btn_comment02:after { width:18px; height:30px; }

/*img*/
.sp_mini_img { max-width:80px; }


/* color box
====================================================================================================================================== */
.green_box, .yg_box, h2.bar { padding:10px 0 15px; }
.green_box:before, .yg_box:before, .green_box:after, .yg_box:after, h2.bar:before, h2.bar:after { top:-2px; height:2px; background-size:auto 2px; }
.green_box:after, .yg_box:after, h2.bar:after { top:auto; bottom:-2px; }

/* h2 list */
h2.bar { padding:0.5em 0; font-size:1.15em; }
h2.bar span { background-size:18px auto; padding:0 0 0 26px; margin:0 auto; }

.green_box h2 { margin-bottom:5px!important; }
.white_box .mab30 { margin-bottom:10px!important; }


/* header
====================================================================================================================================== */
/*他言語*/
.langage { margin-left:10px; margin-right:-10px; }
.langage a { background-image:none; padding:10px; }

/*中ページ*/
#header_in { padding:10px 0 0; }
#header_in #site_title { width:72px; margin-right:5px; margin-bottom:6px; }
#header_in .copy { font-size:0.62em; line-height:1.5; }
#header_in .sns_box { display:block; float:none; clear:both; width:auto; text-align:center; margin:0 -10px; padding:5px 0; background:url(../images/bg_yg.gif); background-size:100px auto; padding-top:10px; }


/* main_visual
====================================================================================================================================== */
#main_visual { padding-top:30px; }
#main_visual .back_slide { left:50%; text-align:left; }
#main_visual .back_slide img { width:auto; height:200px; margin-left:-376px; }
#main_visual .smartphone, #main_visual h1 { width:230px; margin:0 auto; }
#main_visual .smartphone { margin-top:-5px; }
#main_visual h1 { width:170px; }
#main_visual h2 { margin-top:-20px; margin-left:3%; margin-right:3%; width:auto; font-size:1.2em; }

/*アプリダウンロード*/
.app_dl .btn_list { clear:both; width:auto; margin:0 auto; text-align:center; }
.app_dl .btn_list ul { font-size:0; }
.app_dl .btn_list li.iphone { max-width:54%; margin-right:2%; }
.app_dl .btn_list li.google { max-width:44%; }
#contents .app_dl { width:auto;  }
#contents .app_dl .tit span { font-size:0.8em; background-size:24px auto; }
#dl_box { width:100%; padding:15px 10px 0; color:#fff; font-weight:bold; }
#dl_box .btn_list { margin-bottom:0; }
#dl_box .btn_list p { margin-bottom:3px; }

/*ビジネス*/
#main_visual.movie_main_visual h1 { width:180px; }

#main_visual .main_copy { font-size:2.4em; }
#main_visual .main_copy .sub_copy { font-size:0.5em; }
#main_visual.movie_main_visual .back_slide img { height:300px; margin-left:-484px; }


/* contents
====================================================================================================================================== */
.tit_header { margin-bottom:10px; }

/*あそびかた*/
.column02, .column03 { float:none; width:100%; padding-left:0; padding-right:0; margin-right:0; border:none; text-align:center; }

.next { width:100%; height:12px; background-size:auto 100%; }

/* どんなアプリ？ */
.white_box { padding:10px; margin-bottom:10px; border-radius:9px; }
.white_box .main { padding-right:0; }
.white_box .main figure { /*position:absolute; right:-40px; top:25px;*/ position:static; text-align:center; }
.white_box p { margin-top:0!important; }

/*step*/
.white_box.step01 { background-image:none; }
.white_box .main h3 { background-size:68px auto; margin:-20px 0 5px -25px; padding:30px 0 0 70px; font-size:1.15em; line-height:1.3; min-height:86px; }
.white_box .border_tit { margin-top:10px; font-size:1.1em; }
h3 span { padding:0 5px; }

/*movie*/
.white_box .coming_soon { margin:0 auto; }

/*faebook*/
.fb-page, .fb-page span { width:300px!important; margin:0 auto; }

/* 中ページコンテンツ
====================================================================================================================================== */
.in_navi.btn_center_box li { width:50%; text-align:left; }
.in_navi.btn_center_box li .link_icon { margin-right:0; }

.in_navi.btn_center_box li.sp_100 { display:block; float:none; clear:both; width:100%; text-align:center; margin-bottom:10px; overflow:hidden; }
.in_navi.btn_center_box li.sp_100 .btn { margin:4px; }

/*flow*/
.column04 > li { float:none; width:100%; margin-right:0; }
.column04 > li:after { position:static; width:28px; height:17px; background-image:url(../images/next_g.png); margin:0 auto; }
.flow .btn_center_box { margin-bottom:15px!important; }

/*プレゼント*/
.num { left:-6px; top:6px; width:40px; height:40px; line-height:37px; font-size:0.8em; }
.point_box .num { left:-6px; top:-10px; width:50px; height:50px; line-height:47px; font-size:0.9em; }
.mal_space { margin-left:30px; }
.point_box img { width:100px; margin-top:0!important; margin-right:0; }
.point_box p { overflow:auto; display:inline; }

/*2列プレゼント一覧*/
.column02_line li { width:100%; margin:0; padding:23px 0; }
.column02_line li img { max-width:120px; margin-right:10px; }
.column02_line li.last:before { display:none; }

/*開催地*/
.location { text-align:center; }
.location > img { display:inline-block; float:none; margin-left:auto; margin-right:auto; }
#map { height:260px; }



/* footer
====================================================================================================================================== */
/*info*/
#footer .info_box { font-size:0.9em; padding-top:10px; }
#footer .site_info { max-width:none; float:none; }

#footer .copyright { font-size:0.7em; padding-top:10px; margin-bottom:10px; }


/* side_fixed_box
====================================================================================================================================== */
#side_fixed_box { right:10px; bottom:10px; }
#side_fixed_box .top_page { width:40px; height:40px; background-size:24px auto; }


/* coming soon
====================================================================================================================================== */
#coming_soon { padding:27px 0 10px; font-size:0.95em; }
#coming_soon h1 { margin:0 -15px; }
#coming_soon h2 { margin-top:-20px; font-size:1.2em; }


}

@media screen and (max-width : 478px){
	/*ビジネス*/
ol.big_point li { background-size:90px auto; min-height:110px; padding:0 0 1.5em 98px; }
ol.big_point li:before { top:0.2em; width:90px; font-size:1.5em; }
ol.big_point li:after { background-size:120px auto; }
ol.big_point li h3 { font-size:1.2em; }

}