@charset "UTF-8";

/* CSS Document */
.pcOnly {
}

.spOnly {
	display:none;
}
 @media (max-width: 780px) {
.pcOnly {
 display:none;
}
 .spOnly {
 display:block;
}
}

/* USEFUL CLASS
--------------------------------------------------------- */

/* MARGIN SETTING */
.mt-non {
	margin-top:0 !important;
}

.mt3 {
	margin-top:3px !important;
}

.mt5 {
	margin-top:5px !important;
}

.mt7 {
	margin-top:7px !important;
}

.mt10 {
	margin-top:10px !important;
}

.mt15 {
	margin-top:15px !important;
}

.mt20 {
	margin-top:20px !important;
}

.mt25 {
	margin-top:25px !important;
}

.mt28 {
	margin-top:28px !important;
}

.mt30 {
	margin-top:30px !important;
}

.mt35 {
	margin-top:35px !important;
}

.mt40 {
	margin-top:40px !important;
}

.mt45 {
	margin-top:45px !important;
}

.mt50 {
	margin-top:50px !important;
}

.mt55 {
	margin-top:55px !important;
}

.mt60 {
	margin-top:60px !important;
}

.mb10 {
	margin-bottom:10px !important;
}

.mb15 {
	margin-bottom:15px !important;
}

/* ALIGN SETTING */
.tx-l {
	text-align:left !important;
}

.tx-c {
	text-align:center !important;
}

.tx-r {
	text-align:right !important;
}

/* 赤字 */
.tx-red {
	color:#F00 !important;
}

/*太字*/
.tx-bold {
	font-weight:bold !important;
}

.tx-mt10 {
	display: inline-block;
	margin-top: 10px;
}

/* =========================================================
 ★★
========================================================= */

 @media only screen and (max-width: 780px) {
 body {
 width:100%;
 min-width:100%;
}
 .title {
 display:none;
}
 .aside {
 display:none;
}
 .global-footer {
display:none;
}
.layer {
display:none;
}
.container {
 width:100% !important;
}
 div.wrap {
 width: 100% !important;
}
div.section-category-index {
 width: 100% !important;
}
 div.section-category-index .content {
 width: 100% !important;
}
div#TOP.content, .content-inner {
 width: 100% !important;
}


/*★include header*/
.global-header {
 display:none;
}
#main-header {
 display: none;
}
/*★include footer*/
#main-footer {
 display:none;
}
 h2 {
 padding:0 !important;
 background:none !important;
}

/***  spぱんくず *****/
.sp_convert .gcpBasicText01 {
 display:block !important;
}
.dsp-none {
 display: none !important;
}
}

/* スマホ時独自ページトップ切り替え
--------------------------------------------------------- */
/*スマホ用ページトップ*/
#page-top {
	display:none;
}
 @media only screen and (max-width: 780px) {
.btn-page-top {
 display:none !important;
}
#page-top {
 display:block;
}
 #page-top {
 display:block !important;
 position: fixed;
 bottom: 20px;
 right: 10px;
 font-size: 80%;
 font-family: Arial, Helvetica, sans-serif;
 text-indent: -9999px;
 z-index: 1000;
}
#page-top a {
 outline:none;
 display: block;
/* background:url(/mitsukoshi/chugen/asset2019/css/images/sp_pagetop.png) !important;*/
 background:url(../images/2303/sp_pagetop.png) !important;
 background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
 opacity:0.6;
}
#page-top a:hover {
 opacity: 1.0;
}
}

/* =========================================================
 ★★
========================================================= */
#add2023.main-content {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

/*----------------------*/
.deliv-box {
	height: 84px;
	background: #eae0cf;
	display: flex;
	align-items: center;
	justify-content: center;
}

.deliv-inner {
	/*margin: 0 auto 0;*/
    display: flex;
	align-items: center;
}
@media (max-width: 780px) {
.deliv-box {
 padding:10px 10px;
 height: auto;
}
.deliv-inner {
 align-items: flex-start;
/*margin: 2% 6% 2% 5%;*/
    }
}

