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


@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body{
	margin:0;
	padding:0;
	font-size: 1.5rem;
	line-height:2;
	font-family:  'Barlow',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #222;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color:#151f3f;
	transition:.3s
}
a img{
	transition:.3s
}
a img:hover{
	 filter: brightness(130%);
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a{
    text-decoration: none;
}

img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;
}

ul li{
	list-style:none;
}

header{
	background:#fff;
	position:relative;
	z-index: 2;
}

.pc{
	display:block;
}
.sp{
	display:none;
}
@media screen and (max-width: 750px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}


/*----------------------------------------------------*/
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
}
.topheadinner{
	max-width:1280px;
	margin:0 auto;
}

.menuwrap{
	display: flex;
    justify-content: space-between;
	padding: 20px 45px 20px 15px;
    position: relative;
}
.h_insta{
	position:absolute;
	top:0;
	right:15px;
	bottom:2px;
	margin:auto;
	width:20px;
	height:20px;
}
.fixed .h_insta{
	filter: invert(80%);
}

#top-head .logo{
	text-align:center;
}
#top-head a,
#top-head {
    text-decoration: none;
}
#top-head .t_inner {
    position: relative;
}
#global-nav{
}

#global-nav ul li {
    float: left;
	position: relative;
}
#global-nav ul li a {
	position:relative;
	display: inline-block;
	padding: 5px 0;
}
#global-nav ul li a:before{
	content:"";
	position:absolute;
	bottom: 0;
	width:0;
	height:1px;
	background:#baaaab;
	transition:.3s;
}
#global-nav ul li a:hover:before {
	width:100%;
}
 
#global-nav li{
	padding-right:40px;
	position:relative;
}
#global-nav ul li:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
    right: 13px;
    width: 15px;
	height:1px;
	background:#baaaab;
}
#global-nav ul li:last-child:after{
	content:none;
	padding:0;
} 

#global-nav > ul > li:hover .sub-nav{
	display: block;
}
#global-nav ul li .sub-nav{
	display: none;
	position: absolute;
	background: #fff;
	margin: 0 0 0 -75px;
	padding: 20px;
	width: 300px;
	box-sizing: border-box;
}
#global-nav ul li .sub-nav li{
	float: none;
	margin: 15px 0;
}
#global-nav ul li .sub-nav li::after{
	content: none;
}


 
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top:0;
    /*height: 55px;*/
    background: #fff;
    background: rgba(0,0,0,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
	display:none;
}
#top-head.fixed #global-nav ul li a,
#top-head.fixed .lang,
#top-head.fixed .lang a{
	color:#baaaab;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 27px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #666;
    right: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
	width: 34px;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
	width: 24px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
	width: 14px;
}


@media screen and (max-width: 750px) {
    #top-head,
    .t_inner {
        width: 100%;
        padding: 0 15px;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
		height: 70px;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        /*background: transparent;*/
    }
    #mobile-head {
        width: 100%;
        height: 70px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 0;
        right:0;
        top: 13px;
        margin:auto;
        max-width: 180px;
        height: auto;
        z-index: 2;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #222;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
	#global-nav ul li .sub-nav{
		display: block;
		position: static;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #333;
	}
	#global-nav ul li .sub-nav li{
		margin: 0;
	}
	
	
	
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        right: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
		width: 34px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(570px);
        -webkit-transform: translateY(570px);
        transform: translateY(570px);
    }
	
	.menuwrap{
		padding:0;
	}
	#top-head{
        padding:0;
	}
	.t_inner{
		padding:0;
		z-index: 1;
	}
	
	#global-nav ul li:after{
		content:none;
	}
	#global-nav li{
		padding-right:0;
	}
	.splang li{
		color:#fff;
	}
	.splang li a{
		width: auto !important;
    	display: inline-block !important;
		padding:18px 20px !important;
	}
	#top-head .logo img{
		/* max-width:180px; */
		/* height:auto; */
	}
	#top-head.fixed{
		background:#fff;
	}
	#top-head.fixed .logo{
		display:block;
	}
	
	.h_insta{
		display:none;
	}
	.sp_insta img{
		width: 30px;
		height: auto;
	}
	#global-nav ul li a:before{
		content:none;
	}
}



