@charset "utf-8";
html {
	-webkit-text-size-adjust: 100%; /* 念のため。不要なら削ってOK */
}
/* CSS Document */
body {
    font:16px/1.231 Helvetica,"ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:none;/*iPhone用ランドスケープ時の文字のサイズを自動で拡大防止*/
	background:#DE181D;
	background-size:100% auto;
}
.pc100 {max-width:100%;}
.pc20 {width:20%;}
.pc30 {width:30%;}
.pc35 {width:35%;}
.pc40 {width:40%;}
.pc50 {width:50%;}
.pc60 {width:60%;}
.pc65 {width:65%;}
.pc75 {width:75%;}
.pc70 {width:70%;}
.pc80 {width:80%;margin: 0 auto;}
.pc90 {width:90%;margin: 0 auto;}
.body {max-width:640px; width:100%;margin: 0 auto;}
.inner {max-width:640px; width:96%;margin: 0 auto;}
.innerS {max-width:640px; width:90%;margin: 20px auto;}
.center {text-align:center;}
.tR {text-align:right;}
.tL {text-align:left;}
.under50 {margin-bottom:50px;}
.under40 {margin-bottom:40px;}
.under30 {margin-bottom:30px;}
.under10 {margin-bottom:10px;}
.under20 {margin-bottom:20px;}
.top50 {margin-top:20px;}
.top80 {margin-top:40px;}
.pd20 {padding:20px 0;}
/***ラッパー*******/
.wrapper {
	max-width: 390px;
	margin: 0px auto;
	box-shadow: 0 0 20px rgba(255,255,255,.55);
}
/***************************/
.head {width:96%;padding:3% 2%;background:#ff0000;text-align:center;}
.head img {width:96%;}
.read {font-size:15px;line-height:1.6em;padding:20px;color:#FFF;}
.read h3 {font-size:1.3rem;text-align:center;margin:20px 0;color:#FFF;}
.read .small {font-size:0.9em;}
.main {position:relative;background:#000;}
.main p {color:#fff;margin:15px 0;font-size:0.9rem;line-height:1.4em;}
.beBG {background:#EEDFB7;margin-bottom:40px;}
.underline {display:inline-blcok;position:relative;border-bottom:2px solid #fff;padding-bottom:10px}
.block {width:94%;margin:0 auto 30px auto ;border-bottom:5px solid #C89900;border-right:2px solid #C89900;box-sizing:border-box;position:relative; }
.block:after {content:"";width:100%;height:1px ;background:#000;position:absolute;bottom:3px;left:0;}
.block h2 {text-align:center;font-size:2em;color:#FFF;margin-bottom:10px;}
.bg {color:#C89900;}
.block h2 .small {font-size:0.7em;}
.block .txt2 {color:#FFF;padding:2%;font-size:1em;line-height:1.6em;}
p.ch {font-size:0.9em;color:#FFF;text-align:right;padding:0 10px;}
h4.Mat  {color:#fff;text-align:center; line-height:1.4em;font-size:1.2em;margin-top:20px;}
.innerS {max-width:640px; width:90%;margin: 30px auto;}
.foot {background:#000;padding:0 0 20px 0;}
.foot .cr {color:#fff;padding:20px 0; text-align:center;}
.foot img {vertical-align:bottom;}
/**********************/
#page-top img {width:60px;}
#page-top { position: fixed;	bottom: -20px;	right: -30px;	width: 100px; height: 90px; z-index: 777;}
.link {padding:20px;}
.link a {color:#fff;background:#000;padding:10px 0;text-align:center;display:block;text-decoration:none;margin:0 0 20px 0;font-weight:bold;position:relative; z-index:9;clip-path: polygon(0% 0%, 100% 0, 100% 85%, 95% 100%, 0% 100%);}
.link li {position:relative; filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, 0.4));}
/****************/
.blkBG {padding:30px 0;background:#000;color:#FFF;}
.whtBG {padding:30px 0 12px 0;background:#fff;color:#333;}
.whtBG h2 {font-size:4vw;text-align:center;margin-bottom:20px;}
.whtBG p.small {font-size:0.8em;color:#333;}
.info {background:#FFF;padding:10px 0; }
.info .in {width:90%;margin:10px auto;}
.info .in img {max-width:100%;}