.deliv-inner .pic {
	margin-right: 15px;
}

.deliv-inner .pic img {
/*margin-left: -9px;*/
}
@media (max-width: 780px) {
.deliv-inner .pic {
/*margin-right:5px;*/
}
}

.deliv-inner .txt {
	font-size: 18px;
	color: #40210b;
}

.deliv-inner .txt span {
	font-size: 24px;
}

.deliv-box strong {
	color: #40210b;
}
@media (max-width: 780px) {
.deliv-box strong {
 font-weight: bold;
}
.deliv-inner .txt {
 font-size: 3.6vw;
 line-height: inherit;
 flex-shrink:0;
}
 .deliv-inner .txt span {
 font-size:1.4em;
}
}

/*お読みくださいボタン
---------------------------------*/
.btn-readme p {
	height:50px;
	font-size:16px;
	color:#fff;
	background:#44210d;
	display:flex;
	align-items:center;
	justify-content:center;
}

.btn-readme a {
	display:block;
}
 @media (max-width: 780px) {
.btn-readme p {
 padding:0.6em 0;
 height:auto;
 font-size:4.5vw
}
}

/*限定商品
---------------------------------*/
.gentei-area {
	margin: 30px auto 30px;
	padding: 24px 24px 24px;
	color:#41210a;
	background:#fbe495;
}

#pbArea .gentei-ttl {
	margin-bottom: 13px;
}

.gentei-ttl img {
	width:inherit;
	margin: 0 auto;
}

.gentei-area strong {
	color:#41210a;
}
@media (max-width: 780px) {
 .gentei-area {
 margin: 20px auto 30px;
 padding: 24px 20px 24px;
}
 .gentei-ttl img {
 width:100%;
}
.gentei-area strong {
 font-weight: bold;
 font-size: 1.1em;
}
}

.gentei-period-area {
}
@media (max-width: 780px) {
}

.gentei-period-box {
	padding: 10px 0 10px 15px;
	border-top: dotted 2px #41210a;
	border-bottom: dotted 2px #41210a;
}
@media (max-width: 780px) {
.gentei-period-box {
 padding: 10px 0 10px 5px;
}
}

.gentei-period-list {
	font-size: 18px;
	color:#41210a;
}

.gentei-period-list .fs {
	font-size: 16px;
}

.gentei-period-list li {
	margin-top:3px;
}

.gentei-period-list li:first-child {
	margin-top:0px;
}
@media (max-width: 780px) {
 .gentei-period-list {
 font-size: 4.2vw;
}
 .gentei-period-list .fs {
 font-size: 4.1vw;
}
}

/**/
.gentei-item-area {
	padding: 15px 15px 0px 15px;
}

.gentei-item-box {
	display: flex;
}
@media (max-width: 780px) {
 .gentei-item-area {
 padding: 15px 0px 0px;
}
 .gentei-item-box {
 display: flex;
 flex-direction: column-reverse;
}
}

.gentei-item-box .pic-area {
	margin-left: 30px;
	width: 250px;
	flex-shrink: 0;
	text-align: center;
}
@media (max-width: 780px) {
.gentei-item-box .pic-area {
	 margin-left: 0px;
	 width: inherit;
}

.gentei-item-box .pic-area .pic {
	margin:0 auto;
/*width:70%;*/
}

.gentei-item-box .pic-area .pic img {
 /*width: inherit;*/
	 width: 75%;
}
}

.gentei-item-box .pic-area .txt {
	margin-top: 10px;
	font-size: 15px;
}

.gentei-item-box .pic-area .txt span {
	font-size: 14px;
}

@media (max-width: 780px) {
.gentei-item-box .pic-area .txt {
 margin-bottom: 1em;
 font-size:4.2vw;
}
.gentei-item-box .pic-area .txt span {
	font-size: 4vw !important;
}
}

.gentei-item-box .txt-area {
	/*letter-spacing: normal;*/
    font-size: 14px;
}

.gentei-item-box .txt-area .gentei-list {
}

