@charset "utf-8";
/* =================================================================================
 Module
================================================================================= */

/* margin
------------------------------------------------------- */
/* margin top */
.mT_5{margin-top:5px !important;}
.mT_10{margin-top:10px !important;}
.mT_20sp10, .mT_20{margin-top:20px !important;}
.mT_30{margin-top:30px !important;}
.mT_40sp20, .mT_40{margin-top:40px !important;}
.mT_50{margin-top:50px !important;}
.mT_60{margin-top:60px !important;}
/* margin right */
.mR_5{margin-right:5px !important;}
.mR_10{margin-right:10px !important;}
.mR_20sp10,.mR_20{margin-right:20px !important;}
.mR_30{margin-right:30px !important;}
.mR_40{margin-right:40px !important;}

/* margin bottom */
.mB_5{margin-bottom:5px !important;}
.mB_10{margin-bottom:10px !important;}
.mB_15{margin-bottom:15px !important;}
.mB_20sp10, .mB_20 {margin-bottom:20px !important;}
.mB_30sp10,.mB_30sp20, .mB_30{margin-bottom:30px !important;}
.mB_40sp20, .mB_40{margin-bottom:40px !important;}
.mB_50sp30,.mB_50sp20, .mB_50{margin-bottom:50px !important;}
.mB_60,.mB_60sp30{margin-bottom:60px !important;}
.mB_70sp30{margin-bottom:70px !important;}
.mB_80sp50{margin-bottom:80px !important;}
.mB_100sp50{margin-bottom:100px !important;}
/* margin left */
.mL_5{margin-left: 5px !important;}
.mL_10{margin-left: 10px !important;}
.mL_20{margin-left: 20px !important;}
.mL_30{margin-left: 30px !important;}
.mL_40{margin-left: 40px !important;}

@media only screen and (max-width:640px){
	.mT_20sp10{margin-top:10px !important;}
	.mT_40sp20{margin-top:20px !important;}
	.mB_30sp10,.mB_20sp10{margin-bottom:10px !important;}
    .mB_30sp20{margin-bottom:20px !important;}
	.mB_50sp20, .mB_40sp20{margin-bottom:20px !important;}
	.mB_50sp30,.mB_60sp30,.mB_70sp30{margin-bottom:30px !important;}
	.mB_80sp50,.mB_100sp50{margin-bottom:50px !important;}
	.mR_20sp10{margin-right:10px !important;}
}

/* padding
------------------------------------------------------- */
/* padding top */
.pT_5 {padding-top: 5px !important;}
.pT_10 {padding-top: 10px !important;}
.pT_20 {padding-top: 20px !important;}
.pT_30 {padding-top: 30px !important;}
/* padding right */
.pR_5 {padding-right: 5px !important;}
.pR_10 {padding-right: 10px !important;}
.pR_20 {padding-right: 20px !important;}
.pR_30 {padding-right: 30px !important;}
/* padding bottom */
.pB_5 {padding-bottom: 5px !important;}
.pB_10 {padding-bottom: 10px !important;}
.pB_20 {padding-bottom: 20px !important;}
.pB_30 {padding-bottom: 30px !important;}
/* padding left */
.pL_5 {padding-left: 5px !important;}
.pL_10 {padding-left: 10px !important;}
.pL_20 {padding-left: 20px !important;}
.pL_30 {padding-left: 30px !important;}

.dIB{display:inline-block;}

/*pc・spともに非表示*/
.dBN{display:none !important;}

/*pcの時、改行*/
.dB{display:block !important;}

/*spの時、改行*/
.dIB_pc{display:inline-block !important;}

/*pcの時、非表示・spの時、インラインブロック*/
.dIB_sp{display:none !important;}

/*pcの時、非表示・spの時、表示*/
.sp_dbn{display: none !important;}

@media only screen and (max-width:640px){
    /*spの時、非表示*/
    .pc_dbn{display: none !important;}

    /*pcの時、非表示・spの時、表示*/
    .sp_dbn{display: block !important;}

    /*spの時、改行*/
    .dIB_pc{display:block !important;}

    .dB/*pcの時、改行*/,
    .dIB_sp/*pcの時、非表示・spの時、インラインブロック*/{display:inline-block !important;}

    /*spの時、改行*/
    .dB_sp{display:block !important;}

    /*バナー用*/
    .imgBnr{display:block !important;}
    .imgBnr,
    .imgBnr img{width:100%;}
}

.spBrNone br{display:block;}
.pcBrNone br{display:none;}
.w100{width:100%;}
.spW100{width:auto;}

@media only screen and (max-width:640px){
    .spBrNone br{display:none;}
    .pcBrNone br{display:block;}
    .spW100{width:100%;}
}

