@charset "utf-8";
/* CSS Document */

body{
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
background-color: #fffed8!important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1000px;
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width:767px) {
.container {
box-sizing: border-box;
overflow-x: hidden;
}
}
a {
margin:0;
padding:0;
vertical-align:baseline;
background:transparent;
text-decoration: none;
color: inherit;
}
a:visited{
  color: inherit;
}
a:hover {
  color: inherit;
  opacity: 0.8;
}
i:visited{
  color: inherit;
}
p {
padding: 0;
margin: 0;
}



/* =======================================
TOP
======================================= */
.top_section {
 background-color: #174c92;
	padding-bottom: 50px;
}
.concept_txt {
 color: #fff;
}
.catch_copy {
 font-family: serif;
 font-size: 40px;
 font-weight: 600;
 letter-spacing: 0.1em;
 line-height: 1.7;
	text-align: center;
 margin-bottom: 50px;
}
.lead_concept{
 font-size: 20px;
 letter-spacing: 0.15em;
 line-height: 1.7;
}
.catch_copy2 {
 font-size: 32px;
 font-weight: 600;
 letter-spacing: 0.1em;
 line-height: 1.7;
 margin-bottom: 50px;
	text-align: center;
}

@media screen and (max-width:767px) {
.top_section {
 padding-bottom: 50px;
}
.concept_txt {
 padding: 0 10px;
}
.catch_copy {
 font-size: 26px;
 font-weight: 600;
 letter-spacing: 0.1em;
 line-height: 1.8;
 margin-bottom: 30px;
}
.lead_concept{
 font-size: 16px;
 line-height: 1.8;
}
.catch_copy2 {
 font-size: 20px;
 font-weight: 600;
 letter-spacing: 0.1em;
 line-height: 1.8;
}
}



/* =======================================
看板　ロゴを重ねる
======================================= */
.slider_box {
 z-index:1;
 position: relative;
	margin-bottom: 4%;
}

.logo-signboard01 {
 position: absolute;
 top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 width: 37%;
 z-index: 10;
}
.logo-signboard01 img{
 width: 100%;
}

@media screen and (max-width:767px) {
.slider_box {
	margin-bottom: 10%;
}
.logo-signboard01 {
 position: absolute;
 top: 50%;
	left: 50%;
 width: 80%;
 z-index: 10;
}
.logo-signboard01 img{
 width: 100%;
}
}



/* =======================================
COUPON
======================================= */
.coupon_section {
 padding-bottom: 100px;
}

@media screen and (max-width:767px) {
.coupon_section {
 padding-bottom: 50px;
}
}



/* =======================================
RANKING
======================================= */
.rankig_section {
 background-color: #174c92;
	padding: 100px 0;
}
.rankig_list {
color: #fff;
font-size: 36px;
}
.rankig_list:nth-child(n+4) {
margin-bottom: 0;
}
.rankig_list .rankig_list_price {
text-align: center;
margin-top: 10px;
}
.rankig_list .rankig_list_price .rankig_list_icon {
background-color: #fff;
width: 100%;
border-radius: 5px;
color: #174c92;
font-size: 14px;
font-weight: bold;
padding: 3px 10px;
}
.rankig_list span {
	font-size: 16px;
}

@media screen and (max-width:767px) {
.rankig_section {
 padding: 50px 0;
}
.rankig_list {
font-size: 24px;
}
.rankig_list .rankig_list_price .rankig_list_icon {
font-size: 14px;
padding: 2px 5px;
}
.rankig_list span {
	font-size: 16px;
}
}



/* =======================================
PICK UP
======================================= */
.pickup_section {
 padding-bottom: 100px;
}
.item_giftBox {
 margin-bottom: 75px;
}
.item_giftBox:last-child {
 margin-bottom: 0;
}
.item_giftBox .data_cont_L {
 padding-right: 80px;
}
.item_giftBox .data_cont_R {
 padding-left: 80px;
}
.item_giftBox .item_ttl {
 font-family: serif;
 font-size: 40px;
 font-weight: 600;
 text-align: left;
	margin-bottom: 30px;
}
.item_giftBox .item_ttl_sec {
 font-size: 28px;
 font-weight: 600;
 text-align: left;
 margin-bottom: 20px;
}
.item_giftBox .item_detail {
 font-size: 18px;
 text-align: left;
 margin-bottom: 50px;
 letter-spacing: 0.15em;
 line-height: 1.5;
}
.chushaku_txt {
 font-size: 14px;
}
.item_giftBox .item_list {
 font-size: 18px;
	margin-bottom: 20px;
}
.item_giftBox .price {
 margin-bottom: 20px;
}
.item_giftBox .pickup_price_icon {
 background-color: #174c92;
	width: 100%;
 color: #fff;
	font-size: 18px;
	padding: 5px;
	margin-right: 10px;
	align-items: center;
}
.item_giftBox .pickup_price {
font-size: 36px;
font-weight: bold;
}
.item_giftBox .konyu {
 width: 90%;
	font-size: 22px;
	font-weight: bold;
}
.item_giftBox .konyu .tani {
display: inline-block;
font-size: 20px;
margin-right: 20px;
}