.gentei-item-box .txt-area .gentei-list li {
	text-indent: -1em;
	padding-left: 1em;
}

 @media (max-width: 780px) {
.gentei-item-box .txt-area, .gentei-item-box .txt-area p {
    /*letter-spacing: normal;*/
    font-size: 3.8vw;
}
}

/*クッキー缶
---------------------------------*/
.sec-box {
	margin-bottom: 40px;
}

.sec-ttl {
}

.sec-ttl img {
	width:inherit;
}
@media (max-width: 780px) {
 .sec-ttl {
 padding-left:5px !important;
/*margin: auto 27px auto 13px;*/
}
 .sec-ttl img {
    /*width:100%!important;*/
        width:auto;
 height:4.1em;
}
 .sec-ttl img.orimg {
/*width: 75%!important;*/
}
 .sp-mb {
 margin-bottom:20px;
}
}

/*商品リスト
------------------------------------*/
.itemRow-ty4.add2023 {
	margin: 20px auto 0;
	text-align: center;
}

.itemRow-ty4.add2023 .item-Col {
	margin: 0 auto 0;
}

@media (max-width: 780px) {
.itemRow-ty4.add2023 {
	margin: 20px auto 0;
	padding:0 20px;
}

.itemRow-ty4.add2023 .item-Col {
	width:inherit;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.itemRow-ty4.add2023 .item-Col li {
	float:none;
	margin-right:0;
}
}

/*商品一覧ボタン
------------------------------------*/
.btn-item-list {
	margin-top:20px;
	margin-left:auto;
	display:table;
	width:390px;
}

.btn-item-list p {
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	font-size:14px;
	color:#41210a;
	text-align:center;
	background:#ffeae9 url("../images/2303/arrows_r.png")no-repeat right 10px center;
	background-size:8px;
}

.btn-item-list a p:hover {
	text-decoration:none;
	opacity:0.7;
}
 @media (max-width: 780px) {
.btn-item-list {
 margin-left:inherit;
 margin:0 20px 0;
 display:block;
 width:inherit;
}
 .btn-item-list p {
 padding:0.7em 0;
 height:auto;
 font-size:4.5vw;
 line-height: 1.4;
 background:#ffeae9 url("../images/2303/arrows_r.png") no-repeat right 10px center;
 background-size:10px !important;
}
}

/*全商品一覧
---------------------------------*/
.btn-allitem {
	margin:20px auto 0;
}

.btn-allitem p {
	height:70px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#41210a url(../images/2303/arrows.png) no-repeat right 15px center;
}

.btn-allitem a {
	display:block;
}
 @media only screen and (max-width: 780px) {
.btn-allitem {
 margin:0 20px 0;
}
 .btn-allitem p {
 padding: 1.3em 0;
 height:auto;
 font-size:4.5vw;
 letter-spacing: 2px;
 background:#41210a url(../images/2303/arrows.png) no-repeat right 10px center;
 background-size: 10px;
}
}

/*お読みください
---------------------------------*/
#readme.add2023 {
	margin-top: 40px;
}

#readme h2.notice_h.n_ttl {
	font-size:18px;
	color: #41210a;
	background-color: #fbe495!important;

}

#readme.add2023 .notice_txt {
	padding: 25px 25px 25px;
	font-size: 14px;
}

#readme.add2023 .notice_txt p {
	font-size:14px;
}

#readme.add2023 .notice_txt ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.readme-note {
	margin: 20px auto;
	padding: 15px;
	background: #fff1bf;
}

.readme-note .note {
	/*font-size: 14px;*/
	font-weight: bold;
	color: #F00;
	text-indent: -1em;
	padding-left: 1em;
}

 @media only screen and (max-width: 780px) {
.sp_in {
 padding: 0 4%;
}

#readme h2.notice_h.n_ttl {
	padding:0.8em 0 !important;
	font-size:4.2vw;
	color: #41210a;
	background-color: #fbe495!important;

}

 #readme.add2023 .notice_txt {
 padding: 1em;
 font-size: 3.8vw;
}

#readme.add2023 .notice_txt p {
	font-size: 3.8vw;
}

}