@charset "UTF-8";


/*BRAND Page*/
#CHARACTER{
	background: #FEF248;
}
#LOVE{
background:#FCACF0;
}
#surf{
	background:#45A1FF;
}
#street{
	background: #7b7b7b;
}

.CHARACTER{
	height: 750px;
}
.brand_page{
	display: block;
	width: 84%;
	height: 100%;
	background: #ffffff;
	float: left;
	margin-bottom: 2.5%;
	margin-left:7.9%;
	padding-top: 4%;
}


.brand_page_P{
	display: block;
	width: 86%;
	height: 384px;
	background:#ffffff;
	float: left;
	margin-bottom: 2.5%;
	margin-left:7.9%;
	padding-top: 4%;
}


.street_style{
	display: block;
	width: 67%;
	float: left;

}
	
.street_style p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 17px;
	line-height: 1.4em;
	padding: 6%;
	width: 100%;
}

.street_style img{
	width:35%;	
	padding: 4% 100% 3% 11%;
}



.photo{
	width: 23%;
	float: right;
	box-shadow: 2px 2px 4px;
	margin: 3.5% 4.4%;
}


.brand_page2{
	display: block;
	width: 85%;
	height: 256px;
	background: #ffffff;
	float: left;
	margin-bottom: 2.5%;
	margin-left:7.9%;
	padding-top: 2%;

}

.brand_page2_B{
	display: block;
	width: 85%;
	height: 256px;
	background:#ffffff;
	float: left;
	margin-bottom: 2.5%;
	margin-left:7.9%;
	padding-top: 2%;
}

.brand_page2_Y{
	display: block;
	width: 85%;
	height: 256px;
	background:#ffffff;
	float: left;
	margin-bottom: 2.5%;
	margin-left:7.9%;
	padding-top: 2%;
}

.brand_page2_P{
	display: block;
	width: 85%;
	height: 256px;
	background:#ffffff;
	float: left;
	margin-bottom: 2.5%;
	margin-left:7.9%;
	padding-top: 2%;
}
.brand_page2_Pink{
	display: block;
	width: 85%;
	height: 256px;
	background:#ffffff;
	float: left;
	margin-bottom: 2.5%;
	margin-left:7.9%;
}



.small_box{
	display: block;
	width: 67%;
	float: left;
}
	
.small_box p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 17px;
	line-height: 1.4em;
	padding: 6%;
	width: 100%;
}

.small_box img{
	width:36%;
	padding: 3% 100% 3% 10%;
}

.photo_small{
	width:19%;
	float: right;
	box-shadow: 2px 2px 4px;
	margin: 2% 6% 0; 
}

.photo_small_2{
	width:19%;
	float: right;
	box-shadow: 2px 2px 4px;
	margin: 2% 6% 0; 
}

.small_box2{
	display: block;
	width: 67%;
	float: left;
}
	
.small_box2 p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 17px;
	line-height: 1.4em;
	padding: 6%;
	width:100%;
}

.small_box2 img{
	width:32%;
	padding: 3% 70% 3% 10%;
}

.koara{
	display: block;
	width: 67%;
	float: left;
}
	
.koara p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 17px;
	line-height: 1.4em;
	padding: 6%;
	width: 100%;
}

.koara img{
	width:40%;
	padding: 2% 100% 2% 10%;
}

.box_yoko{
	display: block;
	width: 67%;
	float: left;
}
	
.box_yoko p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 17px;
	line-height: 1.4em;
	padding: 6%;
	width: 100%;
}

.box_yoko img{
	width:13%;
	padding: 2% 100% 1% 10%;
}


.iloveyou{
	display: block;
	width: 67%;
	float: left;
}
	
.iloveyou p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 17px;
	line-height: 1.4em;
	padding: 8%;
	width: 90%;
}

.iloveyou img{
	width:18%;
	padding: 6.2% 100% 5% 13%;
}

/*LOCATION*/
.location{
	width: 100%;
	float: left;
	margin-top: 5%;

}

.coppy{
	width: 40%;

}
.coppy img{
	width:70%;
}



.location_upbox{
	width: 100%;
	float: left;
	height: auto;
}	

.address{
	width: 100%;
	text-align: left;
	padding-left: 3%;
	display: block;
	float: left;
	margin-bottom: 15%;

}

.address p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 600;
	text-align:left;
	font-size: 18px;
	line-height: 2em;
	width:100%;
	text-align: left;
	margin: 0;

	
}
.location_text{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 16px;
	line-height: 1.5em;
	width:90%;
	text-align: left;

}

.location_tel{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 16px;
	width:100%;
	text-align: left;
}
.location_box_up{
	display: block;
	width: 45%;
	padding-left:3%;
	float: left;
}