/*--------------------------------------------------*/

.lang a{
	padding:0 5px;
}

.inner{
	max-width:1054px;
	margin:0 auto;
	padding: 0 15px;
}

.top_sec01{
	background:url(img/top/bg01.jpg) top center no-repeat #030102;
	background-size:contain;
	height:590px;
	margin-top:140px;
}
.top_sec02{
	background:url(img/top/bg02.jpg) center no-repeat #030102;
	background-size:contain;
	height:768px;
}
.top_sec03{
	background:url(img/top/bg03.jpg) center no-repeat #030102;
	background-size:contain;
	height:1440px;
	color:#fff;
	line-height:3;
}
.top_sec03 .inner{
	position:relative;
	height: 100%;
}
.box01{
	position:absolute;
	right:15px;
	top:-134px;
}
.box01 img{
	margin-bottom:60px;
}
.box02{
	position:absolute;
	left:15px;
	top:340px;
}
.top_sec04{
	background:url(img/top/bg04.jpg) center no-repeat;
	background-size:cover;
	height:768px;
	color:#fff;
}
.top_sec05{
	background: #000;
	color:#fff;
}
.top_sec05 .box{
	display: flex;
}
.top_sec05 .box .img{
	width: 50%;
	text-align: center;
	background:url(img/top/bg05.jpg) center repeat;
	padding: 0 0 88px;
}
.top_sec05 .box .text{
	width: 50%;
	padding: 60px 20% 45px 60px;
	box-sizing: border-box;
}
.top_sec05 .box .text .tit{
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 4.0rem;
	font-weight: 900;
}

.top_sec06{
	background:url(img/top/bg06.jpg) center no-repeat #FBF9F7;
	height:560px;
}
.top_sec07 .box{
	display: flex;
}
.top_sec07 .box .img{
	width: 50%;
	text-align: center;
	background: url("img/top/bg07.jpg") center center;
	padding: 0 0 88px;
}
.top_sec07 .box .text{
	width: 50%;
	padding: 60px 20% 45px 60px;
	box-sizing: border-box;
}
.top_sec07 .box .text .tit{
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 4.0rem;
	font-weight: 900;
}
.top_sec07 .box .text .tit span{
	display: block;
	font-size: 2.4rem;
	line-height: 0;
	padding: 0 0 0 2em;
}




.btn{
	max-width:460px;
	margin:30px auto;
}
.btn a{
	display:block;
	width:100%;
	padding:20px;
	background:#380511;
	color:#fff;
	text-align:center;
	position:relative
}
.btn a:after{
	content:"";
	position:absolute;
	width:100px;
	height:1px;
	background:#632f31;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	transition:.3s;
}
.btn a:hover:after{
	right:-20px;
}
footer{
	background: #fbf9f7;
}
.f_inner{
	max-width:1280px;
	margin:0 auto;
	padding:0 15px;
}
.f_nav{
	display:flex;
	justify-content: space-between;
	height:100px;
	align-items:center;
	border-bottom:1px solid #baaaab;
	position:relative;
	padding: 0 30px 0 0;
}
.f_nav ul{
	display:flex;
}
.f_nav ul li{
	padding-right:50px;
	position:relative;
}
.f_nav > ul > li > a{
	position: relative;
    display: inline-block;
    padding: 5px 0;
}

.f_nav ul li:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:15px;
	width:20px;
	height:1px;
	background:#baaaab;
}
.f_nav ul li:last-child:after{
	content:none;
	padding:0;
}


.f_nav ul li a {
	position:relative;
}
.f_nav ul li a:before{
	content:"";
	position:absolute;
	bottom:0px;
	width:0;
	height:1px;
	background:#baaaab;
	transition:.3s;
}
.f_nav ul li a:hover:before {
	width:100%;
}


.f_nav > ul > li:hover .sub-nav{
	display: block;
}
.f_nav ul li .sub-nav{
	display: none;
	position: absolute;
	background: #fff;
	margin: 0 0 0 -75px;
	padding: 20px;
	width: 300px;
	box-sizing: border-box;
}
.f_nav ul li .sub-nav li{
	float: none;
	margin: 15px 0;
}
.f_nav ul li .sub-nav li::after{
	content: none;
}





