@charset "utf-8";

.clear{
clear: both;
}

strong{
color: #cc0000;
}

.center{
text-align: center;
}

.right{
text-align: right;
}

.left{
text-align: left;
}

.sp-hidden{
	display: block !important;
}

.pc-hidden{
	display: none !important;
}

img.sp-hidden{
	display: inline !important;
}

img.pc-hidden{
	display: none !important;
}

@media only screen and (max-width: 640px) {
	.sp_text:after{
		content: attr(title);
	}
	.sp_text img{
		display: none;
	}
}


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

section .visual{
	margin: 0 auto 30px;
	text-align: center;
	max-width: 1500px;
}
section .visual img{
	width: 100%;
	height: auto;
}
.clm2-wrap{
	margin-right: -20px;
	width: 1040px;
	overflow: hidden;
}
.clm2-wrap .clm{
	margin: 0 20px 20px 0;
	float: left;
	width: 500px;
}
.clm3-wrap{
	margin-right: -21px;
	width: 1041px;
	overflow: hidden;
}
.clm3-wrap .clm{
	margin: 0 21px 20px 0;
	float: left;
	width: 326px;
}
.clm4-wrap{
	margin-right: -20px;
	width: 1040px;
	overflow: hidden;
}
.clm4-wrap .clm{
	margin: 0 20px 20px 0;
	float: left;
	width: 240px;
}

.cap-ttl{
	margin: 0.5em 0 0.25em;
	color: #AA7F39;
	font-family: Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
	font-weight: bold;
	font-size: 2rem;
}

/** nav
-------------------------------------------------------------------**/

.contents-nav{
	margin: 0 auto 30px;
	width: 1020px;
}
.contents-nav a{
	display: block;
	background: #7D653A;
	font-family: Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , serif;
	font-size: 2.6rem;
	color: #fff;
	position: relative;
}

.contents-nav a:hover{
	text-decoration: none;
}

.contents-nav ul{
	padding: 0 10px;
	width: 100%;
	overflow: hidden;
}

.contents-nav li{
	padding: 0 10px;
	float: left;
}

.nav2 li{
	width: 50%;
	letter-spacing: 8px;
}
.nav3 li{
	width: 33.33%;
}
.nav4 li{
	width: 25%;
}
.nav5 li{
	width: 20%;
}
.nav5 li a{
	font-size: 2rem;
}
.nav6 li{
	width: 16.66%;
}
.nav6 li a{
	font-size: 1.8rem;
}
.contents-nav .nav6 li{
	padding: 0 5px;
	float: left;
}

.contents-nav i{
	position: absolute;
	top: 25%;
	right: 10px;
}


/** 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;}



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

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

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


	.fluid-Image{
		width: 100%;
		height: auto;
	}
	.sp-hidden{
		display: none !important;
	}

	.pc-hidden{
		display: block !important;
	}

	img.sp-hidden{
		display: none !important;
	}

	img.pc-hidden{
		display: inline !important;
	}
	.br-del br{
		display: none;
	}


	section{
		min-width: 100%;
		width: 100%;
	}
	section .visual{
		margin: 0;
		text-align: center;
		max-width: 100%;
		width: 100%;
	}

	section .visual img{
		width: 100%;
		height: auto;
	}

	.clm2-wrap,
	.clm3-wrap,
	.clm4-wrap{
		margin: 0;
		padding:  0 0;
		width: 100%;
		overflow: hidden;
	}

	.clm2-wrap .clm,
	.clm3-wrap .clm,
	.clm4-wrap .clm{
		margin: 0 0 20px 0;
		float: none;
		width: 100%;
	}
	.clm2-wrap figure img,
	.clm3-wrap figure img,
	.clm4-wrap figure img{
		width: 100%;
		height: auto;
	}

	.cap-ttl{
		margin: 0.5em 0 0.25em;
		color: #AA7F39;
		font-family: Arial, Roboto,'Droid Sans','ŸàƒSƒVƒbƒN', YuGothic,'ƒqƒ‰ƒMƒmŠpƒS ProN W3','Hiragino Kaku Gothic ProN','ƒ�ƒCƒŠƒI', Meiryo, sans-serif;
		font-weight: bold;
		font-size: 1.5rem;
	}
	/** nav
	-------------------------------------------------------------------**/

	.contents-nav{
		margin: 0 auto 30px;
		width: 100%;
	}
	.contents-nav a{
		display: block;
		background: #7D653A;
		font-family: Arial, Roboto,'Droid Sans','ŸàƒSƒVƒbƒN', YuGothic,'ƒqƒ‰ƒMƒmŠpƒS ProN W3','Hiragino Kaku Gothic ProN','ƒ�ƒCƒŠƒI', Meiryo, sans-serif;
		font-size: 2.6rem;
		color: #fff;
		position: relative;
	}

	.contents-nav a:hover{
		text-decoration: none;
	}

	.contents-nav ul{
		padding: 0 10px;
		width: 100%;
		overflow: hidden;
	}

	.contents-nav li{
		padding: 0 10px;
		float: none;
		width: 100%;
	}

	.contents-nav i{
		position: absolute;
		top: 25%;
		right: 10px;
	}
	/** nav
	-------------------------------------------------------------------**/

	.contents-nav{
		margin: 0 auto 30px;
		width: 100%;
	}
	.contents-nav a{
		display: block;
		background: #7D653A;
		font-family: Arial, Roboto,'Droid Sans','ŸàƒSƒVƒbƒN', YuGothic,'ƒqƒ‰ƒMƒmŠpƒS ProN W3','Hiragino Kaku Gothic ProN','ƒ�ƒCƒŠƒI', Meiryo, sans-serif;
		font-size: 1.6rem;
		color: #fff;
		position: relative;
	}

	.contents-nav a:hover{
		text-decoration: none;
	}

	.contents-nav ul{
		padding: 0 5px;
		width: 100%;
		overflow: hidden;
	}

	.contents-nav li{
		padding: 5px;
		float: none;
	}

	.nav2 li,
	.nav3 li,
	.nav4 li{
		width: 100%;
	}

	.contents-nav i{
		position: absolute;
		top: 25%;
		right: 10px;
	}
	.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;}
}