@charset "utf-8";


/*===============================================

BASIC STYLES FOR SPECIAL CONTENTS

===============================================*/
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500);

#contentArea{
	margin: 0 0 18% 0 !important;
}

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

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

h2#mainvisual{
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 20px;
	text-align: center;
	line-height: 1.8;
	/* margin: 0 auto 4.5% auto; */
}
h2#mainvisual p{
	font-size: 84.5%;
	line-height: 2.1;
	letter-spacing: .08em;
	margin: 5.2% 0;
}

#contents_main .itemArea{
	margin-bottom: 6.5%;
}

#contents_main .row-fluid .span5{
	width: 48.9%;
	/* text-align: center; */
}

#contents_main .row-fluid li:first-child{
	float:left;
}

#contents_main .row-fluid li:last-child{
	float:right;
}


#contents_main .itemArea .item-num{
	font-family: 'Fira Sans', sans-serif;
	font-size: 65px;
	font-weight: 500;
	margin: 16% 0 0 4%;
	/* border-bottom: 2px #333333 solid; */
	display: inline-block;
	line-height: 100%;
}


.itemArea .item-name{
	font-size: 133%;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	margin-bottom:0;
	margin: 10.5% 0 8.5% 4%;
	line-height: 1.7;
	letter-spacing: .1em;
	text-align: left;
}

.hrimg{
	padding: 0 0 0 4%;
}

.item-name-lh{
	line-height: 2.8 !important;
	margin-top: 3% !important;
}
.item-name-lh a:hover{
	text-decoration: underline;
}

.itemArea .style_image{
	margin: 0 0 5.2% 0;
}

.itemArea span.item-tax{
	font-size: 14px;
}

.itemArea .item-detail{
	font-size: 14px;
	line-height: 1.7;
	margin-top: 10px;
	}

#contents_main .btn-set{
	padding-bottom: 4%;
	}

#contents_main .btn-set a{
    display: block;
    padding: 25px 0;
    margin: 0 auto;
    font-size:16px;
    letter-spacing: .1em;
    text-align: center;
    width: 69%;
}

#contents_main .btn-01 a{
	background-color: #000000;
	color: #ffffff;
}
#contents_main .btn-02 a{
	border: solid 1px #000000;
	color: #000000;
	margin: -2% auto 0 auto;
	width: 61.5%;
}
#contents_main .btn-03 a{
	background-color: #000000;
	color: #ffffff;
	margin: 1% auto -8% auto;
	width: 61.5%;
	position: relative;
}

#contents_main .hwtext{
	background-color: #f2f2f2;
	font-size: 120%;
	line-height: 1.7;
	letter-spacing: .08em;
	margin: 0 0 8% 0;
	padding: 7% 0 4% 0;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#contents_main .shopinfo{
	font-size: 162%;
	letter-spacing: .08em;
	font-weight: 500;
	text-align: center;
	margin: 2.5% 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#contents_main .shopinfo a{
	text-decoration: underline;
}
#contents_main .shopinfo a:hover{
	text-decoration: none;
}


#contents_main a:hover{
	opacity: 0.7;
	text-decoration: none;
}

#contents_main .hr{
	text-align: center;
	margin: 0 0 3% 0;
}


#contents_main .attention{
	background-color: #eeeeee;
	text-align: center;
	margin-bottom: 6%;
}


#contents_main .attention p{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 0;
	padding:6% 0;
}

.hidden-380{
	display: block;
}
.hidden-480{
	display: none;
}

.ml20{
	margin-left: 4%;
}
.ml40{
	margin-left: 0 !important;
}



@media only screen and (min-width: 768px)  {

#contents_main .itemArea ul.right li:last-child{
	float:left;
}

#contents_main .itemArea ul.right li{
	margin-left:0;
	margin-right: 1%;
}

#contents_main ul.right li:first-child{
	margin-right: 0;
	float:right;
}

}