@media screen and (max-width:767px) {
.pickup_section {
 padding: 50px 0;
}
.item_giftBox {
 margin-bottom: 75px;
}
.data_cont {
 width: 90%;
 margin: auto;
 padding-right: 0;
}
.data_cont_L {
 padding-right: 0;
}
.data_cont_R {
 padding-left: 0;
}
.item_giftBox img {
 margin-bottom: 20px;
}
.konyu {
 width: 80%;
 margin: auto;
}
.item_giftBox .item_ttl {
 font-size: 22px;
 font-weight: bold;
 text-align: left;
	margin-bottom: 15px;
}
.item_giftBox .item_ttl_sec {
 font-size: 22px;
 font-weight: 600;
 text-align: left;
 margin-bottom: 10px;
}
.item_giftBox .item_detail {
 font-size: 16px;
 text-align: left;
 margin-bottom: 20px;
}
.item_giftBox .item_list {
 font-size: 16px;
	margin-bottom: 20px;
}
.item_giftBox .price {
 margin-bottom: 15px;
}
.item_giftBox .pickup_price_icon {
	font-size: 16px;
	padding: 3px 5px;
	margin-right: 10px;
}
.item_giftBox .pickup_price {
font-size: 26px;
font-weight: bold;
}
.item_giftBox .konyu {
 width: 90%;
	font-size: 18px;
	font-weight: bold;
}
.item_giftBox .konyu .tani {
display: inline-block;
font-size: 18px;
margin-right: 20px;
}
.chushaku_txt {
 font-size: 12px;
}
}



/* =======================================
LINE UP
======================================= */
.lineup_section {
 background-color: #174c92;
	padding: 100px 0;
}
.lineup_section .menu_list {
 margin-top: 80px;
 margin-bottom: 80px;
}
.lineup_list_box {
 padding: 50px 0 100px;
}
.lineup_ttl {
 font-family: serif;
	color: #fff;
 font-size: 40px;
 font-weight: 600;
 letter-spacing: 0.1em;
 line-height: 1.5;
	text-align: center;
 margin-bottom: 50px;
}
.lineup_list_item {
background-color: #fff;
border-radius: 25px;
height: 100%;
position: relative;
}
.lineup_list_item img {
border-radius: 25px 25px 0 0;
}
.lineup_list_item .L-item_detail {
 padding: 10px 20px 50px;
 font-size: 16px;
}
.lineup_list_item .L-item_detail .L-item_name {
 font-size: 18px;
 margin-bottom: 10px;
}
.lineup_list_item .L-item_detail_p {
 font-family: sans-serif;
 font-size: 24px;
 font-weight: bold;
}
.lineup_list_item .p_free {
 font-size: 18px;
}
.lineup_price {
 text-align: center;
	}
.lineup_Itemlist_btn {
 color: #fff!important;
	font-size: 18px;
	background-color: #000;
	border: solid 2px #000;
	padding: 1% 0;
	width: 100%;
 border-radius: 0 0 25px 25px;
	position: absolute;
 bottom: 0;
}
.lineup_Itemlist_btn:hover {
 background-color: #000;
 opacity: 0.7;
}
.lineup_Itemlist_btn:active {
 background-color: #000;
	opacity: 0.7;
}

.lineup_menu_btn {
 color: #fff!important;
	font-size: 18px;
	background-color: #000;
	border: solid 2px #000;
	padding: 1% 0;
	border-radius: 50px;
	width: 100%;
 display: inline-block;
}
.lineup_menu_btn:hover {
 background-color: #000;
 opacity: 0.7;
}
.lineup_menu_btn:active {
 background-color: #000;
	opacity: 0.7;
}
.lineup_all_btn {
 color: #fff!important;
	font-size: 22px;
	background-color: #000;
	border: solid 2px #000;
	padding: 1% 0;
	border-radius: 50px;
	width: 100%;
 display: inline-block;
}
.lineup_all_btn:hover {
 background-color: #000;
 opacity: 0.7;
}
.lineup_all_btn :active {
 background-color: #000;
	opacity: 0.7;
}

