@charset "UTF-8";
/* ### reset.scss ### */
/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; vertical-align: top; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

figure { margin: 0; }

/*******************************************
	 common
*******************************************/
body{border-top: 5px solid #fa6868;font-size: 90%;color: #3f3f3f;line-height: 1.8em;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','MS Pゴシック','MS PGothic',sans-serif;}
#faq{ background: #f0f0f0; }
.inner,
.site_inner { width: 1000px; margin: 0 auto; }
.site_inner{ background: #fff; margin-bottom: 30px; padding: 0; }
.pc_dsn {display: block;}
.sp_dsn {display: none;}
.sp_img img{display: none;}
.buttonarea li{display: inline-block;padding-left: 10px;}
.subttl{text-align: center;}
.btn{display: block;text-align: center; background: #fa6868;color: #fff; padding: 13px; text-decoration: none; border-radius: 25px;margin: 0 auto;}
.lead_txt{text-align: center;margin-bottom: 30px;}
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0; font-weight: bold;}

.siteheader{height: 40px;position: relative;top:0;left: 0;}
#faq .siteheader,
.share .siteheader,
.contact .siteheader{height: 60px; position: inherit; background: #fff; border-bottom: 1px solid #f0f0f0;}
.share .siteheader{position: relative;}
.header-navs{display: block; z-index: 1002;}
.header-nav a{color: #fff;width: 148px; height: 32px; background:url("../img/pc/bg_hdnav.png"); display: block; text-decoration: none; text-align: center; padding-top: 3px;}
.contact .header-nav a{ height: 35px;}
.header-nav_sns a{width: 47px;height: 28px;background:url("../img/pc/bg_hdnav_sns.png");padding-top: 7px;}
.header-nav{display: block;float: left;}
.header-navs{ display: block; position: absolute;top: 0;right: 50px;}
.site-logo{width: 180px; position: absolute; top: 5px; left: 20px;}

.page-ttl{text-align: center; padding: 40px 0 40px; font-size: 200%; color: #fa6868;}

.mvarea{width: 100%;height: 600px;background:url("../img/pc/bg_mv.jpg");margin-top: -40px; }
.mvarea-badge{width: 184px; height: 211px; background: url("../img/pc/mv_badge.png");}
.mvarea-logo img{ width: }
.mvarea-app{width: 492px; height: 331px; background: url("../img/pc/bg_app.png");}
.mv-inner{width: 1000px;height: 600px; position: relative;}
.mvarea-badge{position: relative;left: 818px;top: 107px;}
.mvarea-app{position: absolute;top: 169px;left: 255px;}
.txt_mv02{position: absolute;top: 57px;left: 51px; width: 385px; height: 56px; background:url("../img/pc/txt_ft01.png"); }
.mvarea_buttonarea{position: absolute;top: 232px;left: 96px;}
.mvarea-logo{position: absolute;top: 125px;left: 65px; width: 355px; height: 92px;}
.mvarea-sp{position: absolute;bottom: 0;left: 0; width: 329px; height: 264px; background:url("../img/pc/mv_smartphone.png"); }
.mvarea-fukidashi{position: absolute;top: 200px;left: -34px; width: 185px; height: 166px; background:url("../img/pc/txt_mv01.png"); }

.rcmndarea00{background: url("../img/bg01.png"); padding: 70px 0 80px; position: relative;}
.rcmndarea00:before{content: ""; width: 100%; height: 470px; display: block; background:url("../img/pc/bg_rcmnd01.png") no-repeat 50% 0; position: absolute;top: 30px; }
.rcmndarea-ttl{width: 676px; height: 70px; background:url("../img/pc/ttl_rcmnd.png") ;margin: 0 auto 30px;}
.rcmnd-list:before{content: "";width: 30px;height: 30px;display: inline-block;background: url("../img/check.png");vertical-align: middle;margin-right: 10px;}
.rcmnd-list{color: #fff;font-weight: bold;margin-bottom: 20px;font-size: 113%;width: 424px;display: block;float: left;}
.rcmnd-list:nth-child(2n){margin-left: 40px;width: 404px;}
.rcmnd-lists{width: 868px; margin: 0 auto;}
.rcmnd-lists:after{ content: ""; display: block; clear: both;}
.rcmndarea-lead{margin-bottom: 30px;}
.rcmndarea{padding: 40px 0;}
.rcmndarea:after{ content: ""; display: block; clear: both;}
.rcmnd-txt__area{width: 586px;}
.rcmnd-txt__area01,
.rcmnd-txt__area03{float: left;}
.rcmnd-txt__area02{float: right;}
.rcmnd-img{display: block; float: left;}
.rcmndarea01{background-color: #fffbe5; background-image:url("../img/pc/bg_rcmnd02.png"); background-position: 0 100%; background-repeat: no-repeat; padding-bottom: 85px;}
.rcmndarea02{background-color: #fde7e7; background-image:url("../img/pc/bg_rcmnd03.png"); background-position: 0 100%; background-repeat: no-repeat; padding-top: 0; padding-bottom: 85px;}
.rcmndarea03{background-color: #ddf3f9; padding-top: 0;}
.rcmndarea-lead01 img{width: 473px; height: auto;}
.rcmndarea-lead02 img{width: 430px; height: auto;}
.rcmndarea-lead03 img{width: 358px; height: auto;}
.rcmnd-img01,
.rcmnd-img03{margin-left: 90px;}
.rcmnd-img01 img{ width: 264px; height: auto;}
.rcmnd-img02 img{ width: 337px; height: auto;}
.rcmnd-img03 img{ width: 264px; height: auto;}
.rcmndarea.rcmndarea04{padding: 0;}
.rcmndarea04{background: url("../img/pc/bg_rcmnd04.png") no-repeat 50% 0;}
.rcmndarea04-inner{position: relative;height: 314px;}
.txt_rcmnd01{width: 154px;height: 143px; display:block;background: url("../img/pc/txt_rcmnd01.png"); position: absolute; top: -35px; left: 0;}
.txt_rcmnd02{width: 449px; height: 102px; background: url("../img/pc/txt_rcmnd02.png");position: absolute; top: 50px; left: 50%; margin-left: -225px;}
.txt_rcmnd03{width: 615px;height: 41px; background: url("../img/pc/txt_rcmnd03.png");position: absolute; top: 184px; left: 50%; margin-left: -305px;}
.illust_rcmnd{ width: 174px; height: 194px; background: url("../img/pc/illust_rcmnd.png"); position: absolute;top: 87px;left: 20px;}

.featurearea{padding: 60px 0 70px;}
.feature-box{width: 240px;box-sizing: border-box; border: 3px solid #e5e5e5; border-radius: 5px; margin-right: 13px; float: left; position: relative;}
.feature-box:nth-child(4n){margin-right: 0;}
.feature-box__cs:after{ content: "ただいま準備中"; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; color: #fff; text-align: center; padding-top: 150px; box-sizing: border-box; font-size: 140%; border-radius: 3px; font-weight: bold;}
.feature-boxes:after{ content: ""; display: block; clear: both;}
.feature-subttl img{width: 228px;}
.feature-subttl{margin-bottom: 70px;}
.feature-box__point img{width: 100px; height: auto;margin: 0 auto;}
.feature-box__img img{width: 200px; height: auto;margin: 0 auto;}
.feature-box__point{margin: -50px auto 20px; text-align: center; z-index: 1000; position: relative;
}
.feature-box__img{margin: 0 auto 30px; text-align: center;}
.feature-txt{width: 200px;margin: 0 auto 20px;}
.feature-box__ttl{font-weight: bold;text-align: center;font-size: 120%;margin-bottom: 10px;}

.functionarea{background: #fff4f4; padding: 60px 80px;}
.function_subttl{margin-bottom: 40px;}
.function_subttl img{width: 290px;}
.function-box{width: 320px;background: #fff;float: left;margin-right: 20px;margin-bottom: 30px; position: relative;}
.function-box:nth-child(3n){margin-right: 0;}
.function-boxes:after{ content: ""; display: block; clear: both;}
.function-box img{width: 100%;}
.function-box__ttl{text-align: center;margin-bottom: 20px;font-weight: bold;font-size: 120%;}
.function-box__img{margin-bottom: 20px;}
.function-txt{padding:0 20px 20px 20px;}
.function-box__cs:after,
.function-box__new:after{content: ""; width: 70px; height: 71px; display: block; background-size: cover; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: -3px; left: -3px; }
.function-box__cs:after{ background-image:url("../img/ico_cs.png") ; }
.function-box__new:after{  background-image:url("../img/ico_new.png") ;}

.voice_subttl{margin-bottom: 20px;}
.voice_subttl img{width: 188px;}
.voicearea{background-image: url("../img/bg05.png") ;background-size: 10px 10px; padding: 60px 70px}
.voice-box{display: block;float: left;}
.voice-boxes:after{ content: ""; display: block; clear: both;}
.voice-box img{width: 100%;}
.voice-box{height: 290px; margin-right: 12px;}
.voice-box01{width: 287px;}
.voice-box02{width: 381px;}
.voice-box03{width: 270px;}
.voice-box04{width: 328px;}
.voice-box05{width: 325px;}
.voice-box06{width: 308px;}

.faqarea_subttl{margin-bottom: 20px;}
.faqarea_subttl img{width: 174px;}
.faqarea_btn{width: 250px; font-size: 120%;}
.faqarea{background: #fff4f4; padding: 60px 50px;}
.question {cursor: pointer;margin-top: 10px;border-bottom: 1px solid #ccc; padding-right: 30px;background-image: url("../img/arrow01.png");background-repeat: no-repeat; background-position: 97% 30%;background-size: 8px 5px;}
.answer { margin-bottom: 20px; background: #fff7f7;}
.ico { display: block; width: 40px;height: 40px;line-height: 40px;font-size: 120%;text-align: center; background: #fa6868;font-weight: 100;float: left; margin: 0 10px 10px 0; border-radius: 3px;color: #fff;}
.question,
.answer { width: 100%;padding: 10px;box-sizing: border-box;}
.question{padding-right: 30px;}
.question-boxes li:nth-last-child(2){border-bottom: none;}
.question-boxes{padding: 10px; background: #fff; margin-bottom: 40px;}
.question:after,
.answer:after {content: "";display: block;clear: both;}

.snsarea{padding:80px 0;}
.snsarea_subttl{margin-bottom: 34px;}
.snsarea_subttl--tw img{width: 124px;}
.snsarea_subttl--fb img{width: 158px;}
.snsarea_box{float: left;}
.snsarea_box--tw{width: 450px;}
.snsarea_box--fb{width: 450px;margin-left: 50px;}
.snsarea_inner:after{ content: ""; display: block; clear: both;}

.apppr{background: #fef0f0;padding-top: 30px;}
.apppr_inner{position: relative; height: 272px;}
.apppr_txt{width: 385px;height: 56px;background:url("../img/pc/txt_ft01.png"); position: absolute;top: 7px;left: 444px;}
.apppr_img{width: 341px;height: 272px;display: block;background:url("../img/pc/ft_smartphone.png"); position: absolute;top: 0;left: 67px; }
.apppr_logo{width: 353px;height: auto; position: absolute; top: 83px;left: 460px;}
.apppr_buttonarea{position: absolute; top: 197px; left: 492px;}

.likebtnarea{padding: 50px 0 40px; text-align: center; background: #fff;}
.likebtn-fb-like {transform: scale(1.5);}
.likebtn-text{background: #fa6868; color: #fff;font-weight: bold;width: 410px;height: 4px;padding: 18px;border-radius: 20px;line-height: 0.3em;margin: 0 auto 30px; position: relative;}
.likebtn-text:after{content: "";position: absolute;bottom: -10px;left: 50%;margin-left: -10px;display: block;width: 0;height: 0;border-style: solid; border-width: 10px 10px 0 10px; border-color: #fa6868 transparent transparent transparent;}

.sitefooter{background: #fa6868; color: #fff; padding:50px 0; text-align: center;}
.sitefooter a{color: #fff;text-decoration: none;}
.sitefooter a:hover{text-decoration: underline;}
.copyright{text-align: center;}
.footer-navs{display: inline-block;text-align: center;}
.footer-nav{display: inline-block; border-right: 1px solid #fff;padding-right: 10px;margin-right: 10px;line-height: 1em;font-size: 110%;}
.footer-nav:last-child{border-right: none;}
#google_translate_element{display: inline-block; }
#faq #google_translate_element{ display: block; margin:0 auto 10px; width: 1000px; }
.hover{transition: all 0.2s linear;}
.hover:hover{opacity: 0.8;}

.banner-wrap{text-align: center;margin: 40px auto;}
.banner{height: auto;}

/*******************************************
	 tablet
*******************************************/
@media screen and (max-width: 999px) {
	.inner,
	.site_inner { width: 90%; margin: 0 auto; }
	img{max-width: 100%;}
	.header-navs{display: none;}
	.pc_dsn {display: none;}
	.sp_dsn {display: block;}
	.sp_img img{display: block;}
	.sp_img{background-image: none;}

	.menu-trigger{background: url("../img/sp/bg_menu.png") no-repeat 0 0; background-size: 48px 35px; position: absolute; top: 0; right: 10px; cursor: pointer; z-index: 1001; }
	.menu-trigger,
	.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
	.menu-trigger {width: 48px; height: 35px;}
	.menu-trigger span {position: absolute; left: 13px; width: 20px;height: 3px;background-color: #fff; border-radius: 3px;}
	.menu-trigger span:nth-of-type(1) {top: 9px;}
	.menu-trigger span:nth-of-type(2) {top: 16px;}
	.menu-trigger span:nth-of-type(3) {bottom: 9px;}
	.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(7px) rotate(-45deg); transform: translateY(7px) rotate(-45deg);}
	.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
	.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}

	.header-navs{right: 0;left: 0; top: 0;background-color: rgba(255, 210, 210, 0.95); padding-top: 45px; z-index: 1000;}
	.header-nav{  display: inline-block; width: 100%; padding: 5px 0; border-top: 1px solid #fff;}
	.header-nav_sns{width: 50%;box-sizing: border-box; border-right: 1px solid #fff;}
	.header-nav_sns:last-child{border-right: none;}
	.header-nav a{background-image: none; display: block; width: 100%; color: #fa6868; margin-bottom: 0;}

	.mvarea{width: 100%;height: 600px;background:url("../img/sp/bg_mv.png") 50% 50%; background-size: 450px 600px; overflow: hidden;}
	.mvarea-app{width: 300px; height: 270px; background:url("../img/sp/bg_app.png");background-size: cover; top: 50px; left: 50%; margin-left: -150px; }
	.mvarea-sp{ width: 194px; height: 161px; top: auto; bottom: 0; left: 25%;}
	.mvarea-fukidashi{width: 136px; height: 122px; top: auto; bottom: 137px; left: 25%;}
	.mvarea-badge{ position:absolute;width: 149px; height: 172px; top: auto; bottom: 86px; left: auto; right: 25%;}
	.txt_mv02{width: 254px; height: 89px; top: 32px; left: 50%; margin-left: -127px;}
	.mvarea-logo{width: 237px; height: 61px; top: 132px; left: 50%; margin-left: -118px;}
	.mvarea_buttonarea{ width: 280px; top: 200px; left: 50%; margin-left: -140px; display: inline-block; text-align: center; }
	.buttonarea li {padding-left: 0;}

	.rcmndarea00{padding: 20px 0 50px;}
	.rcmndarea-ttl{width: 300px;margin: 0 auto 20px; text-align: center;}
	.rcmndarea-ttl img{ margin: 0 auto; }
	.rcmnd-lists{width: 100%;}
	.rcmnd-list {margin-bottom: 5px;display: inline-block;float: inherit; width: auto; font-size: 110%; width: 48%; margin: 0 1%; vertical-align: top;}
	.rcmnd-list:nth-child(2n) {margin-left: 0;width: auto;}
	.rcmnd-list:before {content: "";width: 15px;height: 30px;display: block;background: url("../img/check.png") no-repeat 0 3px;background-size: 15px 15px; vertical-align: middle;margin-right: 10px;float: left;}
	.rcmnd-list:after{content: "";display: block;clear: both;}
	.rcmndarea-lead {width: 100%; text-align: center;}
	.rcmnd-txt__area {width: 100%; margin-bottom: 20px;}
	.rcmnd-txt__area01,.rcmnd-txt__area02,.rcmnd-txt__area03 {float: inherit;}
	.rcmnd-img{float: inherit; margin: 0 auto 40px; text-align: center;}
	.rcmndarea01{padding-bottom: 30px;}
	.rcmndarea02{padding: 30px 0 1px;}
	.rcmndarea03{padding: 30px 0 10px;}
	.rcmndarea-lead03{margin-top: 10px;}
	.txt_rcmnd02{width:294px; height: auto; position: inherit; margin: 0 auto 20px; text-align: center; top: auto; left: auto;}
	.txt_rcmnd02 img{margin: 0 auto ; padding-top: 50px;}
	.txt_rcmnd03{width: 248px; height: auto; position: inherit;top: auto; left: auto; margin: 0 auto; text-align: center;}
	.txt_rcmnd03 img{margin: 0 auto; }
	.rcmndarea04{background: url("../img/sp/bg_rcmnd04.png") no-repeat center bottom; background-size: 1000px 451px; height: 450px;}
	.rcmndarea04-inner{height: 450px;}
	.rcmndarea01{background-image:none; }
	.rcmndarea02{background-image:none; }
	.illust_rcmnd img{width: 122px; height: 148px;}
	.txt_rcmnd01 img{ width: 136px; height: 122px;}
	.illust_rcmnd{width: 122px; height: 148px; top: auto;bottom: -1px;left: 50%;margin-left: -54px;}
	.txt_rcmnd01{top: 280px; left: 28%;}

	.featurearea{padding: 60px 0 35px; }
	.feature-box{width: 46%;margin:0 2% 70px;}
	.feature-txt{width: 90%;}

	.functionarea{padding: 35px 0;}
	.function-box{width: 46%; margin: 0 2% 10px; }
	.function-box:nth-child(3n){margin-right: 2%;}

	.voice-boxes{text-align: center;}
	.voicearea{padding: 30px 0}
	.voice-box{float: inherit;}
	.voice-box img{width: 100%;}
	.voice-box{ width: 33% margin: 0 auto 20px; display: inline-block;}

	.question-boxes{margin-bottom: 20px;}
	.faqarea{background: #fff4f4; padding: 40px 0 30px;}

	.snsarea{padding:40px 0;}
	.snsarea_box--tw{width: 47%;}
	.snsarea_box--fb{width: 47%;margin-left: 6%;}

	.apppr_inner { position: inherit; height: auto;}
	.apppr_txt{position: inherit; top: auto;left: auto; width: auto; height: auto;}
	.apppr_txt img{ width: 254px; height: 88px; margin: 0 auto 20px;}
	.apppr_img{width: 275px; height:auto; position: inherit; margin: 0 auto; }
	.apppr_logo{width: 268px;height: auto; position: inherit; margin: 0 auto 20px; top: inherit;left: inherit;}
	.apppr_buttonarea{position: inherit; text-align: center; margin-bottom: 30px;}

	.likebtn-text{width: 80%; height: auto; line-height: 1.5em;}

	.sitefooter{padding:20px 0;}
	.footer-navs{margin-bottom: 35px;}
	#google_translate_element{margin-bottom: 25px;}
	#faq #google_translate_element{ width: 90%; margin: 0 auto 25px; position: relative; z-index: 1000;}

	.sp_site_name{ left:25px;}

	.topicpath{
		padding: 5px 10px;
	}
}
/*******************************************
	 smartphone
*******************************************/
@media screen and (max-width: 767px) {

	.mvarea-sp{ width: 194px; height: 161px; top: auto; bottom: 0; left: 30px;}
	.mvarea-fukidashi{width: 136px; height: 122px; top: auto; bottom: 137px; left: 18px;}
	.mvarea-badge{ position:absolute;width: 149px; height: 172px; top: auto; bottom: 86px; left: auto; right: 0;}

	.rcmnd-list {display: block;float: inherit; width: 100%;margin-left: 0;}

	.rcmndarea01{background-image:url("../img/sp/bg_rcmnd02.png"); }
	.rcmndarea02{background-image:url("../img/sp/bg_rcmnd03.png"); }
	.rcmndarea02{padding: 20px 0 150px;}
	.rcmndarea03{padding: 0 0 10px;}
	.rcmndarea-lead03{margin-top: -120px;}
	.txt_rcmnd01{top: 280px; left: 10%;}

	.featurearea{padding: 60px 0 35px;}
	.feature-box{width: 280px;margin:0 auto 70px; display: block; float: inherit;}
	.feature-box:last-child{margin-bottom: 0;}
	.feature-box:nth-child(4n){margin-right: auto;}

	.function-box{display: block; width: 280px; margin: 0 auto 20px; float: inherit;}
	.function-box:nth-child(3n){margin-right: auto;}

	.voice-box01,
	.voice-box02,
	.voice-box03,
	.voice-box04,
	.voice-box05,
	.voice-box06{width: 90%; height: auto;}
	.voice-box:last-child{margin-bottom: 0;}

	.snsarea_box{float: inherit;}
	.snsarea_box--tw{width: 100%; margin-bottom: 40px;}
	.snsarea_box--fb{width: 100%;margin-left: 0;}
	
	.banner-wrap{margin: 15px auto;}

}

/*----------------------------------------------------
	                 topicpath
	             serizawa_add200218
------------------------------------------------------*/
.topicpath{
	width: 100%;
	background: #f7f7f7;
	padding: 10px 20px;
	box-sizing: border-box;
	overflow-x:scroll;
	text-overflow: ellipsis;
	white-space: nowrap;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.topicpath::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}
.topicpathList{
	display: inline-block;
	font-size: 90%;
}
.topicpathList a{
	text-decoration: underline;
}
.topicpathList a:hover{
	text-decoration: none;
}
.topicpathList a:after {
	content: " ";
	width: 5px;
	height: 8px;
	display: inline-block;
	background-image: url(/common/img/common/arrow06.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 10px;
}
.topicpathList a {
	color: #dd9016;
}