@charset "utf-8";
/* CSS Document */

a:hover{
	text-decoration: none;
}
spna.red{
    color: #e8464c;
}
span.circleOrange{
	color: #ea5504;
	font-size: 88%;
}
span.circleRed{
	color: #e8464c;
	font-size: 88%;
}
/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px), print {


/* section.mainVisual
---------------------------------------------------- */
section.mainVisual {
	width:100%;
	height:auto;
	margin: 0 auto 66px;
}

/* pan
---------------------------------------------------- */

div.suvNavBlock{
	width: 100%;
	margin: 10px auto 28px;
	padding: 18px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 8px;
}
	div.suvNavBox{
		width: 1160px;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			font-size: 82%;
			width: 70%;
			padding: 0 10px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}


/* section.catch
---------------------------------------------------- */
	section.catch div.sectionBlock{
		margin: 0 auto;
	}
		section.catch figure.mainVisual{
			width: 100%;
			margin: 0 auto 36px;
		}
			section.catch figure.mainVisual img{
				width: 100%;
				height: auto;
			}
		section.catch p.readCopy{
			width: 100%;
			font-size: 166%;
			font-weight: 900;
			letter-spacing: 0.01em;
			text-align: center;
			padding: 0 0 26px;
		}
			section.catch p.readCopy span.small{
				font-size: 86%;
			}
			section.catch div.sectionBox div{
				width: 88%;
				margin: 0 auto 80px;
			}	
				section.catch div.sectionBox div ul{
					width: 100%;
					margin: 0 auto;
				}	
					section.catch div.sectionBox div ul li{
						font-size: 106%;
						line-height: 2;
						letter-spacing: 0.01em;
						width: 100%;
						margin: 0 auto;
					}
		section.catch h2{
			width: 100%;
			font-size: 166%;
			font-weight: 900;
			line-height: 2;
			letter-spacing: 0.01em;
			text-align: center;
		}
		section.catch div.slideBox{
			width: 77%;
			margin: 22px auto 80px;
		}
		section.catch div.sectionBox figure.showRoom{
			width: 86%;
			margin: 0 auto 50px;
			text-align: center;
		}
			section.catch div.sectionBox figure.showRoom img{
				max-width: 100%;
				height: auto;
			}
	
			


/* navBtn
---------------------------------------------------- */
				section.catch .sectionBox p.pageBtn{
					width: 24%;
					margin: 24px auto 0;
					text-align: center;
					font-size: 116%;
					letter-spacing: 0.05em;
					color: #f0965e;
					background: url(../../common/images/icon_link_orange.png) center right 36px no-repeat;
					background-size: auto 12px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				section.catch .sectionBox p.pageBtn a{
					display: inline-block;
					width: 100%;
					height: 100%;
					color: #f0965e;
					padding: 0.7em 3em;
					border: 2px solid #f0965e;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}


.bx-prev {
	left: 0;
	-webkit-transform: translateX(-190%);
	transform: translateX(-190%);
}
.bx-next {
	right: 0;
	-webkit-transform: translateX(190%);
	transform: translateX(190%);
}


}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

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


/* section.mainVisual
---------------------------------------------------- */
section.mainVisual {
	display: block;
	width:100%;
	height:auto;
	margin: 0 auto 33px;
}

/* pan
---------------------------------------------------- */

div.suvNavBlock{
	width: 100%;
	margin: 4px auto 28px;
	padding: 14px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 4px;
}
	div.suvNavBox{
		width: 96%;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			display: inline-block;
			font-size: 82%;
			width: 75%;
			padding: 0 2% 0 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}


/* section.catch
---------------------------------------------------- */
	section.catch div.sectionBlock{
		margin: 0 auto 0;
	}
		section.catch figure.mainVisual{
			width: 100%;
			margin: 0 auto 22px;
			display: block;
		}
			section.catch figure.mainVisual img{
				width: 100%;
				height: auto;
			}
		section.catch p.readCopy{
			width: 96%;
			font-size: 133%;
			font-weight: 900;
			letter-spacing: 0.01em;
			line-height: 1.5;
		}	
		section.catch p{
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			text-align: justify;
			width: 86%;
			margin: 22px auto 0;
		}
			section.catch p.readCopy span.small{
				font-size: 86%;
				line-height: 1.8;
			}
			section.catch div.sectionBox div{
				width: 100%;
				padding: 22px 0;
			}	
				section.catch div.sectionBox div ul{
					width: 97%;
					margin: 0 auto;
				}	
					section.catch div.sectionBox div ul li{
						width: 100%;
						font-size: 106%;
						line-height: 2;
						letter-spacing: 0.01em;
					}
				section.catch h2{
					width: 100%;
					font-size: 133%;
					font-weight: 900;
					letter-spacing: 0.01em;
					text-align: center;
				}
		section.catch div.slideBox{
			width: 100%;
			margin: 22px auto 33px;
		}
		section.catch div.sectionBox figure.showRoom{
			width: 100%;
			margin: 0 auto 22px;
			text-align: center;
		}
			section.catch div.sectionBox figure.showRoom img{
				width: 100%;
				height: auto;
			}
	
/* navBtn
---------------------------------------------------- */
				section.catch .sectionBox p.pageBtn{
					width: 66%;
					height: 46px;
					margin: 22px auto 0;
					text-align: center;
					font-size: 100%;
					letter-spacing: 0.05em;
					color: #f0965e;
					background: url(../../common/images/icon_link_orange.png) center right 14% no-repeat;
					background-size: auto 12px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				section.catch .sectionBox p.pageBtn a{
					display: inline-block;
					width: 100%;
					height: 100%;
					color: #f0965e;
					border: 2px solid #f0965e;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					line-height: 42px;
				}


}