@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700);


 #mainvisual{
	text-align: center;
	margin: 0;
}

#contents_main {
	margin: 0 auto 10%;
}

#brand-navi{
	margin-bottom: 7%;
}

#brand-navi li{
	text-align: center;
}

.maysonArea li.mm a{
background-color: #000;
line-height: 60px;
display: block;
}

.maysonArea li.wm a{
background-color: #ffffff;
border: solid 1px #cccccc;
line-height: 80px;
display: block;
}

.Area li.mm a{
background-color: #000;
line-height: 80px;
display: block;
}

.Area li.wm a{
background-color: #ffffff;
border: solid 1px #cccccc;
line-height: 60px;
display: block;
}


 #mainvisual{
	text-align: center;
	margin-top: 3%;
}

#contents_main {
	width:100%;
	margin: 0 auto 10%;
}

#contents_main .item-all ul{
	margin-top: 7%;
}

.item-detail{
    font-size: 16px;
    line-height:2;
    text-align: center;
    margin:4% 0 5%;
}

#naviArea{
	display: block;
	margin: 5% auto 7%;
	width:100%;
}

#naviArea ul{
	font-size: 0;
	text-align: center;
}

#naviArea ul li{
	font-size: 16px;
	width:48.333333%;
	margin-left: 3.333333%;
	display: inline-block;
}

#naviArea ul li h4{
	font-size: 35px;
	border-bottom:1px #000 solid;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	padding-bottom: 4%;
	color:#9c0101;
}

#naviArea ul li ul li{
	width:31.11%;
	background-color: #000;
	color:#fff;
	margin-top: 4%;
}

#naviArea ul li ul li p{
	margin-bottom: 0;
	line-height: 30px;
}

#naviArea ul li ul li p a{
	color:#fff;
	text-decoration: underline;
	display: block;
}

#naviArea ul li:first-child{
	margin-left: 0;
}

#naviArea li p a:hover{
	opacity: 0.8;
}

.itemArea{
	text-align: center;
	margin: 0 auto;
	width:100%;
	background-color: #e4e1d7;
}

.itemArea ul{
	width:90%;
	margin: 0 auto;
	padding:5% 0;
}

.itemArea .span5{
	text-align:left;
	}


.itemArea p.item-number{
	font-family: 'Open Sans', sans-serif;
	font-size:65px;
	font-weight: 800;
	line-height: 0.9;
	color:#874402;
	margin: 0;
}

.item-number span{
	font-size: 16px;
	color:#000;
}


#area2,#area4,#area6{
	background-color: #fff;
	padding:3% 0;
}


.itemArea .span5 div img{
	margin-top: 20%;
}

.itemArea h4{
	font-size: 35px;
	line-height: 0.8;
	margin: 5% 0;
	font-weight: bold;
letter-spacing: -0.02em;
}

.itemArea h4 span{
	font-size: 18px;
	font-weight: 600;
}

.itemArea p{
	font-size:13px;
	line-height: 1.8;
	padding-bottom: 1%;
	font-weight: 600;
}

 .btn-set a{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 54px;
	background-color: #fff;
	width:100%;
	margin: 5.55555555% auto 0;
	color:#000;
	text-decoration: none;
	border:solid 3px #000;
	box-sizing:border-box;
}

.btn-set a:hover{
	background-color: #000;
	color:#fff;
}


.itemArea .styleArea{
	margin-top: 8%;
}


.itemArea .styleArea p{
	font-size: 45px;
	color:#a3430c;
	font-family: 'Rochester', cursive;
	margin-bottom: 4.5%;
}

.itemArea .styleArea ul{
	display: inline-block;
}

.itemArea .styleArea ul li{
	width:18.75%;
	margin-left:2.5%;
	display: inline-block;
}

.itemArea .styleArea ul li:first-child{
	margin-left: 0;
}

.itemArea .styleArea ul li a:hover{
	opacity:0.7;
}

.styleArea .btn-set a{
	width:100%;
}



.itemArea .item-main ul.titleArea li p{
	font-family: 'Cabin', sans-serif;
	font-size: 55px;
	line-height: 1;
	text-align: left;
	font-weight: 500;
}


