﻿body{font-family:"Amiko", "Helvetica", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-size:14px;text-align:center;color:#0a0e1f;background-color:#fff;font-feature-settings:"palt"}html,body,h1,h2,h3,div,p,img,section{margin:0;padding:0}a{text-decoration:none;color:#0a0e1f}ul{padding:0;list-style-type:none}img{vertical-align:bottom}#wrapper{padding-top:50px}
.main{margin:0 50px;padding:45px;background-color:#edb965}
.logo{position:fixed;top:22px;left:22px;z-index:1000}
.logo a{display:block;width:180px;height:94px;background:url("../images/logo.svg") no-repeat;background-size:contain;font-size:0}
.movie{width:700px;height:700px;min-height:500px;margin:0 auto;line-height:0.1em}
.copy{margin-bottom:40px;font-size:34px;line-height:2.3;letter-spacing:0.2em;font-feature-settings:"palt";-webkit-font-smoothing:antialiased}
.copy span{border-bottom:solid 4px #ffcf07}
.download{position:fixed;right:30px;bottom:30px;z-index:1000}
.download_text{margin-bottom:25px;font-size:16px;font-weight:bold;letter-spacing:0.05em;-webkit-font-smoothing:antialiased}
.download_banner{display:inline-block;vertical-align:middle;margin:0 4px}
.download_banner img{width:240px;height:auto}
.download_banner_stop img{width:493px;height:auto}
.link_button a{display:inline-block;border:1px solid #0a0e1f;padding:18px 20px 14px;min-width:180px;line-height:1;border-radius:30px;letter-spacing:.15em}
.about{margin:30px 50px;padding:70px 0;background-color:#fff8ea}
.about_title{font-family:"Amiko", "Helvetica", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-size:42px;font-weight:semibold;color:#ffcf07;letter-spacing:0.1em;-webkit-font-smoothing:antialiased}
.about_text{margin-top:30px;font-size:20px;font-weight:bold;line-height:2;letter-spacing:0.15em;-webkit-font-smoothing:antialiased}
.about_text_sub{margin-top:50px;font-size:14px;line-height:1.6;letter-spacing:0.08em}
.column_container{margin-top:50px}
.column{box-sizing:border-box;display:inline-block;vertical-align:top;width:28%;max-width:320px;min-height:310px;border-bottom:solid 1px #e5e0d7;margin:0 10px;padding:40px 10px;background-color:#fff}
.column_title{margin:20px 0 15px 0;font-size:16px;line-height:2;letter-spacing:0.08em;-webkit-font-smoothing:antialiased}
.column_title strong{border-bottom:solid 4px #ffcf07}
.column_title span{font-size:10px}
.column_text{font-size:13px;line-height:1.8;letter-spacing:0.05em}
.column_img img{width:100%;height:100%}
.column_note{margin-top:20px;font-size:11px;color:#8c9098;letter-spacing:0.03em;line-height:1.8}
.schedule_img{width:100%;height:auto;margin:40px auto 0 auto;padding-bottom:20px}
.select{width:620px;margin:50px auto 0 auto;text-align:left}
.select_title{display:inline-block;margin:0 0 20px 0;font-size:18px;font-weight:bold;letter-spacing:0.03em;-webkit-font-smoothing:antialiased}
.select_title:before{content:"";display:inline-block;width:14px;height:14px;border-radius:7px;margin-right:10px;background-color:#ffcf07}
.select_text{font-size:15px;line-height:1.9;letter-spacing:0.03em;text-align:justify;text-justify:inter-ideograph}
.select_note{margin-top:10px;font-size:12px;letter-spacing:0.03em;color:#818692}
.footer{display:inline-block;vertical-align:middle;margin:50px 0;font-size:0}
.footer li{margin:0 10px;display:inline-block;line-height:1.8;font-size:14px;letter-spacing:0.05em}
.footer a:hover{text-decoration:underline}
.madeby{width:100px;height:100%}
.copyright{margin:20px 0;padding-bottom:150px;font-size:10px;letter-spacing:0.05em}
.items{margin:0}
.item_img{width:110px;height:110px;margin:0 auto}
.item_img img{width:100%;height:auto;border-radius:55px}
.item_price{display:inline-block;margin-top:15px;padding:6px 10px 2px 10px;background-color:#ffffff;font-size:16px;font-family:"Amiko";font-weight:700;letter-spacing:0.03em;-webkit-font-smoothing:antialiased}
.media{box-sizing:border-box;width:70%;height:auto;margin:30px auto;text-align:center}
.media img{width:100%;height:auto}
.sns_btn_container{display:block}
.sns_btn{display:inline-block;vertical-align:top;margin:20px 5px 0 5px}
.sns_link{display:inline-block;vertical-align:middle;font-size:0}
.sns_link_fb,.sns_link_tw{display:inline-block;vertical-align:middle;width:26px;height:26px}
.sns_link_fb a,.sns_link_tw a{display:block;width:26px;height:26px;border-radius:14px}
.sns_link_fb{margin:0 8px}
.sns_link_fb a{background:url("../images/icon_fb.png") no-repeat;background-size:contain}
.sns_link_tw a{background:url("../images/icon_tw.png") no-repeat;background-size:contain}
.sp{display:none}
.pc{display:block;
	width: 50%;}
#slide_wrapper{top:0;left:0;height:180px;overflow:hidden;position:absolute}
#slide{margin:40px auto 0 auto;max-width:1680px;width:100%;height:180px;text-align:center;position:relative;overflow:hidden}
#slide ul{height:180px;float:left;overflow:hidden}
#slide li{width:150px;height:180px;float:left;display:inline;overflow:hidden}
.info a{display:block;width:100%;height:74px;line-height:74px;font-size:18px;font-weight:bold;text-decoration:underline;background-color:#dddddd}
.users_voice{text-align:center;margin:60px 0 0}.users_voice li{width:300px;margin:0 15px 30px;display:inline-block;vertical-align:top}
.voice_info{background:#ffcf07;padding:13px 20px;text-align:right;min-height:100px;box-sizing:border-box}.voice_prof{display:inline-block;color:#808080;background:#fff;font-size:10px;line-height:1;padding:4px 8px;font-weight:bold;letter-spacing:.1em;vertical-align:middle;border-radius:3px;font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings:"palt"}
.voice_title{font-size:14px;line-height:1.8;letter-spacing:.16em;text-align:left;cursor:pointer}
.voice_title.short{padding:.5em 0 1.3em}
.voice_photo{position:relative;width:100%;height:200px;background-repeat:no-repeat;background-size:cover;cursor:pointer}
.voice_photo:after{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;display:inline-block;content:"";background:url("/images/usersvoice/icon_play.svg") no-repeat;background-size:cover;transition:opacity .2s ease-out}.user_01{background-image:url("/images/usersvoice/user_01.jpg")}.user_02{background-image:url("/images/usersvoice/user_02.jpg")}.user_03{background-image:url("/images/usersvoice/user_03.jpg")}@media screen and (max-width: 1280px){.movie{width:500px;height:500px}.download_banner img{width:200px}
	.download_banner_stop img{width:200px}}@media screen and (min-width: 901px) and (max-width: 1080px){.column{width:30%;margin:0 4px}.br_about{display:none}}@media screen and (max-width: 900px){#wrapper{padding-top:0}.main{margin:0;padding:0}.logo{top:8px;left:8px}.logo a{width:65px;height:34px}.movie{width:100%;height:auto;min-height:inherit;max-height:inherit}.copy{margin:0 0 20px 0;font-size:18px}.about{margin:0 0 20px 0;padding:40px 0 30px 0}
	.about_items{margin-bottom:0}.about_title{font-size:24px}.about_text{margin-top:10px;font-size:14px;font-weight:normal;letter-spacing:0.05em}
		.column_container{margin-top:40px}.column{display:block;width:94%;max-width:none;height:auto;min-height:initial;margin:0 auto 3% auto;padding:30px 10px}
		img{width:90%;height:auto;margin:30px auto 0 auto;padding-bottom:0}.item_price{margin-top:15px;font-size:13px}.item_img{width:90px;height:90px}
	.item_img img{width:100%;height:auto}.select{width:82%;margin-top:35px}.select_title{margin-bottom:10px;font-size:14px}.select_title:before{margin-bottom:-1px}
	.select_text{font-size:13px;line-height:1.8;letter-spacing:0.03em}.select_text br{display:none}.select_note{font-size:10px}#slide_wrapper{height:150px}#slide{height:150px;margin:20px auto 0 auto}#slide ul{height:150px;float:left;overflow:hidden}#slide li{width:110px;height:150px;float:left;display:inline;overflow:hidden}.users_voice{margin:40px 0 20px}.users_voice li{margin:0 0 10px}
	.download{position:static;padding:28px 0;background-color:#0a0e1f;font-size:0}.download_banner{margin:0 4px}.download_banner img{width:160px;height:auto;border:solid 1px #95989a;border-radius:5px}.download_banner_stop{margin:0 4px}.download_banner_stop img{width:94%;height:auto;border-radius:5px}
	.download_text{margin-bottom:20px;font-size:14px;color:#fff}.footer{margin:30px 0 20px 0}.footer li{font-size:13px}.sns_link{margin-bottom:30px}
	.sns_link_fb a,
	.sns_link_tw a{width:30px;height:30px}.sns_link_fb{margin:0 15px 0 0}.copyright{padding-bottom:20px}.info a{height:50px;line-height:54px;font-size:14px}
	.media{width:90%;margin:20px auto}.column_note{width:94%;margin-right:auto;margin-left:auto;line-height:1.6}.sp{display:block}.pc{display:none}}@media screen and (max-width: 320px){
	.download_banner img{width:130px}.info a{font-size:11px}}@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 0)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.modal-video-close{opacity:0}
.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}
.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}
.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent;outline:none}
.modal-video-close-btn:hover{cursor:pointer}.modal-video-close-btn:before{transform:rotate(45deg)}
.modal-video-close-btn:after{transform:rotate(-45deg)}
.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}


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

.terms{
	padding:20px;
	height:120px;
	width:100%x;
	height: 220px; 
	font-size: 14px;
	line-height:1.5;
	text-align: left; 
	background: #fff;
	padding: 15px 20px;
	margin-bottom: 30px;
	overflow-y: auto; 
	box-sizing: border-box; 
	border: 1px solid #DCDCDC;
}}