/* Scss Document */
#key {
    background: url("../img/shopping/key.jpg") no-repeat center bottom;
    background-size: cover;
}
.btn_fixed{
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 100;
}
#sec1 {
    position: relative;
    padding: 0px 0 0;
}
#sec1:before {
    position: absolute;
    content: url("../img/shopping/sec1_deco.png");
    width: 1172px;
    height: 1083px;
    top: 502px;
    margin-left: -422px;
    left: 50%;
    z-index: -1;
}
#sec1 h2 {
    text-align: center;
    margin-bottom: -30px;
}
#sec1 .bg-parallax {
    background-image: url("../img/shopping/sec1_parallax.jpg");
    height: 693px;
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}
#sec1 .box {
    width: 882px;
    border-top: 5px solid #000;
    padding: 48px 62px 48px 48px;
    box-sizing: border-box;
    margin-top: -218px;
    background: url("../img/shared/bd_bg.jpg") repeat;
    margin-bottom: 28px;
}
#sec1 .box h3 {
    font-size: 30px;
    line-height: 58px;
    margin-bottom: 38px;
    letter-spacing: 3px;
}
#sec1 .box h3 .up {
    font-size: 36px;
    font-weight: bold;
    color: #13152d;
}
#sec1 .container {
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}
#sec2 {
    padding-bottom: 145px;
    position: relative;
}
#sec2:after{
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 150px;
	background: #000;
	width: 1px;
	content: '';
	margin-left: -3px;
}
#sec2:before {
    position: absolute;
    content: url("../img/shopping/sec2_deco.png");
    width: 524px;
    height: 416px;
    bottom: 56px;
    margin-right: 226px;
    right: 50%;
    z-index: -1;
}
#sec2 .bg-parallax {
    background-image: url("../img/shopping/sec2_parallax.jpg");
    height: 693px;
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}
#sec2 .box {
    width: 890px;
    border-top: 5px solid #000;
    box-sizing: border-box;
    margin-top: -218px;
    background: url("../img/shared/bd_bg.jpg") repeat;
    float: right;
    padding: 66px 44px 48px 48px;
}
#sec2 .box h3 {
    font-size: 30px;
    line-height: 59px;
    margin-bottom: 38px;
    text-align: right;
    letter-spacing: 3px;
}
#sec2 .box h3 .up {
    font-size: 36px;
    font-weight: bold;
    color: #13152d;
}
#sec2 .box .txt {
    text-align: right;
}
#sec2 .container {
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}
#sec3 {
    background: url("../img/shared/sec9_bg.jpg") repeat;
    padding: 89px 0 117px;
    position: relative;
}
#sec3:before {
    position: absolute;
    content: url("../img/shopping/sec3_deco.png");
    width: 438px;
    height: 366px;
    top: 00px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