.btn-set-pop a{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 60px;
	background-color: #fff;
	width:80%;
	margin: 10px auto 20px;
	color:#f01881;
	border:solid 2px #f01881;
	text-decoration: none;
	box-sizing: border-box;
}


.btn-set-pop a:hover{
	background-color: #f01881;
	color:#fff;
}

.bottomArea{
	text-align: center;
}

.bottomArea p{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
}

.bottomArea .btn-set a{
	margin: 30px auto 0;
	width:90%;
	font-size: 24px;
	font-weight: bold;
}
#naviArea ul{
  text-align: center;
  margin-left:0;
}

#naviArea ul li{
  display: inline-block;
  width:12.2%;
}
#naviArea ul li img:hover{
  opacity: 0.7;
}
}
@media (min-width: 768px) and (max-width: 1200px) {



#contents_main .item-all ul li p{
    margin-left: 0;
    margin-top: 25px;
}

#contents_main .item-all ul li .period{
	margin-left: 0;
	font-size: 16px;
}

.styleArea ul li{
	width:20%;
}
}


@media (max-width: 1200px){

	#naviArea{
		width:100%;
	}

	#naviArea ul li{
		width:9.159%;
	}
	.itemArea p.item-number{
	margin-top: 0;
}

.itemArea h4{
	font-size: 26px;
}
#naviArea ul{
  text-align: center;
  margin-left:0;
}

#naviArea ul li{
  display: inline-block;
  width:12.3%;
}
}


@media (max-width: 979px){

}
@media (min-width: 768px){

.itemArea ul li.span7 img{
	float: left;
	width: 90%;
}

.itemArea ul.right li{
	float: right;
}

.itemArea ul.right li.span5{
	margin-left: 0;
	margin-right: 2.127659574468085%;
}

.itemArea ul.right li.span7 img{
	float: right;
}
}




@media (max-width: 767px){

#contents_main {
	width:95%;
}

#mainvisual img{
	max-width: 100%;
}

#contents_main .item-all ul li p{
	margin:0 auto;
	font-size: 12px;
	margin-top: 30px;
}

#contents_main .item-all ul li img{
	display: block;
	margin: 0 auto;
}


#naviArea{
	width:100%;
	margin-bottom:0%;
margin-top: 0;}

#naviArea ul li{
	width:100%;
	margin-left: 0;
	margin-bottom: 8%;
}

#naviArea ul li ul li{
	margin-bottom: 0;
}

#naviArea ul li h4{
	font-size: 26px;
}

#naviArea ul li ul li p{
	font-size: 12px;
	line-height: 50px;
}

#naviArea ul li ul li{
	margin-left: 2%;
}

#naviArea ul li img{
	width:80%;
	margin:0 auto;
}


#contents_main #naviArea ul li img.visible-phone{
	display: block !important;
	margin: 0 auto;
	text-align: center;
}



.item-detail{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width:95%;
	margin:5% auto 8%;
}

.itemArea p.item-number{
	font-size: 55px;
	text-align:center;
	margin-top:0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.itemArea h4 span{
	font-size: 16px;
	margin-bottom: 4%;
}


#contents_main h2{
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

.itemArea{
	padding-bottom: 10%;
}

.itemArea .detail{
	margin-bottom: 10%;
}


#contents_main .item-main div.visible-phone{
	display: block !important;
}

.itemArea .span5 div img{
	margin-top: 10%;
}

.itemArea .span7 div img{
	width:40%;
}

.itemArea h4{
	font-size: 20px;
	font-weight: bold;
}

.itemArea p{
	font-size: 13px;
	text-align: left;
	padding-bottom: 3%;
	margin-top: 4%;
}

.btn-set a{
	width:100%;
	margin-top: 5%;
	width:100%;
	line-height: 55px;
}

.itemArea .item-name{
	line-height: 1.2;
}

.itemArea .styleArea ul li{
	width:48%;
	margin-left: 2%;
}

.itemArea .styleArea ul li:nth-child(odd){
	margin-left: 0;
}

.bottomArea .btn-set a{
	margin-top: 5%;
}
#naviArea ul li img{
	width:79%;
	margin:10% auto 0;
}
}
}