.f_lang{
}
.f_lang a {
    padding: 0 5px;
}
.f_insta{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
}
.f_insta img{
    display: block;
}
.f_bnr{
	padding-bottom:40px;
	border-bottom:1px solid #baaaab;
}
.f_bnr h3{
	font-size:16px;
	font-weight:normal;
	padding:38px 0 24px;
}
.f_bnr ul{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.f_bnr ul li{
	margin-right:20px;
}
.f_bnr > ul > li > a{
	display: inline-block;
	padding: 5px 0;
}
.f_bnr a{
	display:block;
}
.f_bnr ul li:last-child{
	margin-right:0;
	}
.f_info{
	padding:80px 0 155px;
	text-align:center;
}
.f_contact{
	display:flex;
	align-items:center;
	justify-content:center;
}
.f_contact a{
	padding:10px 20px;
}
.copy{
	padding:80px 0 0 0;
}

@media screen and (max-width: 750px) {
	.f_nav ul li .sub-nav{
		position: static;
		display: block;
		background: none;
		width: 100%;
		margin: 0;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.f_nav ul li .sub-nav li{
		margin: 0;
	}
}


#Product{
}
#Product footer{
	background:#fbf9f7;
}


.light_switch{
	padding:50px 0;
	background:#fbf9f7;
}
.light_switch .light_inner{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	padding:0 15px;
}
#switch{
	height: 520px;
	position: relative;
	/*cursor: pointer;*/
}
.light_on{
	background:url(img/product/on_img01.png) 33% center no-repeat;
	background-size:cover;
	color:#fff;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:100%;
	height:100%;
	z-index:1;
}

.light_off{
	background:url(img/product/off_img01.png) 33% center no-repeat;
	background-size:cover;
	height:100%;
	width:100%;
	position:relative
}

.switch_txt{
	position:absolute;
	width:50%;
	left:50%;
	top:0;
	bottom:0;
	margin:auto;
	line-height:2.5;
	padding:0 15px 0 0;
	height: 100%;
    display: flex;
    align-items: center;
}
.switch_txt h3{
	font-size:2.5rem;
	margin-bottom:30px;
}
.st_in{
	padding-bottom: 50px;
}

#S_on{
    font-size: 2.2rem;
    cursor: pointer;
    padding: 8px 20px 10px;
    margin-top: 25px;
    display: inline-block;
    background: #fff;
    border: 1px solid #333;
    transition: .3s;
    letter-spacing: .12rem;
    line-height: 2.4rem;
	width: calc(100% - 15px);
	max-width:200px;
    text-align: center;
	position:absolute;
	bottom: 25%;
    left: 0;
}
#S_on:hover{
	background: #000;
	color:#fff
}
#S_off{
	font-size: 2.2rem;
    cursor: pointer;
    padding: 8px 20px 10px;
    margin-top: 25px;
    display: inline-block;
	background:#333;
	color:#fff;
	transition:.3s;
	letter-spacing: .12rem;
    line-height: 2.4rem;
	width: calc(100% - 15px);
	max-width:200px;
    text-align: center;
	position:absolute;
	bottom: 25%;
    left: 0;
}
#S_off:hover{
	background: #fff;
	color:#333;
}

.imgwrap {
	max-width:512px;
}
.imgwrap p {
	margin-bottom:20px;
}
.imgwrap ul {
	display:flex;
	flex-wrap:wrap;
}
.imgwrap li {
	width:12.5%;

}
.imgwrap li img {
	cursor:pointer;
	padding:1px
}


.mv{
	position:relative;
	margin-top:146px;
	z-index:0;
}
.swiper-container{
}
.swiper-wrapper{
}
.swiper-slide{
}
.swiper-slide img{
	width:100%;
	height:auto;
}
.js-image-switch{
}
.swiper-pagination{
}
.mv .l_inner{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	/*max-width:1280px;*/
	width: 1280px;
	z-index:1;
	display: flex;
    align-items: center;
    justify-content: flex-start;
	padding:0 10px;
}
.swiper-pagination-bullet{
	background:rgba(255,255,255,.8) !important;
	margin: 5px;
}
.swiper-pagination-bullet-active{
	background:#fff !important;
}
.swiper-pagination{
	position:absolute;
	right:10px;;
	bottom:18px;
}

