@charset "utf-8";


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

BASIC STYLES FOR SPECIAL CONTENTS

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


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

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

#contents_main h2{
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 20px;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 4.5%;
}

#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-bottom: 2px;
	/* border-bottom: 2px #333333 solid; */
	display: inline-block;
	line-height: 100%;
}


.itemArea .item-name{
	font-size: 17px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	margin-bottom:0;
	margin: 1.5% 0 3% 0;
	line-height: 25px;
	letter-spacing: .1em;
}

.itemArea .item-name span{
	font-size: 20px;
	letter-spacing: .1em;
}

.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: 15px 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;
}
#contents_main .btn-03 a{
	background-color: #000000;
	color: #ffffff;
	margin: 4% auto 0 auto;
	width: 85%;
}
#contents_main .btn-04 a{
	background-color: #ededed;
	border: solid 1px #000000;
	color: #000000;
	margin: -2% auto;
	width: 85%;
}


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

#contents_main .hr{
	text-align: center;
	margin: 0 0 6% 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-620{
	display: none;
}
.hidden-480{
	display: none;
}
.visible-342{
	display: none;
}



@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: 35px; */
}

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

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



}



@media (max-width: 979px){

.itemArea .item-name {
    font-size: 15px;
	line-height:22px;
}

}


@media (max-width: 840px){

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


@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: 17px !important;
	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{
	width:100%;
	margin: 0 0 6% 0;
}

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

#contents_main .btn-03 a {
	margin: 0 auto;
}
#contents_main .btn-04 a{
	margin: 0 auto 5% auto;
}

#contents_main .hr{
	display: none;
}

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


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


}


@media (max-width: 620px){

.hidden-620{
	display: block;
}

}


@media (max-width: 480px){

.itemArea .item-name{
	font-size: 13px !important;
	line-height: 19px;
	margin-bottom: 20px;
	letter-spacing: .07em;
}

#contents_main .btn-03 a {
    background-color: #000000;
    color: #ffffff;
	font-size: 14px;
    margin: 3% auto 0 auto;
}
#contents_main .btn-04 a {
    background-color: #ededed;
	border: solid 1px #000000;
    color: #000000;
	font-size: 14px;
	margin: 0 auto 10% auto;
}

.hidden-480{
	display: block;
}

}

@media (max-width: 380px){

.itemArea .item-name{
	font-size: 12px !important;
	letter-spacing: .05em;
}

}

@media (max-width: 342px){

.itemArea .item-name{
	font-size: 11px !important;
}

.visible-342{
	display: block;
}
.hidden-342{
	display: none;
}
	
}