.location_box_up img{
	width: 100%;
}
.room{
	width: 44%;
	display: block;
	margin: 0 auto;
	float: left;
	padding-left:3%;

}
.room img{
	width: 100%;
	padding-bottom: 3%;
}

.unosama{
	display: block;
	width: 23%;
	float:right;
	padding-right: 14%;
}

.unosama img{
	width: 100%;
}

.location_box{
	width: 40%;
	display: block;
	
}
.location_box img{
	width: 100%;
	display: block;
}

.location_map{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 auto;

	
}
.location_map img{
	width:89%;
}

.location_map p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 600;
	text-align:left;
	font-size: 20px;
	width:100%;

	margin-bottom: 2%;
	text-align: center;
}
.location_map_text{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 16px;
	line-height: 1.5em;
	width:71%;
	text-align:left;
	margin: 2% 0;
	padding-left: 7%;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
/*LOCATION*/
	
.location_upbox{
	width: 100%;
	height:auto;
	margin-bottom:10%;
}	
	
.room{
	width: 100%;
	float:none;
}
	
.room img{
	width: 100%;
	margin-bottom:5%;
}

	
.location_text{

	font-size: 1em;
	letter-spacing: 0.1em;
	line-height: 1em;
	width:100%;
	padding-left: 2%;
}

.location_tel{
	font-size: 1em;
	width:100%;
	padding-left: 2%;
}
	
.location_box_up{
	display: block;
	width: 100%;
	padding-left: 0%;
	float:none;
	margin-bottom: 15%;
}

.location_box_up img{
	width: 100%;
	padding-bottom: 7%;
}	



.location p{
	width: 100%;
	font-size: 1em;
	letter-spacing: 0.1em;
	line-height: 1em;
	width:100%;
	margin: 0;
}


.location_map{
	display: block;
	width:100%;
	padding-left: 0%;
}
	
.location_map img{
	width:100%;
}
.location_map p{
	font-size: 1.2em;
	letter-spacing: 0.1em;
	width:100%;
	padding-left: 1%;
	margin: 0;
	margin-bottom: 2%;
}

.location_map_text{
	font-size: 1em;
	letter-spacing: 0.1em;
	line-height: 1.7em;
	text-align: left;
	width: 90%;
	padding-left: 2%;

}	
	
	
/*BRANDpage*/	
	

.brand_page2_Y,.brand_page2_P,.brand_page2_Pink,.brand_page2,.brand_page2_B,.street_style,.brand_page,.brand_page_P{
	display: block;
	width: 85%;
	height:100%;
	background:#ffffff;
	float: none;
	text-align: center;
margin: 0 auto;
	padding-top: 1%;
	padding-bottom: 5%;
	margin-bottom: 4%;
}

	

.box_yoko,.koara{
	display: block;
	width: 100%;
	float:none;
}
	
.box_yoko p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 1.1em;
	line-height:1.7em;
	padding: 6%;
	width: 87%;
}

.box_yoko img{
	width:32%;
	padding: 2% 100% 1% 10%;
}
	

.koara p{
color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 1.1em;
	line-height:1.7em;
	padding: 6%;
	width: 87%;
}

.koara img{
	width:32%;
	padding: 2% 100% 1% 10%;
}

	
	
.photo_small{
	width:50%;
	float:none;
	box-shadow: 2px 2px 4px;
	margin: 2% 6% 0; 
}
	
.small_box2{
	display: block;
	width: 100%;
	float:none;
}
	
.small_box2 p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 1.1em;
	line-height:1.7em;
	padding: 6%;
	width: 80%;
}

.small_box2 img{
	width:32%;
	padding: 3% 70% 3% 10%;
}
.CHARACTER{
	height: 100%;
}	
	
	
.street_style p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 1.1em;
	line-height:1.7em;
	padding: 6%;
	width: 87%;
}

.street_style img{
	width:32%;
	padding: 3% 70% 3% 10%;
}


.photo,.photo_small_2,.photo_small{
	width:50%;
	float:none;
	box-shadow: 2px 2px 4px;
	margin: 2% 6% 0; 
}

.small_box,.iloveyou,.street_style{
	display: block;
	width: 100%;
	float:none;
}
	
.small_box p{
	color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 1.1em;
	line-height:1.7em;
	padding: 6%;
	width: 87%;
}

.small_box img{
	width:32%;
	padding: 3% 70% 3% 10%;
}	

	
	

.iloveyou p{
color:#333;
	font-family: "Hiragino Sans"; 
	font-weight: 500;
	text-align:left;
	font-size: 1.1em;
	line-height:1.7em;
	padding: 6%;
	width: 87%;
}

.iloveyou img{
		width:32%;
	padding: 3% 70% 15% 10%;
}
	
	
	
}