.cacchu{
	background:#fbf9f7;
	padding:0 0 70px 0;
}
.inner{
}
.cacchu .inner img{
	padding:50px 0;
	margin:0 auto;
	display:block;
}
.cacchu .inner p{
	margin:20px 0;
}
.detail{
}
.detail .dodai{
	display:flex;
	flex-wrap:wrap;
	height:414px;
}
.detail .dodai .left,
.detail .dodai .right{
	width:50%;
}
.detail .dodai .left{
	background:url(img/product/s_img01.jpg) center no-repeat;
	background-size:cover;
}

.detail .shade{
	display:flex;
	flex-wrap:wrap;
	min-height:414px;
	flex-flow: row-reverse;
}
.detail .shade .left,
.detail .shade .right{
	width:50%;
}
.detail .shade .left{
	background:url(img/product/s_img02.jpg) center no-repeat;
	background-size:cover;
}
.detail .right{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:80px;
	height: 100%;
}

@media (max-width:770px){
	.mv .l_inner{
		width: auto;
	}
}

.products{
	background:#fbf9f7;
	padding:50px 0 100px;
}
.p_each{
	display:flex;
	flex-wrap:wrap;
	padding:50px 0;
}
.imgwrap,
.txtwrap{
	width:50%;
}

.txtwrap{
	padding-left:80px;
}
.txtwrap h3{
	/*font-family: 'Montserrat', sans-serif;*/
	font-size:3rem;
	line-height:1.6;
	font-weight: normal;
}
.hinban{
	margin:20px 0;
}
.note{
	font-size:1.3rem
}

.txtwrap ul{
	display:flex;
	margin-top:20px;
}
.txtwrap ul li{
	position:relative;
	padding:0 25px;
}
.txtwrap ul li:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
}
.txtwrap ul .gold:before{
	background:#dab600
}
.txtwrap ul .silver:before{
	background:#ccc9c9
}
.txtwrap ul .black:before{
	background:#000
}
.txtwrap ul .navy:before{
	background:#304A70;
}
.txtwrap dl{
	color:#777;
	font-size:1.3rem;
	margin-top:20px;
}
.price{
	border-top:1px solid #baaaab;
	text-align:right;
	margin-top:40px;
}
.price h4{
	font-size:2.4rem;
	font-weight:normal;
}

.p_btn{
	max-width:280px;
	margin:30px auto;
}
.p_btn a{
	display:block;
	width:100%;
	padding:20px;
	background:#380511;
	color:#fff;
	text-align:center;
	position:relative
}
.p_btn a:after{
	content:"";
	position:absolute;
	width:60px;
	height:1px;
	background:#632f31;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	transition:.3s;
}
.p_btn a:hover:after{
	right:-20px;
}

.p_notice{
	text-align:center;
}
.drawing{
	padding:100px 0;
}
.drawing table{
	width:100%;
	max-width:690px;
	margin:100px auto;
	border-collapse:collapse;
	border-bottom:1px solid #baaaab
}
.drawing table td{
	border-top:1px solid #baaaab;
	padding:40px 0;
}

.sec_title{
	text-align:center;
	font-size:3rem;
	font-weight:normal;
}
.sec_title span{
	font-size:1.6rem;
	display:block;
}
.catalog_wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:50px 0;
}
.ca_each{
	width:calc(33.33% - 15px);
	border:1px solid #baaaab;
}
.ca_each{
	display:flex;
	align-items:center;
}
.ca_each p{
	padding:0 10px;
	color:#380511;
}
.nagare{
	background:#fbf9f7;
	padding:100px 0;
}
.nagare .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:30px 0 0 0;
}
.na_each{
	width:calc(25% - 24px);
	position:relative;
}
.na_each:before{
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	background: #baaaab;
	top: 108px;
	left: -40px;
}
.na_each:first-child:before{
	content:none;
}
.na_each img{
	display:block;
	margin:25px auto;
}
.na_each p{
	font-size:1.3rem;
}
.na_each h4{
	text-align:center;
	font-size:1.8rem;
	font-weight:normal;
	margin-bottom:20px;
}

#Company,
#Privacy,
#Contact{
    background: #fbf9f7;
}

