@charset "utf-8";

.clear{
clear: both;
}

strong{
color: #cc0000;
}

.center{
text-align: center;
}

.right{
	text-align: right;
}

.left{
text-align: left;
}

.notes{
	line-height: 1.3;
	color: #666;
	font-size: 76.92%;
}

	
.fluid{
	width: auto;
	height: auto;
}

/*====================================================================================
PC Layout
=====================================================================================*/


/** btn-more
-------------------------------------------------------------------**/

.more{
	margin: 40px auto 0;
	text-align: center;
}
.more a{
	margin: 0 10px;
	padding: 0.5em 1em 0.75em 1em;
	border: solid 1px #ccc;
	display: inline-block;
	color: #000;
	font-size: 2rem;
	font-weight: normal;
	line-height: 1;
}

.more a:after{
	content: ' \f105';
	padding: 0 0 0 .5em;
	font-family: FontAwesome;
	color: #CC1A1A;
	font-size: 3rem;
}

/** clm-wrap
-------------------------------------------------------------------**/
.clm-wrap,
.clm-wrap1000,
.clm-wrap900,
.clm-wrap800,
.clm-wrap700,
.clm-wrap600{
	margin: 0 auto;
	overflow: hidden;
}
.clm-wrap{	width: 100%;}
.clm-wrap1-2,.clm-wrap2-4{	width: 50%;}
.clm-wrap1-3{	width: 33.333%;}
.clm-wrap2-3{	width: 66.667%;}
.clm-wrap1-4{	width: 25%;}
.clm-wrap3-4{	width: 75%;}

.clm1-2,
.clm1-3,
.clm2-3,
.clm1-4,
.clm3-4{
	float: left;
}
.clm1-2,.clm2-4{	width: 50%;}
.clm1-3{	width: 33.333%;}
.clm2-3{	width: 66.667%;}
.clm1-4{	width: 25%;}
.clm3-4{	width: 75%;}


/** ttl
-------------------------------------------------------------------**/

.ttl-en{
	color: #CC1A1A;
	font-size: 2.4rem;
	font-family: "Times New Roman" , "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
	letter-spacing: 0.2em;
	text-align: center;
}

.line-no{
	margin: 1em 0;
	font-size: 4rem;
	text-align: center;
}
.line-r{
	margin: 1em 0;
	padding: 0 0 25px;
	background: transparent url(../img/line_red.gif) no-repeat center bottom;
	font-size: 4rem;
	text-align: center;
}
.line-k{
	margin: 1em 0;
	padding: 0 0 25px;
	background: transparent url(../img/line_black.gif) no-repeat center bottom;
	font-size: 4rem;
	text-align: center;
}
.line-g{
	margin: 1em 0;
	padding: 0 0 25px;
	background: transparent url(../img/line_gray.gif) no-repeat center bottom;
	font-size: 4rem;
	text-align: center;
}

.uline-r {
	margin: 40px 0 0;
}
.uline-r p{
	padding: 0 0 20px;
	font-size: 2.4rem;
	border-bottom: solid 2px #CC1A1A;
	display: inline-block;
	line-height: 1.6;
	font-weight: 400;
}

/** index-wrap
-------------------------------------------------------------------**/

#index-wrap{
	margin: 70px 0 0;
	border-top: solid 1px #ccc;
}

#index-wrap .clm-wrap{
	margin: 60px auto;
	text-align: left;
}

#index-wrap .index-clm{
	padding: 20px 50px 0;
}

#index-wrap h2{
	margin: 0 0 30px;
	padding: 0 0 25px;
	background: transparent url(../img/line_red.gif) no-repeat left bottom;
	font-size: 3.8rem;
}

.fLeft{
	display: inline;
	float: left;
}

img.fLeft{
	margin: 0 15px 15px 0 !important;
	clear: left;
	width: auto !important;
}

.fRight{
	display: inline;
	float: right;
}

img.fRight{
	margin: 0 0 15px 0 !important;
	clear: right;
	width: auto !important;
}
.block-pc{	display: block !important;}
.block-sp{	display: none !important;}
img.block-pc{	display: inline !important;}
img.block-sp{	display: none !important;}


/** table
-------------------------------------------------------------------**/

