@charset "utf-8";

/* ======================

 [brake-point]
 min-width:641px
 max-width:640px

====================== */


/* -----------------------------------------------------------------------------------------------------------
 枠組み
----------------------------------------------------------------------------------------------------------- */

/*  */
#wrapContainer{
	width: 100%;
}

/* 包括要素の中 width指定 */
.innerContainer {
	width: 980px;
	margin: 0 auto;
}
.photo_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Pc Style----------------------------------------------- */
@media screen and (min-width: 641px) {}


/* Re Style----------------------------------------------- */
@media screen and (max-width: 640px) {}


/* -----------------------------------------------------------------------------------------------------------
 ヘッダー
----------------------------------------------------------------------------------------------------------- */

/* ヘッダー包括 */
#header {}

#top #header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
}

#header a{color: #333;}

#top #header a{color: #fff;}


/* ヘッダー インナー包括 */
#header .innerContainer {
	width: 100%;
	min-width: 1000px;
	display: table;
}

#header .innerContainer img {
	vertical-align: bottom;
}

/* ヘッダー Left/Right */
#header .innerContainer .hL,
#header .innerContainer .hR {
	display: table-cell;
}

/* ヘッダー Logo */
#header .innerContainer .hL #hLogo {
	float: left;
	padding: 15px 0 13px 15px;
}
#header .innerContainer .hL #hLogoS {
	float: left;
	padding: 15px 5px 13px 20px;
}


/* ヘッダー Logo */
#header .innerContainer .hR nav {
	float: right;
	padding: 15px 15px 13px 15px;
}

#header .innerContainer .hR nav ul{
	float: right;
}

#header .innerContainer .hR nav ul li{
	display: inline-block;
	text-align: center;
	padding-left: 15px;
	font-weight: bold;
}

#header .innerContainer .hR nav ul li.m{}

#header .innerContainer .hR nav ul li.m a{
	display: block;
	padding: 10px 15px 0 15px;
}

#header .innerContainer .hR nav ul li.m a:hover{
	text-decoration: none;
}

#header .innerContainer .hR nav ul li.m a span{
	display: block;
	padding:0 3px 10px 3px;
	box-sizing: border-box;
}

#header .innerContainer .hR nav ul li.m a:hover span{
	padding-bottom: 5px;
	border-bottom: 5px solid #e63c75;
	box-sizing: border-box;
}

#header .innerContainer .hR nav ul li.m a.active span{
	padding-bottom: 5px;
	border-bottom: 5px solid #e63c75 !important;
	box-sizing: border-box;
}

#header .innerContainer .hR nav ul li.inqu{}

#header .innerContainer .hR nav ul li.inqu a{
	width: 12em;
	display: block;
	padding: 10px 30px;
	background-color: #00a0e9;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


/* -----------------------------------------------------------------------------------------------------------
 メインタイトル
----------------------------------------------------------------------------------------------------------- */


/* メインタイトル包括
---------------------------------------------------------------------- */
#wrapTopContentsTtl {
	background-image: url(../../img/top/bg_top_main.png);
	background-position: top center;
	background-repeat: repeat-x;
	background-size: 100% 566px;
}

#wrapTopContentsTtl .innerContainer {
	width: 1100px;
	margin: 0 auto;
}

#wrapTopContentsTtl .innerContainer .wrapContentsTtlInner {
	padding-top: 80px;
	text-align: center;
}

#wrapTopContentsTtl .innerContainer .wrapContentsTtlInner img {
	vertical-align: bottom;
}

#wrapTopContentsTtl .innerContainer .wrapContentsTtlInner .hn{
	padding: 40px 0 30px 0;
	font-weight: bold !important;
}

#wrapTopContentsTtl .innerContainer .wrapContentsTtlInner .subC{
	font-size: 3.2rem;
	color: #fff;
}


#wrapTopContentsTtlBottom {
	padding-top: 30px;
}

#wrapTopContentsTtlBottom .innerContainer {
	width: 1100px;
	margin: 0 auto;
}

#wrapTopContentsTtlBottom .innerContainer .hn{
	font-size: 3.2rem;
	font-weight: bold !important;
	text-align: center;
	margin-bottom: 0.5em;
}

#wrapTopContentsTtlBottom .innerContainer .copy{
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}


#wrapTopContentsTtlBottom .innerContainer .hnSub{
	font-size: 2.5rem;
	font-weight: bold !important;
	text-align: center;
	margin-bottom: 20px;
}

#wrapTopContentsTtlBottom .innerContainer span.ss{
	font-size: 3.2rem;
}


#wrapTopContentsTtlBottom .innerContainer span.o{
	color: #f08200;
}

#wrapTopContentsTtlBottom .innerContainer .cap{
	font-size: 1.3rem;
	line-height: 1.5em;
}


/* メインタイトル包括
---------------------------------------------------------------------- */
#wrapContentsTtl {
	background-image: url(../../img/common/top.jpg);
	background-position: center center;
	background-repeat: repeat-x;
}

#wrapContentsTtl .innerContainer {
	width: 1100px;
	height: 300px;
	margin: 0 auto;
	display: table;
}

#wrapContentsTtl .innerContainer .wrapContentsTtlInner {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	text-align: center;
}

