@charset "UTF-8";

/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	.inline-block-sp{
		display:inline-block;
	}
	/* inner　サイト指定のコンテンツ幅に納めるコンテナ */
	.inner {
		padding: 0 3.125%;
		width: 93.75%;
		clear: both;
		overflow: hidden;
	}


	.ext-link-img {
		bottom: 2vw;
		right: 2vw;
		width: 5vw;
	}
/*------------------------------header */

	.core-parts.header_02 .header-width{
		width:auto;
		padding: 0 1.25% 0 3%;
	}
	.core-parts.header_02.header-group {
		border-bottom: none;
		padding-top: 1.25%;
		padding-bottom: 1.25%;
		position: fixed;
		top: 0;
		z-index: 10000;
		background-color: #fff;
	}
	.core-parts.header_02 .header-logo{
		width: 39.844vw;
		margin: 2.8vw 0 0 16.563vw;
		max-width: 255px;
		/* transition: 800ms; */
		/* 追記分 */
	}
	.core-parts.header_02 img{
		vertical-align: bottom;
	}
	.core-parts.header_02.header-group .hglb-sp-btn{
		/* float: right; */
		margin: 2.8vw 0 0;
		max-width: 55px;
		width: 8.594vw;
		z-index: 100;
		/* transition: 800ms; */
		/* 追記分 */
		float: left;
		padding: 0;
		min-width: inherit;
	}
	.core-parts.header_02.header-group .sp-shop-btn{
		width: 16.5625vw;
		
		/* 追記分 */
		max-width: 106px;
		display: flex !important;
		float: right;
	}
	.core-parts.header_02 .header-global-02{
		margin: 0;
	}
/* after scroll---------------------------*/
	/*
	.core-parts.header_02.scrolled.header-group,
	.core-parts.header_02.scrolled-01.header-group{
		padding-top: 2%;
		padding-bottom: 2%;
		transition: 800ms;
	}
	.core-parts.header_02.scrolled .header-logo,
	.core-parts.header_02.scrolled-01 .header-logo{
		width: 18.6%;
		margin: 0 0 0 20%;
		transition: 800ms;
	}
	.core-parts.header_02.scrolled.header-group .hglb-sp-btn,
	.core-parts.header_02.scrolled-01.header-group .hglb-sp-btn{
		width: 20.3%;
		margin-top: 2%;
		transition: 800ms;
	}
	.core-parts.header_02.scrolled.header-group .sp-shop-btn,
	.core-parts.header_02.scrolled-01.header-group .sp-shop-btn{
		width: 20.3%;
		margin-top: 2%;
		transition: 800ms;
	}
	*/
/*------------------------------sp menu */
	.sidr{
		background-color:#eee;
	}
	#sidr .sdm-list-02{
		margin: 8% 0;
	}
	#sidr .sdm-list-02 > li {
		border-top: 1px solid #d8d8d8;
		box-sizing: border-box;
		margin-top: -1px;
	}
	#sidr .sdm-list-02 > li:last-child{
		border-bottom: 1px solid #d8d8d8;
	}
	.sdm-list-02 > li a {
		padding: 5.1% 4% 5% 4%;
		display: block;
	}
	.global-02-close a {
		display: block;
		float: right;
		width: 7.36%;
	}
	.sidr{
		padding-top: 3.125%;
	}
.sidr.left {
    right: auto;
    left: -70%;
}
	.menu-bnr-section{
		margin: 4.688vw auto 0;
	}
	.menu-bnr-section .bnr-list li{
		margin-bottom: 4.688vw;
	}
	.menu-bnr-section .bnr-list li a{
		display: block;
	}

