@charset "UTF-8";

:root{
	--MAINCOLOR:rgb(0,145,197);
	--MAINCOLOR2:rgba(0,145,197, 0.7);
	--SUBCOLOR:rgb(0,102,51);
	--COLOR1:rgb(51,102,204);
	--COLOR2:rgb(186,200,198);
	--WHITE:rgb(253,253,253);
	--FONT:rgb(21,12,21);
	--SMALLER:0.9em;
	--HEIGHTPC:12em;
	--HEIGHTSP:10em;
	--IMAGEHEIGHTPC:15em;
	--IMAGEHEIGHTSP:10em;
}

body{text-align:center;color:var(--FONT);background:var(--WHITE);line-height:1.05em;font-size:var(--SMALLER);}
input, select,textarea{color:rgb(100,100,100);}
input.pass{font-family:"mask"!important;}
input[type=text],input[type=number]{border-radius:0;border-bottom:0.15em solid var(--MAINCOLOR);height:1.8em;background:transparent;}
select{background:transparent;border-radius:0 ;border-bottom:0.15em solid var(--MAINCOLOR);}
textarea{border-radius:0.5em;border:0.15em solid var(--MAINCOLOR);}
input:focus, select:focus,textarea:focus{color:var(--FONT);background:var(--WHITE);}
select:focus{border-radius:0;border-right:0;}
textarea{height:15em;}
button{cursor:pointer;height:1.8em;width:100%;background:var(--MAINCOLOR);color:var(--WHITE);/*box-shadow:0 0.35em 0.25em rgb(230,230,230);*/}
button:hover{border:0.15em solid var(--MAINCOLOR);background:rgba(51,102,204,0.2);color:var(--FONT);}
::selection{background:var(--MAINCOLOR);color:var(--WHITE);}
::-moz-selection{background:var(--MAINCOLOR);color:var(--WHITE);}
sup{font-size:0.75em;}
i{margin-right:0.25em;}
div.filter{z-index:9000;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;}
div.filter div.pagenavi{position:fixed;top:10%;right:0;left:0;text-align:center;}
div.cover{display:none;padding-top:1em;padding-bottom:1em;}
div.logo{position:fixed;top:0.5em;left:0.5em;width:4.5em;z-index:5700;}
div.logo img{width:100%;height:auto;border-radius:0;}
div.loadimage{position:fixed;top:40%;right:0;bottom:40%;left:0;}
div.loadimage img{height:100%;width:auto;}
div.clock.pc{position:fixed;top:4.5em;left:-0.25em;z-index:5100;padding:0.25em;background:transparent;text-align:right;font-size:0.8em;line-height:100%;width:15%;color:var(--SUBCOLOR);}
div.layout{padding-top:1em;}
div.layout.pc{width:82%;margin-right:1em;padding-top:2em;}
div.layout.sp{width:95%;font-size:95%;padding-top:2em;}
div.layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;background-color:rgba(0,100,0,0.4);}

div.boxlayout{width:100%;text-align:center;margin-bottom:1em;}
div.boxlayout div{display:inline-block;text-align:left;vertical-align:top;}
div.boxlayout.pc div.outer{margin:0 0.5em 0 0.5em;width:48%;}
div.boxlayout.pc div.outer.charge, div.boxlayout.pc div.outer.exampletitle{margin:0 0.5em 0 0.5em;width:29%;}
div.boxlayout.pc div.outer.exp{margin:0 0.5em 0 0.5em;width:66%;}
div.boxlayout.pc div.outer.q{width:35%;}
div.boxlayout.pc div.outer.a{width:60%;}
div.boxlayout.sp div.outer{margin:0.2em;width:98%;}
div.boxlayout div div{display:block;width:100%;}

