@charset "utf-8";
/*---------------------------
 CSS Document 
-----------------------------*/
/*============================
共通
============================*/
#breadcrumbs {
 margin: 0;
}
.hed {}
img {
 width: 100%;
}
a:hover, a:hover img, a:hover p, a:hover div {
 opacity: 0.8;
 transition: all 0.2s ease-out 0s;
}
.arrow_next:after {
 content: "";
 position: absolute;
 display: inline-block;
 width: 10px;
 height: 10px;
 right: 5%;
 top: 40%;
 border-top: 1px solid #e8497a;
 border-right: 1px solid #e8497a;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.arrow_next.bk:after {
 border-color: #000;
}
.arrow_down:after {
 content: "";
 position: absolute;
 display: inline-block;
 width: 10px;
 height: 10px;
 left: 48%;
 bottom: 10px;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.gs_width {
 max-width: 1280px;
 margin: 40px auto 80px;
 width: 90%;
 text-align: center;
}
.sp {
 display: none;
}
/*============================
画像フェードイン
============================*/
.is-lazyloaded {
 animation: fadeIn 1s;
}
@keyframes fadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
/*============================
共通ボタン
============================*/
.top_btn {}
.top_btn a {
 background-color: #07738E;
 font-size: 20px;
 color: #fff;
 margin: 0 auto;
 display: block;
 text-align: center;
 padding: 10px;
 position: relative;
 max-width: 500px;
 width: 80%;
}
.link_btn a {
 background-color: #07738E;
 font-size: 20px;
 color: #fff;
 margin: 0 auto 0;
 display: block;
 text-align: center;
 padding: 10px;
 position: relative;
 max-width: 500px;
 width: 80%;
}
.link_btn.top a {
 margin: 50px auto 0;
}
.allitem_bt {
 text-align: center;
}
.allitem_bt a {
 font-size: 30px;
 display: inline-block;
 border: solid 1px #e8497a;
 color: #e8497a;
 padding: 10px 0;
 width: 600px;
 max-width: 90%;
 text-align: center;
 border-radius: 5px;
 font-weight: 600;
 box-shadow: 2px 2px 0 0 rgb(0 0 0 / 20%);
}
.top_bt {
 text-align: center;
 margin: 20px 0 0;
}
.top_bt a {
 display: inline-block;
 font-size: 30px;
 color: #ffffff;
 padding: 10px 0;
 background-color: #bbb;
 width: 600px;
 max-width: 90%;
 text-align: center;
 /* border-radius: 5px; */
 font-weight: 600;
 margin: 40px 0 0;
}
/*============================
コンテンツ
============================*/
/*============================
#copy
============================*/
#copy {
 font-size: 26px;
 color: #3a2603;
 font-weight: 600;
}
.copy01 {}
.copy02 {
 font-weight: 600;
 font-size: 35px;
}
.copy_tg {
 color: #00376b;
}
.copy03 {}
.copy04 {
 margin: 20px 0 30px;
}
/*============================
#date
============================*/
#date {
 background-color: #eee;
 max-width: 800px;
 margin: 0 auto;
 font-size: 24px;
 padding: 15px 0;
 width: 90%;
}
.date_ttl {}
.date_txt {}
/*============================
#oubohouhou
============================*/
#oubohouhou {
 margin: 50px 0 0;
}
.oubohouhou_ttl {
 font-size: 30px;
 margin: 0 0 10px;
}
.oubohouhou_img {
 max-width: 1179px;
 margin: 0 auto;
 width: 90%;
}
.pc {}
.oubohouhou_btcopy {
 font-size: 40px;
 font-weight: 600;
 margin: 70px 0 0;
}
.oubohouhou_bt {
 max-width: 748px;
 margin: 0px auto 0;
 width: 90%;
}
/*============================
#present
============================*/
#present {}
.present_img {
 max-width: 956px;
 margin: 60px auto 0;
 width: 90%;
}
/*============================
#pointup
============================*/
#pointup {}
.pointup_sarani {
 max-width: 195px;
 margin: 0 auto 20px;
}
.pointup_ttl {
 font-size: 40px;
 font-weight: 600;
 border-bottom: solid 4px #f90101;
 display: inline-block;
}
.apologize {
 max-width: 1000px;
 margin: 20px auto;
 padding: 10px 0;
 color: #666;
 border: 1px solid #666;
}
/*============================
#pointup8
============================*/
#pointup8 {}
.pointup_ptimg {
 max-width: 628px;
 margin: 60px auto 0;
 width: 90%;
}
.pointup_ad {
 display: inline-block;
 text-align: left;
 margin: 30px 0 0;
}
.pointup_ad_list {
 font-size: 20px;
 text-indent: -1em;
 margin-left: 1em;
}
.pointup_bl {
 background-color: #eee;
 max-width: 1000px;
 margin: 0 auto;
}
.pointup_bl_ttl {
 background-color: #000;
 color: #fff;
 padding: 5px 0;
 font-size: 20px;
 margin: 30px auto 0;
}
.pointup_blwrap {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 padding: 30px 30px;
 justify-content: space-around;
}
.pointup_bl_list {
 margin: 0 10px 20px;
}
.pointup_bl_list a {
 display: block;
}
/*============================
#tsbl
============================*/
#tsbl {
 background-color: #382400;
 margin: 40px 70px 0;
 padding: 0 0 20px;
 border-radius: 5px;
}
.tsbl_ttl {
 color: #fff;
 font-size: 30px;
 line-height: 1;
 padding: 10px 0;
}
.tsbl_ttl_ad {
 font-size: 18px;
 padding: 0 0 0 20px;
}
.tsbl_blwrap {
 display: flex;
 flex-wrap: wrap;
 background-color: #fff;
 justify-content: space-between;
 margin: 10px 30px;
 border-radius: 10px;
 padding: 20px;
}
.tsbl_list {
 width: 18%;
 margin: 0 0 20px;
}
.tsbl_logo {
 padding: 0 20px;
}
.tsbl_tag {
 background-color: #ccc;
 margin: 10px 0 0;
 color: #00376b;
 border-radius: 3px;
 padding: 7px 0;
}
.tsbl_ad {
 display: flex;
 margin: 0 30px 0;
 justify-content: space-between;
 align-items: center;
}
.tsbl_ad_list {
 background-color: #fff;
 padding: 10px 20px;
 border-radius: 5px;
 color: #382400;
 font-size: 14px;
 font-weight: 600;
 margin: 0 10px 0 0;
}
li.tsbl_ad_list {}
/*====================================
	リキッド表示設定
	1100pxより変形
====================================*/
@media only screen and (max-width: 1380px) {}
@media only screen and (max-width: 980px) {
 .item_list {
  width: 100%;
  max-width: 90%;
  margin: 0 auto 5%;
 }
 .col4 .item_list {
  width: 48%;
  max-width: 100%;
  padding: 0 0 7%;
 }
 .price_list a {
  font-size: 20px;
 }
 .activty_list {
  width: 48%;
  margin: 0 0 5%;
 }
 .activty_list a {}
}
@media only screen and (max-width: 786px) {
 /*---------------------------
共通
-----------------------------*/
 .sp_br {
  display: block;
 }
 .no_br br {
  display: none;
 }
 .gs_width {
  margin: 5% auto 15%;
 }
 .sp {
  display: block;
 }
 .pc {
  display: none !important;
 }
 /*============================
ヘッダ
============================*/
 .copy_ttl {
  font-size: 24px;
 }
 .copy_txt {
  font-size: 20px;
  text-align: left;
 }
 /*============================
ボタン
============================*/
 .allitem_bt {}
 .allitem_bt a {
  font-size: 20px;
 }
 .top_bt {}
 .top_bt a {
  font-size: 20px;
 }
 .arrow_next:after {
  width: 5px;
  height: 5px;
  top: 44%;
 }
 /*============================
#copy
============================*/
 #copy {
  font-size: 18px;
  text-align: left;
  line-height: 1.2;
  font-weight: normal;
  margin: 0 0 0;
 }
 .copy01 {
  display: inline;
 }
 .copy02 {
  display: inline;
  font-size: 20px;
 }
 .copy_tg {}
 .copy03 {
  display: inline;
 }
 .copy04 {}
 /*============================
#date
============================*/
 #date {
  margin: 0 auto;
  padding: 5%;
 }
 .date_ttl {
  font-size: 20px;
 }
 .date_txt {
  font-size: 18px;
 }
 /*============================
#oubohouhou
============================*/
 #oubohouhou {}
 .oubohouhou_ttl {}
 .oubohouhou_img {}
 .pc {}
 .oubohouhou_btcopy {
  font-size: 24px;
  margin: 5% 0 0;
 }
 .oubohouhou_bt {
  width: 100%;
  margin: 2% 0;
 }
 /*============================
#present
============================*/
 #present {}
 .present_img {}
 /*============================
#pointup
============================*/
 #pointup {}
 .pointup_sarani {
  max-width: 30%;
  margin: 5% auto 5%;
 }
 .pointup_ttl {
  font-size: 20px;
  border: none;
  font-weight: 600;
 }
 .pointup_ttl span {
  /* border-bottom: solid 2px #f90101; */
 }
 .apologize {
  margin: 20px auto;
  padding: 10px;
  color: #666;
  border: 1px solid #666;
 }
 .apologize br {
  display: none;
 }
 /*============================
#pointup8
============================*/
 #pointup8 {}
 .pointup_ptimg {
  margin: 10% auto 0;
 }
 .pointup_ad {}
 .pointup_ad_list {
  font-size: 14px;
 }
 .pointup_bl {}
 .pointup_bl_ttl {}
 .pointup_blwrap {
  justify-content: space-around;
  padding: 10% 5% 0;
 }
 .pointup_bl_list {
  max-width: 35%;
 }
 .pointup_bl_list a {}
 /*============================
#tsbl
============================*/
 #tsbl {
  margin: 5% 0;
 }
 .tsbl_ttl {
  font-size: 26px;
 }
 .tsbl_ttl_ad {
  display: block;
  font-size: 14px;
  padding: 2% 0 0;
 }
 .tsbl_blwrap {
  padding: 5%;
  margin: 5%;
 }
 .tsbl_list {
  width: 48%;
 }
 .tsbl_logo {
  padding: 0;
  margin: 0 0 9%;
 }
 .tsbl_tag {
  font-size: 14px;
  text-align: left;
  line-height: 1.2;
  padding: 5px 10px;
  margin: 5px 0 0;
 }
 .tsbl_ad {
  display: block;
  text-align: justify;
  margin: 0 5%;
 }
 .tsbl_ad_list {}
 li.tsbl_ad_list {
  margin: 0 0 3%;
 }
}