@charset "euc-jp";


.pc_none{ display:none;}

#wrap{ width:750px; margin:50px auto 0;}

/*看板画像*/
#wrap img.kanban{ max-width: 100%; /*margin-bottom: 25px;*/}

/*コンテンツ*/
div.item_box{ margin-bottom: 30px; margin-top: 100px;}
div.first{ margin-top: 30px;}

/*見出し*/
div.title {font-family: 'Shippori Mincho', serif; text-align: center; background-color: #f0efed; padding: 10px 0; color: #4a4a42; font-weight: bold; position: relative;}
div.title h1.mida01{ font-size: 23px; margin-bottom: 3px; margin-top: 0px; font-family: 'Shippori Mincho', serif; }
div.title h1.mida01 span{font-family: 'Shippori Mincho', serif; }
div.title h1.mida02{ font-size: 28px; display: inline-block; margin: 0; font-family: 'Shippori Mincho', serif; }
div.title h2{ font-size: 25px; display: inline-block; margin-left: 15px; background: linear-gradient(transparent 75%, #fff 75%); font-family: 'Shippori Mincho', serif; }
div.title h2 span{ font-family: 'Shippori Mincho', serif;}

/*回遊2カラム*/
div.mtx_2clm > ul{display: flex; justify-content: space-between; margin-top: 8px; font-family: 'Shippori Mincho', serif;}
div.mtx_2clm > ul > li{ width: calc(98%/2);}
div.mtx_2clm ul li a{ display: block; text-align: center; background-color: #333; color: #fff; padding: 15px 0;}
div.mtx_2clm ul li a:hover{ opacity: 0.9;}
div.mtx_2clm ul li a p{ /*margin-bottom: 5px;*/ font-weight: normal; font-size: 20px; text-align: center; font-family: 'Shippori Mincho', serif;}
div.mtx_2clm ul li a div.prices{ font-size: 23px; }

/*回遊3カラム*/
div.mtx_3clm ul{display: flex; justify-content: space-between; margin-top: 8px; font-family: 'Shippori Mincho', serif;}
div.mtx_3clm ul li{ width: calc(98%/3);}
div.mtx_3clm ul li a{ display: block; text-align: center; background-color: #333; color: #fff; padding: 15px 0;}
div.mtx_3clm ul li a:hover{ opacity: 0.9;}
div.mtx_3clm ul li a p{ /*margin-bottom: 5px;*/ font-weight: 18px; font-family: 'Shippori Mincho', serif;}
div.mtx_3clm ul li a div.prices{ font-size: 23px; }

/*回遊4カラム*/
div.mtx_4clm ul{display: flex; justify-content: space-between; margin-top: 8px; font-family: 'Shippori Mincho', serif;}
div.mtx_4clm ul li{ width: calc(97%/4);}
div.mtx_4clm ul li a{ display: block; text-align: center; background-color: #333; color: #fff; padding: 15px 0;}
div.mtx_4clm ul li a:hover{ opacity: 0.9;}
div.mtx_4clm ul li a p{ /*margin-bottom: 5px;*/ font-weight: 18px; font-family: 'Shippori Mincho', serif;}
div.mtx_4clm ul li a div.prices{ font-size: 23px; }


/*スライダー設定*/
div.swiper-container div.swiper-slide{ position: relative;}
div.swiper-container div.swiper-slide img{ max-width: 100%;}
/*文言ver*/
div.swiper-container div.swiper-slide div.text01{ position: absolute; bottom: 0; right: 0; background-color: rgba(51,51,51,0.7); padding: 3px 5px;}
div.swiper-container div.swiper-slide div.text01 p{  font-size: 20px; /*font-weight: bold;*/ color: #fff; font-family: 'Shippori Mincho', serif;}
/*カラーver*/
div.swiper-container div.swiper-slide div.text02{ position: absolute; bottom: 0; right: 0; padding-right: 5px; background-color: rgba(51,51,51,0.7); padding: 3px 5px;}
div.swiper-container div.swiper-slide div.text02 p{  font-size: 20px; /*font-weight: bold;*/ color: #fff; font-family: 'Shippori Mincho', serif;}

/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
  width: 35px !important; /* ボタンの幅 */
  height: 35px !important; /* ボタンの高さ */
  background-size: 35px 35px !important; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
  margin-top: -30px !important; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
  background-image: none !important;		
}
/* 前ページボタンのスタイル */
.swiper-button-prev:before { font-family: "Font Awesome 5 Free"; content: "\f0d9"; font-size: 35px; color: #fff; font-weight: 900; opacity: 0.8;}
/* 次ページボタンのスタイル */
.swiper-button-next:before { font-family: "Font Awesome 5 Free"; content: "\f0da"; font-size: 35px; color: #fff; font-weight: 900; opacity: 0.8;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ text-align: right;}

/* Swiperの親要素 */
.swiper-parent {
  position: relative;
}
/* Swiper本体 */
.swiper-container {        
  padding-bottom: 30px;
  box-sizing: content-box;
}
/* 前・次スライドボタンの縦位置調整（スライドの高さの中央に合わせる） */
.swiper-button-prev, .swiper-button-next {
  top: calc((100% - 50px) * 0.5);	/*ページネーション・スクロールバー（50px）を除く縦位置の中央（＝スライドの高さの中央）に一旦配置 */        
}

/*価格プロ設定*/
#wrap div.prices ul{  margin-top: 0;}
#wrap div.prices span.spesicalprice{ display: none;}
.mtx_2clm ul li a div.prices ul li.price{ font-family: 'Shippori Mincho', serif;  margin: 3px 0px 0px 0px; font-size: 40px; font-weight: normal; text-align: center; color: #fff !important;}
.mtx_2clm ul li a div.prices .buy_price>ul .price.sale+.intax,
.mtx_2clm ul li a div.prices ul li.intax{ font-family: 'Shippori Mincho', serif; margin: 0 auto; font-size: 20px; color: #fff !important;  }


/*ホバー追加*/
.mtx_2clm ul li a:hover div.prices ul li.price,
.mtx_2clm ul li a:hover div.prices .buy_price>ul .price.sale+.intax,
.mtx_2clm ul li a:hover div.prices ul li.intax{
  color: #ea0012!important;
}


/* 共通-NEW点滅 装飾*/
#wrap .blink {
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
    font-size: 66%;
    padding: 4px 5px 2px 5px;
    margin: 0 10px 0 0;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
	

/*---------------------
以下調べて追加
---------------------*/

.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/2);/*←画像を横に4つ並べる場合*/
	/*padding:0 5px;:*//*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.top-banner2{
	display: flex;
	flex-wrap:wrap;
}
.top-banner2 li {
	width: calc(100%/3); /*←画像を横に4つ並べる場合*/
	/*padding:0 5px;:*/ /*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner2 li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}



.osusume {
  position: absolute;
  top: -10px; left: 0.5%;
  z-index:111
}


.osusume2 {
  position: absolute;
  top: -2%; left: 1%;
  z-index:111
}



#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.6;
  border-radius: 50%;
  z-index:112

}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


  #stor_link {
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: center;
}
#stor_link li {
    margin: 20px 0;
    font-size: 14px;
}
#stor_link li a {
    color: #000;
}


@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}