div.flowlayout{display:flex;width:100%;overflow-x:scroll!important;padding:0.5em 0 1em 0;}
div.flowlayout div{flex-shrink:0;margin:0.25em;padding:0.25em;text-align:center;cursor:pointer;}
div.flowlayout div.skin{padding:0.5em;margin:0.25em;border-radius:0.5em;}
div.flowlayout div.skin:hover{border:0.15em solid rgba(228,243,245,0.6);background:rgba(228,243,245,0.6);}
div.flowlayout.pc div.skin{width:45%;}
div.flowlayout.sp div.skin{width:80%;}
div.flowlayout div div{display:block;width:100%;}
div.flowlayout div div.content{width:98%!important;overflow-x:hidden;overflow-y:hidden;margin-bottom:1em;}
div.flowlayout.pc div div.content{height:20em!important;}
div.flowlayout.sp div div.content{height:14em!important;}
div.flowlayout div div.content iframe{width:1920px;height:1080px;pointer-events:none;transform:scale(0.4);transform-origin:0 0;}
div.flowlayout.sp div div.content iframe{width:1440px;height:960px;}

div.menubutton{cursor:pointer;position:fixed;top:0;right:0;z-index:5600;padding:0.7em;border-radius:0 0 0 0.5em / 0 0 0 0.5em;background:var(--MAINCOLOR);color:var(--WHITE);}
div.sitemenu{position:fixed;z-index:5500;}
div.sitemenu.pc{width:100%;top:0;right:1em;background:var(--WHITE);text-align:right;border-bottom:0.1em solid var(--SUBCOLOR);}
div.sitemenu.sp{width:100%;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding-top:3em;padding-right:1em;background:var(--WHITE);text-align:right;}
div.sitemenu div.head{text-align:right;width:60%;padding:0.5em;margin-bottom:2em;margin-left:0!important;border-bottom:0.2em solid var(--MAINCOLOR);color:var(--MAINCOLOR);}
div.sitemenu div.menubody div{display:inline-block;text-align:center;cursor:pointer;padding:0.6em;margin:0.1em;color:var(--COLOR2);}
div.sitemenu.pc div.menubody div{margin:0 0.3em 0 0.3em;padding:0.3em;text-align:center;}
div.sitemenu.sp div.menubody div{text-align:left;width:70%;color:var(--COLOR2);border-bottom:0.15em solid var(--COLOR2);}
div.sitemenu.pc div.menubody div.now{font-weight:bolder;color:var(--SUBCOLOR);}
div.sitemenu.sp div.menubody div.now{border-bottom:0.2em solid var(--SUBCOLOR);color:var(--SUBCOLOR);}
div.sitemenu div.menubody div.now:hover{cursor:default;}
div.sitemenu.pc div.menubody div:hover{color:var(--MAINCOLOR);}
div.sitemenu.pc div.menubody div.now:hover{color:var(--SUBCOLOR);}

div.header{position:fixed;text-align:left;z-index:5000;padding:0.4em 0.3em 0.4em 0.3em;font-size:1.15em;border-top:0.2em solid var(--MAINCOLOR);border-bottom:0.05em solid var(--MAINCOLOR);color:var(--MAINCOLOR);background:var(--WHITE);}
div.header.pc{z-index:5600;top:0;right:left;;border-bottom:0;text-align:right;line-height:1.1em;width:15%;}
div.header.sp{top:0;right:0;left:0;width:100%;font-size:1.35em;}

div.textswrapper{padding:1em!important;background:transparent;padding:0.5em 0 0.5em 0;margin-bottom:2em;}
div.textswrapper:before,div.textswrapper:after{content:"";position:absolute;display:inline-block;width:100%;height:1.2em;}
div.textswrapper:before{top:0;left:0;border:0.15em solid var(--COLOR2);border-bottom:0;}
div.textswrapper:after{bottom:0;right:0;border-radius:0 0 0.75em 0.75em/0 0 0.75em 0.75em;border:0.15em solid var(--COLOR2);border-top:0;}
div.textswrapper.none:before,div.textswrapper.none:after{content:"";width:0;height:0;border:0;}
div.texts{text-align:left;padding:0 0.5em 0 0.5em;margin-bottom:1em;}
div.frame{height:10em;overflow-y:auto;margin-bottom:1em;}
div.frame.pc{height:20em;}
div.frame.sp{height:12em;}
div.frame.pc.exp{height:35em;}
div.frame.pc.short{height:12em;}
div.frame.pc.narrow{height:15em;}
.pinned.pc{position:fixed;top:7em;left:0.25em;width:14%;}

