@charset "utf-8";
/*スマホとPCと共通のスタイル*/
h3,p,h4{
	margin-bottom:25px;
}
aside p{
	margin-bottom: 0;
	height: 33px;
}
#main p{
	line-height: 1.5;	
}
.photo{
	text-align: center;
}
.v_align img {
	display: inline-block;
	vertical-align: top;
}
h3 {
	font-size: large;
	color: #009966;
}
ol{
	list-style-type: none;
	margin-bottom: 20px;
}
.interior_list{
	list-style-type: disc;
	margin-left: 16px;
	margin-top: 70px;
}
.interior_list li{
	margin-bottom: 20px;
}

/*-----ここからPC用の広さ（幅952px以上）のときのスタイル-----*/
@media screen and (min-width : 952px) {
	/*ここからページレイアウト用*/
	.mobile_sub_menu{
		display: none;
	}
	#main_content{
		width: 952px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		display: flex;
		flex-direction:row-reverse;
		background-color: #fff;
	}
	main {
		width: 718px;
		padding-top: 10px;
		padding-right: 12px;
		padding-left: 12px;
	}
	aside {
		width: 185px;
		padding-top: 10px;
		padding-right: 12px;
		padding-left: 13px;
		background-image: url(../images/a19.png);
		background-attachment: fixed;
	}
	#flashtitle {
		width: 952px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		padding-bottom: 10px;
		box-sizing: border-box;
		padding-left: 15px;
		border-bottom: 2px solid #99f;
	}
	h2{
		height: 36px;
	}
	#viewtheader {
		margin-bottom: 15px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #FF9900;
	}
	footer{
		clear: both;
	}
	/*ここまでページレイアウト用*/

	/*ここからサブナビ用*/
	aside ul li a {
		text-indent: -9999px;
		display: block;
	}
	li a#viewtlink1,li a#viewtlink2,li a#viewtlink3 {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;	
	}
	li a#viewtlink1{
		background-image: url(images/viewt_btn1.png);
	}
	li a#viewtlink2{
		background-image: url(images/viewt_btn2.png);
	}
	li a#viewtlink3{
		background-image: url(images/viewt_btn3.png);
	}
	li a#viewtlink1:hover,li a#viewtlink2:hover,li a#viewtlink3:hover{
		background-position: left bottom;
	}
	.about li a#viewtlink1,.dress1 li a#viewtlink2,.dress2 li a#viewtlink3 {
		background-position: left bottom;	
	}
	/*ここまでサブナビ用*/

	/*バナー用*/
	li a#viewtbanner1,li a#viewtbanner2 {
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;
		margin-top: 15px;
	}
	li a#viewtbanner1{
		height:50px;
		background-image: url(images/mitsuoka_logo3.jpg);
	}
	li a#viewtbanner2{
		height:41px;
		background-image: url(images/voc_banner.jpg);
	}
	/*ここまでバナー用*/
	
	.title_bold {
		font-weight: bold;
		color: #009966;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	h4{
		font-size: medium;
		font-weight: bold;
	}
	h4 a{
		font-weight:normal;
	}
	.to_pagetop {
		text-align: right;
		margin-right: 6px;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	#rtrn_top {
		padding-top: 30px;
		background-color: #c7c7ff;
		
	}
	.rtrn_top_inner{
		width: 952px;
		margin: 0 auto;
		text-align: right;
	}
	/*ここからドレスアップページ専用CSS*/
	.dress1 h3{
		margin-top: 20px;
	}
	.iiwake{
		color: #006;
		font-weight: bold;
	}
	.dress_photo1{/*dress1.html用セレクター*/
		margin-left: 15px;
		margin-right: 15px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.dress_photo1 p{
		width: 329px;
	}
	.dress_photo1 p img{
		width: 329px;
		height: auto;
	}
	.dress_photo{/*dress2.html用セレクター*/
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.dress_photo p:first-child{
		margin-right: 15px;
	}
	.dress_photo p, .dress_photo2{
		text-align: center;
	}
	.dress1 h3,.dress2 h3{
		padding-top: 30px;
	}
	/*ここまでドレスアップページ専用CSS*/
}
/*-----ここまでPC用の広さ（幅952px以上）のときのスタイル-----*/

/*-----ここからスマホ用の広さ（幅951px以下）のときのスタイル-----*/
@media screen and (max-width : 951px) {
	aside{
		display: none;
	}
	main{
		width: 100%;
	}
	.slicknav_menu{
		width:100vw;
	}
	.slicknav_menu li span{
		display: none;
	}
	.frix-decoy-0,.flix{
		width: 100vw;
	}
	#flashtitle{
		margin-top: 55px;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.sub_menu{
		border-top: 1px solid #666;
		width:100%;
	}
	.sub_menu li{
		border-bottom: 1px solid #666;
		text-align: center;
		padding: 10px 0;
	}
	.sub_menu li a{
		
		color: #000;
		text-decoration: none;
	}
	#viewtheader{
		padding-top: 50px;
		text-align: center;
	}
	dl, .dress1_p{
		margin-left: 15px;
		margin-right: 10px;
	}
	.title_bold {
		font-weight: bold;
		color: #009966;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	#flashtitle,footer{
		padding-left: 15px;
	}
	#rtrn_top {
		padding-top: 30px;
		background-color: #c7c7ff;
	}
	.rtrn_top_inner{
		text-align: right;
		margin-right: 10px;
	}
	.dress_photo1{
		max-width:658px;
		margin: 0 auto;
		padding-left:15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.dress_photo1 p{
		margin-bottom: 60px;
	}
	.dress_photo1 p img{
		max-width: 100%;
		height: auto;
	}
	.dress_photo{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.dress_photo p:first-child{
		margin-right: 15px;
	}
	.dress_photo p, .dress_photo2{
		text-align: center;
	}
	.iiwake{
		color: #006;
		font-weight: bold;
	}
	.dress1 h3, .dress2 h3{
		padding-top: 30px;
	}
}
@media screen and (max-width : 500px) {
	.dress_photo p:first-child{
		margin-right: 0;
	}
}
@media screen and (max-width : 515px) {
	.photo span{
		display: none;
	}
}