@charset "UTF-8";

:root {
    --navy1: #1e2678;
    --navy2: #28285a;
/*    --gold: #b99119;*/
    --gold: #9A7410;

/*valentine color*/
    --red: #c60019;
    --brown: #67362f;
    --pink: #ffecee;
}

/*-------------------------
__base_style
-------------------------*/
.font_min{ font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
@media screen and (min-width:1000px){
#wrap{ min-width: 1200px;}
}
@media screen and (min-width: 768px) {
.pc_none{ display: none;}
}
@media screen and (max-width: 767px) {
.font_min{ font-weight: 700;}
}

/*-------------------------
__header
-------------------------*/
#header{ background-color: #fafaf0; border-top:7px solid var(--navy1); width: 100%; min-height: 370px; position: relative;}
#header .inner{ width: 100%; min-height: 370px; background-size: cover; background-position: center; background-repeat: no-repeat;}
#header.it .inner{ background-image: url(/contents/26atsaijiwebad/images/header01@2x.png);}
#header.ty .inner{ background-image: url(/contents/26atsaijiwebad/images/header02@2x.png);}
#header .inner .header_data{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -4%;}
#header .inner .header_data p.head_com01{ color: var(--navy1); font-size: 2.3em; font-weight: 700; margin-bottom: 20px;}
#header .inner .header_data h1.brand_logo{ width: 336px; height: auto; margin: 0 auto 10px;}
#header .inner .header_data h1.brand_logo img{ width: 100%; height: auto;}
#header .inner .header_data p.head_com02{ color: var(--navy1); font-size: 1.8em; font-weight: 700;}
#header .arch_top{ position: absolute; bottom: -3px; width: 100%; height: auto; z-index: 1;}
#header .arch_top img{ width: 100%; height: auto; vertical-align: bottom;}

@media screen and (max-width:999px){
#header{ min-height: 240px;}
#header .inner{ min-height: 240px;}
#header .inner .header_data{}
#header .inner .header_data p.head_com01{ font-size: 2em;}
#header .inner .header_data h1.brand_logo{ width: 250px;}
#header .inner .header_data p.head_com02{ font-size: 1.6em;}
}

@media screen and (max-width: 767px) {
#header{ min-height: 180px;}
#header .inner{ min-height: 180px;}
#header.it .inner{ background-image: url(/contents/26atsaijiwebad/images/header_sp01@2x.png);}
#header.ty .inner{ background-image: url(/contents/26atsaijiwebad/images/header_sp02@2x.png);}
#header .inner .header_data{ width: 100%;}
#header .inner .header_data p.head_com01{ font-size: 1.5em; margin-bottom: 10px;}
#header .inner .header_data h1.brand_logo{ width: 190px;}
#header .inner .header_data p.head_com02{ font-size: 1.5em;}
}

/*-------------------------
__content
-------------------------*/
#content{ position: relative; z-index: 2; color: var(--navy2);}
#content #main{display:block;}
.introduction{ margin: -50px auto 100px;}
.introduction p.store_name{ font-size: 2.4em; line-height: 2.2em; font-weight: 700;}
.introduction p{ font-size: 2em; line-height: 2.2em; font-weight: 700;}
.introduction p.small{ font-size: 1.6em; margin-top: 30px;}
.introduction p.big{ font-size: 2.4em;}
.introduction p span{ display: inline-block; text-decoration: underline; text-decoration-color: var(--navy2); text-decoration-thickness: 1px; text-underline-offset:7px;}
.items_list{ padding: 0 100px; box-sizing: border-box;}
.items_list .trending{ background-color: #fafae6; position: relative; padding: 70px 50px; box-sizing: border-box; margin-bottom: 150px;}
.items_list .trending::before,
.items_list .trending::after{ content: ''; display: block; width: 100%; height: 25px; background-image: url(/contents/26atsaijiwebad/images/wave@2x.png); background-size: contain; background-repeat: repeat-x; position: absolute; left: 0;}
.items_list .trending::before{ top: -25px;}
.items_list .trending::after{ transform: scale(1, -1); bottom: -25px;}
.items_list .trending .main_com{ position: relative; z-index: 3;}
.items_list .trending .main_com:nth-child(4){ }
/*
.items_list .trending .main_com .fukidashi{ font-size: 2.6em; margin-bottom: 50px;}
.items_list .trending .main_com .fukidashi span{ display: inline-block; position: relative; z-index: 3;}
.items_list .trending .main_com .fukidashi span::after{ content: ''; display: block; width: 100%; height: 20px; background-image: url(/contents/26atsaijiwebad/images/fukidashi2@2x.png); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -30px;}
*/
.items_list .trending .main_com h2{ font-size: 4em; margin-bottom: 50px; z-index: 3; position: relative; line-height: 1.4; text-shadow: 0px 0px 5px rgba(250, 250, 230, 1), 0px 0px 5px rgba(250, 250, 230, 1), 0px 0px 5px rgba(250, 250, 230, 1), 0px 0px 10px rgba(250, 250, 230, 1), 0px 0px 10px rgba(250, 250, 230, 1), 0px 0px 10px rgba(250, 250, 230, 1), 0px 0px 10px rgba(250, 250, 230, 1), 0px 0px 15px rgba(250, 250, 230, 1);}
.items_list .trending .main_com h2 span{ display: inline-block; position: relative;}

.items_list .trending .main_com h2 span::before,
.items_list .trending .main_com h2 span::after{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 4rem; background-size: contain; background-repeat: no-repeat; background-position: bottom; z-index: 0;}
.items_list .trending .main_com h2 span::before{ background-image: url(/contents/26atsaijiwebad/images/autumn01.png); left: -100px; width: 100px; height: 140px;}
.items_list .trending .main_com h2 span::after{ background-image: url(/contents/26atsaijiwebad/images/autumn02.png); right: -100px; width: 100px; height: 140px;}
/*
.items_list .trending .main_com h2 span::before,
.items_list .trending .main_com h2 span::after{ content: ''; position: absolute; top: 45%; width: 4rem; border-top: 6px double;}
.items_list .trending .main_com h2 span::before{ left: -5.5rem;}
.items_list .trending .main_com h2 span::after{right: -5.5rem;}
*/
.items_list .trending .main_photo{ width: 100%; max-width: 1000px; margin: 0 auto 35px;}
.items_list .trending .main_photo img{ width: 100%; height: auto;}
.items_list .trending .items_data{ width: 100%; max-width: 1000px; margin: 0 auto; display: flex; align-items: center; text-align: left;}
.items_list .trending .items_data .sub_photo{ width: 50%; text-align: center;}
.items_list .trending .items_data .sub_photo img{ width: 100%; height: auto;}
.items_list .trending .items_data .detail_com{ width: 50%; font-weight: 700;}
.items_list .trending .items_data .detail_com .sub_com{ font-size: 1.6em; line-height: 1.8; border-bottom: 1px solid var(--navy2); padding-bottom: 20px; margin-bottom: 20px;}
.items_list .trending .items_data .detail_com .sub_com p{}
.items_list .trending .items_data .detail_com .info{ font-size: 1.5em; line-height: 1.8;}
.items_list .trending .items_data .detail_com .info .item_name{}
.items_list .trending .items_data .detail_com .info .item_name span{ font-size: 1.3em;}
.items_list .trending .items_data .detail_com .info .item_price{ text-align: right;}
.items_list .trending .items_data .detail_com .info .item_price span{ font-size: 1.5em;}
.items_list .standard{ width: 100%; max-width: 1100px; padding: 0 50px; box-sizing: border-box;}
.items_list .standard h3{ margin-bottom: 80px;}
.items_list .standard h3 span{ font-size: 3em; display: inline-block; position: relative;}
/*
.items_list .standard h3 span::before,
.items_list .standard h3 span::after{ content: ''; display: block; width: 7px; height: 45px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%);}
.items_list .standard h3 span::before{ left: -22px; background-image: url(/contents/26atsaijiwebad/images/frame_l@2x.png);}
.items_list .standard h3 span::after{ right: -18px; background-image: url(/contents/26atsaijiwebad/images/frame_r@2x.png);}
*/
.items_list .standard .standard_list{}
.items_list .standard .standard_list ul{ display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.items_list .standard .standard_list ul li{ width: calc(50% - 40px); margin-bottom: 80px;}
.items_list .standard .standard_list ul li:nth-child(2n){ margin-left: 80px;}
.items_list .standard .standard_list ul li .main_com{ color: var(--gold); font-size: 2.2em; margin-bottom: 25px; line-height: 1.2;}
.items_list .standard .standard_list ul li.mt .main_com{ margin-top: 1.2em;}
.items_list .standard .standard_list ul li .main_photo{ width: 100%; height: auto; margin-bottom: 15px;}
.items_list .standard .standard_list ul li .main_photo img{ width: 100%; height: auto;}
.items_list .standard .standard_list ul li .info{ font-size: 1.5em; line-height: 1.8; font-weight: 700; text-align: left;}
.items_list .standard .standard_list ul li .info .item_name{}
.items_list .standard .standard_list ul li .info .item_name span{ font-size: 1.3em;}
.items_list .standard .standard_list ul li .info .item_price{ text-align: right;}
.items_list .standard .standard_list ul li .info .item_price span{ font-size: 1.5em;}
#blo01.items_list .standard{ margin: 0 auto 60px;}
#blo02.items_list .standard{ margin: 0 auto;}
/*#blo02.items_list .standard .standard_list ul li:last-child{ margin-bottom: 0;}*/

@media screen and (max-width:999px){
.introduction{ margin: -20px auto 80px;}
.introduction p{ font-size: 1.8em; line-height: 2.5em;}
.items_list{ padding: 0 30px;}
.items_list .trending{ padding: 40px 30px; margin-bottom: 100px;}
.items_list .trending::before,
.items_list .trending::after{ height: 17px; background-image: url(/contents/26atsaijiwebad/images/wave_sp@2x.png);}
.items_list .trending::before{ top: -17px;}
.items_list .trending::after{ bottom: -17px;}
/* .items_list .trending .main_com .fukidashi{ font-size: 2em; margin-bottom: 40px;}
.items_list .trending .main_com .fukidashi span::after{ bottom: -25px;} */

.items_list .trending .main_com h2{ font-size: 3em;}

.items_list .trending .main_com h2 span::before{ left: -80px; width: 80px; height: 140px;}
.items_list .trending .main_com h2 span::after{ right: -80px; width: 80px; height: 139px;}

/*
.items_list .trending .main_com h2 span::before,
.items_list .trending .main_com h2 span::after{ width: 3rem; border-top: 6px double;}
.items_list .trending .main_com h2 span::before{ left: -4rem;}
.items_list .trending .main_com h2 span::after{right: -4rem;}
*/
.items_list .trending .items_data .detail_com .sub_com{ font-size: 1.4em;}
.items_list .trending .items_data .detail_com .info{ font-size: 1.4em;}
.items_list .standard{ padding: 0 30px;}
.items_list .standard h3{ margin-bottom: 50px;}
.items_list .standard h3 span{ font-size: 2.4em;}
.items_list .standard .standard_list ul li{ width: calc(50% - 25px); margin-bottom: 50px;}
.items_list .standard .standard_list ul li:nth-child(2n){ margin-left: 50px;}
.items_list .standard .standard_list ul li .main_com{ font-size: 2em;}
.items_list .standard .standard_list ul li .info{ font-size: 1.2em;}
}

@media screen and (max-width: 767px) {
.introduction{ margin: 10px auto 60px;}
.introduction p{ font-size: 1.5em; line-height: 2.3;}
.items_list{ padding: 0;}
.items_list .trending{ padding: 30px 30px; margin-bottom: 70px;}
/*
.items_list .trending .main_com .fukidashi{ font-size: 1.8em; margin-bottom: 35px;}
.items_list .trending .main_com .fukidashi span::after{}
*/
.items_list .trending .main_com h2 { font-size: 2.4em;}
.items_list .trending .main_com h2 span::before{ left: -50px; width: 50px; height: 89px;}
.items_list .trending .main_com h2 span::after{ right: -50px; width: 50px; height: 85px;}

.items_list .trending .main_photo{ width: calc(100% + 60px); margin: 0 0 20px -30px;}
.items_list .trending .items_data{ display: block;}
.items_list .trending .items_data .sub_photo{ width: 100%; margin-bottom: 20px;}
.items_list .trending .items_data .sub_photo img{ width: 100%;}
.items_list .trending .items_data .detail_com{ width: 100%;}
.items_list .trending .items_data .detail_com .sub_com{ font-size: 1.3em; line-height: 1.7; padding-bottom: 15px; margin-bottom: 15px;}
.items_list .trending .items_data .detail_com .info{ font-size: 1.2em;}
.items_list .standard h3{ margin-bottom: 35px;}
.items_list .standard h3 span{ font-size: 1.8em;}
/*
.items_list .standard h3 span::before,
.items_list .standard h3 span::after{ width: 7px; height: 30px;}
.items_list .standard h3 span::before{ left: -18px; background-image: url(/contents/26atsaijiwebad/images/frame_l_sp@2x.png);}
.items_list .standard h3 span::after{ right: -14px; background-image: url(/contents/26atsaijiwebad/images/frame_r_sp@2x.png);}
*/
.items_list .standard .standard_list ul{ display: block;}
.items_list .standard .standard_list ul li{ width: 100%; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed var(--navy2)}
.items_list .standard .standard_list ul li:last-child{ border-bottom: none; padding-bottom: 0;}
.items_list .standard .standard_list ul li:nth-child(2n){ margin-left: 0;}
.items_list .standard .standard_list ul li .main_com{ font-size: 1.8em; margin-bottom: 15px;}
.items_list .standard .standard_list ul li.mt .main_com { margin-top: 0;}
.items_list .standard .standard_list ul li .info{ font-size: 1.1em;}
#blo02.items_list .standard .standard_list ul li:last-child{ margin-bottom: 30px;}
}
@media screen and (max-width: 499px) {
.items_list .trending .main_com h2 { font-size: 1.8em;}
.items_list .trending .main_com h2 span::before{ left: -40px; width: 40px; height: 70px;}
.items_list .trending .main_com h2 span::after{ right: -30px; width: 40px; height: 69px;}
}
@media screen and (max-width: 374px) {
.items_list .trending .main_com h2 { margin: 0 -20px 20px;}
.items_list .trending .main_com h2 span::before,
.items_list .trending .main_com h2 span::after{ content: none;}
}
/*-------------------------
__footer
-------------------------*/
#footer{ background-color: #fafaf0; color: var(--navy1); position: relative;}
#footer .arch_btm{ position: absolute; top: -3px; width: 100%; height: auto; z-index: 1;}
#footer .arch_btm img{ width: 100%; height: auto; vertical-align: bottom;}
#footer .inner{ width: 100%; height: 100%; background-image: url(/contents/26atsaijiwebad/images/cross.png); background-repeat: repeat;}
#footer .inner .footer_top{ padding-top: 250px;}
#footer .inner .footer_top .foot_com{ font-size: 3em; margin-bottom: 50px;}
#footer .inner .footer_top .catalog_btn{ width: 530px; height: 130px; margin: 0 auto 120px;}
#footer .inner .footer_top .catalog_btn a{ display: block; height: 100%; background-color: var(--navy1); outline : 1px solid #fff; outline-offset : -10px;}
#footer .inner .footer_top .catalog_btn a span{ display: inline-block; color: #fff; font-size: 3em; line-height: 130px; position: relative;}
#footer .inner .footer_top .catalog_btn a span::before,
#footer .inner .footer_top .catalog_btn a span::after{ content: ''; display: block; width: 14px; height: 14px; background-image: url(/contents/26atsaijiwebad/images/diamond@2x.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%);}
#footer .inner .footer_top .catalog_btn a span::before{ left: -28px;}
#footer .inner .footer_top .catalog_btn a span::after{ right: -28px;}
#footer .inner .footer_btm{}
#footer .inner .footer_btm .brand_logo{ width: 336px; height: auto; margin: 0 auto 70px;}
#footer .inner .footer_btm .brand_logo img{ width: 100%; height: auto;}
#footer .inner .footer_btm p{ font-size: 1.5em; padding-bottom: 70px; box-sizing: border-box;}

@media screen and (max-width:999px){
#footer .inner .footer_top{ padding-top: 150px;}   
#footer .inner .footer_top .foot_com{ font-size: 2.5em; margin-bottom: 40px;}
#footer .inner .footer_top .catalog_btn{ width: 400px; height: 100px; margin: 0 auto 80px;}
#footer .inner .footer_top .catalog_btn a span{ font-size: 2.5em; line-height: 100px;}
#footer .inner .footer_btm .brand_logo{ width: 250px; margin: 0 auto 50px;}
}

@media screen and (min-width: 768px) {
#footer .inner .footer_top .catalog_btn a{overflow: hidden; position: relative; z-index: 1;}
#footer .inner .footer_top .catalog_btn a::after { background: #b99119; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; transform: scale(0, 1); transform-origin: left top; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1;}
#footer .inner .footer_top .catalog_btn a:hover { color: #fff;}
#footer .inner .footer_top .catalog_btn a:hover::after { transform: scale(1, 1);}
}

@media screen and (max-width: 767px) {
#footer .inner{ padding: 0 30px; box-sizing: border-box; background-image: url(/contents/26atsaijiwebad/images/cross_sp.png);}
#footer .inner .footer_top{ padding-top: 80px;}   
#footer .inner .footer_top .foot_com{ font-size: 1.8em; line-height: 1.5; margin-bottom: 25px;}
#footer .inner .footer_top .catalog_btn{ width: 100%; height: 90px; margin: 0 auto 60px;}
#footer .inner .footer_top .catalog_btn a span{ font-size: 2em; line-height: 90px;}
#footer .inner .footer_btm .brand_logo{ width: 190px; margin: 0 auto 50px;}
#footer .inner .footer_btm p{ font-size: 1.2em; padding-bottom: 50px;}
}