@charset "utf-8";

/*===============================================
●共通
===============================================*/

/* header
---------------------------------------- */
#headerWrapper {
	background-image:url(../images/mainframe/sky02_regular.png), url(../images/mainframe/sky.jpg);
	background-position:center bottom, center center;
	background-repeat:no-repeat, repeat;
}

/* mainTitle
---------------------------------------- */
#mainTitle {
	color:#ff0;
	text-align:center;
	background-color:#71bd69;
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
	letter-spacing: 0.01em;
}

/* textLink
---------------------------------------- */
.textLink a {
	display:block;
	font-size:1.15em;
	color:#4cae45;
	font-weight:bold;
	padding-left:2.2em;
	line-height:1.8em;
	background:url(../images/mainframe/arrow_green.png) no-repeat left 0.1em / 1.7em 1.7em;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* mainImage
	---------------------------------------- */
	#mainImage {
		position:relative;
		padding-bottom:6em;
		background-size:auto 72px!important;
	}
	#mainImage #mainKarin {
		width:13%;
		position:absolute;
		bottom:1.5em;
		left:1em;
		z-index:1000;
	}
	
	/* mainTitle
	---------------------------------------- */
	#mainTitle {
		font-size:2.1em;
		line-height:1em;
		padding:0.5em 0;
	}
	#mainTitle img {
		width:1.6em;
		height:1.6em;
		display:block;
		margin:0 auto 0.3em;
	}
	
	/* contents
	---------------------------------------- */
	#contents {
		padding:1.5em 0 0;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* mainImage
	---------------------------------------- */
	#mainImage {
		padding:6em 0;
	}
	#mainImage #mainKarin {
		position:relative;
		width:100%;
		max-width:960px;
		margin:0 auto;
		box-sizing:border-box;
	}
	#mainImage #mainKarin img {
		display:block;
		width:10%;
		position:absolute;
		bottom:-4em;
		left:0;
		z-index:1000;
	}
	
	/* mainTitle
	---------------------------------------- */
	#mainTitle {
		font-size:3.7em;
		line-height:1em;
		padding:0.5em 0;
	}
	#mainTitle img {
		width:1.3em;
		height:1.3em;
		display:inline-block;
		vertical-align:-0.2em;
		margin-right:0.3em;
	}
	
	/* roadnav
	---------------------------------------- */
	#roadnav ul li {
		display:inline-block;
		font-size:0.85em;
		line-height:2.5em;
	}
	
	/* contents
	---------------------------------------- */
	#contents {
		padding:3em 0 5em;
	}
}

/*===============================================
●画面の横幅が860px以上(PCのみ)
===============================================*/
@media screen and (min-width: 860px){
	
	/* 全般
	---------------------------------------- */
}