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

header ul li:nth-of-type(5) a {
    color: #000;
}
header ul li:nth-of-type(5) a:hover {
	text-decoration:none;
}
main{
}
main .inner {
    max-width: 975px;
}
#main_v{
	margin-top:3.5rem;
}
#main_v .slide{
	width:51.693%;
	display:none;
}
#main_v .slide img{
	width:100%;
}
#main_v #thumbnail-list{
	margin-top:-1em;
	justify-content:center;
}
#main_v #thumbnail-list li{
	width:13.5%;
	margin:0 1.5%;
	cursor:pointer;
	position:relative;
	font-size:0px;
}
#main_v #thumbnail-list li:after{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
	transition-duration:0.3s;
}
#main_v #thumbnail-list li.thumbnail-current:after{
	opacity:0;
}
#main_v .right{
	width:42%;
}
#main_v .right .step{
	border-top:1px solid #c4b19e;
	border-bottom:1px solid #c4b19e;
}
#main_v .right h1{
	font-size:2.8rem;
	padding-top:0.5em;
	padding-bottom:0.7em;
	margin-bottom:0.8em;
	border-bottom:1px solid #969191;
}
#main_v .right .icon{
	align-items:center;
	justify-content:flex-start;
}
#main_v .right .icon img{
	width:1.7em;
}
#main_v .right .icon p{
	font-size:1.4rem;
	border:solid 1px;
	padding:0.1em 2em;
	margin-right:0.8em;
}
#main_v .right .icon img{
	margin-right:0.2em;
}
#main_v .right .text1{
	font-size:2rem;
	margin-top:1em;
	margin-bottom:0.5em;
}
#main_v .right .text2{
	margin-bottom:0.5em;
}

#main_v .right .btn a{
	display:flex;
	background-color:#841904;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:#FFF;
	font-size:2rem;
	width:16em;
	border-radius:0.5em;
	text-indent:1em;
	padding:1.2em 0;
	margin-top:1.5em;
	transition-duration:0.3s;
	position:relative;
	box-shadow: 0.1em 0.1em 0.2em 0em rgba(0,0,0,0.3);
}
#main_v .right .btn a:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    left: 2em;
    width: 0.5em;
    height: 0.5em;
    border-top: 0.05em solid #FFF;
    border-right: 0.05em solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.3s;
}
#main_v .right .btn a:hover{
	background-color:#8f6a46;
}
#main_v .right .btn a span{
	font-size:1.7rem;
}
h2{
	font-size:2.4rem;
	padding:0.8em 0 0.8em 0.8em;
	border-top:1px solid;
	border-bottom:1px solid;
	margin-top:3em;
	margin-bottom:1em;
}
.inner2{
	width:96%;
	margin:0 auto;
}
#tokuchou{
	margin-top:9rem;
	position:relative;
}
#tokuchou .left{
	width:48%;
	
}
#tokuchou .left .ttl{
	font-size:2.8rem;
	margin-bottom:0.5em;
}
#tokuchou .left .ttl span{
	font-size:2.4rem;
}
#tokuchou .left .text{
	line-height:2;
	margin-bottom:0.5em;
}
#tokuchou .left div{
	text-align:center;
	margin-top:1.5em;
}
#tokuchou .left div img{
	margin-bottom:0.5em;
}
#tokuchou .left + img{
	width: 65.231%;
	position:absolute;
	right:0px;
	top:-4em;
	z-index:-1;
}
#original{
	background:url(/lineup/common/img/bg_gray.png);
	margin-top:8rem;
	padding:7rem 0 10rem 0;
}
#original h3{
	text-align:center;
	font-size:2.8rem;
	margin-bottom:1.5em;
}
#original h3 span{
	font-size:2.4rem;
}
#original .flex{
	align-items:stretch;
}
#original ul{
	width:41%;
}
#original ul li{
	width: 83.303%;
	margin-bottom:0.5em;
}
#original ul li:nth-of-type(2){
	margin-left:16.697%;
}
#original ul li img{
	width: 100%;
}
#original ul li .ttl{
	position:relative;
	font-size:0px;
}
#original ul li .ttl span{
	position:absolute;
	right:0px;
	top:50%;
	font-size:2.2rem;
	margin-top:-0.5em;
	color:#17356b;
}
#original ul li:nth-of-type(2) .ttl span{
	color:#80480a;
	left:0px;
}
#original ul li .text{
	line-height:1.8;
	margin-top:1em;
}
#original .right{
	width:50%;
	background-color:#FFF;
}
#original .right .ttl{
	font-size:2.4rem;
	text-align:center;
	margin:2.5em 0 1.5em 0;
}
#original .right img{
	width: 70.77%;
	display:block;
	margin:0 auto;
}
#original .right .text{
	width: 70.77%;
	margin:0 auto;
	line-height:2;
	margin-top:1em;
}
#seibun dl{
	margin-top:1em;
}
#seibun dl dt{
	padding-top:1em;
}
#seibun dl dt:first-child{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:1em;
}
#seibun dl dd{
	padding:1em;
	padding-top:0.5em;
	border-bottom:1px solid #e5e5e5;
}
.common_btn a {
    font-size: 1.8rem;
    padding: 0.5em 1em 0.5em 0.5em;
	border:none;
	box-shadow:none;
	display:inline-block;
	border-bottom:2px solid;
	margin-top:3em;
	margin-bottom:5em;
}
.common_btn a:hover{
	color: #8f6a46;
	
}
.common_btn a:hover span:before {
    border-top: 0.1em solid #8f6a46;
    border-right: 0.1em solid #8f6a46;
}
.common_btn a:after {
	display:none;
}


