@charset "UTF-8";

@font-face {
  font-family: 'apercu';
  font-style: normal;
  font-weight: 100;
  src: url("../font/apercu/apercu_regular_pro.eot");
  src: url("../font/apercu/apercu_regular_pro.eot?#iefix") format("embedded-opentype"), url("../font/apercu/apercu_regular_pro.woff") format("woff"), url("../font/apercu/apercu_regular_pro.ttf") format("truetype");
  /* Safari, Android, iOS */ }

body{
	margin:0;
	padding:0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; */
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-family:apercu; 
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
p{
	margin:0;
	padding:0;
}
h1{
	margin:0;
	padding:0;
	display:block;
}
img{
	width:100%;
	vertical-align:bottom;
}
a{
	color:#000;
}
a:hover{
	color:#333;
}
.pc-only{
	display:none;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.fade-in {
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
.item-type{
	margin:50px 0 10px 0;
	text-align:center;
	font-family:apercu;
	font-size:18px;
}


/* ------------------------
 main_image
------------------------ */
#main_image{
	position:relative;
    z-index:1;
	padding-top: 55px;
}
#main_logo{
	position:absolute;
	width:60%;
	top:190px;
	left:50%;
	margin-left:-30%;
}
/* ------------------------
 item
------------------------ */


.typ {
  opacity: 0;
  }
.typ span {
  opacity: 0;
  }


.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 0%;
  height: 4px;
  background: #5bc8ac;
  z-index: -1;
  transition: all 0.8s;
}
.Text-Span.isActive:after {
  width: 100%;
}



h2{
	margin:0px 20px;
	 font-family:"ヒラギノ角ゴ ProN W3"; 
  /* font-family: 'Cinzel', serif;*/
	font-size:13px;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 160%;
}

h2 .h2_no{
	font-size:18px;
}
h2 .h2_kana{
	font-size:12px;
}

.h2_title{
	font-size:14px;	
}

.h2_name{
	font-size:14px;	
	
}
.h2_title2{
	margin-top: 10px;	
}
h3{
	margin:50px 0px 0px 0px;
	padding:15px 0;
	padding:0px;
	font-size:12px;
	/*border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-family:"ヒラギノ角ゴ ProN W3"; 
   /*font-family: 'Cinzel', serif;*/
	text-align: center;
	line-height: 160%;

}

.item_title {
	display: block; 
	margin-bottom: 6px;
}
.item_title2 {
	display: block; 
	margin-bottom: 0px;
}

.item_block{
	width:88%;
	margin:0px auto;
}
p.item_text{
	margin:0 20px 15px 20px;
	font-size:12px;
	font-family:apercu; 
}
p.item_text2{
	margin:20px 0px 15px 0px;
	font-size:12px;
	text-align: justify;
	font-family:apercu; 
}

.item_credit{
	overflow:hidden; 
	margin:10px 0px 0px 0px;
	padding:0px 5px 10px 0px;	
	text-align:center;
	text-align:left;
	font-size:12px;
	line-height: 2.2em;
	border-bottom: 1px dotted #000000;
	/*background-color: #F64346;*/
}


.item_credit a,
p.item_text a,
p.item_text2 a{
	text-decoration:none;
	text-align:center;
	text-align:left;
	/*background-color:#1149B2;*/
}
.item_credit a span.buy,
p.item_text a span.buy,
p.item_text2 a span.buy{
	margin:0px 0px 0 0px;
	padding:0px 10px 0px 10px;
	/*border:1px solid #000;*/
	background-color: #000000;
	color: #FFFFFF;
	float: right;
}