@media screen and (max-width:767px) {
.lineup_section {
 padding: 50px 0;
}
.lineup_section .menu_list {
 margin-top: 40px;
 margin-bottom: 40px;
}
.lineup_menu_btn {
	font-size: 12px;
	padding: 5px 2px; 
}
.lineup_list_box {
 padding: 0 10px 75px;
}
.lineup_ttl {
 font-size: 22px;
 margin-bottom: 15px;
}
.lineup_list_item .L-item_detail {
padding: 10px 8px 40px;
font-size: 16px;
}
.lineup_list_item .L-item_detail .L-item_name {
 font-size: 16px;
 margin-bottom: 10px;
}
.lineup_list_item .L-item_detail_p {
font-size: 18px;
}
.lineup_list_item .p_free {
font-size: 14px;
}
.lineup_Itemlist_btn {
	font-size: 14px;
}
.lineup_all_btn {
	font-size: 18px;
}
}



/* =======================================
CONTENTS
======================================= */
.contents_section {
background-color: #e3e3e3;
padding-bottom: 100px
}

@media screen and (max-width:767px) {
.contents_section {
 padding-bottom: 50px;
}
.contents_box {
 padding: 0 10px;
}
}


/* =======================================
 テキスト共通
======================================= */
.txt_font01 {
 font-size: 22px;
 color: #000;
 text-align: center;
 letter-spacing: 0.1em;
	margin-bottom: 50px;
}
.txt_font02 {
 font-size: 22px;
 color: #fff;
 text-align: center;
 letter-spacing: 0.1em;
	margin-bottom: 70px;
}
.txt_font03 {
 font-size: 22px;
 color: #174c92;
 text-align: center;
 letter-spacing: 0.1em;
}
.txt_font04 {
 font-family: serif;
	color: #fff;
 font-size: 40px;
 font-weight: 600;
 letter-spacing: 0.1em;
 line-height: 1.5;
	text-align: center;
	margin-top: 50px;
}
.txt_font05 {
 font-size: 22px;
 color: #fff;
 text-align: center;
 letter-spacing: 0.1em;
}

@media screen and (max-width:767px) {
.txt_font01 {
 font-size: 16px;
 text-align: center;
	margin-bottom: 30px;
}
.txt_font02 {
 font-size: 16px;
 text-align: left;
	margin-bottom: 30px;
}
.txt_font03 {
 font-size: 16px;
 text-align: center;
}
.txt_font04 {
 font-size: 24px;
	margin-top: 30px;
}
.txt_font05 {
 font-size: 16px;
}
}



/* =======================================
幅
======================================= */
.w-10 {
 width: 10% !important;
}
.w-20 {
 width: 20% !important;
}
.w-25 {
 width: 25% !important;
}
.w-30 {
 width: 30% !important;
}
.w-40 {
 width: 40% !important;
}
.w-50 {
 width: 50% !important;
}
.w-55 {
 width: 55% !important;
}
.w-60 {
 width: 60% !important;
}
.w-75 {
 width: 75% !important;
}
.w-90 {
 width: 90% !important;
}
.w-100 {
 width: 100% !important;
}



/* =======================================
余白
======================================= */
@media screen and (min-width:767px){
.pb-md-6 {
 padding-bottom: 4.5rem !important; 
}
.py-md-6 {
 padding-top: 4.5rem !important;
 padding-bottom: 4.5rem !important; 
}
.pb-md-7 {
 padding-bottom: 6rem !important; 
}
.py-md-7 {
 padding-top: 6rem !important;
 padding-bottom: 6rem !important; 
}
.mb-md-6 {
 padding-bottom: 4.5rem !important; 
}
.mb-md-7 {
 padding-bottom: 6rem !important; 
}
}

.pt-6 {
 padding-top: 4.5rem !important; 
}
.pb-6 {
 padding-bottom: 4.5rem !important; 
}
.py-6 {
 padding-top: 4.5rem !important;
 padding-bottom: 4.5rem !important; 
}
.pt-7 {
 padding-top: 6rem !important; 
}
.pb-7 {
 padding-bottom: 6rem !important; 
}
.py-7 {
 padding-top: 6rem !important;
 padding-bottom: 6rem !important; 
}
.mb-6 {
 padding-bottom: 4.5rem !important; 
}
.mb-7 {
 padding-bottom: 6rem !important; 
}




/* =======================================
改行
======================================= */
.br::before {
 content: "\A" ;
 white-space: pre ;
}
.br2::before {
 content: "" ;
 white-space: pre ;
}
@media screen and (max-width:767px) {
.br::before {
 content: "" ;
 white-space: pre ;
}
.br2::before {
 content: "\A" ;
 white-space: pre ;
}
}



/* =========================================
ボタン・アイコン 共通
=========================================== */
.btn_area {
 width: 100%;
}
.btn_area_2 {
 width: 70%;
}