div.devide{font-size:1.15em;text-align:left;margin-bottom:1em;padding:0 0.25em 0.25em 0.25em;border-radius:0 0 0.5em 0/0 0 0.5em 0;border:0.15em solid var(--MAINCOLOR);border-top:0;border-left:0;color:var(--MAINCOLOR);}
div.devide:before{content:"";position:absolute;top:100%;left:0;border-right:1em solid var(--MAINCOLOR);border-bottom:0.75em solid transparent;}
div.devide div.heading{line-height:1em;font-size:0.75em;margin-bottom:0.2em;color:rgb(242,98,132);}
div.devide div.heading:before{content:"▶";display:inline-block;padding-right:0.15em;font-size:inherit;}
div.underline{text-align:left;font-size:1.15em;padding:0.2em;margin-bottom:1em;border-bottom:0.2em solid var(--MAINCOLOR);color:var(--MAINCOLOR);}

div.commandline{padding:0.25em;font-size:0.85em;border-radius:0.5em;margin-bottom:0.25em;text-align:left;}
div.commandline.maintainance{margin-bottom:1em;background:rgb(62,90,153);color:var(--WHITE);}
div.commandline.history.off{background:rgb(178,204,183);color:rgb(0,109,102);}
div.commandline.history.on{background:rgb(237,187,212);color:rgb(204,0,102);}
div.commandline.notice{border:0.2em solid rgb(132,44,44);color:rgb(132,44,44);}
div.commandline.siteinfo{border:0.2em solid rgb(27,61,176);color:var(--FONT);}
div.commandline div.heading{padding:0.2em;margin-bottom:0.5em;color:inherit;}
div.commandline.siteinfo div.heading{border-bottom:0.15em dotted rgb(27,61,176);color:rgb(27,61,176);}

div.triangle{margin-top:1em;width: 0!important;height: 0!important;border-top:1.5em solid var(--MAINCOLOR);border-right:1.5em solid transparent;border-bottom:1.5em solid transparent;border-left: 1.5em solid transparent;}

ul li div{padding:0;line-height:105%;}
ul li:before{font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:inherit;}
ul.point li:before{content:"\f06a";}
ul.support li:before{content:"\f058";}
ul.notice li:before{content:"\f024";}
ul.fee li:before{content:"\f0ad";}
ul.highlight li:before{content:"\f5a1";}

div.formbutton{width:50%!important;text-align:center;}
div.formbutton buton{width:100%;}
div.formbutton.back{width:50%!important;text-align:center;padding:0.5em;border:0.1em solid var(--COLOR2);border-radius:0.5em;box-shadow:0 0.25em 0.25em var(--COLOR2);}
div.formbutton.back:hover{opacity:0.7;}

div.telno input{width:20%;}
div.zipcode input{width:22%;}
div.mails input{width:40%;}
div.dates input{width:23%;text-align:center;}
input.sbc_field{ime-mode:disabled;}
div.amount{text-align:center;margin-bottom:0.5em;}
div.amount input{width:50%;text-align:center;}

div.rowset{margin-bottom:1em;}
div.rowset div{width:inherit;display:block;}
div.rowset div.title{margin-bottom:0.5em;}
div.rowset div.content{padding:0 0.5em 0 0.5em;margin-bottom:1em;}
div.rowset div.title span{display:inline-block;border-left:1em solid var(--SUBCOLOR);padding:0.25em;color:var(--SUBCOLOR);}