#Company header,
#Privacy header,
#Contact header{
    background: none;
}
.aboutsec{
	margin-top: 146px;
}
.policysec,
.contactsec{
	margin-top: 246px;
	padding:0;
}
.aboutsec table tr td:first-child{
	white-space:nowrap;
	padding-right:15px;
}
.aboutsec .map iframe{
	filter: grayscale(1);
}


.policysec .pri_text{
	border: 1px solid #baaaab;
	padding:30px;
	margin: 100px auto 50px;
}
.policysec dl{
	border-bottom: 1px solid #baaaab;
	margin-bottom:100px;
}
.policysec dl dt{
	border-top: 1px solid #baaaab;
	padding:30px 20px 20px;
}
.policysec dl dd{
	padding:0 20px 30px;
}
.policysec ol li {
    list-style: inside decimal;
    margin: 10px 0 0 0;
	padding-left:1em;
	text-indent:-1em; 
}
.policysec ol li ol {
    margin: 20px 0 0 40px;
}

.contactsec .container{
	max-width:690px;
	margin:0 auto;
}
.contactsec .sec_title{
	margin-bottom:50px;
}
.contactsec .container img{
	display:block;
	margin:0 auto 50px;
}
.contactsec .container .hissutxt{
	border-bottom:1px solid #baaaab
}

.contactsec .container table{
	border:none;
	margin:50px 0;
}
.contactsec .container table td {
    border:none;
	padding:10px 0;
}
.contactsec .container table th {
	text-align:left;
	vertical-align: middle
}

.contactsec .container input,
.contactsec .container textarea{
	padding:20px;
    width: 100%;
	background:none;
	border:1px solid #baaaab;
	font-size: 1.6rem;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}


.contactsec .container .entry-btn{
	max-width:280px;
	margin:30px auto;
	position:relative;
}
.contactsec .container .entry-btn input{
	display:block;
	width:100%;
	padding:20px;
	background:#380511;
	color:#fff;
	text-align:center;
	cursor: pointer;
}
.contactsec .container .entry-btn:after{
	content:"";
	position:absolute;
	width:60px;
	height:1px;
	background:#632f31;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	transition:.3s;
}
.contactsec .container .entry-btn:hover:after{
	right:-20px;
}

.thanks{
	margin-bottom:50px;
}

@media screen and (max-width: 750px) {
	.top_sec01{
		background:url(img/top/sp/bg01.jpg) top center no-repeat #030102;
		background-size:contain;
		height:100vh;
		margin-top: 70px;
	}
	.top_sec02{
		background:url(img/top/sp/bg02.jpg) center no-repeat #030102;
		background-size:contain;
		height:60vh;
	}
	.top_sec03{
		background:url(img/top/sp/bg03.jpg) center no-repeat #030102;
		background-size:contain;
		height:120vh;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
	}
	.top_sec04{
		background:url(img/top/sp/bg04.jpg) center no-repeat #030102;
		background-size:contain;
		height:60vh !important;
		color:#fff;
	}
	.top_sec05{
		padding-top:50px;
	}
	.top_sec05 .box{
		display: block;
	}
	.top_sec05 .box .img{
		width: 100%;
		padding: 0 0 30px;
	}
	.top_sec05 .box .text{
		width: 100%;
		padding: 40px;
		box-sizing: border-box;
	}
	.top_sec05 .box .text .tit{
		text-align: center;
	}
	
	.top_sec06 {
		background: url(img/top/bg06.jpg) no-repeat center #FBF9F7;
		background-size: cover;
		height: 300px;
	}
	
	.top_sec07 .box{
		display: block;
	}
	.top_sec07 .box .img{
		width: 100%;
		padding: 0 0 30px;
	}
	.top_sec07 .box .text{
		width: 100%;
		padding: 60px 40px 40px;
		box-sizing: border-box;
	}
	.top_sec07 .box .text .tit{
		text-align: center;
	}

	
	.box01 {
		left: 15px;
		top: 0;
	}
	.box02{
		top:auto;
		bottom:0;
	}
	.f_nav{
		height:auto;
		position:relative;
		padding:100px 0 40px;
	}
	.f_nav ul{
		flex-flow:column
	}
	.f_bnr ul li{
		padding:10px 0;
		margin:0 auto;
	}
	.f_nav ul li{
		padding:10px 0;
	}
	.f_nav ul li::after{
		content:none;
	}
	.f_bnr ul li:last-child{
		margin:auto;
	}
	.f_lang{
		position:absolute;
		top:50px;
		right:35px;
	}
	.f_insta{
		top: 55px;
		bottom: auto;
	}
	.f_contact{
		flex-flow: column;
	}
	.f_info{
		padding: 80px 0 60px;
	}
	.copy{
		padding:40px 0 0 0;
	}
	.mv{
		margin-top: 70px;
	}
	.mv .l_inner img{
		height:250px;
		width:auto;
	}
	.switch_txt{
		line-height:1.8
	}
	.detail{
		padding:0 15px;
	}
	.detail .shade{
		flex-wrap:wrap;
	}
	.detail .dodai .left,
	.detail .dodai .right,
	.detail .shade .left,
	.detail .shade .right{
		width:100%;
	}
	.detail .left{
		height:250px;
	}
	.detail .dodai,
	.detail .shade{
		height: auto;
	}
	.detail .right{
		padding:40px;
	}
	
	.imgwrap,
	.txtwrap{
		width:100%;
		margin: 0 auto;
	}
	.txtwrap{
		padding:40px 0 0 0;
	}
	.ca_each{
		width:100%;
		margin-bottom:20px;
	}
	.drawing{
		padding:100px 0 50px;
	}
	.na_each{
		width:100%;
		padding: 15px 15px 50px 15px;
	}
	.na_each:before{
		left:0;
		right:0;
		top: 0;
		margin:auto;
		transform:rotate(90deg)
	}
	.aboutsec,
	.contactsec{
		margin-top: 50px;
	}
	.policysec{
		margin-top: 150px;
	}
	#S_on,
	#S_off{
		bottom:15%;
		font-size: 2rem;
	}
}



