@charset "UTF-8";

* {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); }

html { width:100%; height:100%; }
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%;}
body { line-height:1.0; margin:0; padding:0;  width:100%; height:100%; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; font-weight: 600; letter-spacing: 1.5px; }
body { font-family: jp,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important; text-align: center; }
body { background: #6C6C6C; }



/* --------------------------------------------------------------------------
Grobal
---------------------------------------------------------------------------- */
a { color: #fff; font-style:normal; text-decoration:none; }
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:link { color: #fff; font-style:normal; text-decoration:none; }
a:visited { color: #fff; font-style:normal; text-decoration:none; }
a:hover { color: #E9E8CF; font-style:normal; text-decoration:none; }
a img { border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* --placeholder-- */
::-webkit-input-placeholder { color:#858585; text-align:left; font-family:pl; letter-spacing: 1.5px; transform: rotate(0.05deg); }
::-ms-input-placeholder { color:#858585; text-align:left; font-family:pl; letter-spacing: 1.5px; transform: rotate(0.05deg); }
::-moz-placeholder { color:#858585; text-align:left; font-family:pl; letter-spacing: 1.5px; transform: rotate(0.05deg); }
input:focus::-webkit-input-placeholder,isindex:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: transparent; }
input { -webkit-appearance:none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
select { -webkit-appearance: button; appearance: button;}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #B4B4B4; box-shadow:0 0 5px #B4B4B4 inset; }
::-webkit-scrollbar-thumb { background: #15BFAD; }
ul,li { list-style: none; }
p { transform:rotate(0.05deg); font-weight: 400; }


/* --------------------------------------------------------------------------
body
---------------------------------------------------------------------------- */
article { width:100%; height:100%; margin:0; padding: 0; text-align: center; }
section { width:100%; height: 100%; margin:0 auto 0 auto; padding: 0; text-align: center; }






/* --------------------------------------------------------------------------
header
---------------------------------------------------------------------------- */
header { width:100%; margin:0; padding:10px 0 10px 0; background: #4C4C4C; overflow: hidden; position: fixed; top:0; left:0; z-index: 99; }
div.logo { width:50px; height:50px; margin:0 0 0 40px; padding:0; float:left; }
div.logo img { width:100%; height:100%; margin:0; padding:0; }
p.head_title { width:auto; margin:15px 0 0 10px; padding:0; font-size: 110%; color:#fff; text-align: left; float:left; }



/* --------------------------------------------------------------------------
footer
---------------------------------------------------------------------------- */
footer { width:100%; margin:100px 0 0 0; padding:50px 0 50px 0; background: #595959; overflow: hidden; position: relative; }
div.foot_left { width:70%; margin:0; padding:0; float:left; overflow: hidden; }
div.foot_right { width:30%; margin:0; padding:0; float:left; overflow: hidden; }
div.foot_center { width:80%; margin:50px 10% 0 10%; padding:0; float:left; overflow: hidden; }

p.foot_title { width:90%; margin:0 0 0 10%; color:#fff; font-size:140%; text-align: left; }
span.mob_cut { display: inline-block; }

p.pr_link { width:100%; margin:20px auto 0 0; padding:0; color:#fff; font-size:100%; text-align: left; }

div.foot_box { width:80%; margin:30px auto 0 auto; padding:0; overflow: hidden; }
div.foot_float { width:33%; margin:0; padding:0; overflow: hidden; float:left; }
div.foot_store { width:150px; margin:0 auto 0 auto; padding:0; overflow: hidden; cursor: pointer; }
div.foot_store img { width:100%; margin:0; padding:0; }
div.foot_code { width:140px; margin:10px auto 0 auto; padding:0; overflow: hidden; cursor: pointer; }
div.foot_code img { width:100%; margin:0; padding:0; }

div.foot_img { width:80%; margin:50px auto 0 auto; padding:0; overflow: hidden; }
div.foot_img img { width:100%; margin:0; padding:0; }

small { width:100%; margin:100px 0 0 0; padding:0; font-family: Verdana; color:#fff; font-size:90%; text-align: center; float:left; }




/* --------------------------------------------------------------------------
marker
---------------------------------------------------------------------------- */
.under_b { background: -webkit-linear-gradient(left, rgb(255,250,153) 50%, transparent 50%); background: -moz-linear-gradient(left, rgb(255,250,153) 50%, transparent 50%); background: linear-gradient(left, rgb(255,250,153) 50%, transparent 50%); background-repeat: no-repeat; background-size: 200% .8em; background-position: 100% .5em; transition: 2s; }
.under_b.is-active { background-position: 0% .5em; color:#000 !important;}



/* ------------------------------------------------------
mobile
-------------------------------------------------------- */
@media screen and (min-width: 290px ) and (max-width:400px) {
	header { padding:5px 0 5px 0; }
	div.logo { margin:0 0 0 20px; }

	p.foot_title { width:95%; margin:0 2.5% 0 2.5%; font-size:110%; text-align: left; }
	span.mob_cut { display: none; }
	div.foot_left { width:100%; }
	div.foot_right { width:100%; }
	div.foot_float { width:50%; }
	div.foot_store { width:150px; }
	div.foot_code { display: none; }
	div.foot_img { width:70%; margin:40px auto 0 auto; }
}

@media screen and (min-width: 401px ) and (max-width:550px) {
	header { padding:5px 0 5px 0; }
	div.logo { margin:0 0 0 20px; }

	p.foot_title { width:95%; margin:0 2.5% 0 2.5%; font-size:110%; text-align: center; }
	span.mob_cut { display: none; }
	div.foot_left { width:100%; }
	div.foot_right { width:100%; }
	div.foot_float { width:50%; }
	div.foot_store { width:160px; }
	div.foot_code { display: none; }
	div.foot_img { width:70%; margin:40px auto 0 auto; }
}

@media screen and (min-width: 551px ) and (max-width:600px) {
	p.foot_title { width:90%; margin:0 5% 0 5%; font-size:120%; text-align: center; }
	div.foot_left { width:100%; }
	div.foot_right { width:100%; }
	div.foot_float { width:50%; }
	div.foot_store { width:160px; }
	div.foot_code { display: none; }
	div.foot_img { width:70%; margin:40px auto 0 auto; }
}

@media screen and (min-width: 601px ) and (max-width:750px) {
	p.foot_title { width:90%; margin:0 5% 0 5%; text-align: center; }
	div.foot_left { width:100%; }
	div.foot_right { width:100%; }
	div.foot_float { width:50%; }
	div.foot_store { width:120px; }
	div.foot_code { width:110px; }
	div.foot_img { width:50%; margin:80px auto 0 auto; }
}

@media screen and (min-width: 751px ) and (max-width:1050px) {
	div.foot_left { width:50%; }
	div.foot_right { width:50%; }
	div.foot_float { width:50%; }
	div.foot_store { width:120px; }
	div.foot_code { width:110px; }
	div.foot_img { width:80%; margin:30px auto 0 auto; }
}

@media screen and (min-width: 1051px ) and (max-width:1250px) {
	div.foot_img { width:90%; margin:80px auto 0 auto; }
}