#product{
	margin-bottom:10rem;
}
#product ul{
	display:flex;
	margin:0 auto;
}
#product ul li{
	text-align:center;
	line-height:1.3;
	white-space:nowrap;
	display:inline-blcok;
	font-size:1.4rem;
}
#product ul li p{
	display:flex;
	align-items:flex-end;
	justify-content:center;
}
#product ul li a{
	text-decoration:underline;
}
#product ul li a:hover{
	text-decoration:none;
}
#product ul li img{
	display:inline;
	margin-bottom:0.5em;
}


/*---------------------------------------------------------------
横幅768px～1130pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1130px) {
#original ul li .ttl span {
    font-size: 1.8rem;
}
#product ul{
	flex-wrap:wrap;
}
}

/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width: 767px) {
header ul li:nth-of-type(5) a {
    color: #8f6a46;
}
#main_v #thumbnail-list{
	display:none;
}
main{
	margin-top:0rem;
}
.inner {
    padding: 0rem 0%;
}
.step.sp_display{
	border-top: 1px solid #c4b19e;
    border-bottom: 1px solid#c4b19e;
	text-align:center;
}
h1{
	text-align:center;
	font-size:5.5vw;
	margin:0.5em 0;
}

#main_v {
	flex-wrap:wrap;
	margin-top:0px;
}
#main_v .slide {
    width: 100%;
}
#main_v .right {
    width: 100%;
	text-align:center;
}
#main_v .right .icon {
    justify-content: center;
}
#main_v .right .btn a{
	margin:0 auto;
	margin-top: 1.5em;
}
.inner2 {
    width: 100%;
	display:block;
}
h2 {
    font-size: 2rem;
    padding: 0.8em 0 0.8em 1em;
    margin-bottom: 0em;
}
.inner2 + h2{
	margin-top:0px;
	border-top:none;
}
#tokuchou {
    margin-top: 6rem;
}
#tokuchou .left {
    width:75%;
	margin:0 auto;
	margin-top:1em;
}
#tokuchou .left .ttl{
	width:100vw;
	margin-left:-12.5vw;
	text-align:center;
	font-size: 2rem;
	margin-bottom:-1em;
}
#tokuchou .left .ttl span{
	font-size:1.8rem;
}
#tokuchou .left div {
    margin-top: 2em;
}
#tokuchou .left .ttl + img{
	width:100vw;
	margin-left:-12.5vw;
	margin-bottom:8vw;
}

#original {
    margin-top: 5rem;
    padding: 5rem 0 0rem 0;
}
#original h3 {
    font-size: 2.2rem;
    margin-bottom: 0.5em;
}
#original h3 span {
    font-size: 1.8rem;
}
#original ul {
    width: 76%;
	margin:0 auto;
	margin-bottom:4em;
}
#original ul li {
    width: 100%;
    margin-bottom: 1em;
}
#original ul li:nth-of-type(2) {
    margin-left: 0%;
    margin-bottom: 0em;
}
#original .right {
    width:100%;
	padding-bottom:0rem;
}
#original .right .ttl {
    font-size: 2.2rem;
    margin: 1.5em 0 1em 0;
}
#original ul li .ttl span {
    font-size: 2rem;
}
#original .right img {
    width: 76%;
}
#original .right .text {
    width: 76%;
}




#seibun .text{
    width:75%;
	margin:0 auto;
	margin-top:2em;
	margin-bottom:1.5em;
}
#seibun dl{
    width:75%;
	margin:0 auto;
}
#seibun dl dt:first-child {
    border-top: 1px solid #e5e5e5;
}
#seibun h2:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2em;
    width: 1em;
	margin-top:-0.2em;
    border-top: 0.2em solid #000;
    transition-duration: 0.3s;
}
#seibun h2:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.02em;
    width: 1em;
	margin-top:-0.2em;
    border-top: 0.2em solid #000;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition-duration: 0.3s;
}
#seibun h2.active:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
#seibun h2 + .inner2{
	display:none;
}
#seibun dl dd {
	padding-left:0px;
	padding-right:0px;
}
.common_btn a{
	margin-bottom:4em;
}

#product {
    margin-bottom: 8rem;
}
#product ul {
    width: 65%;
}
#product ul li a{
	font-size:1.2rem;
}
#product ul li p {
	min-height:50vw!important;
}

}