#page-top{
	position: fixed;
	bottom: 5px;
	right: 20px;
	height: 35px;
	width: 35px;
	transform: rotate(45deg);
	border-top:1px solid #baaaab;
	border-left:1px solid #baaaab;
}
#page-top:hover{
	bottom: 15px;
}

/*  u-co-tote
============================================================*/
#u-co-tote{
	overflow-x: hidden;
}
#u-co-tote .mv .swiper-slide img{
	transition: 0.3s;
}
#u-co-tote .mv .swiper-slide img:hover{
	opacity: 0.7;
}
#u-co-tote #msg .inner{
	display: flex;
	align-items: center;
	padding: 60px 0;
}
#u-co-tote #msg .inner .img{
	width: 405px;
}
#u-co-tote #msg .inner .text{
	width: calc(100% - 405px);
}
#u-co-tote .mv .thumnail{
	display: flex;
	flex-wrap: wrap;
}
#u-co-tote .mv .thumnail .thumnail-img{
	width: 25%;
}
@media screen and (max-width: 750px) {
	#u-co-tote .mv .l_inner img{
		display: none;
	}
	#u-co-tote .mv .thumnail .thumnail-img{
		width: 50%;
	}
	#u-co-tote #msg .inner{
		display: block;
		padding: 30px 0;
	}
	#u-co-tote #msg .inner .img{
		width: 100%;
		text-align: center;
	}
	#u-co-tote #msg .inner .text{
		width: 100%;
		padding: 40px;
		box-sizing: border-box;
	}	
}

#u-co-tote .outline{
	background: #FBF9F7;
}
#u-co-tote .outline .inner{
	display: flex;
	align-items: center;
	padding: 60px 0;
}
#u-co-tote .outline .inner .img{
	width: 430px;
	order: 2;
}
#u-co-tote .outline .inner .text{
	width: calc(100% - 430px);
	order: 1;
	padding: 0 100px 0 0;
	box-sizing: border-box;
}
#u-co-tote .outline .inner .text .tit{
	font-weight: 900;
	font-size: 2.0rem;
	margin: 0 0 1.5em;
}

@media screen and (max-width: 750px) {
	#u-co-tote .outline .inner{
		display: block;
		padding: 30px 10px;
	}
	#u-co-tote .outline .inner .img{
		width: 100%;
		text-align: center;
	}
	#u-co-tote .outline .inner .text{
		width: 100%;
		padding: 40px;
	}
}