/*------------------------------footer*/
	.ftr-page-top {
		width: 93.75%;
		margin: 0 0 6.25%;
	}
	.contact-section .ttl{
		width: 168px;
		margin : 0 auto;
		padding-top: 6.25%;
	}
	.contact-section .contact-lists{
		width: 100%;
		margin: 0 auto 3%;
	}
	.contact-section .contact-lists li{
		width: 100%;
		margin: 0 0 4.25% 3%;
		float: none;
		line-height: 2.5em;
		font-size: 2em;
	}
	.contact-section .contact-lists li:first-child{
		border:  none;
		margin-right: auto;
	}
	.contact-section .contact-lists li img{
		margin: 10px 4% 0 0;
		width: 10%;
		max-width: 38px;

	}
	.contact-section .shop-btn{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 6.25%;
	}
	.contact-section .shop-btn a img{
		width: 100%;
		margin: 0 auto;
		max-width: 320px;
	}
	.time-section{
		font-size: 100%;
	}
	.time-section .time-clm{
		margin: 0 auto;
	}
	.time-section .time-clm li{
		width: 100%;
		margin: 0 auto 2%;
		float: none;
	}
	.time-section .time-clm li.detail-01,
	.time-section .time-clm li.detail-01 span{
		display: block;
	}
	.core-parts.footer_01 .fglb01-inner{
		padding: 6.25% 0 0;
	}
	.core-parts.footer_01 .fglb01-outer{
		width: 100%;
	}
	.core-parts.footer_01 .fglb01-wrap {
		width: 100%;
		margin: 0 auto;
	}
	.core-parts.footer_01 .fglb01-wrap-01{
		width: 100%;
	}
	.core-parts.footer_01 .fglb01-wrap-01 .ftr-logo{
		width: 55.8%;
		margin: 0 auto 3.125%;
	}
	.core-parts.footer_01 .fglb01-wrap-01 .add{
		margin-bottom: 6.25%;
		text-align: center;
	}
	.core-parts.footer_01 .footer-global-02 {
		padding: 3.125% 0 3.75%;
	}
	.core-parts.footer_01 .footer-global-02 .fglb02-wrap .copyright{
		padding: 0;
		text-align: center;
		width: 100%;
		margin-bottom: 3.75%;
	}
	.core-parts.footer_01 .footer-global-02 .fglb02-wrap .fglb02w-nav{
		float: none;
		width: 100%;
	}
	.core-parts.footer_01 .footer-global-02 .fglb02-wrap .fglb02w-nav li{
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	.core-parts.footer_01 .footer-global-02 .fglb02-wrap .fglb02w-nav li.full{
		width: 100%;
	}
	.ft-bnr-section{
		margin-top: 6.25vw;
		padding-bottom: 8.625vw;
	}
	.ft-bnr-section .bnr-list li{
	  width: 100%;
	  margin-bottom: 4.688vw
;
	}
/*------------------------------page */

	.wrapper,
	#footer-wrapper {
		min-width: 0;
		overflow: visible;
	}
	#IDX .main,
	#IDX .main.inner{
		margin-bottom: 15.625%;
		padding-top: 14.688vw;
	}
	#IDX.contents-top .main,
	#IDX.contents-top .main.inner{
		padding-top: 15.125%;
	}
	#IDX .main-bg{
		padding-top: 0;
	}
	
	.main-bg{
		padding-top: 14.5%;
	}
	.main,
	.main.inner{
		margin-bottom: 0;
	}
	.main.inner .main-cont-01{
		float: none;
		width: 100%;
		margin-bottom: 30%;
	}

	.main-cont-01,
	.main-cont-02{
		float: none;
		width: auto;
	}


/*------------------------------top-clm*/
	.ttl-bg{
		height: auto;
		position: relative;
		min-width: 100%;
		margin-bottom: 9.4%;
	}
	.ttl-bg .ttl-01 img, .elder .ttl-bg img {
		margin: 0;
		max-width: 100%;
		position: static;
	}
	.ttl-wrap .ttl-01 {
	margin-top:7.8%;
	padding-bottom: 7.5%;
	}
	
	.top-clm {
		margin-bottom: 10%;
	}

/*------------------------------開閉タブ*/

	.slide-section .slide-clm .slide-inner{
		padding: 3% 3%;
	}
	.slide-section .slide-clm .slide-inner .slide-list{
		margin-right: -3%;
	}
	.slide-section .slide-clm .slide-inner .slide-list li{
		width:47%;
		margin-right: 3%;
		margin-bottom: 5%;
	}

/*------------------------------右サイドバー */

/* sidebar */
.right-nv .main-cont-02 {
	float: none;
	width: 100%;
}

.ml-cont-01 {
	margin: 0 0 46px 0;
}
.sdm-ttl-01 {
	padding: 18px 0;
	height: 62px;
}
.sdm-list-01 > li a,.sdm-list-01 > li a:hover{
	background: url(/common/images/arrow_gr.png) 20px 24px no-repeat;
	background-size: 7px;
}
.sdm-list-01 > li a{
	display: block;
	box-sizing: border-box;
	padding: 20px 10px 18px 40px;
}
.sdm-list-01 > li .sdm-list-03 > li a{
	background: url(/common/images/icon_dot.png) 40px center no-repeat;
	background-size: 4px;
}
.sdm-list-01 > li .sdm-list-03 > li a {
	display: block;
	box-sizing: border-box;
	padding: 20px 10px 18px 55px;
}
.sdm-list-01 > li .sdm-list-03 > li.sdm-list-04 a {
    padding: 23px 10px 18px 55px;
}
.lnv-clm{
	width: 100%;
	margin: 0 auto;
	max-width: 441px;
}
.lnv-clm .bnr{
	margin-bottom: 35px;
	max-width: 441px;
}
.lnv-clm .bnr li{
	margin-bottom: 20px;
}
.lnv-clm .gentei .lnv-menu-tt{
	font-weight: bold;
	color: #757575;
	font-size: 5vw;
}
.lnv-clm .gentei .bnr{
	max-width: 600px;
	margin-right: -2%;
	margin-bottom: 20%;
	overflow: hidden;
}
.lnv-clm .gentei .bnr li{
	margin-bottom: 3%;
	width: 48%;
	float: left;
	margin-right: 2%;
}
.lnv-clm .gentei.soon{
	margin-top: -10%;
}
.lnv-clm .gentei .xmas-lnv-bnr{
	margin-bottom: 20%;
}
.lnv-clm .gentei .bnr-02{
	max-width: 600px;
	margin-bottom: 20%;
}
.lnv-clm .gentei .bnr-02 li{
	margin-bottom: 3%;
}

