@charset "UTF-8";

:root{
	--MAINCOLOR:rgb(201,173,185);
	--MAINCOLOR2:rgba(201,173,185, 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:15em;
	--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;}
textarea.heading{height:5em;}
textarea.short{height:3.5em;}
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.clock{position:fixed;top:3em;right:0;z-index:5100;padding:0.25em 0.5em 0.25em 0.25em;background:transparent;text-align:right;font-size:0.8em;line-height:100%;width:15%;color:var(--MAINCOLOR);}
div.layout{padding-top:1em;}
div.layout.pc{width:82%;margin-left:1em;padding-top:1em;}
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:14%;bottom:2.5em;right:0;text-align:right;}
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);border-top:0.1em solid var(--COLOR2);}
div.sitemenu.pc div.menubody div{width:96%;text-align:left;padding:0.25em 0.2em 0.5em 0.2em;border-top:0.1em solid var(--SUBCOLOR);}
div.sitemenu.sp div.menubody div{text-align:left;width:70%;color:var(--COLOR2);border-top:0;border-bottom:0.15em solid var(--COLOR2);}
div.sitemenu.pc div.menubody div.now{width:100%;color:var(--SUBCOLOR);border-top:0.2em solid 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);border-top:0.1em solid var(--MAINCOLOR);}
div.sitemenu.pc div.menubody div.now:hover{color:var(--SUBCOLOR);border-top:0.2em solid 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{top:0;right:0;border-bottom:0;z-index:5600;text-align:right;line-height:1.05em;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:1.25em;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(--COLOR1);border-top:0;border-left:0;color:var(--COLOR1);}
div.devide:before{content:"";position:absolute;top:100%;left:0;border-right:1em solid var(--COLOR1);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 5 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.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(--MAINCOLOR);padding:0.25em;color:var(--MAINCOLOR);}

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.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{font-size:0.8em;width:15%;top:7em;right:-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:5700;position:fixed;bottom:0.5em;}
div.gotop.pc{right:3.5em;}
div.gotop.sp{right:0.5em;}
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.hpicon{position:fixed;right:0.5em;bottom:0.5em;}

table.sort{width:100%;}
table.sort tr td{vertical-align:middle;padding:0.25em 0.25em 0.75em 0.25em;border-top:0.15em solid var(--COLOR1);border-bottom:0.15em solid var(--COLOR1);}
table.sort tr td.left{width:80%;}
table.sort tr td.right{width:20%;}

table.companyinfo{width:100%;}
table.companyinfo tr td{vertical-align:middle;padding:0.25em ;border-top:0.1em solid var(--SUBCOLOR);border-bottom:0.1em solid var(--SUBCOLOR);}
table.companyinfo tr td.left{width:25%;}
table.companyinfo tr td.right{width:75%;}