/* bg
------------------------------------------------------- */
.bgGray{background-color:#f2f2f2 !important;}

/* wrap
------------------------------------------------------- */
.wrapper{
	width:960px;
	margin:0 auto;
}

@media only screen and (max-width:640px){
	.wrapper{
		width:100%;
		margin:0 auto;
	}

	.dspc{display:none;}

	.dssp,
	.dsp{display:block;}

	.dp{display:inline;}
}

.wrap10{padding:10px;}
.wrap20{padding:20px;}
.wrap20sp10{padding:20px;}
.wrapRL20sp10{padding:0 20px;}
.wrapRL10{padding:0 10px;}
.wrapRL20{padding:0 20px;}
.wrapTB20sp10,
.wrapTB20{padding:20px 0;}

@media only screen and (max-width:640px){
	.wrap20sp10{padding:10px;}
	.wrapRL20sp10{padding:0 10px;}
	.wrapTB20sp10{padding:10px 0;}
}


/* text-align
------------------------------------------------------- */
.tACenter,.tACspL{text-align:center!important;}
.tARight{text-align:right!important;}
.tALeft,.tALspC{text-align:left!important;}

/* vertical-align
------------------------------------------------------- */
.vATop{vertical-align:top;}
.vAMid{vertical-align:middle;}
.vABtm{vertical-align:bottom;}

/* txt
------------------------------------------------------- */
.fWBold {font-weight: bold !important;}
.fWNormal{font-weight:normal !important;}
.fSize10{font-size:10px !important;}
.fSize12{font-size:12px !important;}
.fSize14{font-size:14px !important;}
.fSize14sp12{font-size:14px !important;}
.fSize18sp14,.fSize18sp16,.fSize18{font-size:18px !important;}
.fSize20sp18,.fSize20sp16{font-size:20px !important;}
.fSize24sp20,.fSize24sp18,.fSize24{font-size:24px !important;}

.fCGray_1{color:#333 !important;}
.fCGray_2{color:#999 !important;}
.fCRed{color:#ff2673 !important;}
.fCOrange{color:#f7a734 !important;}
.fCWhite{color:#fff !important;}
.fCBlue{color:#388fff !important;}
.fCGreen{color:#04723b !important;}

@media only screen and (max-width:640px){
	.tACspL{text-align:left!important;}
    .tALspC{text-align:center!important;}
	.fSize14sp12{font-size:12px !important;}
	.fSize18sp14{font-size:14px !important;}
	.fSize20sp16,.fSize18sp16{font-size:16px !important;}
	.fSize20sp18,.fSize24sp18{font-size: 18px !important;}
	.fSize24sp20{font-size: 20px !important;}
}


/* common
------------------------------------------------------- */
.opaBtn:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity:0.80;
}

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

/* form
------------------------------------------------------- */
.dB{display:block !important;}
.dIB_pc{display:inline-block !important; /display:inline; /zoom:1;}
.dIB_sp{display:none !important;}

@media only screen and (max-width:640px){
	.dB{display:inline !important;}
	.spImg{width:100%;}
	.dB_sp{display:block !important;}
	.dIB_pc{display:none !important;}
	.dIB_sp{display:inline-block !important;}
}

/* button
------------------------------------------------------- */
.btnArea_1{text-align:center;}
.btnArea_2 .disable,
.btnArea_2 input,
.btnArea_2 a,
.btnArea_1 .disable,
.btnArea_1 input,
.btnArea_1 a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:35px;
	padding:0 10px;
	border-radius:3px;
	line-height:36px;
	text-align:center;
	color:#fff;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.btnArea_1 .disable,
.btnArea_1 input,
.btnArea_1 a{width:300px;}

.btnCmn_1{
	background:#37a369;
	font-weight:bold;
}

.btnCmn_1:hover{
	background-color:#4dbc81;
	text-decoration:none;
}

.btnCmn_2{
	background-color:#ddd;
	color:#388fff !important;
}

.btnCmn_2:hover{
	background-color:#fff;
	text-decoration:none;
}

.btnArea_1 .disable,
.btnArea_2 .disable{
	background-color:#ddd;
	color:#fff;
}

@media only screen and (max-width:640px){
	.btnArea_1 .disable,
	.btnArea_1 input,
	.btnArea_1 a{width:100%;}
}

/* movie ------------------------------ */
.wrapImgMovie{
	padding: 10px 0 20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAedJREFUeNo81IttwzAMBNBUtvPff4Pu1A06QJC/Y/dJ51pABIo6Hk8kna/fn+9xHOd5Pp/Pr9drmqbNZmPf7/dfbT2fz67rPp8Pe7vdXi6X3W5XSuEpzsMwJIALkf1wOPCw40QNA+14Op2wuHq/36X+SpH2drtxiQGCduS/3+8AnNfrVULSCAmRrH3SQsiGEjeRDLIfj0cEixGZo5hEQvaYSlvT/8q15EixpBxR1Pc9dbhq2r4vQ1sywzkfj0cKBcgjwBUn8SGSw87mrOXYtMVFkgDEAqIcgodgBkb+AOAXvQhYXFSpZOQ5CiBPgLRgCUAErzoqUl+xPk+29IYRCk/Nm9k8ArQAXZpXg4PjkifVTrbUWS1kS2Ndqcj6zCobX8qbeSKJPJozW46uGI4poWMmok4Y7rSHAQSR5HBy2inK/MJEXSpaM69JnKErXxtSfpG4MqopDWcmcmkYF2h6w/aqua10nor4UaRzPJk5zhI9ma18FXlhapHeKLsSpoXSkJ1ZXjLXQW06Raae0SkDNCPlxTi2FTnFdcICyoV6xu8VQYvkyVBFs6u+aytVtRuytbdeuI5E6p9vY52rpXosOxayPTVD4mEpVb6kZEv9U8saxithmhlcvhtHXECM/CvlswfwLpg/AQYAQZY5WsmX420AAAAASUVORK5CYII=) #d0b24c;
}

.imgMovie {
	width:750px;
	margin: 0 auto;
}

.imgMovie .ttl{
	margin-bottom: 15px;
    padding-bottom: 2px;
    color: #d0b24c;
    text-shadow: 1px 1px 0 #fff;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 2px solid #d0b24c;
}

#video{
	position: relative;
    width: 100%;
}

.imgMovieIn{
	position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#video iframe,
.imgMovie iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
	border:none;
}

#video.videoView{padding-top: 56.25%;}

#play_button{cursor: pointer;border:1px solid red;}

@media only screen and (max-width:640px){
	.imgMovie {width:100%;}

	.wrapImgMovie{
		padding: 10px ;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAedJREFUeNo81IttwzAMBNBUtvPff4Pu1A06QJC/Y/dJ51pABIo6Hk8kna/fn+9xHOd5Pp/Pr9drmqbNZmPf7/dfbT2fz67rPp8Pe7vdXi6X3W5XSuEpzsMwJIALkf1wOPCw40QNA+14Op2wuHq/36X+SpH2drtxiQGCduS/3+8AnNfrVULSCAmRrH3SQsiGEjeRDLIfj0cEixGZo5hEQvaYSlvT/8q15EixpBxR1Pc9dbhq2r4vQ1sywzkfj0cKBcgjwBUn8SGSw87mrOXYtMVFkgDEAqIcgodgBkb+AOAXvQhYXFSpZOQ5CiBPgLRgCUAErzoqUl+xPk+29IYRCk/Nm9k8ArQAXZpXg4PjkifVTrbUWS1kS2Ndqcj6zCobX8qbeSKJPJozW46uGI4poWMmok4Y7rSHAQSR5HBy2inK/MJEXSpaM69JnKErXxtSfpG4MqopDWcmcmkYF2h6w/aqua10nor4UaRzPJk5zhI9ma18FXlhapHeKLsSpoXSkJ1ZXjLXQW06Raae0SkDNCPlxTi2FTnFdcICyoV6xu8VQYvkyVBFs6u+aytVtRuytbdeuI5E6p9vY52rpXosOxayPTVD4mEpVb6kZEv9U8saxithmhlcvhtHXECM/CvlswfwLpg/AQYAQZY5WsmX420AAAAASUVORK5CYII=) #d0b24c;
	}

	.imgMovie .ttl{
		margin-bottom: 10px;
	    padding-bottom: 2px;
	    font-size: 20px;
	    border-bottom: 2px solid #d0b24c;
	}
}

/*title*/
.conTtl_3{
	position: relative;
	margin-bottom:20px;
	padding:12px 20px 7px;
	color:#fff;
	font-size:30px;
	font-family:Helvetica, sans-serif;
	background-color:#d0b24c;
}

.conTtl_4{
	position: relative;
	margin-bottom:10px;
	text-align: center;
}

.conTtl_4:before{
	position: absolute;
	top: 50%;
	left: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    width: 100%;
    content: "";
    z-index: -10;
}

.conTtl_4 .ttl{
	display: inline-block;
    padding: 0 20px;
    font-weight: normal;
    line-height: 1.0;
    text-align: center;
    background-color: #fff;
}

.conTtl_5{
	margin-bottom:10px;
	color:#d0b24c;
	font-size:33px;
	font-weight: bold;
	text-align: center;
	font-family: 'Archivo Black', "Arial Black", sans-serif;
}

.ttlPerson{
	font-size:24px;
	font-weight: bold;
	margin-bottom:20px;
	border-bottom:1px solid #333;
}

@media only screen and (max-width:640px){
	.conTtl_3{
		margin-bottom:10px;
		padding:8px 20px 5px;
		font-size:20px;
	}

	.conTtl_5{
		font-size:24px;
		line-height: 1.4;
	}

	.ttlPerson{
		font-size:20px;
		margin-bottom:15px;
	}
}

/* img
------------------------------------------------------- */
.wrapImgArea{margin: 20px 0 ;}

.wrapImgArea img{
	width: 500px;
	border: 4px solid #d0b24c;
}

.wrapBnrArea{
	width: 550px;
	margin: 0 auto;
}

@media only screen and (max-width:640px){
	.wrapImgArea{margin: 10px 0 ;}

	.wrapImgArea img{box-sizing: border-box;}

	.wrapImgArea img,
	.wrapImgArea,
	.wrapBnrArea img,
	.wrapBnrArea{width: 100%;}
}

/* clear fix
------------------------------------------------------- */
.clear{/zoom:1;}

.wrapper:after,
.clear:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* EOF */