@charset "utf-8";
/* CSS Document */

/*========================
代表銘柄
==========================*/
.taturiki{
	display:none !important;
}

.product{
}

.product .product_content{
	background-color:#FBFAF7;
	padding:50px 0;
}

.product .content_inner{
	font-size:0;
	overflow:hidden;
	padding:50px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    ms-flex-align: center;
    align-items: center;
}

.product .product_content .content_inner{
	padding:0;
}

.product .content_inner > div{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:30px;
	letter-spacing:1px;
	width:55%;
	padding:8px;
	box-sizing:border-box;
}

.product .content_inner > div.akitu{
	/*float:right;*/
	width:45%;
}

.product .product_content .content_inner > div.yk-35arabashiri{
	/*margin-right:20px;*/
	width:45%;
	/*padding-right:20px;*/
	box-sizing:border-box;
}

.product .content_inner > div.yk-35{
	/*margin-right:20px;*/
	width:45%;
	/*padding-right:20px;*/
	box-sizing:border-box;
}

.product .content_inner > div h2{
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom:15px;
}

.product .content_inner > div h2 span{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	/*margin:0 30px;*/
}

.product .content_inner > div h2 span.pname{
	font-size:30px;
	margin:0 15px;
}

.product .content_inner > div h2.label{
	/*font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size:15px;
	font-weight:500;
	background-image:url(../img/product/product-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	padding:10px 25px;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
}

.product .content_inner > div h2 span ruby{
	ruby-align: center;
}

.product .content_inner > div ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    ms-flex-align: center;
    align-items: center;
}

.product .content_inner > div ul li{
	display:inline-block;
	vertical-align:middle;
	border-bottom:1px solid #929292;
	padding:10px;
	padding-left:0;
	box-sizing:border-box;
	width:100%;
}

.product .content_inner > div ul li:first-of-type{
	padding-left:0;
}

.product .content_inner > div ul li:last-of-type{
	border-bottom:0;
	font-size:14px;
}

.product .content_inner > div ul li.btn{
	padding:40px 0 0;
}
.product .content_inner > div ul li > ul{
}
.product .content_inner > div ul li > ul li{
	width:48%;
	border-bottom:none;
	padding:0;
	line-height:23px;
}
.product .content_inner > div ul li > ul li a{
	display:block;
	font-weight:600;
	text-align:center;
	padding:5px;
	box-sizing:border-box;
	border:2px solid #E6DCA5;
	background-color:#E6DCA5;
	transition: all .2s;
}
.product .content_inner > div ul li > ul li a:hover{
	background-color:#FFFFFF;
	transition: all .2s;
}
.product .content_inner > div ul li > ul li a small{
}


/* ノートパソコン*/
@media screen and (max-width: 1366px) {
    
}

/* ipadpro */
@media screen and (max-width: 1024px) {
    
}

/* ipad */
@media screen and (max-width: 768px) {
    
}

/* スマホ以下 */
@media screen and (max-width: 767px) {
	
/*========================
代表銘柄
==========================*/
	.sp-product_content{
		font-size:initial;
		letter-spacing:1px;
		line-height:30px;
		margin:10vw 0 !important;
	}
	
	.sp-product_content h2{
		font-family: 'Noto Serif JP', serif;
		/*font-size: 5.5vw;*/
		font-weight:normal;
		text-align:center;
		line-height:40px;
	}
	
	.sp-product_content h2 span{
		font-size:35px;
		margin:0 3vw;
	}
	
	.sp-product_content h3{
		text-align:center;
		font-weight:500;
		font-size:initial;
		background-image: url(../img/product/product-bg.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top center;
		padding:2vw 0;
		box-sizing:border-box;
		margin-top:5vw;
	}
	
	.sp-product_content > img{
		margin:5vw 0;
		padding:0 25vw;
		box-sizing:border-box;
	}


/*==========================
	accordion
==========================*/
	.ac-content {
		margin:0;
		padding: 0;
	}
	.ac-content input {
		display: none;
	}
	.ac-content label {
		position:relative;
		display: block;
		cursor: pointer;
		padding: 1.5vw 3vw;
		box-sizing: border-box;
		font-weight:bold;
		text-align:left;
		background-color:#F2F0E6;
	}
	.ac-content label:after{
		content:"▼";
		color:#000000;
		position:absolute;
		top:45%;
		right:4vw;
		transform: translateY(-45%);
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-45%);
		font-size:3vw;
	}
	.ac-content label:hover {
		/*background: #ccc;*/
	}
	.ac-content .ac-cont{
		transition: 0.2s;
		height: 0;
		overflow: hidden;
		margin-bottom:10vw;
		padding: 0 3vw;
		box-sizing: border-box;
		background-color:#F2F0E6;
	}
	.ac-content input:checked + .ac-cont {
		height: auto;
		padding: 2.5vw 3vw;
		box-sizing: border-box;
		border-top:1px solid #929292;
	}
	.ac-content .ac-cont ul{
	}
	.ac-content .ac-cont ul li{
		border-bottom:1px solid #929292;
		padding-bottom:5vw;
		margin-bottom:5vw;
	}
	.ac-content .ac-cont ul li:last-of-type{
		border-bottom:0;
		padding-bottom:0;
		margin-bottom:0;
	}
	.ac-content .ac-cont ul li.btn ul li {
	 width: 48%;
	 padding-bottom: 0;
	 margin-bottom: 0;
	 border-bottom: none;
	 text-align: center;
	}
	.ac-content .ac-cont ul li.btn ul li a{
	 display: block;
	 font-weight: 600;
	 letter-spacing: -0.05px;
	 padding: 2vw;
	 background-color: #E6DCA5;
	}

}
@media screen and (max-width: 480px) {
	
/*========================
代表銘柄
==========================*/
	.sp-product_content{
		font-size:4vw;
		letter-spacing:1px;
		line-height:7vw;
		margin:10vw 0 !important;
	}
	
	.sp-product_content h2{
		font-family: 'Noto Serif JP', serif;
		font-size: 5.5vw;
		font-weight:normal;
		text-align:center;
		line-height:9vw;
	}
	
	.sp-product_content h2 span{
		font-size:6.5vw;
		margin:0 3vw;
	}
	
	.sp-product_content h2 span ruby{
		ruby-align: center;
	}

	.sp-product_content h3{
		text-align:center;
		font-weight:500;
		font-size:4vw;
		background-image: url(../img/product/product-bg.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top center;
		padding:2vw 0;
		box-sizing:border-box;
		margin-top:5vw;
	}
	
	.sp-product_content > img{
		margin:5vw 0;
		padding:0 25vw;
		box-sizing:border-box;
	}


/*==========================
	accordion
==========================*/
	.ac-content {
		margin:0;
		padding: 0;
	}
	.ac-content input {
		display: none;
	}
	.ac-content label {
		position:relative;
		display: block;
		cursor: pointer;
		padding: 1.5vw 3vw;
		box-sizing: border-box;
		font-weight:bold;
		text-align:left;
		background-color:#F2F0E6;
	}
	.ac-content label:after{
		content:"▼";
		color:#000000;
		position:absolute;
		top:45%;
		right:4vw;
		transform: translateY(-45%);
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-45%);
		font-size:3vw;
	}
	.ac-content label:hover {
		/*background: #ccc;*/
	}
	.ac-content .ac-cont{
		transition: 0.2s;
		height: 0;
		overflow: hidden;
		margin-bottom:10vw;
		padding: 0 3vw;
		box-sizing: border-box;
		background-color:#F2F0E6;
	}
	.ac-content input:checked + .ac-cont {
		height: auto;
		padding: 2.5vw 3vw;
		box-sizing: border-box;
		border-top:1px solid #929292;
	}
	.ac-content .ac-cont ul{
	}
	.ac-content .ac-cont ul li{
		border-bottom:1px solid #929292;
		padding-bottom:5vw;
		margin-bottom:5vw;
	}
	.ac-content .ac-cont ul li:last-of-type{
		border-bottom:0;
		padding-bottom:0;
		margin-bottom:0;
	}
	
	.ac-content .ac-cont ul li.btn{
		padding-bottom:5vw;
	}
	.ac-content .ac-cont ul li.btn ul{
	}
	.ac-content .ac-cont ul li.btn ul li{
		width:48%;
		padding-bottom:0;
		margin-bottom:0;
		border-bottom:none;
		text-align:center;
	}
	.ac-content .ac-cont ul li.btn ul li a{
		display:block;
		padding:2vw;
		font-size:3.6vw;
		font-weight:600;
		line-height:6vw;
		letter-spacing:-0.05px;
		padding:2vw;
		background-color: #E6DCA5;
	}
	.ac-content .ac-cont ul li.btn ul li a small{
	}
	
	.ac-content .ac-cont ul li.btn.yk-35arabashiri ul li a{
	 font-size: 3vw;
		line-height: 5vw;
	}

}

/* iphone6 */
@media screen and (max-width: 414px) {
	
}

/* iphoneX */
@media screen and (max-width: 375px) {
	
}

/* iphone5 */
@media screen and (max-width: 320px) {
    
}