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

/*-----ヘッダー-----*/

header{
    width: 100%;
    margin: 0;
    /*padding: 25px;*/
    text-align: center;
    color: #333;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: absolute;
    z-index: 1001;
}
#top-head.fixed{
    position: fixed;
    top: 0;
    z-index: 9999;
	}
.under header{ position:relative;}
/*#top-head {}
#top-head.fixed { position: fixed; }*/

.head-cont{ display:table; table-layout:fixed; /*padding: 25px;*/ background-color:#fff; width: 100%; /*border-bottom: solid 4px #a5874a;*/ }
.head-cont-inner{ display:table-cell; vertical-align:middle; height:80px; font-size: 0;}
.head-cont-main{ width:98%; margin:0 auto; overflow:hidden;}
.head-logo{ float:left;}
.head-logo a{ display:block; position:relative; font-size: 0;}
/*.head-logo a:after {
    position: absolute;
    display: inline-block;
    content: '';
	background-image:url(../img/common/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    left: 0;
    top: 50%;
    transform: translate(15px, -50%);
	width:306px;
	height:67px;
    z-index: 10;
}*/
.head-logo img{ height:40px; vertical-align: baseline;}
.head-menu{ float:right; }
.head-menu ul{ overflow:hidden;}
.head-menu ul li{ float:left; margin: 0 16px 0 0; text-align: right; }
.head-menu ul li:first-child{ position:relative; padding: 2px 0 0 0;}
.head-menu ul li:first-child:after{
	position:absolute;
	content:'Copyright © transport21 Co., Ltd. All Rights Reserved.';
	z-index:10;
	}
.head-menu ul li:last-child{ margin:0;}
.head-menu ul li div:first-child{ }
.head-menu ul li div:last-child {
    font-size: 10px;
    letter-spacing: 0.2px;
}
.head-menu ul li div a{
	display: inline-block;
    margin: 0 16px 0 0;
	font-size:14px;
	font-weight:600;
	color:#000;
	text-decoration:none; }
.head-menu ul li div a:hover{ color: #eb5c01; transition: all 0.3s ease 0s;}
.head-menu ul li div a:last-child{ margin:0;}
.head-menu ul li.contact a {
    background-color: #000;
    color: #fff;
    padding: 12px 20px 8px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
}
.head-menu ul li.contact a:hover{ background-color: #0053a5; transition: all 0.3s ease 0s;}

/*
.head-menu ul{ 	list-style: none; display: flex; justify-content: center; }
.head-menu ul ul{ display: block;}
.head-menu ul li{ margin: 0 20px 0 0; line-height: 2.4; position: relative;}
.head-menu ul li a{ display: block; font-size:13px; position:relative; font-weight:200; letter-spacing: 0.2em; color:#000; font-weight:600; text-decoration:none; transition:all .3s;}
.head-menu ul li a:hover{  color: #995829; }
.head-menu ul li.insta a {
    background-image: url(../img/common/ic-insta.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: center center;
}*/
/*.head-menu ul li:last-child a img{ width: 18px;}
.head-menu ul li:last-child:after{ content:none;}*/
.head-entry{ display:none;}

/*.head-submenu1{ margin:0 auto; text-align:right;}
.head-submenu1 ul{ overflow:hidden; display: inline-block;}
.head-submenu1 ul li{ float:left; margin:0 12px 0 0;}
.head-submenu1 ul li:last-child{ margin:0 0 0 0;}
.head-submenu1 ul li.contact a {
    font-family: 'Prata', serif;
    background-color: #e50011;
    display: inline-block;
    padding: 9px 15px 5px;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.head-submenu1 ul li.contact a:hover{
	background-color: #ffffff;
    color: #e50011;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}*/

.menu-btn span {
	display:inline-block;
    font-size: 40px;
    color: #e50011;
    line-height: 0.8;
}
.sp-menu{ display:none;}

/*2階層目を持つliの矢印の設定*/
nav ul li.has-child::before{
	content:'';
	position: absolute;
	left:15px;
	top:25px;
	width:6px;
	height:6px;
	border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(135deg);
}

/*3階層目を持つliの矢印の設定*/
nav ul ul li.has-child::before{
	content:'';
	position: absolute;
	left:6px;
	top:17px;
	width:6px;
	height:6px;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
}

/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
nav li.has-child ul{
    /*絶対配置で位置を指定*/
	position: absolute;
	left:0;
	top:50px;
	z-index: 4;
    /*形状を指定*/
	/*background:#28BFE7;*/
	width:180px;
    /*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
    /*アニメーション設定*/
	transition: all .3s;
}

/*hoverしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li{ margin: 0 auto 10px; display: block;}
nav li.has-child ul li a{
    width: 100%;
    text-align: left;
	color: #fff;
	/*border-bottom:solid 1px rgba(255,255,255,0.6);*/
}
nav li.has-child ul li:last-child a{
	border-bottom:none;
    text-align: left;
}
nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
	/*background:#3577CA;*/
}

/*==3階層目*/

/*3階層目の位置*/
nav li.has-child ul ul{
	top:0;
	left:182px;
	background:#66ADF5;
}
nav li.has-child ul ul li a:hover,
nav li.has-child ul ul li a:active{
	background:#448ED3;
}

/*-----メニュー切り替えー-----*/

.head-menu-switch ul li a{ color: #404B5B !important; transition: all 0.3s ease 0s !important;}
.head-menu-switch ul li a:hover{ color: #ccc !important;}
.head-menu-switch nav ul li.has-child::before { border-top: 2px solid #404B5B !important; border-right: 2px solid #404B5B !important;}
.head-menu-switch ul li.insta a { background-image: url(../img/common/ic-insta2.png) !important; }

.menu-scroll ul li a{ color: #404B5B !important; transition: all 0.3s ease 0s;}
.menu-scroll ul li a:hover{ color: #ccc !important;}
.menu-scroll nav ul li.has-child::before { border-top: 2px solid #404B5B; border-right: 2px solid #404B5B;}
.menu-scroll ul li.insta a { background-image: url(../img/common/ic-insta2.png); }

/*-----フッター-----*/

footer{ /*background-color: #404B5B; padding: 80px 0; background-image:url(../img/common/bg-footer.jpg); background-size:cover; background-repeat:no-repeat;*/}
.foot-cont{ /*width: 1024px;*/ margin: 160px auto 0; }
.foot-cont-main {
    overflow: hidden;
	width: 1240px;
    /*width: 1024px;*/
    margin: 0 auto;
}
.foot-cont-main-l{ float: left;}
.foot-cont-main-l p{ /*width: 166px;*/ }
.foot-cont-main-l p:nth-child(1){ margin-bottom:20px;}
.foot-cont-main-l p:nth-child(1) img{ height:24px; vertical-align: top;}
.foot-cont-main-l p:nth-child(2){ color: #dcd6af; font-family: 'Noto Serif', serif; font-weight:200; font-size:14px; letter-spacing:0.1em; line-height:1.8;}

.foot-cont-main-r{ float: right;}
.foot-cont-main-r div{ display: inline-block; vertical-align: top; color: #fff; font-family: 'Prata', serif; font-size: 13px; margin: 0 40px 0 0; }
.foot-cont-main-r div:last-child{ margin: 0 0 0 0;}
.foot-cont-main-r div ul{}
.foot-cont-main-r div ul li{ /*line-height: 2.6;*/ margin-bottom: 10px;}
.foot-cont-main-r div ul li:first-child{ font-weight: 200; margin-bottom: 20px; color: #fff; font-size:16px; line-height: 1.4;}
.foot-cont-main-r div ul li:nth-child(2){ color: #dcd6af; line-height:2;}
.foot-cont-main-r div ul li a{ text-decoration: none; color: #dcd6af; position: relative; font-size: 11px;}

.foot-cont-main-r div:nth-child(2) ul li:last-child a {
    border: solid 1px #dcd6af;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0 0;
}
.foot-cont-main-r div:nth-child(2) ul li:last-child a:hover{ background-color:#dcd6af; color:#333;}
/*.foot-cont-main-r div ul li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 10px;
    height: 1px;
    background-color: #fff;
}*/
.foot-copy {
    font-size: 12px;
    /* color: #fff; */
    text-align: center;
    letter-spacing: 0;
    padding: 15px 0;
    margin: 40px auto 0;
    background-color: #E9ECF0;
    /* border-top: solid 3px #a5874a; */
}

/*-----スマホメニューー-----*/

.box-spmenu {
    display: none;
    width: 100%;
    text-align: left;
    z-index: 10000000;
    position: fixed;
    top: 0;
    right: 0;
}
.menu-btn {
    /*float: right;*/
	position: absolute;
    top: 0px;
    right: 0px;
    /*display: inline;*/
}
.menu-btn a {
    display: inline-block;
    text-decoration: none;
}
.btn-open:after {
    color: #000;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
	content: '';
	width: 56px;
	height:56px;
	background-image:url(../img/common/bt-spmenu.png);
	background-repeat:no-repeat;
	display:inline-block;
	background-size: contain;
	vertical-align: middle;
	/*background-color: #60869e;*/
}
.btn-close:hover:after {
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.btn-close:after {
	content: '';
	width: 56px;
	height:56px;
	background-image:url(../img/common/bt-spmenuclose.png);
	background-repeat:no-repeat;
	display:inline-block;
	background-size: contain;
	vertical-align: middle;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
    /*position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;*/
}
.btn-close:hover:after { color: #fff;}
.overlay {
    position: fixed;
    top: 0;
    z-index: 10000;
    display: none;
    overflow: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
	background-color: rgb(0 0 0 / 90%);
    /*background-image: url("../img/common/sp_bg.jpg");
    background-size: cover;*/
}
.spmenu {}
.spmenu-cont{ width:80%; margin: 60px auto 0; text-align: justify; }
.spmenu-cont-title {
    font-family: 'Open Sans', sans-serif;
    border-bottom: solid 1px rgb(255 255 255 / 20%);
    padding: 0 0 26px 0;
    margin: 0 auto 26px;
}
.spmenu-cont-title:nth-child(3){ border: none;}
.spmenu-cont-title p{ font-size: 20px; margin-bottom: 20px; letter-spacing: 0.1em;}
.spmenu-cont-title p:last-child{ margin-bottom: 0px;}
.spmenu-cont-title p a{ color: #fff; text-decoration: none;}
.spmenu-cont-title ul{}
.spmenu-cont-title ul li{ margin-bottom: 12px;}
.spmenu-cont-title ul li:last-child{ margin-bottom: 0px;}
.spmenu-cont-title ul li a{ color: #fff !important; text-decoration: none; font-size: 16px; position: relative; padding: 0 0 0 20px;}
.spmenu-cont-title ul li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 10px;
    height: 1px;
    background-color: #fff;
}

.spmenu-cont-foot{}
.spmenu-cont-foot p{ margin-bottom: 16px; color:#fff;}
.spmenu-cont-foot p:nth-child(1) { margin-bottom: 30px;}
.spmenu-cont-foot p:nth-child(1) img{ width: 140px; }
.spmenu-cont-foot p:nth-child(2) {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
.spmenu-cont-contact p a {
    /*font-size: 18px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    display: block;
    padding: 20px 20px 18px;*/
    font-family: "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/*
.spmenu ul {
    margin: 100px auto 0;
    padding: 0;
    vertical-align: middle;
    text-align: justify;
}
.spmenu li {
    margin: 0 auto 24px;
    padding: 0;
    list-style: none;
    text-align: center;
	letter-spacing:0.4rem;
	font-size:17px;
	font-weight:200;
	color: #fff;
}*/
/*.splogo{ margin:0 auto;}
.splogo img{ width:240px;}
.spmenu li:last-chird{ margin:0 auto 0;}*/
/*.spmenu-cont p{ margin:0 auto 36px;}
.spmenu-cont p:last-child{ margin:0 auto 0 !important;}
.spmenu-cont p a{
    color: #fff;
	font-size: 18px;
    padding: 30px;
	letter-spacing:0.4rem;
	font-family: 'Noto Serif Japanese';
	text-decoration:none;
	display:block;
	border: solid 1px rgba(255, 255, 255, 0.20);
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
	border:solid 1px rgba(255, 255, 255, 0.20);
}

.spmenu-cont p a:hover {
	color: #ddcaa9;
}
.spmenu-logo a{ border:none !important;}
.spmenu-logo img{ width:160px;}
.spmenu-space{ margin:0 auto 40px !important;
    position: relative;
    padding: 0 0 40px !important;
	margin: 0 auto 40px !important;}
.spmenu-space:after{
	position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background-color: rgba(255, 255, 255, 0.7);
}*/

/*-----レイアウトー-----*/

.basic-layout main{ padding:160px 0 0 0; }
.basic-title{ text-align:center; margin:0 auto 60px; }
.basic-title p:nth-child(1) {
    position: relative;
    font-size: 34px;
    font-family: 'Prata', serif;
    color: #b1a855;
    letter-spacing: 0.1em;
}
.basic-title p:nth-child(2) {
    font-size: 16px;
	font-family: 'Noto Serif', serif;
    letter-spacing: 0.2em;
    color: #b48360;
}
.basic-title p:nth-child(2) span {
    display: inline-block;
    position: relative;
}
.basic-title p:nth-child(2) span:before {
    z-index: 10;
    position: absolute;
    top: 50%;
    right: -100px;
    content: "";
    width: 90px;
    height: 1px;
    background-color: rgb(240 226 200 / 25%);
}
.basic-title p:nth-child(2) span:after {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: -100px;
    content: "";
    width: 90px;
    height: 1px;
    background-color: rgb(240 226 200 / 25%);
}
.basic-cont{ width:860px; margin:0 auto 100px;}
.basic-cont-bg{ background-color:#F4F5F8; width:100%; margin:0 auto; padding:100px 0;}
.basic-cont-inner{ width:860px; margin:0 auto;}


/*-----アコーディオンメニュー-----*/

.accordion-menu{ margin:0 auto 100px; width:640px; }

.js-ac{ text-align:center; color:#404b5b;}
.js-ac-trigger{ display:none;  }

.js-ac .js-ac-target{ font-size:0;}
.js-ac-target p{ margin: 0 10px 10px 0; display:inline-block;}
.js-ac-target p:last-child{ margin:0 0 0 0;}
.js-ac-target p a{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	position:relative;
	padding: 10px 30px 8px 30px;
    margin: 0 auto;
    color: #fff;
    background-color: #a5874a;
	border-radius:24px;
	text-decoration:none;
    display: block;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.js-ac-target p a.choice{ background-color:#404B5B; color:#fff;}
.js-ac-target p a:hover{ background-color: #614918; color:#fff;}
.js-ac-target p a.noaction{ pointer-events: none; }

/*-----下部リンク-----*/

.common-parts1{ width:1240px; margin:0 auto 80px;}
.common-parts1 ul{ overflow:hidden;} 
.common-parts1 ul li{ float:left; width:33.3333%; }
.common-parts1 ul li a{ position:relative; color: #995829; }
.common-parts1 ul li p:nth-child(1){ position:relative; height:400px;}
.common-parts1 ul li:nth-child(1) p:nth-child(1):after{ background-image:url(../img/common/link-bg1.jpg);}
.common-parts1 ul li:nth-child(2) p:nth-child(1):after{ background-image:url(../img/common/link-bg2.jpg);}
.common-parts1 ul li:nth-child(3) p:nth-child(1):after{ background-image:url(../img/common/link-bg3.jpg);}
.common-parts1 ul li p:nth-child(1):after{ 
	background-size:cover; background-repeat:no-repeat;
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    transition: all .8s ease;
    background-size: cover;}
.common-parts1 ul li p{ position:relative; overflow:hidden; text-align:center; color: }
.common-parts1 ul li p span {
    position: absolute;
    z-index: 1000;
    display: inline-block;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
	font-family: 'Noto Serif', serif;
	letter-spacing:0.2em;
	line-height:1.4;
}
.common-parts1 ul li p span em{ display:block; font-family: 'Prata', serif; font-size:14px; font-weight:600; margin-bottom:10px; letter-spacing:0.1em; }
.common-parts1 ul li p:nth-child(1):hover:after{
  transform: scale(1.2);
}

/*
.lnk-collection-wrapper{ background-color:#DBDEE7; border-bottom: 1px solid rgb(255 255 255 / 30%); }
.lnk-collection-wrapper:last-child{ border:none;}

.lnk-collection-wrapper .lnk-collection{ }
.lnk-collection-wrapper .lnk-collection-cont{ width:1240px; margin:0 auto;  padding:100px 0; overflow:hidden;}
.lnk-collection-wrapper .lnk-collection-cont div{  vertical-align:middle; color:#404B5B; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2){ float:left; width: 50%; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1){ width:400px; position:relative; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1) span{
	position: absolute;
	display: inline-block;
    z-index: 10;
    right: -160px;
    top: 50%;
    transform: translate(0, -50%);}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1) span img{ width:260px;}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1){ float:right;  width: 50%; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(1){ font-size:16px; font-family: 'ShipporiMincho-Regular'; margin-bottom:20px; margin-top: 140px;}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(2){ font-family: 'Prata', serif; font-size:60px; line-height:1.2; margin-bottom:30px;}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(3){ font-size:16px;}

.lnk-collection-wrapper:nth-child(odd) .lnk-collection-cont div:nth-child(2){ float:right;}
.lnk-collection-wrapper:nth-child(odd) .lnk-collection-cont div:nth-child(1){ float:left;}

.lnk-other{padding: 100px 0;}
.lnk-other-cont{ width:1240px; margin:0 auto 60px; overflow:hidden;}
.lnk-other-cont:last-child{ margin:0 auto 0px;}
.lnk-other-cont div:nth-child(1){ float:right;  width: 50%; padding:100px 0 0 40px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.lnk-other-cont div:nth-child(1) p{ margin-bottom:30px;}
.lnk-other-cont div:nth-child(1) p:last-child{ margin-bottom:0px;}
.lnk-other-cont div:nth-child(1) p:nth-child(1){
    font-size: 30px;
    font-family: 'Prata', serif;
    font-style: normal;
    font-weight: 200;
    letter-spacing: 0.2em;
}
.lnk-other-cont div:nth-child(1) p:nth-child(2){ }
.lnk-other-cont div:nth-child(1) p:nth-child(3){ font-size:16px; }
.lnk-other-cont div:nth-child(2){ float:left;  width: 50%; }

.lnk-other-cont:nth-child(even) div:nth-child(1){ float:left;}
.lnk-other-cont:nth-child(even) div:nth-child(2){ float:right;}*/

@media only screen and (max-width: 1240px) {

header { width: 100%; }

/*.lnk-collection-wrapper .lnk-collection-cont{ width:100%;}*/
.lnk-collection-wrapper .lnk-collection-cont { width: 80%;}

.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1) { width: 80%;     margin: 0 auto 0 0;}
.lnk-collection-wrapper:nth-of-type(odd) .lnk-collection-cont div:nth-child(2) p:nth-child(1) { width: 80%; margin: 0 0 0 auto;}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1) span{ display:none;}

.lnk-other-cont{ width:90%;}

.lnk-other-cont div:nth-child(1) { padding: 40px 0 0 40px;}
.lnk-other-cont:nth-of-type(even) div:nth-child(1) { padding: 60px 40px 0 0;}

.accordion-menu { margin: 0 auto 80px; }

}

@media only screen and (max-width: 1024px) {

.head-cont-main {width: 96%;}

}

@media only screen and (max-width: 860px) {

.basic-cont{ width:90%; margin:0 auto 60px;}

}

@media only screen and (max-width: 768px) {

.basic-title {
    padding: 50px 0;
    margin: 80px auto 40px;
    font-size: 22px;
}

.foot-cont-main-r div { margin: 0 20px 0 0; font-size: 12px;}

.lnk-collection-wrapper .lnk-collection-cont { padding: 60px 0; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(1) { margin-top: 70px; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(2) { margin-bottom: 30px; font-size: 45px;}
   
.lnk-other-cont div:nth-child(1) p:nth-child(1) { font-size: 18px; }
.lnk-other-cont div:nth-child(1) p:nth-child(2) { font-size: 15px; }
.lnk-other-cont div:nth-child(1) p {
    margin-bottom: 20px;
}
.lnk-other-cont div:nth-child(1) { padding: 0px 0 0 30px; }
.lnk-other-cont:nth-of-type(even) div:nth-child(1) { padding: 0px 30px 0 0;}

.js-ac-target p a { font-size: 12px; padding: 6px 20px 4px 20px;}
	
.accordion-menu { margin: 0 auto 40px; width:90%; }

}

@media only screen and (max-width: 480px) {

.head-cont{ /*background-color: #404b5b;     padding: 16px 0 14px 16px; overflow: hidden;*/ }
.head-cont-main { width: 94%; }
.head-cont-inner{ height:60px;}
.head-logo img { width: auto; height:30px; }
.head-menu{ display: none; }
    
footer { padding:0; /*padding: 50px 0;*/}
.foot-cont{ width: 100%; }
.foot-copy { font-size: 10px; padding: 12px 0 10px;}
/*.foot-cont{ width: 80%; }
.foot-cont-main-r { float: none;}
.foot-cont-main-l { float: none; display: block; margin-bottom: 26px;}
.foot-cont-main-l p { width: 120px;}
.foot-cont-main-r div { float: none; display: block; width: 100%; margin-bottom: 16px;}
.foot-copy{ text-align: left;padding: 30px 0 0 0; margin: 30px auto 0;}*/
    
.box-spmenu { display:block;}

.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1) { width: 100%;}
.lnk-collection-wrapper .lnk-collection-cont {width: 90%; padding: 50px 0;}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) {
    float: none;
    display: block;
	width: 100%;
	margin-bottom: 40px;
}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) {
    float: none;
    display: block;
	width: 100%;
}
.lnk-collection-wrapper:nth-child(odd) .lnk-collection-cont div:nth-child(1) {
    float: none;
    display: block;
	width: 100%;
	margin-bottom: 40px;
}
.lnk-collection-wrapper:nth-child(odd) .lnk-collection-cont div:nth-child(2) {
    float: none;
    display: block;
	width: 100%;
}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1) span {
    position: relative;
    display: block;
    z-index: 10;
    right: 0;
    top: 0;
    transform: inherit;
	width: 80%;
    margin: 0 auto;
}
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(2) p:nth-child(1) span img { width: 100%; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(1) { margin-top: 0; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(2) { font-size: 30px; }
.lnk-collection-wrapper .lnk-collection-cont div:nth-child(1) p:nth-child(3) {
    font-size: 13px;     text-align: right;
}

.lnk-collection-wrapper:nth-of-type(odd) .lnk-collection-cont div:nth-child(2) p:nth-child(1){ width:100%;}
.collection-none{ display:none;}

.lnk-other-cont div:nth-child(1) {
    float: none;
    width: 100%;
    padding: 0;
    display: block;}
.lnk-other-cont div:nth-child(2) {
    float: none;
    width: 80%;
    margin: 0 auto;
}
.lnk-other-cont:nth-child(even) div:nth-child(1) {
    float: none;
    display: block;
    margin: 0 auto;
}
.lnk-other-cont:nth-child(even) div:nth-child(2) {
    float: none;
    display: block;
    margin: 0 auto;
}
.lnk-other-cont div:nth-child(1) p:nth-child(1) { font-size: 18px;}
.lnk-other-cont div:nth-child(1) p{ margin-bottom: 24px;}
.lnk-other-cont div:nth-child(1) p:last-child{ margin-bottom:30px;}
.lnk-other-cont div:nth-child(1) p:nth-child(3) { font-size: 13px; }

/*-----レイアウト-----*/

.basic-title {
    background-color: #dbdee7;
    color: #404b5b;
    text-align: center;
    padding: 44px 0 40px;
    margin: 55px auto 40px;
    font-family: 'Prata', serif;
    letter-spacing: 0.6em;
    font-size: 20px;
}

/*-----アコーディオンメニュー-----*/

.accordion-menu{ width:80%; margin: 0 auto 40px;}
.js-ac-trigger-obi{ display:none;}
.js-ac-trigger{
	display:block;
	position: relative;
	padding: 12px 10px 10px 10px;
    font-size: 13px;
    cursor: pointer;
	border-radius: 24px;
    border: solid 1px #cfd2d6;
    margin: 0 auto 10px;
}
.js-ac .js-ac-trigger:after {
	content: '＋';
	position: absolute;
    right: 16px;
  }
.js-ac-target p:last-child{ border:none;}
.js-ac .js-ac-target{ font-size:12px; display: none;}
.js-ac.is-active .js-ac-trigger:after{ content: 'ー'; position: absolute;}
.js-ac.is-active .js-ac-target{
	display: block;
	margin: 0 0% 0 0 !important;
    -webkit-box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 20%);
	border-radius:6px;
  }
.js-ac-target p{ display:block;     margin: 0;}
.js-ac-target p a{
	padding: 10px 10px 8px 10px;
	margin: 0 auto;
	border-radius: 0px;
	border-bottom: solid 1px #cfd2d6;
	border-left:solid 1px #cfd2d6;
	border-right:solid 1px #cfd2d6;
	background-color:#fff;}
.js-ac-target p:first-child a{ border-radius: 6px 6px 0px 0px; border-top: solid 1px #cfd2d6; }
.js-ac-target p:last-child a{ border-radius: 0px 0px 6px 6px; }
.js-ac-target p a:after{ width: 6px; height: 10px; top: 10px;}
    
}