#u-co-tote .detail .right{
	flex-wrap: wrap;
}
#u-co-tote .detail .right p{
	width: 100%;
}
#u-co-tote .detail .shade{
	height: 414px;
	min-height: inherit;
}
#u-co-tote .detail .right p.tit{
	font-size: 2.0rem;
	font-weight: 900;
	margin: 0 0 1.5em;
}
#u-co-tote .detail .dodai .left{
    background: url("img/u-co-tote/s_img01.jpg") center no-repeat;
    background-size: cover;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
#u-co-tote .detail .dodai .left:hover{
    background: url("img/u-co-tote/s_img01_o.jpg") center no-repeat;
    background-size: cover;
}
#u-co-tote .detail .dodai .left .img{
	display: none;
}

#u-co-tote .detail .shade .left{
    background: url("img/u-co-tote/s_img02.jpg") center no-repeat;
    background-size: cover;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
#u-co-tote .detail .shade .left:hover{
    background: url("img/u-co-tote/s_img02_o.jpg") center no-repeat;
    background-size: cover;
}
#u-co-tote .detail .shade .left .img{
	display: none;
}

@media screen and (max-width: 750px) {
	#u-co-tote .detail .shade{
		height: auto;
	}
	#u-co-tote .detail .dodai .left{
		background: none;
		height: auto;
	}
	#u-co-tote .detail .dodai .left:hover{
		background: none;
	}
	#u-co-tote .detail .dodai .left .img{
		display: block;
		text-align: center;
		margin: 0;
	}
	#u-co-tote .detail .shade .left{
		background: none;
		height: auto;
	}
	#u-co-tote .detail .shade .left:hover{
		background: none;
	}
	#u-co-tote .detail .shade .left .img{
		display: block;
		text-align: center;
		margin: 0;
	}
}

#u-co-tote .detail01 .inner{
	margin: 130px  auto;
	position: relative;
}
#u-co-tote .detail01 .inner .img{}
#u-co-tote .detail01 .inner .text{
	position: absolute;
	left: 690px;
	top: 0;
	width: 100%;
}
#u-co-tote .detail01 .inner .text .tit{
	background: #380511;
	color: #fff;
	margin: 0 0 20px;
	padding: 10px 15px;
	font-size: 1.9rem;
	font-weight: 900;
}
#u-co-tote .p_each .txtwrap .cart-btn{
	max-width: 280px;
	margin: 30px auto 0;
}

@media screen and (max-width: 750px) {
	#u-co-tote .detail01 .inner{
		margin: 0  auto 65px;
	}
	#u-co-tote .detail01 .inner .text{
		position: static;
	}
}

#u-co-tote .insta_sec{
	background: #380511;
	padding: 110px 0;
}
#u-co-tote .insta_sec h4{
	text-align: center;
	color: #fff;
	font-size: 3.0rem;
	font-weight: 900;
}
#u-co-tote .insta_sec h4 + p{
	text-align: center;
	color: #fff;
}
#u-co-tote .insta-box{
	margin: 40px auto 0;
	padding: 30px;
	background: #fff;
}

#u-co-tote .insta-box ul{
	display: flex;
	flex-wrap: wrap;
}
#u-co-tote .insta-box ul li{
	width: 19.2% !important;
	margin: 0 1% 0 0;
}
#u-co-tote .insta-box ul li:nth-of-type(5){
	margin: 0;
}
#u-co-tote .contact-txt{
	padding: 80px 0;
	text-align: center;
}
#u-co-tote footer {
    background: #fbf9f7;
}


@media screen and (max-width: 750px) {
	#u-co-tote .insta_sec{
		padding: 60px 0;
	}
	#u-co-tote .insta-box{
		padding: 15px;
	}
	#u-co-tote .insta-box ul li{
		width: 49% !important;
		margin: 0 2% 2% 0;
	}
	#u-co-tote .insta-box ul li:nth-of-type(2n){
		margin: 0 0 2%;
	}
	#u-co-tote .insta-box ul li:nth-of-type(5){
		margin: 0;
	}
	#u-co-tote .contact-txt{
		padding: 40px;
	}
}