#wrapContentsTtl .innerContainer .wrapContentsTtlInner .hn{
	font-size: 3.6rem;
}

#wrapContentsTtl .innerContainer .wrapContentsTtlInner .subC{
	font-size: 1.6rem;
}

/* -----------------------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------------------- */

/* コンテンツ包括
---------------------------------------------------------------------- */
#wrapMain {}

#wrapMain .innerContainer {
	padding-top: 40px;
}


/*	画像FIT
---------------------------------------------------------------------- */
.imgFit img {
	width: 100%;
}

#wrapMain .textWrap .textReadTtl {
	font-weight: bold;
	margin-bottom: 0.5em !important;

}

/*	50%左右レイアウト
---------------------------------------------------------------------- */
#wrapMain .textWrapTwo {}
#wrapMain .textWrapTwo .leftW {
	float: left;
	width: 48%;
}
#wrapMain .textWrapTwo .rightW {
	float: right;
	width: 48%;
}


/*	画像ありレイアウト
---------------------------------------------------------------------- */

/*画像キャプション*/
.photoWrap .caption {
	font-size: 83%;
}

/*画像キャプションぶちぬき*/
.captionWide {
	text-align: center;
	clear: both;
	font-size: 83%;
	padding-top: 5px;
}


/*　写真小　----------------　*/
.wrapPhotoSmall .textWrap {
	width: 72%;
}
.wrapPhotoSmall .photoWrap {
	width: 24%;
}

/*　写真中　----------------　*/
.wrapPhotoMedium .textWrap {
	width: 62%;
}
.wrapPhotoMedium .photoWrap {
	width: 34%;
}

/*　写真大　----------------　*/
.wrapPhotoLarge .textWrap {
	width: 48%;
}
.wrapPhotoLarge .photoWrap {
	width: 48%;
}


/* 画像左寄せ
---------------------------------------------------------------------- */
.photoL {
	padding: 0;
}

/*テキスト*/
.photoL .textWrap {
	float: right;
	padding: 0;
}

/*画像キャプション*/
.photoL .textWrap .caption {
	font-size: 83%;
}

/*画像*/
.photoL .photoWrap {
	float: left;
	text-align: center;
}


/* 画像右寄せ
---------------------------------------------------------------------- */
#wrapMain .photoR {
	padding: 0;
}

/*テキスト*/
#wrapMain .photoR .textWrap {
	float: left;
	padding: 0;
}

/*画像*/
#wrapMain .photoR .photoWrap {
	float: right;
	text-align: center;
}


/* 画像下横MAX
---------------------------------------------------------------------- */
#wrapMain .photoFull {}

/*画像*/
#wrapMain .photoFull .photoWrap {
	clear: both;
	text-align: center;
}


/* 画像2枚横並び
---------------------------------------------------------------------- */
#wrapMain .photoTwo {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
#wrapMain .photoTwo .leftP {
	float: left;
	width: 49%;
	text-align: center;
}
#wrapMain .photoTwo .rightP {
	float: right;
	width: 49%;
	text-align: center;
}


/* 画像3枚横並び
---------------------------------------------------------------------- */
#wrapMain .photoThree {
	width: 100%;
	clear: both;
}
#wrapMain .photoThree .leftP {
	float: left;
	text-align: center;
	width: 32%;
}
#wrapMain .photoThree .photoC {
	float: left;
	width: 32%;
	text-align: center;
	margin: 0 2%;
}
#wrapMain .photoThree .rightP {
	float: left;
	text-align: center;
	width: 32%;
}



/* -----------------------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------------------- */

/* フッター包括 */
#footer {
	clear: both;
}

#footer #pagetop {
	width: 100%;
	background-image: url(../../img/common/footer/bg_pagetop.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#footer #pagetop .pInnerContainer{
	width: 100%;
	padding-right: 30px;
	text-align: right;
}

#footer #pagetop .pInnerContainer p{
	display: inline-block;
}


/* フッター インナー包括 */
#footer .innerContainer {
	width: 100%;
	display: table;
	background-color:#00a0e9;
	color: #fff;
}

#footer .innerContainer a {
	color: #fff;
}

/* フッター Left/Right */
#footer .innerContainer .hL,
#footer .innerContainer .hR {
	display: table-cell;
}

#footer .innerContainer .hL{
	vertical-align: middle;
	padding-left: 20px;

}

#footer .innerContainer .hR nav {
	float: right;
	padding: 20px 20px 10px 20px;
}

#footer .innerContainer .hR nav ul{
	float: right;
}

#footer .innerContainer .hR nav ul li{
	display: inline-block;
	text-align: center;
}

#footer .innerContainer .hR nav ul li:after{
	content:"｜";
}

#footer .innerContainer .hR nav ul li:last-child:after{
	content:"";
}

#footer .innerContainer .hR p{
	clear: both;
	float: right;
	padding: 0 20px 20px 20px;
	font-size: 1.2rem;
}

#fCaution {
	font-size: 1.3rem;
	line-height: 1.5em;
}

/* フッター コピーライト包括 */
#footer #footerCopyright {}

#footer #footerCopyright p {}



/* ヘッダー インナー包括 */
#header .innerContainer {
}

#header .innerContainer img {
	vertical-align: bottom;
}