@charset "UTF-8";


/*フォントカラー*/
body { color:#37600e; }
a, a:link { outline-style:none; text-decoration:underline; color:#37600e; }
a:hover { text-decoration:none; }
a img:hover { opacity:0.8; }

#noscript { width:100%; background:#f00; color:#fff; text-align:center; padding:10px; margin:0; font-size:1.4em; }


/* structure
====================================================================================================================================== */
html, body { width:100%; }
html { height:100%; }
body { height:100%; overflow-y:scroll; overflow-x:hidden; min-width:1020px; }
body { background:url(../images/bg.gif); background-size:100px auto; }
#all { margin:0 auto; text-align:center; }
#container { font-size:1.6em; line-height:1.8; }
.wrapper { margin:0 auto; text-align:left; width:960px; overflow:hidden; }
.wrapper:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }

#header { position:absolute; width:100%; background:url(../images/black30.png); background:rgba(0,0,0,0.3); color:#fff; padding:7px 0; text-shadow:0 0 3px #000; overflow:hidden; z-index:200; }
#main_visual { min-width:1100px; margin:0; }
.page_in #contents { padding-top:0.5em; }
#contents:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#contents .wrapper { overflow:visible; }
#footer { clear:both; padding:0; }


/* common
====================================================================================================================================== */
.section_box { margin-bottom:3em; }
.section_box:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.section_box.bnr_list { margin-bottom:2em; padding-top:10px; }
.section_box.bnr_list.text_center { margin-bottom:3em; }
.section_box.bnr_list .btn_comment { margin-bottom:10px; }
.img_box { text-align:center; }
.img_box img { margin-left:auto; margin-right:auto; }

.section_box.bnr_list img { }

/*default heading*/
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 0.7em; line-height:1.5; font-weight:bold; }
h1 { font-size:1.6em; }
h2 { font-size:1.6em; color:#4b9212; margin-bottom:0.5em; }
h2.bar_style { background: #e57700; color: #fff; font-size: 1.4em; padding: 0.5em 1em; text-align: center; }
h3 { font-size:1.5em; margin-bottom:0.3em; color:#4b9212; }
h3.border_tit { font-size:1.2em; background:url(../images/line.png) repeat-x left center; background-size:160px auto; color:#37600e; text-align:center; line-height:1; }
h3 span { display:inline-block; padding:0 15px; background:#fff; }
h4 { font-size:1.6em; color:#4b9212; }
h5 { font-size:1.14em; color:#4b9212; }
h6 { font-size:1.2em; font-weight:bold; margin-bottom:0.3em; }
h6:before { content:"●"; font-size:0.7em; margin-right:5px; }

/* 明朝 */
.mincho { font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; }

/*color*/
.red { color:#e56548; }
.blue { color:#4b9212; }
.yellow { color:#edb500; }
.yellow02 { color:#e57700; }
.green_yellow { color:#4b9212; }
.white, .white a { color:#fff; }
.color_g { color:#37600e; }

/*hr*/
hr { height:3px; width:100%; border:none; background:url(../images/line.png) repeat-x left center; background-size:160px auto; margin:15px 0; overflow:hidden; }

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

/*image背景ボタンリスト*/
.bg_img_btn a { display:block; background:no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }

/*button design*/
a.btn { position:relative; display:inline-block; min-width:160px; background:url(../images/bg_g.gif); background-size:100px auto; padding:10px 16px; text-align:center; color:#fff; border:solid 3px #fff; line-height:1.2; font-weight:bold; text-decoration:none; border-radius:8px; }
a.btn.red_btn { background-image:url(../images/bg_r.gif); }
.flow_in a.btn { min-width:125px; }
a.btn:hover { opacity:0.8; }

a.btn_big { padding-top:16px; padding-bottom:16px; min-width:230px; }

a.invalid, a.invalid:hover { position:relative; cursor:auto; overflow:visible; }
a.invalid:after { content:"Coming soon!"; position:absolute; left:0; bottom:-15px; width:100%; font-size:12px; line-height:1; letter-spacing:0.1em; text-align:center; overflow:visible; }
a.invalid img, .box a.invalid, #footer a.invalid { opacity:0.4; }
.box a.invalid:after { bottom:-1.1em; color:#4b9212; font-size:0.7em; padding-left:6px; }
/*coming soon*/
#coming_soon a.invalid:after { display:none; }

/*icon*/
a.link_icon, .link_icon { display:inline-block; background:url(../images/icon_arrow.png) no-repeat left center; padding:0 0 0 10px; margin:0; text-decoration:none; }
a.link_icon:hover { text-decoration:underline; }
.btn_center_box li .link_icon { margin:0 40px 10px 0; }
.btn_center_box li:last-child a.link_icon { margin-right:0; }

/*吹き出し*/
.btn_comment { position:relative; display:inline-block; width:auto; margin:0 auto 10px; padding:2px 25px; text-align:center; line-height:1.3; font-weight:bold; }
.btn_comment:before, .btn_comment:after { content:""; display:block; position:absolute; left:0; top:0; background:url(../images/fukidashi_l.png) no-repeat; background-size:100% auto; width:16px; height:27px; }
.btn_comment:before { left:auto; right:0; background-image:url(../images/fukidashi_r.png); }
.btn_comment02 { margin:30px 0 0; padding:2px 35px; font-size:1.3em; font-weight:normal; }
.btn_comment02:before, .btn_comment02:after { background-image:url(../images/fukidashi_com_l.png); width:28px; height:36px; }
.btn_comment02:before { background-image:url(../images/fukidashi_com_r.png); }

/*アコーディオン*/
.acc { margin: 0; }
.acc .acc_t { position: relative; padding: 0.5em 30px 0.7em 0.5em; margin: 0; font-size:1.3em; color:#4b9212; border-bottom: solid 1px #4b9212; cursor: pointer; font-weight: bold; line-height: 1.6; }
.acc .acc_t:hover { opacity: 0.75; }
/* 横 */
.acc .acc_t:before, .acc .acc_t:after { content: ""; display: block; position: absolute; right: 5px; top: 30px; width: 20px; height: 0; border: solid 1px #4b9212; }
/* 縦 */
.acc .acc_t:after { right: 15px; top: 20px; width: 0; height: 20px; }
.acc.opened .acc_t:after { display: none; }

.acc .acc_m { display:none; padding: 0.7em 0 1em; overflow: hidden; }



/* color box
====================================================================================================================================== */
.green_box, .yg_box, h2.bar, .point_box { position:relative; width:100%; background:url(../images/bg_g.gif); padding:25px 0 30px; overflow:visible; }
.green_box:before, .yg_box:before, .green_box:after, .yg_box:after, h2.bar:before, h2.bar:after { content:""; display:block; position:absolute; left:0; top:-3px; background:url(../images/bg_g_h.png) repeat-x left bottom; width:100%; height:3px; visibility:visible; }
.yg_box:before { background-image:url(../images/bg_yg_h.png); }
.green_box:after, .yg_box:after, h2.bar:after { clear:both; top:auto; bottom:-3px; background-image:url(../images/bg_g_b.png); }
.yg_box:after { background-image:url(../images/bg_yg_b.png); }
.yg_box, .point_box { background:url(../images/bg_yg.gif); }

.pat0 { padding-top:0; }

/* h2 list */
h2.bar { color:#fff; padding:0.6em 0; margin:0 0 1em; text-align:center; }
.green_box h2.bar:before, .green_box h2.bar:after { display:none; }
h2.bar span { display:inline-block; background:url(../images/icon_tit.png) no-repeat left center; padding:3px 0 3px 40px; margin:0 auto; }
h2.bar span.tit_sholder { display:block; background:none; padding:0; margin:0; font-size:0.66em; font-weight:normal; line-height:1.4; }

/*box*/
.point_box { padding:15px; margin:0 0 1.5em; }
.point_box p { overflow:hidden; }


/* header
====================================================================================================================================== */
#header .wrapper { overflow:visible; }
/*サイトタイトル*/
#header .copy { font-size:0.86em; }

#header .sns_box, #header_in .sns_box { display:inline-block; float:right; margin-top:5px; overflow:hidden; }
#header .share_comment { float:right; }

#site_title_in { padding-top:55px; }
#site_title_in h1 { margin-bottom:0; }

.navbar { font-size:0.8em; margin-bottom:6px; }

/*他言語*/
.langage { float:right; margin-left:15px; }
.langage a { display:inline-block; background:rgba(0,0,0,0.7) url(../images/arrow_w.png) no-repeat 7px center; padding:10px 14px 10px 30px; margin:-7px 0; color:#fff; text-decoration:none; text-shadow:none; font-size:0.88em; }
.langage a:hover { opacity:0.8; }

/*中ページ*/
#header_in { padding:10px 0; }
#header_in .wrapper { overflow:visible; }
#header_in #site_title { float:left; margin-right:15px; }
#header_in .copy { float:left; color:#4b9212; font-weight:bold; }
#header_in .sns_box { margin-top:15px; }

#header_in .langage { margin-top:-5px; }
#header_in .langage a { background-color:#548e3c; }


/* main_visual
====================================================================================================================================== */
#main_visual { position:relative; padding:50px 0 0; }
#main_visual .back_slide { position:absolute; left:0; top:0; width:100%; z-index:-1; }
#main_visual .back_slide img { max-width:none; }
#main_visual .smartphone { margin-top:-20px; }
#main_visual h1 { margin:0; }
#main_visual h2 { margin-top:-65px; }

/*中ページ*/
.page_in #main_visual { padding:0; margin-bottom:1em; }
.page_in #main_visual img { width:100%; }

/*ビジネス*/
#main_visual.movie_main_visual h1 { width:310px; margin:0 auto; }
/*#main_visual.movie_main_visual .back_slide { background:#000; }
#main_visual.movie_main_visual .back_slide .movie { opacity:0.6; }*/

#main_visual .main_copy { font-size:5em; font-weight:bold; color:#fff; letter-spacing:0.08em; line-height:1.3; text-shadow:0 0 4px #000; }
#main_visual .main_copy .sub_copy { display:block; font-size:0.4em; letter-spacing:0.06em; }
#main_visual.movie_main_visual .smartphone { margin-top:10px; }


/* slider
====================================================================================================================================== */
.bx-wrapper { position:relative; }
.bx-controls { text-align:center; }
.bx-pager-item { display:inline-block; width:auto; text-align:center; }
.bx-pager-item a { display:block; background:rgba(82,133,58,0.5); width:10px; height:10px; margin:0 5px; text-indent:100%; white-space:nowrap; overflow:hidden; border-radius:50%; }
.bx-pager-item a.active { background:#52853a; }

.bx-prev, .bx-next { display:block; position:absolute; left:-23px; top:50%; margin-top:-21px; width:20px; height:42px; background:url(../images/arrow_l.png) no-repeat; background-size:100% auto; text-indent:110%; white-space:nowrap; overflow:hidden; }
.bx-next { left:auto; right:-23px; background-image:url(../images/arrow_r.png); }


/* coming soon
====================================================================================================================================== */
#coming_soon { padding:75px 0 10px; }
#coming_soon h1 { margin:0; }
#coming_soon h2 { margin-top:-70px; text-shadow: 2px 0px 6px #fff, 0px 2px 6px #fff, -2px 0px 6px #fff, 0px -2px 6px #fff; }

/*アプリダウンロード*/
.app_dl { position:relative; width:520px; background:rgba(56,149,0,0.15); margin:0 auto 30px; padding:16px 30px; color:#4b9212; border-radius:12px; }
#coming_soon .app_dl { margin-bottom:20px; }
.app_dl .btn_list { padding-bottom:15px; }
.app_dl .btn_list p { margin-bottom:10px; }
.app_dl .btn_list ul { font-size:0; }
.app_dl .btn_list li { display:inline-block; margin:0 10px 0 0; }
.app_dl .btn_list li.last { margin:0; }
#contents .app_dl:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#contents .app_dl .tit { font-size:1.75em; text-align:center; line-height:1.3; }
#contents .app_dl .tit span { display:inline-block; background:url(../images/bg_blue.gif); padding:0 10px; }


/* contents
====================================================================================================================================== */
.column02 { float:left; width:50%; }
.column03 { float:left; width:33.33333333%; }

.next { width:100%; height:17px; background:url(../images/next_g.png) no-repeat center center; margin-bottom:5px; }
.next.white { background-image:url(../images/next.png); }

/* どんなアプリ？ */
.white_box { background:#fff; margin:0 0 1em; padding:20px; overflow:visible; border-radius:12px; }
.white_box .main { position:relative; padding-right:35%; }
.white_box .main:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.white_box .main figure { position:absolute; right:-40px; top:25px; }
.white_box h3 { line-height:1.4; }
.white_box p { overflow:hidden; }

/*step*/
.white_box.step01 { background:#fff url(../images/iyashi_bg01.png) no-repeat right 10px; }
.white_box.step01 .main figure { top:auto; bottom:0px; }
.white_box .main h3 { background:url(../images/num01.png) no-repeat; margin:-40px 0 15px -50px; padding:55px 0 0 120px; min-height:145px; }
.white_box.step01 h3 { color:#e57700; }
.white_box.step01 h3.border_tit { background-image:url(../images/line_y.png); }
.white_box.step02 h3 { background-image:url(../images/num02.png); color:#e56548; }
.white_box.step02 h3.border_tit { background-image:url(../images/line_r.png); }
.white_box.step03 .main h3 { background-image:url(../images/num03.png); }

/*movie*/
.white_box .coming_soon { display:block; width:286px; position:relative; background:#222; }
.white_box .coming_soon img { opacity:0.4; }
.white_box .coming_soon:after { display:block; content:"Comin soon"; position:absolute; left:0; top:50%; width:100%; margin-top:-0.4em; text-align:center; letter-spacing:0.1em; line-height:1; font-size:1.3em; color:#fff; opacity:0.5; }


/*download*/
.download_box .btn_center_box li, .flow .btn_center_box li { max-width:50%; }


/* 中ページコンテンツ
====================================================================================================================================== */
.in_navi { position:relative; font-size:1.1em; padding:1em 0 0; overflow:hidden; }
.in_navi:before, .in_navi:after { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:3px; background:url(../images/line.png) repeat-x left top; background-size:160px auto; visibility:visible; }
.in_navi:after { top:auto; bottom:0; }
.in_navi.btn_center_box li .link_icon { margin-right:50px; }

.in_navi .btn { margin:-7px 0 10px; }

/*flow*/
.wrapper.flow { width:auto; max-width:1020px; }
.column04 { overflow:hidden; }
.column04 > li { position:relative; float:left; width:21%; margin-right:4%; text-align:center; line-height:1.5; overflow:visible; }
.column04 > li:after { content:""; display:block; position:absolute; right:-40px; top:100px; width:36px; height:26px; background:url(../images/next_r.png) no-repeat; background-size:100% auto; }
.column04 > li.last { margin-right:0; }
.column04 > li.last:after { display:none; }
.column04 > li strong { display:block; margin-bottom:5px; }

/*プレゼント*/
.num { position:absolute; left:-15px; top:10px; background:#f0dc00; border:solid 1px #fff; width:58px; height:58px; line-height:57px; text-align:center; font-weight:bold; border-radius:30px; }
.point_box .num { top:-15px; width:75px; height:75px; line-height:70px; text-align:center; border-radius:38px; font-size:1.1em; }
.mal_space { margin-left:60px; }

/*2列プレゼント一覧*/
.column02_line { font-size:0; vertical-align:top; }
.column02_line li { font-size:15px; display:inline-block; position:relative; width:46%; margin:0 4% 0 0; padding:23px 0; background:url(../images/line.png) repeat-x left top; background-size:160px auto; vertical-align:top; }
.column02_line li.last:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:url(../images/line.png) repeat-x left bottom; background-size:160px auto; }
.column02_line li:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.column02_line li img { float:left; max-width:180px; margin-right:10px; border:solid 2px rgba(55,96,14,0.4); }
.column02_line li .text_box { overflow:hidden; }

/*開催地*/
.location img { margin-left:-20px; margin-bottom:1.5em; }
.location .slide { margin-bottom:1.5em; }
#map { width:100%; border:solid 3px #fff; }

/*ビジネス*/
ol.big_point { counter-reset: orderd_num; padding:0; }
ol.big_point li { position:relative; background:url(../images/business/icon_function01.png) no-repeat; min-height:136px; padding:0.4em 0 1.5em 120px; margin:0 0 1.5em; list-style:none; }
ol.big_point li.point_guide { background-image:url(../images/business/icon_function02.png); }
ol.big_point li.point_sr { background-image:url(../images/business/icon_function03.png); }
ol.big_point li:before { display:inline-block; counter-increment:orderd_num; content:counter(orderd_num); position:absolute; left:0; top:0.2em; width:110px; text-align:center; font-size:1.8em; font-weight:bold; color:#fff; }
ol.big_point li:after { content:""; position:absolute; left:0; bottom:0; height:3px; width:100%; border:none; background:url(../images/line.png) repeat-x left center; background-size:160px auto; margin:0; overflow:hidden; }

ol.big_point li h3 { font-size:1.3em; color:#37600e; }
ol.big_point li p { margin-bottom:0; }


/* footer
====================================================================================================================================== */
/*info*/
#footer .info_box { background:url(../images/line.png) repeat-x left top; background-size:160px auto; padding:15px 0 0; }
#footer .site_info { max-width:80%; float:left; }
#footer address { margin:0; padding:0; }
/*QR*/
#footer .qr_box { float:right; text-align:right; margin-top:10px; width:115px; text-align:center; }
#footer .qr_box span { display:inline-block; margin-top:4px; line-height:1.4; }

#footer .copyright { clear:both; padding:20px 0 8px; text-align:center; }


/* side_fixed_box
====================================================================================================================================== */
#side_fixed_box { position:fixed; right:15px; bottom:40px; }
#side_fixed_box .top_page { width:46px; height:46px; background:rgba(0,0,0,0.4) url(../images/pagetop.png) no-repeat center center; background-size:30px auto; border-radius:23px; }