div.imageblock{margin-bottom:1em;text-align:center;}
div.imageblock div{display:inline-block;}
div.imageblock div img{width:100%;height:auto;}
div.imageblock.pc div.one{width:70%;}
div.imageblock.pc div.one.narrow{width:30%;}
div.imageblock.sp div.one{width:80%;}
div.imageblock div.one.full{width:100%;}
div.remotebanner img{width:100%;height:auto;}
div.remotebanner.pc{width:25%;}
div.remotebanner.sp{width:50%;}

div.message{z-index:9000;font-size:0.9em;text-align:left;position:fixed;border-radius:0.5em;padding:1em 0.5em 1em 0.5em;background:rgba(255,255,252,0.9);border:0.1em solid var(--MAINCOLOR);color:var(--MAINCOLOR);line-height:1.03em;}
div.message.pc{width:18%;bottom:6em;left:0.5em;border-radius:0.5em;}
div.message.sp{width:75%;top:3.5em;left:0.5em;}
div.message div.messageheader{padding:0.1em;margin-bottom:0.6em;font-size:1.05em;}
div.message div.messagebody{padding:0 1em 0 1em;}
div.message.pc div.messagebody{padding:0 1em 0 1em;}
div.message.go{border:0.1em solid rgb(57,101,199);color:rgb(57,101,199);}
div.message.go div.messageheader{border-left:1em solid rgb(57,101,199);}
div.message.stop{border:0.1em solid rgb(165,2,83);color:rgb(165,2,83);}
div.message.stop div.messageheader{border-left:1em solid rgb(165,2,83);}
div.message.check{border:0.1em solid rgb(0,147,112);color:rgb(0,147,112);}
div.message.check div.messageheader{border-left:1em solid rgb(0,147,112);}

span.tellink:hover, span.maillink:hover{text-decoration:underline;cursor:pointer;}
span.pagelink{text-decoration:underline;cursor:pointer;color:rgb(253,115,74);}
.links{color:rgb(0,147,112);cursor:pointer;}
.links:hover{color:rgb(253,115,74);text-decoration:underline;}

span.selectset{width:95%;font-size:0.95em;}
span.selectset input[type=text], span.selectset select, span.selectset button{display:inline-block;vertical-align:baseline;margin:0.2em;}
span.selectset input[type=text], span.selectset select{width:65%;}
span.selectset button{width:20%;font-size:inherit;padding:0.1em;}
span.selectset.dates input[type=text], span.selectset.dates select{width:30%;}

div.gotop{display:none;z-index:4900;position:fixed;right:0.5em;bottom:3em;}
div.gotop i{display:block;font-size:1.6em;border-radius:0.5em;padding:0.35em;background:var(--MAINCOLOR2);color:var(--WHITE);border:0.05em solid var(--WHITE);cursor:pointer;}

div.counter{width:60%;padding:0.25em;border-radius:0.5em;font-weight:bolder;text-align:center;line-height:1.02em;margin-bottom:1.5em!important;}
div.counter div.num{font-size:1.25em;}

video.imagevideo{height:auto;margin-bottom:2em;}
video.imagevideo.pc{width:80%;}
video.imagevideo.sp{width:100%;}
div.sns{position:fixed;left:1em;bottom:1em;}
div.sns i{margin:0.2em;color:var(--MAINCOLOR);}

div.catchphrase{color:var(--SUBCOLOR);text-align:center;padding:0.5em 0.25em 0.5em 0.25em;background:rgba(240,255,240,0.3);}
div.catchphrase:before,div.catchphrase:after{content:"";position:absolute;display:inline-block;width:1em;height:100%;}
div.catchphrase:before{top:0;left:0;border:0.1em solid var(--SUBCOLOR);border-right:0;}
div.catchphrase:after{bottom:0;right:0;border:0.1em solid var(--SUBCOLOR);border-left:0;}
div.catchphrase.pc{font-size:1.05em;position:fixed;top:5em;left:0.5em;width:13.5%;}
div.catchphrase.sp{font-size:1.3em;margin-bottom:2em;line-height:1.4em;font-weight:700;}

