@charset "utf-8";

/*
*	DOD HOLIDAY用css
*
*/




/* デフォルトCSS ============================================================ */
/*__パーツ設定__________________*/
.mobile_only{
	display:block!important;
}
.pc_only{
	display:none;
}

/*____スムーススクロール____*/
html{
	scroll-padding-top: 6rem;
}
/* ========================================================================== */




/* 共通パーツ ================================================================ */
/*__全体大枠__________________*/
.section_bk{
	padding:6rem 0 6rem;
}
.section_title {
	text-align:center;
	margin-bottom:5rem;
}
.section_title h2{
	font-size: 1.2rem;
}
.section_title p{
	font-size:4.6rem;
	line-height:1;
}

/*__ボタン__________________*/
.btn_more a{
    font-size: 1.3rem;
	padding:2rem 4rem;
}
/* ========================================================================== */




/* kv ======================================================================= */
/* ========================================================================== */




/* concept ================================================================== */
#concept {
    padding-top: 7rem;
}
div.concept {
    display: block;
	text-align:center;
}
div.concept div.concept_logo svg {
    max-width:10rem;
	height: 100%;
}
div.concept div.concept_text{
	margin-top:5rem;
}
div.concept div.concept_text h2{
	font-size:3.8rem;
}
div.concept div.concept_text p{
	font-size:1.2rem;
	line-height:2.6;
}
/* ========================================================================== */




/* products ================================================================= */
#product {
	padding-top:20rem;
}
#product h2{
	font-size: 3.4rem;
    line-height: 1;
}
.grouptitle {
    margin-bottom: 2rem;
}
.grouptitle h3 {
    font-size: 2.2rem;
    letter-spacing: 0.2rem;
	padding-left:2rem;
}
.grouptitle h3::before{
	width: 1.4rem;
}

/*__帯と切り替え__________________*/
.wrap_switch{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.wrap_switch .switch_item {
    font-size: 1.4rem;
}

/*__カテゴリ固まり__________________*/


/*__カテゴリタイトル__________________*/


/*__製品一覧__________________*/
.grouplist {
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 5rem 3rem;
}
.btn_open_modal{
	margin-top:0;

}

/*__モーダル全体__________________*/
.modal_content{
	max-width: 80vw;
	max-height: 80vh;
}

/*__モーダル内コンテンツ__________________*/
.modal_content__header img{
	width:20rem;
}
.modal_content__header h4
,.modal_content__header p{
	font-size:1.8rem;
}
/*__無限ループ__________________*/
.infinite-slider{
	margin-top:10rem;
}
.infinite-slider .swiper-slide {
	height: 20rem !important;
}
/* ========================================================================== */




/* store ==================================================================== */
/*__全体__________________*/
#store{
	padding-bottom: 6rem;
}
#store .section_flex{
	display: block;
}
/*__コンテンツ__________________*/

/*__イベント_________________*/
.store_event{
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
/* ========================================================================== */




/* 330が出来るまで =========================================================== */
/*__全体__________________*/
#insidestory{
	padding-top:6rem;
	padding-bottom:8rem;
}
#insidestory .section_flex{
	display: block;
}

/*__コンテンツ__________________*/
#insidestory .section_contents{
	width:90%;
	margin:0 auto;
}
.swiper-button-prev
, .swiper-button-next {
    width: 5rem;
    height: 5rem;
}
.swiper-button-prev
,.swiper-button-next {
	display:grid;
}
.swiper-button-prev{
	left:-2.5rem;
}
.swiper-button-next{
	right:-2.5rem;
}

/* ========================================================================== */




/* header==================================================================== */
/*__header__________________*/
header{
	top: 1rem;
}
header .header_contents {
    padding:1rem 1.4rem;
}
header .header_contents h1 svg {
    max-width: 11rem;
}
header nav li:not(.btn_tostore){
	display:none;
}
.btn_tostore a{
	font-size:1.2rem;
	padding-top: 1.2rem;
	padding-right: 1.4rem;
	padding-bottom: 1.2rem;
    padding-left: 1.4rem;
	margin-left:0;
}

/* ========================================================================== */




/* footer==================================================================== */
/*__footer__________________*/
footer .footer_330 {
    width: 80vw;
}
footer .footer_330 ul{
	margin-left: 3rem;
}
footer .footer_330 ul li{
	font-size:1.3rem;
	line-height: 2.6rem;
}
footer .footer_330_logo svg {
    max-width: 10rem;
}
/*============================================================================*/