.item_credit a:hover span.buy,
p.item_text a:hover span.buy,
p.item_text2 a:hover span.buy{
	/*border:1px solid #333;*/
	background-color:#6A6A6A;
}
.item_credit span.price, 
p.item_text span.price, 
p.item_text2 span.price {
	text-decoration: line-through;
	border: none;
	background-color: #ffffff;
	color: #000000;
}
.item_credit a:hover span.price,
p.item_text a:hover span.price,
p.item_text2 a:hover span.price{
	border:none;
}
.item_credit a span.red, 
p.item_text a span.red, 
p.item_text2 a span.red {
	margin:0px 0px 0 0px;
	padding:0px 10px 0px 10px;
    border: 1px solid #bd1f1f;
	background-color: #ffffff;
    color: #bd1f1f;
	float: right;
}
.item_credit a:hover span.red, 
p.item_text a:hover span.red, 
p.item_text2 a:hover span.red {
	margin:0px 0px 0 0px;
	padding:0px 10px 0px 10px;
	background-color: #ffffff;
    border: 1px solid #c55353;
    color: #c55353;
}
.model1{
	margin:40px 0 5px;
}
.model2{
	margin:30px 0 5px;
}
.model3,
.model4,
.model5,
.model6{
	margin:5px 0;
}

a.btn_item{
	display:block;
	margin:60px auto 40px;
	width:80%;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	border:1px solid #000;
}
a:hover.btn_item{
	border:1px solid #333;
}

p.item_text1 {
    margin: 20px 20px 15px 20px;
    font-family: apercu;
    font-size: 14px;
	text-align: center;
	letter-spacing: 0.05em;
}
li.connection {
	border:1px solid #ccc;
	margin:70px 5px;
	padding-top:20px;
}

li a.btn_item_connection {
	display:block;
	margin:40px 35px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	background-color:#a9a9a9;
	color:#fff;
}

.soon
	{
	margin:15px 0 0 5px;
	padding:3px 7px;
	border:1px solid #000;

}

.disabled
	{
	margin-left: 5px;
}

#item1_block li.model2{
	margin-left:0%;
	margin-right:0%;
}
#item1_block li.model3{
	margin-left:7%;
	margin-right:7%;
}
#item1_block li.model4{
	margin-left:15%;
	margin-right:0;
}
#item1_block li.model5{
	margin-left:0;
	margin-right:20%;
}
#item1_block li.model6{
	margin-left:7%;
	margin-right:7%;
}
#item1_block li.model7{
	margin-left:17%;
	margin-right:0;
}

#item2_block li.model2{
	margin-left:7%;
	margin-right:7%;
}
#item2_block li.model3{
	margin-left:0;
	margin-right:15%;
}
#item2_block li.model4{
	margin-left:15%;
	margin-right:0;
}
#item2_block li.model5{
	margin-left:0;
	margin-right:20%;
}
#item2_block li.model6{
	margin-left:7%;
	margin-right:7%;
}

#item3_block li.model2{
	margin-right:15%;
}
#item3_block li.model3{
	margin-left:10%;
	margin-right:0;
}
#item3_block li.model4{
	margin-left:0;
	margin-right:0;
}
#item3_block li.model5{
	margin-left:5%;
	margin-right:5%;
}
#item3_block li.model6{
	margin-left:0;
	margin-right:15%;
}

#item4_block li.model2{
	margin-right:15%;
}
#item4_block li.model3{
	margin-left:10%;
	margin-right:0;
}
#item4_block li.model4{
	margin-left:0;
	margin-right:0;
}
#item4_block li.model5{
	margin-left:0;
	margin-right:0;
}
#item4_block li.model6{
	margin-left:0;
	margin-right:15%;
}


/*切り替え*/
.switch {
	width:100%;
	margin:80px auto;
	text-align:center;
}
.switch h4 {
	margin-bottom:12px;
	font-size:18px;
}
.switch ul {
	text-align:center;
	display:inline-block;
	margin:0 auto;
}
.switch ul li {
	float:left;
	padding:0px 20px;
	height:14px;
	-webkit-box-align: center; /* safari, Chrome */
  -moz-box-align: center;    /* Firefox */
  -o-box-align: center;      /* Opera */
  -ms-box-align: center;     /* IE */
  box-align: center;         /* ベンダープレフィックスなし */
	display:table-cell;
vertical-align: middle;
	vertical-align: middle;
	height: 25px;
}
.switch ul li:first-child {
	border-right:1px solid #1E1E1E;
}

.switch ul li:last-child{
border-left:1px solid #1E1E1E;	
}
.switch ul li p {
	color:#1E1E1E;
	cursor:default;
}
.switch ul li .passive {
	color:#CCC;
}

.item_credit a span.underline {
	text-decoration: underline;
	border: none;
}

	