h1.headline{display:block;font-size:1em;font-weight:600;color:var(--MAINCOLOR);}
h1.headline.pc{font-size:0.9em;}
div.headliner{font-size:0.9em!important;font-weight:500;text-align:center;color:var(--SUBCOLOR);}
div.headliner.pc{font-size:0.6em;line-height:100%;}
div.headliner div a{font-weight:700!important;}

div.siteinfoframe{text-align:left;padding:0.5em 0 0.5em 0;border-top:0.15em solid var(--MAINCOLOR);border-bottom:0.15em solid var(--MAINCOLOR);}
div.siteinfoframe.pc{position:fixed;bottom:5em;left:0.5em;width:14%;}
div.siteinfoframe.sp{margin-bottom:2em;}
div.siteinfoframe div.siteinfoheader{margin-bottom:0.5em;padding:0.2em;border-left:1em solid var(--MAINCOLOR);color:var(--MAINCOLOR);}
div.siteinfoframe div.siteinfofooter{text-align:center;color:var(--SUBCOLOR);}
div.siteinfoframe div.siteinfofooter span:hover{color:var(--MAINCOLOR);}
div.siteinfoframe div.siteinfo{padding:0.25em 0.5em 0.25em 0.5em;margin-bottom:0.5em;}
div.siteinfoframe div.siteinfo.scroll{overflow-y:scroll;}
div.siteinfoframe.pc div.siteinfo.scroll{height:var(--HEIGHTPC);}
div.siteinfoframe.sp div.siteinfo.scroll{height:var(--HEIGHTSP);}
div.siteinfoframe div.siteinfo div.siteinfoinner{padding:0.25em;margin-bottom:0.4em;border-radius:0.5em;border:0.1em solid rgb(193,213,141);/*background:rgba(233,253,181,0.5);*/}
div.siteinfoframe div.siteinfo div.siteinfoinner div.siteinfodate{margin-bottom:0.25em;font-size:0.8em;color:var(--SUBCOLOR);}

div.pickup{text-align:center;padding:0.75em 0.25em 0.75em 0.25em;border-radius:0.5em;background:rgb(250,250,210);}
div.pickup.pc{position:fixed;top:10em;left:0.5em;width:14%;}
div.pickup.sp{margin-bottom:2em;}
div.pickup div{display:inline-block;}
div.pickup div div{display:block;}
div.pickup div.image{width:90%;}
div.pickup div.image img{width:100%;height:auto;}

div.exampleframe{text-align:center;}
div.exampleframe div.example{cursor:pointer;margin:0 auto;padding:0.5em;font-size:1.05em;border-radius:0.5em;border:0.1em solid var(--COLOR2);box-shadow:0.15em 0.15em 0.15em var(--COLOR2);}
div.exampleframe.pc div.example{width:50%;}
div.exampleframe.sp div.example{width:90%;}

div.siteinfoall{width:100%;text-align:center;}
div.siteinfoall:before, div.siteinfoall:after{content:"";position:absolute;display:inline-block;width:1em;height:100%;}
div.siteinfoall:before{top:0;left:0;border:0.1em solid var(--SUBCOLOR);border-right:0;}
div.siteinfoall:after{bottom:0;right:0;border:0.1em solid var(--SUBCOLOR);border-left:0;}
div.siteinfoall div.left, div.siteinfoall div.right{display:inline-block;vertical-align:top;padding:0.2em;text-align:left;}
div.siteinfoall div div{display:block;}
div.siteinfoall.pc div.left{width:24%;}
div.siteinfoall.pc div.right{width:70%;}
div.siteinfoall.sp div.left, div.siteinfoall.sp div.right{width:90%;}
div.siteinfoall div.siteinfodate{margin-bottom:0.2em;font-size:0.9em;color:var(--SUBCOLOR);}
div.siteinfoall div.siteinfotitle{color:var(--MAINCOLOR);}