.btm-nav{
	margin: 50px 0 0;
	border-top: solid 1px #ccc;
}
.btm-nav ul{
	text-align: center;
	font-size: 1.6rem;
    letter-spacing: -.4em;
}
.btm-nav li{
	margin: 0 30px;
	padding: 10px 0;
	display: inline-block;
	letter-spacing: normal;
	font-weight: normal;
}
.btm-nav ul .parent{
	margin: 0 0 0 30px;
	padding: 0 30px 0 0;
	border-right: solid 1px #ccc;
	font-weight: 500;
}
.btm-nav ul .active{
	border-top: solid 5px #CC1C1C;
}
.btm-nav a{
	display: block;
}
/** table
-------------------------------------------------------------------**/


table{
	margin-top: 10px;
	width: 100%;
}

table td,
table th{
	padding: 10px 15px;
	font-weight: normal;
	text-align: left;
}

table th{
	padding: 10px 15px;
	border-right: solid 1px #ccc;
	width: 20%;
}
table td{
	padding: 10px 25px;
	width: 80%;
}


.error{
display: block;
color: #c00;
font-weight: bold;
}


/** font-size
-------------------------------------------------------------------**/

.size10{font-size: 1rem;}
.size11{font-size: 1.1rem;}
.size12{font-size: 1.2rem;}
.size13{font-size: 1.3rem;}
.size14{font-size: 1.4rem;}
.size15{font-size: 1.5rem;}
.size16{font-size: 1.6rem;}
.size17{font-size: 1.7rem;}
.size18{font-size: 1.8rem;}
.size19{font-size: 1.9rem;}
.size20{font-size: 2.0rem;}
.size21{font-size: 2.1rem;}
.size22{font-size: 2.2rem;}
.size23{font-size: 2.3rem;}
.size24{font-size: 2.4rem;}
.size25{font-size: 2.5rem;}
.size26{font-size: 2.6rem;}
.size27{font-size: 2.7rem;}
.size28{font-size: 2.8rem;}
.size29{font-size: 2.9rem;}
.size30{font-size: 3.0rem;}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}



/** margin
-------------------------------------------------------------------**/

.mgt0{margin-top: 0px !important;}
.mgt5{margin-top: 5px !important;}
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px !important;}
.mgt20{margin-top: 20px !important;}
.mgt25{margin-top: 25px !important;}
.mgt30{margin-top: 30px !important;}
.mgt35{margin-top: 35px !important;}
.mgt40{margin-top: 40px !important;}
.mgt50{margin-top: 50px !important;}
.mgt60{margin-top: 60px !important;}
.mgt70{margin-top: 70px !important;}
.mgt80{margin-top: 80px !important;}
.mgt90{margin-top: 90px !important;}