a.okusa {
	display: block;
	font-size: 12px;
	width: 75%;
	margin: 30px auto 0;
	text-align: center;
}

a.okusa > span {
	display: block;
}



/* ------------------------
 footer
------------------------ */
.btn_all_item{
	display:block;
	margin:70px auto 0;
	padding:10px 0;
	width:80%;
	text-decoration:none;
	text-align:center;
	border:1px solid #333333;
	font-size:14px;
}
footer{
	margin:100px 0 0 0;
}
footer img{
	display:block;
	width:100px;
	margin:0 auto;
}
footer p{
	margin:20px 0 15px 0;
	text-align:center;
	font-size:11px;
	font-family:apercu;
}


.item_text{
	font-size:10px;
}

.box_read{
	width: 90%;
	height: auto;
	margin: 30px auto 90px;
}

.box{
	width: 80%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

.box1{
	background-color: #ffffff;
	padding: 0px 0px 150px;	
	margin: 0px auto;
	}
	
.box2{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}
	
.box3{
	background-color: #ffffff;
	padding: 50px 0px 150px;	
	margin: 0px auto;
	}
	
.box4{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}

.box5{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}
	
.boxsnap{
	background-color: #ffffff;
	padding: 50px 0px 0px;
	margin: 0px auto;
	}	
/* ------------------------
 PC
------------------------ */
	

/* ------------------------
 PC
------------------------ */
@media screen and (min-width:599px) {
.pc-only{
	display:block;
}
.sp-only{
	display:none;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
.item_block{
	width:720px;
	margin:70px auto 0;

}

a.detail-btn{
	display:block;
	margin:15px auto 0 auto;
	padding:5px 10px;
	width:120px;
}
	
h2{
	margin:0px 20px;
   font-family:"ヒラギノ角ゴ ProN W3"; 
  /*	 font-family: 'Cinzel', serif;*/
	font-size:18px;
	text-align: center;
	letter-spacing: 0.1em;
}
	
.h2_title{
	font-size:20px;	
}

h3{
	margin:100px 0px 0px 0px;
	padding:14px 0;
	padding:0px;
	font-size:16px;
/*-	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;*/
	font-family:"ヒラギノ角ゴ ProN W3"; 
  /*  font-family: 'Cinzel', serif;*/
}
	



.box_read{
	width: 700px;
	height: auto;
	margin: 60px auto 120px;
}
.box{
	width: 80%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
	
.box1{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}
	
.box2{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}
	
.box3{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}
	
.box4{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}

.box5{
	background-color: #ffffff;
	padding: 50px 0px 150px;
	margin: 0px auto;
	}
	
.boxsnap{
	background-color: #ffffff;
	padding: 50px 0px 0px;
	margin: 0px auto;
	}	
	

/*------------------------
 PC main_image
------------------------ */
#main_image{
	/*position:relative;*/
	width:750px;
	margin: 0px auto 0px;
    z-index:1;
	padding-top: 116px;
}
#main_logo{
	position:absolute;
	width:320px;
	top:240px;
	left:780px;
}
.model1{
	margin:50px 0 10px;
}
.model2{
	margin:30px 0 10px;
}
.model3,
.model4,
.model5,
.model6{
	margin:30px 0 10px;
}

h2.pc_subtitle{
	margin:20px;
}
h2.pc_subtitle img{
	width:680px;
	height:auto;
}
p.item_text2{
	margin:20px 0px 15px 0px;
	font-family:apercu; 
	font-size:12px;
	text-align: justify;
}
	
p.item_text{
	font-size:12px;
}

.item_text{
	font-size:12px;
}
	
a.btn_item{
	width:400px;
}
.item_credit{
	margin:0px;
	padding:6px 10px 5px 0px;	
	border-bottom: 1px dotted #000000;
}
.item_credit a span.buy,
p.item_text a span.buy,
p.item_text2 a span.buy{
	margin:0px 0 0 5px;
	padding:2px 10px 0px 10px;
	/*border:1px solid #000;*/
	background-color: #000000;
	color: #FFFFFF;
	float: right;
}	
a.btn_item{
	margin:80px auto 60px;
}
li a.btn_item_connection {
	margin:40px auto 40px;
	width: 400px;
}
}