/*------------------------------btn */
/*btn*/
.txt-btn-01 a,
.txt-btn-04 a{
	font-size: 1.286em;
	padding:4%;
	background-position:4% center;
}
.txt-btn-01 a:hover,
.txt-btn-04 a:hover{
	background-position:4% center;
}
.txt-btn-02 a{
	font-size: 1.286em;
	padding:4%;
	background-position:4% center;
}
.txt-btn-02 a:hover{
	background-position:4% center;
}
.txt-btn-03 a{
	font-size: 1.286em;
	padding:4%;
	background-position:2.5% center;
}
.txt-btn-03 a:hover{
	background-position:2.5% center;
}

.main-cont-01 .btn-lists{
	margin-right: 0;
}
.main-cont-01 .btn-lists .btn02{
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 5%;
}
.main-cont-01 .btn-lists .btn02 a{
	width: 100%;
	padding: 4.5% 0 4%;
}



/*写真付きボタン（テキスト）*/
.btn-lists-02{
	width: 103.125%;
	margin-right: -3.125%;
}
.btn-lists-02 li{
	margin-right: 3.125%;
	margin-bottom: 6.25%;
	width: 46.875%;
	box-sizing: border-box;
}
.btn-lists-02 li a{
	width:100%;
}
.btn-lists-02 li .btn-txt,
.btn-lists-02 li:hover .btn-txt{
	padding-left: 15%;
	padding-right: 5%;
	background-position:5% center;
	text-align: left;
	font-size:1em;
}

/*カート テキストリンク*/
.shop-btn-txt{
	text-align:center;
}
.shop-btn-txt a{
	font-size: 1.286em;
	padding: 3% 4%;
	background-position: 4% center;
	width: 100%;
}


/*------------------------------バナー */
.bnrs-section .bnr-lists{
	width: 103.125%;
	margin-right: -3.125%;
}
.bnrs-section .bnr-lists li{
	margin: 0 3% 6.25% 0;
	width: 47%;
	overflow: hidden;
}
.bnrs-section .bnr-lists li.mailmag{
	width: 97%;
}
.bnrs-section .bnr-lists li.mailmag .bnr{
	margin-right: 0;
	width: 100%;
}
.bnrs-section .bnr-lists li.mailmag ul{
	width: 100%;
}
.bnrs-section .bnr-lists li.mailmag ul li{
	width: 50%;
}


/*------------------------------list*/

.section-01 .list-01 dt{
	float: none;
	margin-bottom: 3%;
}
.section-01 .list-01 dd{
	margin-bottom: 6.25%;
	padding-left: 0;
	padding-bottom: 6.25%;
}

.list-cnt-01{
	margin-right:0;
}
.list-cnt-01 .list-04{
	margin-right:0;
	width:100%;
}

/*------------------------------テーブル */
.tbl-01 {
	border: 1px solid #d5d5d5;
}
.tbl-01 th, .tbl-01 td {
	display: block;
	width: 100%;
	border: none;	
	padding: 20px 20px 18px;
}
.tbl-01 tr{
	border-bottom: 1px solid #d5d5d5;
}

/*------------------------------title*/
.wrapper .ttl-04{
	font-size: 18px;
}
.wrapper .ttl-07 {
	font-size: 7.032vw;
	margin-bottom: 12.5vw;
	padding-bottom: 2.344vw;
}
/* sns */
.sns-section{
	margin-bottom: 2em;
	text-align: center;
}
.sns-section .sns-lists{
	float: none;
	display: inline-block;
}
.sns-section .sns-lists li{
	float: none;
}
.sns-section .sns-lists .btn-share{
	float: none;
	display: inline-block;
	width: 40px;
}

/* FLOAT-CLM */
.FLOAT-CLM.hidden {
	display: none;
	opacity: 0;
}
@starting-style {
	.example:hover {
		/* トランジション前 */
		opacity: 1;
	}
}
.FLOAT-CLM {
	/* position: fixed; */
	/* display: block; */
	left: 50%;
	right: initial;
	top: initial;
	bottom: 0;
	transform: translateX(-50%);
	/* z-index: 100; */
	transition: opacity 0.3s, display 0.3s allow-discrete;
}
.FLOAT-CLM .float-clm-list{
  /* display: flex; */
}
.FLOAT-CLM .float-clm-list a {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
	width: 71.875vw;
	height: 12.5vw;
  gap: 2.344vw;
	border-radius: 1.563vw;
	background: linear-gradient(90deg, #D79A35 0%, #BB7C13 100%);
  padding: 3.907vw;
	writing-mode: initial;
  font-size: 4.219vw;
  /* font-weight: bold; */
  /* color: #fff; */
  /* transition: all 0.3s; */
  /* box-sizing: border-box; */
}
.FLOAT-CLM .float-clm-list a > span{
  letter-spacing: initial;
}
.FLOAT-CLM .float-clm-list a img{
	width: 4.219vw;
}


}