@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; }

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%; background-color:#968B7C; overflow-x:hidden; overflow-y:auto; }
body { font-family: mp,"游ゴシック","YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic" !important; text-align: center; }


/* --------------------------------------------------------------------------
Grobal
---------------------------------------------------------------------------- */
a { color: #f87515; font-style:normal; text-decoration:none; }
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:link { color: #f87515; font-style:normal; text-decoration:none; }
a:visited { color: #f87515; font-style:normal; text-decoration:none; }
a:hover { color: #07dd39; font-style:normal; text-decoration:none; }
a img { border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

input:focus::-webkit-input-placeholder,isindex:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: transparent; }
input { -webkit-appearance:none; }
select { -webkit-appearance: button; appearance: button;}
.cent { text-align: center; }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #000; box-shadow:0 0 5px #000 inset ; }
::-webkit-scrollbar-thumb { background: #80715C; }

.hide { display: none; }
.btn { background: #605545; cursor: pointer; font-size:100%; text-align: center; }
.btn:hover { background: #CA383F; cursor: pointer; font-size:100%; text-align: center; }



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

/* --------------------------------------------------------------------------
header
---------------------------------------------------------------------------- */
header { width:100%; margin:0; padding:15px 0 10px 0; background-color:#605545; position: fixed; top:0; left:0; z-index:98; overflow: hidden; }
p.head_title { margin:0 0 0 40px; text-align: left; font-size: 300%; font-family: Miama; color:#D7D7D7; }









/* ------------------------------------------------------
300 - 350 (iphone 4)
-------------------------------------------------------- */
@media screen and (min-width: 300px ) and (max-width:350px) {
	p.head_title { font-size: 200%; }
	/* ------------------------------------------------------
	300 - 350 (iphone 5)
	-------------------------------------------------------- */
	@media screen and (max-width : 350px) and (max-height : 568px) {
		p.head_title { font-size: 200%; }
	}
}


/* ------------------------------------------------------
350 - 400 ( android)(iphone6-375)（ SE ）
-------------------------------------------------------- */
@media screen and (min-width: 351px ) and (max-width:400px) {
	p.head_title { font-size: 200%; }
}


/* ------------------------------------------------------
400 - 450(iphone6plus 414)
-------------------------------------------------------- */
@media screen and (min-width: 401px) and (max-width:450px) {
	p.head_title { font-size: 200%; }
}


/* ------------------------------------------------------
450 - 500(iphone4 横)
-------------------------------------------------------- */
@media screen and (min-width: 451px) and (max-width:500px) {
	p.head_title { font-size: 200%; }
	/* ------------------------------------------------------
	450 - 500(pc)
	-------------------------------------------------------- */
	@media screen and (max-width : 500px) and (min-height : 480px) {

	}
}


/* ------------------------------------------------------
500 - 550 ( xperia z ultra)
-------------------------------------------------------- */
@media screen and (min-width: 501px) and (max-width:550px){
	p.head_title { font-size: 200%; }
	/* ------------------------------------------------------
	500 - 550(pc)
	-------------------------------------------------------- */
	@media screen and (max-width : 550px) and (min-height : 350px) {
	}
}


/* ------------------------------------------------------
550 - 600(iphone5 横)
-------------------------------------------------------- */
@media screen and (min-width: 551px) and (max-width:600px){
	p.head_title { font-size: 200%; }
	/* ------------------------------------------------------
	550 - 600(pc)
	-------------------------------------------------------- */
	@media screen and (max-width : 600px) and (min-height : 350px) {
	}
}


/* ------------------------------------------------------
600 - 650(android 横)
-------------------------------------------------------- */
@media screen and (min-width: 601px) and (max-width:650px){
	p.head_title { font-size: 200%; }
	/* ------------------------------------------------------
	600 - 650(pc)
	-------------------------------------------------------- */
	@media screen and (max-width: 650px) and (min-height:420px){

	}
}


/* ------------------------------------------------------
650 - 700(iphone6横=667)（ SE横 ）
-------------------------------------------------------- */
@media screen and (min-width: 651px) and (max-width:700px){
	p.head_title { font-size: 200%; }
	/* ------------------------------------------------------
	650 - 700(pc)
	-------------------------------------------------------- */
	@media screen and (max-width: 700px) and (min-height:450px){
	}
}


/* ------------------------------------------------------
700 - 750(iphone6plus横=736)
-------------------------------------------------------- */
@media screen and (min-width: 701px) and (max-width:750px){
	p.head_title { font-size: 200%; }
	/* ------------------------------------------------------
	700 - 750(pc)
	-------------------------------------------------------- */
	@media screen and (max-width: 750px) and (min-height:450px){
	}
}


/* ------------------------------------------------------
750 - 800( ipad )
-------------------------------------------------------- */
@media screen and (min-width: 751px) and (max-width:800px){
}


/* ------------------------------------------------------
800 - 850
-------------------------------------------------------- */
@media screen and (min-width: 801px) and (max-width:850px) {
}


/* ------------------------------------------------------
850 - 900
-------------------------------------------------------- */
@media screen and (min-width: 851px) and (max-width:900px) {
}


/* ------------------------------------------------------
900 - 1000 (xperia z ultra 横)
-------------------------------------------------------- */
@media screen and (min-width: 901px) and (max-width:1000px) {

	/* ------------------------------------------------------
	900 - 1000(pc)
	-------------------------------------------------------- */
	@media screen and (max-width : 1000px) and (min-height : 600px) {
	}
}


/* ------------------------------------------------------
1000 - 1100(ipad 横)
-------------------------------------------------------- */
@media screen and (min-width: 1001px) and (max-width:1100px){
	/* ------------------------------------------------------
	1000 - 1100( height 700まで)
	-------------------------------------------------------- */
	@media screen and (max-width : 1100px) and (max-height : 700px) {
	}
}