@media (max-width: 1200px){

#contents_main .itemArea .item-num{
	font-size: 45px;
}

.itemArea .item-name{
	font-size: 120%;
}

#contents_main .area1 .row-fluid .span5 .textArea{
    height: auto;
}

.itemArea .item-detail{
	font-size: 12px;
}



}



@media (max-width: 979px){

h2#mainvisual p {
    font-size: 73.5%;
    line-height: 1.8;
}

#contents_main .row-fluid .span3{
    display: block;
    float: left;
    width: 24%;
    margin-left: 1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

}

@media (max-width: 860px){
h2#mainvisual p {
    text-align: left;
    line-height: 1.6;
    padding-left: 1%;
}
	
}

@media (max-width: 840px){

.itemArea .item-name {
    font-size: 100%;
    /* font-weight: 600; */
    /* margin: 1.5% 0 3% 0; */
    /* line-height: 27px; */
    /* letter-spacing: .1em; */
}

#contents_main .shopinfo{
	font-size: 120%;
}
	
}


@media (max-width: 767px){

#contents_main {
	width:95%;
}

#contents_main h2{
	font-size: 12px;
	margin: 0 0 2%;
}


#contents_main .itemArea{
	margin-bottom: 0;
	padding-top: 0;
}

#contents_main .itemArea .item-num{
	font-size: 40px;
	margin-top: 15px;
}



.itemArea .item-name{
	/* font-size: 24px; */
	line-height: 24px;
	margin-bottom: 20px;
}

.itemArea .item-name span.item-tax{
	font-size: 12px;
}


.itemArea .item-name span{
	font-size: 16px;
}

.itemArea .item-detail{
	text-align: left;
}

#mainvisual{
	margin-bottom: 15px;
	margin: 0 0 4%;
}


#contents_main h3{
	font-size:12px;
	text-align: left;
	margin-bottom: 15px;
}

#contents_main h2 span{
	font-size: 10px;
}


#naviArea{
	width:100%;}

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

#contents_main .row-fluid .span5{
	float: none !important;
	width: 99.9%;
	margin: 0 auto;
}


#contents_main .row-fluid .span3 {
    width: 24%;
    margin: 0 0 6% 1%;
    float: left;
}

#contents_main .btn-set a{
    padding: 4.5% 0;
	width: 100%;
}

#contents_main .attention{
	margin-bottom: 10%;
}


#contents_main .attention p{
	font-size: 12px;
	padding:5%;
	text-align: left;
}


#contents_main .hwtext{
	font-size: 100%;
	line-height: 1.7;
	letter-spacing: .08em;
	margin: 0 0 8% 0;
	padding: 7% 4% 4% 4%;
}



}


@media (max-width: 480px){

.itemArea .item-name{
	font-size: 120%;
	line-height: 20px;
	/* margin-bottom: 20px; */
	/* letter-spacing: .07em; */
}

#contents_main .row-fluid .span3 {
    width: 48%;
    margin: 0 0 6% 0;
    float: left;
    min-height: 363px;
}
#contents_main .row-fluid li:nth-child(2) {
	float: right;
}

#contents_main .hr {
    width: 40%;
    margin: 10% auto 7% auto;
}

.item-name-lh {
    font-size: 94% !important;
}

#contents_main .btn-02 a {
	font-size: 110%;
}
#contents_main .btn-03 a {
    background-color: #000000;
    color: #ffffff;
    font-size: 110%;
    margin: 3% auto 0 auto;
}

#contents_main .hwtext{
	margin-top: -4%;
	text-align: left;
}

#contents_main .shopinfo{
	font-size: 120%;
}

.hidden-480{
	display: block;
}

}

@media (max-width: 380px){

.itemArea .item-name{
	font-size: 98%;
	letter-spacing: .05em !important;
	line-height: 2;
}

#contents_main .row-fluid .span3 {
    min-height: 300px;
}
#contents_main .hwtext{
	font-size: 95%;
}

.hidden-380{
	display: none;
}

}