.mgb0{margin-bottom: 0px !important;}
.mgb5{margin-bottom: 5px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb15{margin-bottom: 15px !important;}
.mgb20{margin-bottom: 20px !important;}
.mgb25{margin-bottom: 25px !important;}
.mgb30{margin-bottom: 30px !important;}
.mgb35{margin-bottom: 35px !important;}
.mgb40{margin-bottom: 40px !important;}
.mgb50{margin-bottom: 50px !important;}
.mgb60{margin-bottom: 60px !important;}
.mgb70{margin-bottom: 70px !important;}
.mgb80{margin-bottom: 80px !important;}
.mgb90{margin-bottom: 90px !important;}

.mgl0{margin-left: 0px !important;}
.mgl5{margin-left: 5px !important;}
.mgl10{margin-left: 10px !important;}
.mgl15{margin-left: 15px !important;}
.mgl20{margin-left: 20px !important;}
.mgl25{margin-left: 25px !important;}
.mgl30{margin-left: 30px !important;}
.mgl35{margin-left: 35px !important;}
.mgl40{margin-left: 40px !important;}
.mgl50{margin-left: 50px !important;}
.mgl60{margin-left: 60px !important;}
.mgl70{margin-left: 70px !important;}

.pt0{padding-top: 0 !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}

.pr0{padding-right: 0 !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr50{padding-right: 50px !important;}
.pr60{padding-right: 60px !important;}
.pr70{padding-right: 70px !important;}
.pr80{padding-right: 80px !important;}

.pb0{padding-bottom: 0 !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}

.pl0{padding-left: 0 !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl50{padding-left: 50px !important;}
.pl60{padding-left: 60px !important;}
.pl70{padding-left: 70px !important;}
.pl80{padding-left: 80px !important;}


/** clearfix
-------------------------------------------------------------------**/

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}

a.anch{
	position: absolute;
	top: -100px;
	left: 0;
}

.sp-text .sp{	display: none;}

@media only screen and (max-width: 640px) {

	.sp_text:after{
		content: attr(title);
	}
	.sp_text img{
		display: none;
	}
	.br-del br{
		display: none;
	}

	.fluid{
			width: 100%;
			height: auto;
	}


	/** index-wrap
	-------------------------------------------------------------------**/

	#index-wrap{
		margin: 30px 0 0;
	}

	#index-wrap .clm-wrap{
		margin: 30px auto;
		text-align: left;
	}
	#index-wrap .index-clm{
		padding: 20px 0 0;
	}
	

	#index-wrap h2{
		margin: 0 0 20px;
		padding: 0 0 15px;
		background: transparent url(../img/line_red.gif) no-repeat left bottom;
		font-size: 2rem;
	}
	#index-wrap .index-desc{
		margin: 0 0 20px;
		width: 100%
	}

	.index-wrap h3{
		margin: 0 0 1em;
		font-size: 2rem;
		font-weight: normal;
		font-family: "Times New Roman" , "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
		text-align: center;
	}

	.index-wrap figure{
		width: 100%;
	}
	.index-wrap figure img{
		width: 100%;
		height: auto;
	}

	/** btn-more
	-------------------------------------------------------------------**/

	.more{
		margin: 20px auto 0;
	}
	.more a{
		margin: 5px 10px;
		padding: 0.5em 1em 0.75em 1em;
		font-size: 1.6rem;
	}


	.more a:after{
		font-size: 2.4rem;
	}

	.clm-wrap,
	.clm-wrap1-2,
	.clm-wrap1-3,
	.clm-wrap2-3,
	.clm-wrap1-4,
	.clm-wrap3-4{
		margin: 0 auto;
		overflow: hidden;
	}
	.clm-wrap,
	.clm-wrap1-2,
	.clm-wrap1-3,
	.clm-wrap2-3,
	.clm-wrap1-4,
	.clm-wrap3-4{	width: 100%;}

	.clm1-2,
	.clm1-3,
	.clm2-3,
	.clm1-4,
	.clm3-4{
		float: none;
	}
	.clm1-2,
	.clm1-3,
	.clm2-3,
	.clm1-4,
	.clm3-4{	width: 100%;}
	
	.clm1-2 img,
	.clm1-3 img,
	.clm2-3 img,
	.clm1-4 img,
	.clm3-4 img,
	.clm-hlf img{	width: 100%; height: auto;}

	/** ttl
	-------------------------------------------------------------------**/


	.ttl-en{
		font-size: 1.8rem;
	}
	.line-no{
		margin: 1em 0;
		font-size: 2.2rem;
	}
	.line-r{
		margin: 1em 0;
		padding: 0 0 15px;
		background: transparent url(../img/line_red.gif) no-repeat center bottom;
		font-size: 2.2rem;
	}
	.line-k{
		margin: 1em 0;
		padding: 0 0 15px;
		background: transparent url(../img/line_black.gif) no-repeat center bottom;
		font-size: 2.2rem;
	}
	.line-g{
		margin: 1em 0;
		padding: 0 0 15px;
		background: transparent url(../img/line_gray.gif) no-repeat center bottom;
		font-size: 2.2rem;
	}
	
	

	.uline-r {
		margin: 20px 0 0;
	}
	.uline-r p{
		font-size: 1.8rem;
	}
	.uline-r p br{
		display: none;
	}

	.btm-nav ul{
		text-align: center;
		font-size: 1.3rem;
	    letter-spacing: -.4em;
	}
	
	.btm-nav li,
	.btm-nav ul .parent{
		margin: 0;
		padding: 10px 0;
		border: none;
		border-top: solid 1px #eee;
		display: inline-block;
		letter-spacing: normal;
		font-weight: 500;
		width: 100%;
	}
	.btm-nav ul .parent{
		font-size: 1.4rem;
	}
	.btm-nav ul .active{
		background: #eee;
	}
	
	.btm-nav ul:first-child .active{
		border-top: none;
	}
	.btm-nav ul:last-child .active{
		border-bottom: none;
	}
	.btm-nav a{
		display: block;
	}
	.btm-nav a:after{
		content: ' \f105';
		font-family: FontAwesome;
		font-size: 2rem;
		line-height: 1;
		float: right;
		color: #CC1C1C;
	}
	.fLeft{
		display: block;
		float: none;
	}

	img.fLeft{
		margin: 0 15px 15px 0 !important;
		clear: left;
		width: auto !important;
		display: inline;
	}

	.fRight{
		display: block;
		float: none;
	}

	img.fRight{
		margin: 0 0 15px 15px !important;
		clear: right;
		width: auto !important;
		display: inline;
	}
	.block-pc{	display: none !important;}
	.block-sp{	display: block !important;}
	img.block-pc{	display: none !important;}
	img.block-sp{	display: inline !important;}
	.block-sp{
		text-align: center;
	}
	img.block-sp,
	.block-sp img{
		width: 100%;
		height: auto;
	}

	.size10{font-size: 1.2rem;}
	.size11{font-size: 1.2rem;}
	.size12{font-size: 1.2rem;}
	.size13{font-size: 1.2rem;}
	.size14{font-size: 1.2rem;}
	.size15{font-size: 1.2rem;}
	.size16{font-size: 1.2rem;}
	.size17{font-size: 1.4rem;}
	.size18{font-size: 1.4rem;}
	.size19{font-size: 1.4rem;}
	.size20{font-size: 1.4rem;}
	.size21{font-size: 1.4rem;}
	.size22{font-size: 1.4rem;}
	.size23{font-size: 1.4rem;}
	.size24{font-size: 1.6rem;}
	.size25{font-size: 1.6rem;}
	.size26{font-size: 1.6rem;}
	.size27{font-size: 1.6rem;}
	.size28{font-size: 1.6rem;}
	.size29{font-size: 2.0rem;}
	.size30{font-size: 2.0rem;}


	.mgt0{margin-top: 0px !important;}
	.mgt5{margin-top: 3px !important;}
	.mgt10{margin-top: 5px !important;}
	.mgt15{margin-top: 8px !important;}
	.mgt20{margin-top: 10px !important;}
	.mgt25{margin-top: 18px !important;}
	.mgt30{margin-top: 15px !important;}
	.mgt35{margin-top: 18px !important;}
	.mgt40{margin-top: 20px !important;}
	.mgt50{margin-top: 25px !important;}
	.mgt60{margin-top: 30px !important;}
	.mgt70{margin-top: 35px !important;}
	.mgt80{margin-top: 40px !important;}
	.mgt90{margin-top: 45px !important;}

	.mgb0{margin-bottom: 0px !important;}
	.mgb5{margin-bottom: 3px !important;}
	.mgb10{margin-bottom: 5px !important;}
	.mgb15{margin-bottom: 8px !important;}
	.mgb20{margin-bottom: 10px !important;}
	.mgb25{margin-bottom: 13px !important;}
	.mgb30{margin-bottom: 15px !important;}
	.mgb35{margin-bottom: 18px !important;}
	.mgb40{margin-bottom: 20px !important;}
	.mgb50{margin-bottom: 25px !important;}
	.mgb60{margin-bottom: 30px !important;}
	.mgb70{margin-bottom: 35px !important;}
	.mgb80{margin-bottom: 40px !important;}
	.mgb90{margin-bottom: 45px !important;}

	.mgl0{margin-left: 0px !important;}
	.mgl5{margin-left: 3px !important;}
	.mgl10{margin-left: 5px !important;}
	.mgl15{margin-left: 7px !important;}
	.mgl20{margin-left: 10px !important;}
	.mgl25{margin-left: 12px !important;}
	.mgl30{margin-left: 15px !important;}
	.mgl35{margin-left: 17px !important;}
	.mgl40{margin-left: 20px !important;}
	.mgl50{margin-left: 25px !important;}
	.mgl60{margin-left: 30px !important;}
	.mgl70{margin-left: 35px !important;}

	.pt10,.pt15,.pt20,.pt25,.pt30,.pt35,.pt40,.pt50,.pt60,.pt70,.pt80,
	.pr10,.pr15,.pr20,.pr25,.pr30,.pr35,.pr40,.pr50,.pr60,.pr70,.pr80,
	.pb10,.pb15,.pb20,.pb25,.pb30,.pb35,.pb40,.pb50,.pb60,.pb70,.pb80,
	.pl10,.pl15,.pl20,.pl25,.pl30,.pl35,.pl40,.pl50,.pl60,.pl70,.pl80
	{padding: 0 !important;}
	
	

	a.anch{
		position: absolute;
		top: -30px;
		left: 0;
	}
	.sp-text .pc{	display: none;}
	.sp-text .sp{	display: block;}
}