@charset "euc-jp";
*{ margin:0; padding:0;}
h2,h3,h4,h5,h6{ font-size:10px;}

/* IE7でpadding指定 */ *:first-child+html body { padding-left: 1px; }   /* IE6以下でpadding指定 */ *html body { padding-left: 1px; } 

.wrap{ width:950px; height:auto; border-left:1px solid #999; border-right:1px solid #999;}
.main { width:740px; height:auto; float:right;
}
#left{ width:200px; height:auto; float:left;}
.main h3{ margin-top:12px;}
.plan{ margin-bottom:50px;}
.plan img{ margin-left:10px;}
.plan .comme{ margin-left:25px; font-size:0.9em; line-height:140%; margin-top:10px;}
.plana_img{ width:740px; height:254px; background-image:url(../img/maedori/photoset2-l.jpg); background-repeat:no-repeat;}
.planb_img{ width:740px; height:254px; background-image:url(../img/maedori/photoset2_740.jpg); background-repeat:no-repeat;}
.cata{ font-size:0.9em; margin-top:10px;}
.cata li{ height:18px;}
.title_op{ width:740px; height:235px; background-image:url(../img/maedori/t-price.jpg); background-repeat:no-repeat; }
.nihongami{ width:461px; height:170px; background-image:url(../img/maedori/nihon.jpg); background-repeat:no-repeat; margin-left:70px; margin-top:10px;}
.option{ font-size:0.9em; line-height:135%;}
.option h4{ width:360px; background-color:#F36; font-size:1.1em; padding:2px; color:#FFF; padding-left:1em; margin-bottom:0.5em;}
.{ width:380px; line-height:140%; margin-top:100px; margin-left:70px; padding:7px;}
.op_price{width:370px; padding-top:110px; padding-left:70px;}
.family_photo{ width:685px; height:250px; background-image:url(../img/maedori/photo_family.jpg); background-repeat:no-repeat; margin-top:25px;}

.op_price1{width:410px; padding-top:10px; padding-left:70px; font-size:1.1em; float:left;}


.op_price1 dl{ line-height:145%;}
.op_price1 dt{ width:45%; float:left; height:1.35em;}
.op_price1 dd{ width:45%; float:left; height:1.35em;}


.op_price1 h5{ color:#099; font-size:1em; margin-top:0.5em;}
.tirimen img{ padding-left:5px; padding-bottom:5px; float:left;}

.osusume{ width:740px; height:254px; background-image:url(../img/maedori/photoset3-l.jpg); background-repeat:no-repeat;}
.line{ width:95%; margin-left:auto; margin-right:auto; margin-bottom:10px; border:1px solid #999;}

.op_price2{width:300px; padding-top:5px; font-size:1.1em; float:left;}
.op_price2 dl{ line-height:145%; margin-bottom:0.5em;}
.op_price2 dt{ width:65%; float:left; height:1.2em;}
.main h6{ margin-top:12px;}

/*前撮り*/
.mae_homon h3{ font-size:20px; color:#096;}

.c_p14 {
	font-size:14px;
	color:#4d4d4d;
}
.c_p13 {
	font-size:13px;
	color:#4d4d4d;
}
.bold {
	font-weight: 600;
}

/*七五三トップページ*/

/*スマホ*/

@media screen and (min-width: 0px) and (max-width: 480px) 
{

#about753{
	background-image:url(../img/top/back02_phone.jpg);
	background-repeat:no-repeat;
	background-position:70% 0%;
	padding-top:15px;
	}
	
	.box01 {

    border: solid 4px #f5b00b;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.moji{
	font-weight:bold;
	}

.box01 ul{
	margin:130px 20px 30px;
	}
	
.box01 ul li {
	font-size:14px;
	}	
	
.means{margin:15px 0;
}
	
.oshitami{
	margin-top: 10px;
	margin-bottom: 15px;
	}	
.obj_ranking_box {
	margin-top: 20px;
	}


/*着物選びメニュー部分*/
.cate
	{
		display:block;
		font-weight:bold;
		font-size:1.3rem;
		margin-top:10px;
		border-bottom:solid 1px #D4D4D4;
		width:98%;
	}
	
.obj_thumb_box li
	{	
		display:block;
		width:95.4%;
	    padding:0.3rem 0 0.5rem 0.8rem;
		font-size:13px;
		border-bottom:solid 1px #D4D4D4;
		border-right:solid 1px #D4D4D4;
		border-left:solid 1px #D4D4D4;
		line-height:1.1rem;
	}
.obj_thumb_box li a:link, a:hover, a:visited
	{	
		text-decoration: none;
		color: #4d4d4d;
	}
	
.obj_thumb_box li img
	{
		float:left;	
		margin-right:1rem;
		width: 25%;
	}
	
	
.menu {
    	font-weight: 500;
    	font-size: 14px;
    	margin-top: 0.5rem;
}
.menu:after{
		content:" >> ";
		font-size:1rem;
	}
/*着物選びメニュー部分 ここまで*/

}



/*タブレット*/
@media screen and (min-width: 481px) and (max-width: 950px) 
{
#about753{
	background-image:url(../img/top/back02.jpg);
	background-repeat:no-repeat;
	background-position:40% 5%;
	padding-top:23px;
	
	}

	
.box01 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 4px #f5b00b;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.moji{
	font-weight:bold;
	}

.box01 ul{
	margin:170px 40px 40px;
	}

.box01 ul li {
	font-size:14px;
	}	

.means{margin:15px 0;
}

.oshitami{
	margin-top: 10px;
	margin-bottom:15px;}	
}
.category {
	background-image: url(../img/top/back01.jpg);
    background-repeat: no-repeat;
    background-position: 92% 47%;
    width: 100%;
    margin: 0px auto 15px auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}

/*PC*/
@media screen and (min-width:951px), print, tv {

.category{
	background-image:url(../img/top/back01.jpg);
	background-repeat:no-repeat;
	background-position:92% 47%;
	width: 750px;
    margin: 0px auto 15px auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content:space-around;

	}

.category2{
	padding-top:30px;
    width:100%;
	margin:20px auto;
    display:flex;
	justify-content:space-around;
}


#about753{
	background-image:url(../img/top/back02.jpg);
	background-repeat:no-repeat;
	background-position:40% 0%;
	padding-top:23px;
	
	}

	
.box01 {
    padding: 0.5em 1em;
	margin-bottom:50px;
    border: solid 4px #f5b00b;/*線*/
    border-radius: 10px;/*角の丸み*/


}
.moji{
	font-weight:bold;
	}

.box01 ul {
	margin:170px 40px 40px ;
	}
	
.box01 ul li {
	font-size:14px;
	}


.means{margin:15px 0;
}
.oshitami{
	margin-bottom:10px;}

/*インフォメーションボックスの高さ調整*/
#obj_information {
    width: 100%;
    height: 300px;
    padding: 0 0.5em;
    overflow-y: scroll;
}
/*インフォメーションボックスの高さ調整ここまで*/

}