@charset "UTF-8";

/* **********************************************************************
 *
 *       sp.css
 *
 ********************************************************************** */

@charset "utf-8";

/* 基本設定
======================================================= */


main {
	margin: 0;
	padding: 0 0 0 0;
	background:#000;
	color: #fff;
	font: 14px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", "sans-serif";
	text-align: center;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	overflow-x: hidden;
	word-break: break-all;
        line-height: 1.5;
	}

main.top{ padding: 28% 0 0 0; }


main hr.hide  { display: none; }
.clear { clear:both;width: 100%; }
.clear hr { display:none; }
main a:link   { color  : #cdb489;  text-decoration:none;}
main a:hover, a:active { color: #cdb489; text-decoration:none;}
main a:visited { color: #cdb489; }

.sp_none { display: none; }

main p { margin: 0; line-height: 1.5; }


main img {
	border: 0;
	max-width:100%;
	height:auto;
	vertical-align: bottom;
	}


/* clearfix
======================================================= */

.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
	}


.none {
	display: none !important;
}

.display {
	display: block !important;
}

/* 汎用クラス
*************************************************************/

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }


.red { color: #FFC5C5; }

.yellow {
	color: #ffffcc;
	font-weight: 400;
	font-size: 100%;
}

.blue {
	color: #b2e0ff;
}

.blue2 {
	color: #006baf;
	font-weight: 400;
}


#wrapper {
	width: 100%;
	margin: 0;
	}

#contents {
	width: 100%;
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0px;
	text-align: left;
	}

.e:link {
 color:#fffc00;
 text-decoration:none
}

.e:visited {
 color:#fffc00;
 text-decoration:none
}

.e:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.e:active {
 color:#ffffff;
 text-decoration:none
}


/* area
 ********************************************************************** */



.word1{
	text-indent: 1em;
}

.word2{
	padding-left: 2em;
	text-indent: -1em;
}

.word3{
	padding-left: 1em;
	text-indent: -1em;
	font-size:14px;
	padding-bottom: 1em;
}
.word3a{
	padding-left: 1em;
	text-indent: -1em;
	font-size:14px;
}

.word3b{
	padding-left: 2em;
	text-indent: -1em;
	font-size:14px;
}

.word4{
	padding-left: 1em;
	text-indent: -1em;
}

.word5{
	padding-left: 3em;
	text-indent: -3em;
}

.word6{
	padding-left: 4em;
	text-indent: -1em;
}

.word7{
	padding-left: 8em;
	text-indent: -8em;
}

.word8{
	padding-left: 4em;
}

.d:link {
 color:#fffc00;
 text-decoration:none
}

.d:visited {
 color:#fffc00;
 text-decoration:none
}
.d:hover {
 color:#ffffff;
 text-decoration:underline
}
.d:active {
 color:#ffffff;
 text-decoration:none
}

.brown1{
color:#560000;
text-decoration: underline;
}



.c1{
	text-align:center;
}

.l1{
	text-align:left;
}

.l110{
	line-height:100%;
}

.f1{
	font-size:100%;
}

.red1{
	color:#cc0000;
}

.brown1{
	color:#7c6712;
}

.word1{
padding-left: 1em;
text-indent: -1em;
}

.v1{
vertical-align: top;
}




#area7 {
width:100%;
}

#area7c {
width:100%;
background-color:#000;
margin:0px auto 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

#area7c1 {
margin:0px auto 0px;
padding:0px 0px 0px 0px;
text-align:center;
width:100%;
}

#area7c2 {
margin:0px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
color: #fff;
font-weight: 400;
font-size: 18px;
}

#area7c3 {
margin:0px auto 20px;
padding:0px 0px 0px 0px;
text-align:center;
color: #fff;
font-weight: 400;
font-size: 17px;
}

#area7c7 {
margin:0px auto 5px;
padding:0px 0px 0px 0px;
text-align:center;
color: #fff693;
font-weight: 400;
font-size: 21px;
}

#area7c4 {
margin:20px auto 20px;
padding:0px 0px 0px 0px;
text-align:center;
color: #fff;
font-weight: 400;
font-size: 17px;
}

.area7c4a {
padding:0px 0px 0px 0px;
}

#area7c5 {
margin:0px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
width:95%;
}

#area7c6 {
	width: 85%;
	margin: 20px auto 0px ;
}

#area7c6 .base1a {
	margin: 0px auto 30px ;
	padding:0px;
}

#area7c6 .base1b {
 display: none;
}

#area7_bottom {
height:50px;
width:100%;
background:url(../img/area9a_bottom_bg1.png) bottom center no-repeat;
background-size:150% auto;
}

#kimo_area3 {
background:url(../img/kimo_sp_p3.png) top center no-repeat;
background-size:100% auto;
min-width:100%;
padding:20px 0px 0px 0px;
/* height:900px; */
}

.spvideo{
  position:relative;
  width:100%;
  margin: 0 auto 30px;
  padding-top:56.25%;
}

.kimo_video1{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  margin:10px auto 0px;
}

.movie_caution1{
	text-align:center;
}