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

a {
	text-decoration: none;
}

.furisodeback
{
	background-color: #fdeff2;
}

.hakamaback
{
	background-color: #eafff4;
}

.houmongiback
{
	background-color: #f9f7ff;
}

.morningback
{
	background-color: #DFE8ED;
}



@media screen and (min-width: 0px) and (max-width: 480px) 
{
	#furisode, #jr_furisode, #hakama, #morning, #houmongi, #morning {
		margin-top: -120px;
		padding-top: 120px;
	}
	
	.c_p12
	{
		font-size: 0.8rem;
		text-align: center;
		color:#fff;
	}	
	
	/*着物レンタル一覧*/
	
	.option_list_all
	{
		margin: 0 auto;
		width:98%;
		margin-top:3%;
	}
	
	.c_h2
	{
		background-color: #a48a79;
		padding:3% 0 3% 0;
	}
	
	.c_h2 h2
	{
		font-size: 1.2rem;
		text-align: center;
    	color: #fff;
	}
	
	.c_option_list_base
	{
		width: 80%;
	    margin: 0 auto;
	}
	

	.c_option_list ul
	{
		margin-bottom: 2%;
    	margin-top: 2%;
	}
	
	.c_option_list ul li
	{
		margin-top: 15px;
		margin-bottom: 15px;
		display: inline-block;
		width:25%;
		font-size: 13px;
		text-align: center;
	}
	
	.morning_li
	{
		width:33%!important;
	}
	
	.wide_li
	{
		width:100%!important;
		text-align: center;
	}
	
	.c_option_list ul li::before {
    content: "\f138";
    font-size: 15px;
    font-family: 'FontAwesome';
	margin-right:10px;
	color:#7a6955;
}
	/*着物レンタル詳細*/
	.c_base
	{
		width: 98%;
		margin: 0 auto;
		padding-top: 4%;
		padding-bottom: 5%;
	}
	
	h3
	{
		display:block;
		font-size:1.2rem;
		text-align: center;
		margin: 0 auto;
		margin-bottom:15px;
	}
	
	.option_img img
	{
		display:block;
		width:65%;
		margin:0 auto;
	}
	
	
	.c_option_detail p
	{
		margin-top: 2%;
		text-align: center;
		font-size: 0.8rem;
	}
	
	.option_detail
	{
		width: 60%;
		margin: 0 auto;
	}
	
	.option_detail li
	{
		background-color: #fff;
		text-align: center;
		margin-top: 10px;
		padding: 3% 10%;
		border-radius: 30px;
		border: solid 1px #777;
	}
	
	.option_detail li a, .option_detail li a:link, .option_detail li a:visited 
	{
		color:#000;
		font-size:12px;
		font-weight:bold;
		display:block;
	}
	
	.option_detail li a:hover
	{
		color:#fff;
	}
	
	.option_detail li:hover
	{
		background-color: #4B474B;
		font-weight:bold;
	}
	
}

@media screen and (min-width: 481px) and (max-width: 950px) 
{
	#furisode, #jr_furisode, #hakama, #morning, #houmongi, #morning {
		margin-top: -5%;
		padding-top: 5%;
	}
	
	.c_p12
	{
		font-size: 12px;
		text-align: center;
		color: #fff;
	}
	
	/*着物レンタル一覧*/
	
	.option_list_all
	{
		margin: 0 auto;
		width:98%;
		margin-top:30px;
	}
	
	.c_h2
	{
    	background-color: #a48a79;
		padding:1.5% 0 1.5% 0;
	}
	
	.c_h2 h2
	{
		font-size: 1.8rem;
		text-align: center;
		color: #fff;
	}
	
	.c_option_list_base
	{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
		
	.c_option_list_base ul li
	{
		display: inline-block;
		margin-top: 15px;
		width: 16%;
		margin-bottom: 15px;
	}
	
	.wide_li
	{
		width:30%!important;
	}
	
	.c_option_list_base ul li::before {
    content: "\f105";
    font-size: 15px;
    font-family: 'FontAwesome';
	margin-right:10px;
}
	
	.c_option_list ul li::before {
    content: "\f138";
    font-size: 15px;
    font-family: 'FontAwesome';
	margin-right:10px;
	color:#7a6955;
}
	.morning_font
	{
		font-size: 0.8rem;
	}
	
	/*着物レンタル詳細*/
	.c_base
	{
		width: 70%;
		margin: 0 auto;
		padding-top: 2%;
		padding-bottom: 3%;
	}
	
	h3
	{
		display:block;
		font-size:1.2rem;
		text-align: center;
		margin: 0 auto;
		margin-bottom:15px;
	}
	
	.option_img img
	{
		display:block;
		width:40%;
		margin:0 auto;
	}
	
	
	.c_option_detail p
	{
		margin-top: 2%;
		text-align: center;
	}
	
	.option_detail
	{
		width: 60%;
		margin: 0 auto;
	}
	
	.option_detail li
	{
		background-color: #fff;
		text-align: center;
		margin-top: 10px;
		padding: 7px;
		border-radius: 30px;
		border: solid 1px #777;
	}
	
	.option_detail li a, .option_detail li a:link, .option_detail li a:visited 
	{
		color:#000;
		font-size:12px;
		font-weight:bold;
		display:block;
	}
	
	.option_detail li a:hover
	{
		color:#fff;
	}
	
	.option_detail li:hover
	{
		background-color: #4B474B;
		font-weight:bold;
	}
		
}


@media screen and (min-width:951px), print, tv
{
	#furisode, #jr_furisode, #hakama, #morning, #houmongi, #morning {
		margin-top: -50px;
		padding-top: 50px;
	}
	
	.c_p12
	{
		font-size: 13px;
		text-align: center;
		margin-top: 10px;
		color: #fff;
	}
	
	/*着物レンタル一覧*/
	
	.option_list_all
	{
		margin: 0 auto;
		width:1000px;
		margin-top:30px;
	}
	
	.c_h2
	{
		padding:15px 0 15px 0;
	    background-color: #a48a79;
	}
	
	.c_h2 h2
	{
		font-size: 30px;
		text-align: center;
		color: #fff;
	}
	
	.c_option_list_base
	{
		width: 800px;
		margin: 0 auto;
		text-align: center;
	}
		
	.c_option_list_base ul li
	{
		display: inline-block;
		margin-top: 15px;
		width: 16%;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.wide_li
	{
		width:30%!important;
	}
	
	.c_option_list_base ul li::before {
    content: "\f138";
    font-size: 15px;
    font-family: 'FontAwesome';
	margin-right:10px;
	color:#7a6955;
}
	/*着物レンタル詳細*/
	.c_base
	{
		width:600px;
		margin:0 auto;
		padding-top: 30px;
	    padding-bottom: 30px;
	}
	
	h3
	{
		display:block;
		font-size:22px;
		text-align: center;
		margin: 0 auto;
		margin-bottom:15px;
	}
	
	.option_img
	{
		float: left;
		margin-right:30px;
	}
	
	.c_option_detail
	{
		width:420px;
		float:right;
	}
	
	.option_detail li
	{
		background-color: #fff;
		text-align: center;
		margin-top: 10px;
		padding: 7px;
		border-radius: 30px;
		border: solid 1px #777;
	}
	
	.option_detail li a, .option_detail li a:link, .option_detail li a:visited 
	{
		color:#000;
		font-size:12px;
		font-weight:bold;
		display:block;
	}
	
	.option_detail li a:hover
	{
		color:#fff;
	}
	
	.option_detail li:hover
	{
		background-color: #4B474B;
		font-weight:bold;
	}
	
	.option_img img
	{
		width:150px;
	}
	
}