#sec3:after {
    position: absolute;
    left: 35px;
    top: 35px;
    bottom: 35px;
    right: 35px;
    border: 10px solid rgba(255, 255, 255, 0.41);
    z-index: 1;
    content: '';
}
#sec3 h2 {
    font-weight: bold;
    color: #fff;
    font-size: 31px;
    line-height: 70px;
    position: relative;
    margin-bottom: 65px;
    z-index: 3;
    text-align: center;
    letter-spacing: 3px;
}
#sec3 h2:before {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    background: #aa2a07;
    width: 100px;
    height: 7px;
    margin: 0 auto;
    content: '';
}
#sec3 .txt {
    color: #fff;
    width: 662px;
    margin: 0 auto 68px;
    z-index: 4;
    position: relative;
    line-height: 39px;
}
#sec3 ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 900px;
    margin: 0 auto;
}
#sec3 ul li {
    width: 294px;
}
#sec4 .ttl {
    background: url("../img/shopping/sec4_bg.png") no-repeat center;
    background-size: cover;
    padding: 68px 0 63px;
}
#sec4 .ttl p.logo {
    text-align: center;
}
#sec4 .bg-parallax {
    height: 603px;
    background-image: url("../img/shopping/sec4_parallax.jpg");
    position: relative;
}
#sec4 .bg-parallax h2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 187px;
}
#sec4 .bg-parallax h3 {
    position: absolute;
    left: 0;
    top: 0;
}
#sec4 .set1 {
    position: relative;
    padding-top: 158px;
    padding-bottom: 92px;
	background: url("../img/shared/sec2_bg2.jpg") repeat;
}
#sec4 .set1:before {
    position: absolute;
    content: '';
    background: url("../img/shopping/sec5_deco.png") repeat-x center top;
    width: 100%;
    height: 316px;
    top: 0px;
    left: 0px;
    right: 0;
    z-index: 10;
}
#sec4 .set1 .group {
    width: 900px;
    margin: 0 auto;
    justify-content: space-between;
    padding-bottom: 78px;
}
#sec4 .set1 .group .col {
    width: 422px;
}
#sec4 .set1 .group .col p.ttl_txt {
    text-align: center;
    margin-bottom: 29px;
    font-size: 22px;
    letter-spacing: 3px;
}
#sec4 .set1 .group .col .photo {
    margin-bottom: 38px;
}
#sec4 .set1 .group .col .txt {
    line-height: 31px;
    margin: 0 auto 57px;
}
#sec4 .set1 .group .col .button {
    height: 50px;
    width: 300px;
    margin: 0 auto;
    line-height: 50px;
}
#sec4 .set1 .group .col .button:before{
	left: 30px;
}
#sec4 .set1 .bnr {
    position: relative;
}
#sec4 .set1 .bnr:before {
    opacity: 0;
    visibility: hidden;
    content: '';
}
#sec4 .set1 .bnr:hover:before {
    border: 4px solid #d3300b;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    content: '';
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
#sec5 .bg-parallax {
    height: 603px;
    background-image: url("../img/shopping/sec5_parallax.jpg");
    position: relative;
}
#sec5 .bg-parallax h2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 187px;
}
#sec5 .bg-parallax h3 {
    position: absolute;
    left: 0;
    top: 0;
}
#sec5 .set1 {
    position: relative;
    padding-top: 159px;
    padding-bottom: 92px;
    background: url(../img/shared/sec2_bg2.jpg) repeat;
}
#sec5 .set1:before {
    position: absolute;
    content: '';
    background: url("../img/shopping/sec5_deco.png") repeat-x center top;
    width: 100%;
    height: 316px;
    top: 0px;
    left: 0px;
    right: 0;
    z-index: 10;
}
#sec5 .set1 .group .col .button:before{
	left: 30px;
}
#sec5 .set1 .group {
    width: 900px;
    margin: 0 auto;
    justify-content: space-between;
    padding-bottom: 78px;
}
#sec5 .set1 .group .col {
    width: 422px;
}
#sec5 .set1 .group .col p.ttl_txt {
    text-align: center;
    margin-bottom: 29px;
    font-size: 22px;
    letter-spacing: 3px;
}
#sec5 .set1 .group .col .photo {
    margin-bottom: 40px;
}
#sec5 .set1 .group .col .txt {
    line-height: 31px;
    margin: 0 auto 55px;
}
#sec5 .set1 .group .col .button {
    height: 50px;
    width: 300px;
    margin: 0 auto;
    line-height: 50px;
}
#sec5 .set1 .bnr {
    position: relative;
}
#sec5 .set1 .bnr:before {
    opacity: 0;
    visibility: hidden;
    content: '';
}
#sec5 .set1 .bnr:hover:before {
    border: 4px solid #d3300b;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    content: '';
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
#sec6 .bg-parallax {
    height: 603px;
    background-image: url("../img/shopping/sec6_parallax.jpg");
    position: relative;
}
#sec6 .bg-parallax h2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
}
#sec6 .bg-parallax h3 {
    position: absolute;
    left: 0;
    top: 0;
}
#sec6 .set1 {
    position: relative;
    padding-top: 161px;
    padding-bottom: 92px;
    background: url(../img/shared/sec2_bg2.jpg) repeat;
}
#sec6 .set1 .group .col .button:before{
	left: 30px;
}
#sec6 .set1:before {
    position: absolute;
    content: '';
    background: url("../img/shopping/sec5_deco.png") repeat-x center top;
    width: 100%;
    height: 316px;
    top: 0px;
    left: 0px;
    right: 0;
    z-index: 10;
}
#sec6 .set1 .group {
    width: 900px;
    margin: 0 auto;
    justify-content: space-between;
    padding-bottom: 72px;
}
#sec6 .set1 .group .col {
    width: 422px;
}
#sec6 .set1 .group .col p.ttl_txt {
    text-align: center;
    margin-bottom: 28px;
    font-size: 22px;
    letter-spacing: 6px;
}
#sec6 .set1 .group .col p.ttl_txt span {
	font-size: 18px;
	
}#sec6 .set1 .group .col .photo {
    margin-bottom: 40px;
}
#sec6 .set1 .group .col .txt {
    line-height: 31px;
    margin: 0 auto 58px;
}
#sec6 .set1 .group .col .button {
    height: 50px;
    width: 300px;
    margin: 0 auto;
    line-height: 50px;
}
#sec6 .set1 .bnr {
    position: relative;
}
#sec6 .set1 .bnr:before {
    opacity: 0;
    visibility: hidden;
    content: '';
}
#sec6 .set1 .bnr:hover:before {
    border: 4px solid #d3300b;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    content: '';
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
#sec7 {
    padding-bottom: 44px;
    padding-top: 42px;
}
#sec7 .container {
    background: url("../img/shared/sec8_bg.jpg") repeat;
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
    padding: 58px 50px 90px;
    box-sizing: border-box;
}
#sec7 h2 {
    text-align: center;
    margin-bottom: 46px;
}
#sec7 .group {
    justify-content: space-between;
    width: 900px;
    margin: 0 auto 60px;
}
#sec7 .group .col {
    width: 428px;
    background: #fff;
    position: relative;
    padding: 57px 56px 46px;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=31, Direction=0, Color=#000000)";
    /*IE 8*/
    -moz-box-shadow: 0 5px 31px 2px rgba(0, 0, 0, 0.1);
    /*FF 3.5+*/
    -webkit-box-shadow: 0 5px 31px 2px rgba(0, 0, 0, 0.1);
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 5px 31px 2px rgba(0, 0, 0, 0.1);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=31, Direction=135, Color=#000000);
    /*IE 5.5-7*/
}
#sec7 .group .col .catch {
    position: absolute;
    top: -100px;
    left: -42px;
}
#sec7 .group .col h3 {
    text-align: center;
    font-size: 21px;
    padding-bottom: 20px;
    margin-bottom: 34px;
    border-bottom: 1px solid #000;
    letter-spacing: 3px;
}
#sec7 .group .col .photo {
    margin-bottom: 36px;
}
#sec7 .group .col p.txt {
    line-height: 32px;
}
#sec7 .group .right .catch {
    position: absolute;
    top: -100px;
    right: -42px;
    left: inherit;
}
#sec7 .box_tel {
    background: url("../img/shared/sec9_bg.jpg") repeat;
    width: 577px;
    padding: 15px;
    box-sizing: border-box;
    margin: 0 auto;
}
#sec7 .box_tel .tel {
    background-size: cover;
    left: auto;
    color: #fff;
    z-index: 10;
    text-align: center;
    line-height: 27px;
}
#sec7 .box_tel .tel dt {
    font-size: 16px;
    width: auto;
    text-align: center;
    letter-spacing: 0;
    box-sizing: border-box;
}
#sec7 .box_tel .tel dd {
    width: auto;
    text-align: center;
    letter-spacing: 0;
    box-sizing: border-box;
}
#sec7 .box_tel .tel dd .num {
    font-size: 28px;
    font-weight: bold;
    color: #fec733;
}
#sec7 .box_tel .tel dd .fax {
    font-size: 24px;
    font-weight: bold;
    color: #e9e9e9;
}
#sec7 .box_tel .tel dd .des {
    color: #fec733;
    font-weight: bold;
}
#sec7 .box_tel .tel dd .des span {
    font-size: 22px;
}
#sec7 .box_tel .tel dt {
    font-size: 16px;
    margin-bottom: 4px;
}
#sec7 .box_tel .note {
    font-size: 13px;
    text-align: center;
    color: #fff;
}
#sec8 {
    background: url("../img/shopping/sec9_bg.jpg") repeat;
    padding: 88px 0 0px;
}
#sec8 h2 {
    font-weight: bold;
    color: #fff;
    font-size: 31px;
    line-height: 70px;
    position: relative;
    margin-bottom: 70px;
    z-index: 3;
    text-align: center;
    letter-spacing: 3px;
}
#sec8 h2:before {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    background: #aa2a07;
    width: 100px;
    height: 7px;
    margin: 0 auto;
    content: '';
}
#sec8 .row {
    width: 900px;
    margin: 0 auto 47px;
    color: #fff;
}
#sec8 .row .toggle .toggle-link {
    border-bottom: 1px dashed #fff;
    position: relative;
}
#sec8 .row .toggle .toggle-link:before {
    position: absolute;
    content: url("../img/restaurant/sec9_arrow.png");
    right: 0;
    top: 45px;
    width: 54px;
    height: 53px;
    transition: all 0.5s ease;
}
#sec8 .row .toggle .toggle-link:hover:before{
	  transform: rotate(90deg);
    transition: all 0.5s ease;
}
#sec8 .row .toggle .toggle-link dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    width: 800px;
}
#sec8 .row .toggle .toggle-link dl dt {
    font-size: 32px;
    width: 95px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sec8 .row .toggle .toggle-link dl dd {
    width: calc(100% - 90px);
}
#sec8 .row .toggle .toggle-main {
    padding-top: 20px;
}
#sec8 .row .toggle .toggle-main dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 60px;
    border-bottom: 1px dashed #fff;
   
}
#sec8 .row .toggle .toggle-main dl dt {
    font-size: 32px;
    width: 90px;
}
#sec8 .row .toggle .toggle-main dl dd {
    width: calc(100% - 195px);
}
#sec8 .row .toggle.active .toggle-link:before {
    transform: rotate(90deg);
    transition: all 0.5s ease;
}
#sec8 .row:last-of-type {
    margin-bottom: 0;
}
#sec9 {
    background: url("../img/shopping/sec9_bg.jpg") repeat;
    padding: 100px 0 84px;
}
#sec9 h2 {
    color: #fff;
    font-size: 31px;
    line-height: 70px;
    position: relative;
    margin-bottom: 75px;
    z-index: 3;
    text-align: center;
    letter-spacing: 3px;
}
#sec9 h2:before {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    background: #aa2a07;
    width: 100px;
    height: 7px;
    margin: 0 auto;
    content: '';
}
#sec9 .shopinfo {
    width: 787px;
    margin: 0 auto;
}
#sec9 .shopinfo dl {
    justify-content: flex-start;
    line-height: 31px;
    padding: 15px 0;
    border-bottom: 1px dashed #53504d;
    color: #fff;
}
#sec9 .shopinfo dl dt {
    width: 181px;
    padding-left: 5px;
    box-sizing: border-box;
}
#sec9 .shopinfo dl dd {
    width: calc(100% - 113px);
}
#sec9 .shopinfo dl dd.tel, #sec9 .shopinfo dl dd.fax {
    font-size: 32px;
}