/*----- ボタン -----*/
.buy-btn01 {
	color: #fff!important;
	font-size: 18px;
	background-color: #1f1f1f;
	border: solid 2px #1f1f1f;
	padding: 1% 0;
	border-radius: 50px;
	width: 84%;
 display: inline-block;
}
.buy-btn01:hover {
 background-color: #1f1f1f;
 opacity: 0.7;
}
.buy-btn01:active {
 background-color: #1f1f1f;
	opacity: 0.7;
}
.buy-btn02 {
	color: #fff!important;
	font-size: 20px;
	background-color: #fe676c;
	border: solid 2px #fe676c;
	padding: 1% 0;
	border-radius: 15px;
	width: 100%;
 display: inline-block;
	margin-top: 2%;
	letter-spacing: 0.1em;
}
.buy-btn02:hover {
 background-color: #fe676c;
 opacity: 0.7;
}
.buy-btn02:active {
 background-color: #fe676c;
	opacity: 0.7;
}

@media screen and (max-width:767px) {
.btn_area_2 {
 width: 100%;
}
.buy-btn01 {
 font-size: 16px;
	}
.buy-btn02 {
	padding: 5px 0;
	border-radius: 8px;
 font-size: 14px;
	}
}

/*----- アイコン -----*/
.heart_icon{
 content: url("../img/okiniiri.png");
 display: inline-block;
 width: 13%;
 vertical-align: middle;
 background-repeat: no-repeat;
 margin-left: 3%;
}
.heart_icon02{
 content: url("../img/okiniiri.png");
 display: inline-block;
 width: 13%;
 vertical-align: middle;
 background-repeat: no-repeat;
 margin-left: 3%;
}



/* =========================================
トップへ戻る
=========================================== */
#page_top{
 width: 50px;
 height: 50px;
 position: fixed;
 right: 0;
 bottom: 0;
 background: #fff;
 opacity: 0.6;
 border-radius: 50%;
	border: solid 1px #e68dcd;
	z-index: 999;
}
#page_top a{
 position: relative;
 display: block;
 width: 50px;
 height: 50px;
 text-decoration: none;
}
#page_top a::before{
 font-family: FontAwesome;
 content: '\f106';
 font-size: 25px;
 color: #e68dcd;
 position: absolute;
 width: 25px;
 height: 25px;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 text-align: center;
}



/* =======================================
スクロールでふわっと表示する
======================================= */
/*左から右にフェードイン*/
.left-to-right {
 opacity: 0.1;
 transform: translateX(-50px);
 transition: all 1s;
}
.left-to-right.scrollin {
 opacity: 1;
 transform: translate(0);
}
/*右から左にフェードイン*/
.right-to-left {
 opacity: 0.1;
 transform: translateX(150px);
 transition: all 1s;
}
.right-to-left.scrollin {
 opacity: 1;
 transform: translate(0);
}
/*下から上にフェードイン*/
.down-to-top {
 opacity: 0.1;
 transform: translateY(50px);
 transition: all 1s;
}
.down-to-top.scrollin {
 opacity: 1;
 transform: translateY(0);
}
.up_hover_item:hover {
 box-shadow: 1px 6px 12px #ccc;
 transform: translateY(-10px);
 transition: all 1s;
}



/* =======================================
swiper スライダー
======================================= */
.swiper-container,.swiper-wrapper  {
 width: 100%;
}



/* =======================================
slick スライダー
======================================= */
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
 width:100%;
  margin:0 auto;
}
.slider img {
 width:60vw;
 height:auto;
}
.slider .slick-slide {
	transform: scale(0.7);/*左右の画像のサイズを80%に*/
	transition: all 0.6s ease 0.4s;
	opacity: 0.5;/*透過50%*/
}
.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}
.slick-slide {
 height : auto;
}



/* =======================================
footer
======================================= */
#footer {
 background-color: #174c92;
 font-size: 18px;
	color: #fff;
	padding: 60px 0 0; 
}
#footer ul li {
list-style: none;
text-decoration: none;
font-size: 16px;
}
#footer #footernavi {
 padding: 0 0 60px;
}
#footer #footernavi a:hover,
#footer #footernavi a:active {
 text-decoration: underline;
}
#footer #sitemap a:link {
	color: inherit;
}
#sitemap .title {
 font-size: 22px;
 margin-bottom: 10px;
}
#footer #copyright {
 margin-top: 15px;
 text-align: center;
 font-size: 14px;
 letter-spacing: 0.05rem;
 }

@media screen and (max-width: 767px) {
#footer {
 font-size: 14px;
	padding: 30px 0 50px; 
}
#footer #footernavi {
 padding: 0;
}
#sitemap .title {
 font-size: 18px;
	border-top: solid 1px #fff;
 border-bottom: solid 1px #fff;
}
#sitemap .box {
margin-bottom: 50px;
}
#footer #copyright {
 font-size: 12px;
}
.footerNav {
 text-align: center;

}
.footerNav ul li {
 display: inline-block;
	font-size: 12px;
 margin: 0 1% 1% 0;
 padding-right: 2%;
 border-right: 1px solid #fff;
}
}