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

/*250312追加*/

#page_top {
bottom: 77px !important;
}

@media (max-width: 720px) {
  .hacobune-unit-video[data-v-58790620]{
    margin: 0 0 !important;
  }
}
.movie {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
@media (max-width: 980px) {
  .movie {
    width: 100%;
  }
}
  
/*20220901修正*/

.price {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
  }
  .txt {
    display: inline-block;
    text-align: left;
  }
div.container_ div.contents_, div.container_ div.mainframe_, div.container_ div.mainframe_ .event_ .goods_ {
	width: 100%!important;
	margin: 0 auto;
}

@media only screen and (max-width: 980px) {
	
.price {
    margin: 0 auto;
    text-align: center;
  }
  .txt {
    display: inline-block;
    text-align: center;
  }
}

/*20210716修正*/

.autopagerize_page_element {
	margin:0 auto 0 auto;
}

@media only screen and (max-width: 980px) {
	
.autopagerize_page_element {
	margin: 0 auto;
}	
	
.autopagerize_page_element img{
	width: 100%;
}	
}

/*20210716修正*/


.fadein_img {
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}



 .f_in {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1500ms;
}

.f_in.scrollin{
  opacity: 1;
  transform : translate(0, 0);
}




.event_ {
	width: auto;
}


.name2_ {
	text-align: left;
}

.popup_layer_ {
	top: 65%!important;
}

.StyleR_Item_ .icon2_ img {
	max-width: 31%;
}


div.mainframe_ {
	padding-bottom: 0!important;
}


.mtm_top_wrap {
	width: 100%;
	min-width: 1200px;
	margin: 35px auto;
	padding: 50px 0 40px 0;
	text-align: center;
	background: #f5f5f5;
}

.mtm_top_img {
	width: 370px;
	margin: 0 auto;
	text-align: center;
}

.mtm_top_wrap p {
	margin-top: 30px;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #003958;
	font-size: 2.2rem;
	font-weight: 500;
}


@media only screen and (max-width: 980px) {
	
.mtm_top_wrap {
	min-width: 100%;
	}	
	
.mtm_top_wrap p {
	width: 90%;
	margin: 0 auto;
	font-size: 1.4rem;
	}
	
.mtm_top_img {
	width: 70%;
    margin: 0 auto 5% auto;	
}	
	
}


.mainframe_ {
	display: block;
}

.goods_r_ {
	display: none;
}


@media only screen and (max-width: 980px) {
		

/*20210716修正*/	
	
/*
.mainframe_ {
	display: none;
}
*/
	
/*20210716修正*/	
	
.goods_r_ {
	width: auto;
	display: flex;
}	
	
}



.block-common-ttl-2 {
	margin: 80px 0 40px;
}

.block-common-ttl-2 .txt-ja {
	margin-top: 0;
}


.aboutmtm_link {
	margin: 0 auto;
	text-align: center;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #003958;
	font-size: 2.2rem;
	font-weight: bold;

}

.detailmtm_link {
	margin: 0 auto;
	text-align: center;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #003958;
	font-size: 2.2rem;
	font-weight: bold;

}

.aboutmtm_link a,.detailmtm_link a {
	text-decoration: none!important;	
}

/*250312margin上部45を0に変更*/
.about_mtm_wrap {
	width: 100%;
	min-width: 1200px;
	margin: 0px auto 0 auto;
	padding: 80px 0;
	text-align: center;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #FFFFFF;
	font-size: 2.2rem;	
	background: #6B99B9;
}

.about_mtm_wrap p {
	margin: 0 0 20px 0;
}

.about_mtm_wrap p.aboutmtm_ttl{
	margin: 0 auto 30px auto;
	color: #fff;
	font-size: 3.2rem;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight:300;
	letter-spacing: 4px;
}

.aboutmtm_ttl_j {
	font-size: 1.4rem;
	line-height: 0.3em;
	letter-spacing: normal;
}

.about_mtm_wrap .viewport {
	margin: 50px auto;
}

.about_mtm_wrap .viewport ul {
	display: flex;
	justify-content: center;
}

.about_mtm_wrap .viewport ul li.item {
	width: 400px;
	margin: 0 20px 0 0;
}

.about_mtm_wrap .viewport ul li.item:last-child {
	margin: 0!important;
}



@media only screen and (max-width: 980px) {
	
	
.about_mtm_wrap {
	min-width: 100%;
	padding: 7% 0 1% 0;
}	
	
	
.aboutmtm_link, .detailmtm_link {
	font-size: 1.4rem;
	margin: 5% 0;
}	

	
.about_mtm_wrap p {
	width: 90%;
	margin: 0 auto 5% auto;
	font-size: 1.4rem;	
}	
	
	
.about_mtm_wrap p.aboutmtm_ttl{
	line-height: 0.8em;
	}		
	
.about_mtm_wrap .viewport {
	margin: 5% auto 15% auto;
}	
	

/*
.about_mtm_wrap .viewport .slick-slider .slick-list	{
		padding: 0 5%!important;
	}
*/
	
	
.about_mtm_wrap .viewport .slider1 .item {
flex: 0 0 auto; width: 60%;
	margin: 0 2% 0 0!important;
}
	
.about_mtm_wrap .viewport .slider1 .item img {
		width: 100%;
	}	
	
}







.howto_order_wrap {
	width: 100%;
	min-width: 1200px;	
	margin: 45px auto 0 auto;
	text-align: center;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #003958;
	font-size: 2.2rem;	
	background: #FFF;
}

.howto_order_wrap p {
	margin: 0 0 20px 0;
}

.howto_order_wrap p.howto_order_ttl{
	margin: 70px auto 30px auto;
	color: #003958;
	font-size: 3.2rem;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight:300;
	letter-spacing: 4px;
}

.howto_order_ttl_j {
	font-size: 1.4rem;
	line-height: 0.3em;
	letter-spacing: normal;
}


.howto_order_wrap .viewport {
	width: 1080px;
	margin: 0 auto 50px auto;
}

.howto_order_wrap .viewport .item {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.howto_order_wrap .howtoimg_wrap {
	width: 500px;
}


.howto_order_wrap .howtotxt_wrap {
	width: 450px;
	margin: 0 0 0 30px;
	text-align: left;
}


.howto_order_wrap .howtotxt_wrap span.n_txt {
	font-size: 3.2rem;
	color: #002a46;
}

.howto_order_wrap .howtotxt_wrap span.g_txt {
	line-height: 1.3em;
	color: #666;
}



@media only screen and (max-width: 980px) {
	

.howto_order_wrap {
	min-width: 100%;
	margin: 6% auto 0 auto;
	}	
	
.howto_order_wrap p.howto_order_ttl{
	line-height: 0.8em;
	}	
	
	
.howto_order_wrap .viewport {
	width: auto;
	margin: 0 auto;
}	
	
	
.howto_order_wrap .viewport .flipsnap {
/*display: flex; overflow-x: scroll; justify-content: flex-start;*/
}	
	
.howto_order_wrap .viewport .item {
	flex-direction: column;
	margin: 0 0 3% 0;
}	
	

.howto_order_wrap .viewport .item .howtoimg_wrap {	
	order: 2;
	width: 85%;
}


.howto_order_wrap .viewport .item .howtotxt_wrap {	
	order: 1;
	width: 85%;
	margin: 0 0 3% 0;
}
	
.howto_order_wrap .howtotxt_wrap span.n_txt {
	font-size: 1.6rem;
	color: #002a46;
}

.howto_order_wrap .howtotxt_wrap span.g_txt {
	line-height: 1.4rem;
	color: #666;
}	
	
}




.details_wrap {
	width: 100%;
	min-width: 1200px;
	margin: 45px auto 0 auto;
	padding: 50px 0;
	text-align: center;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #003958;
	font-size: 2.2rem;	
	background: #f5f5f5;
}


.details_wrap p.details_ttl{
	margin: 0 auto 30px auto;
	color: #003958;
	font-size: 3.2rem;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight:300;
	letter-spacing: 4px;
}

.details_ttl_j {
	font-size: 1.4rem;
	line-height: 0.3em;
	letter-spacing: normal;
}


.detail_box_wrap{
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}

.detail_box {
	width: 350px;
	margin: 0 35px 45px 0;
	background: #FFF;
}

.detail_txt_box {
	margin: 5px auto 30px auto;
}

.detail_box:nth-child(3n) {
	margin-right: 0!important;
}

.detail_box p{
	font-size: 1.8rem;
	line-height: 1.3em;
	color: #666666;
	padding: 0 20px;
}

.detail_box p.detail_txt{
	text-align: left;
}

.detail_box span {
	font-size: 2.7rem;
	color: #002a46;
}


.detail_box img {
	width: 350px;
}

@media only screen and (max-width: 980px) {
	
.details_wrap {
	min-width: 100%;
	margin: 6% auto 0 auto;
	padding: 7% 0 1% 0;
	}
	
.details_wrap p.details_ttl{
	line-height: 0.8em;	
	}	
	
	
.detail_box_wrap{
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}

.detail_box {
	width: 48%;
	margin: 0 3% 3% 0;
}
	
.detail_box:nth-child(3n) {
	margin-right: 3%!important;
}	
	
.detail_box:nth-child(2n) {
	margin-right: 0!important;
}
	
.detail_box p{
	font-size: 12px;
	}
	
	
.detail_box span {
	font-size: 2.0rem;
}	
	
	
.detail_box img {
	width: 100%;
}	
	
}


.sns_icon_wrap {
	width: 330px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto 100px auto;
}

.sns_icon_box {
	width: 70px;
	margin: 0 55px 0 0;
}

.sns_icon_box:last-child{
	margin-right: 0;
}

@media only screen and (max-width: 980px) {

.sns_icon_wrap {
	width: 100%;
	margin: 0 auto 50px auto;
}	
	
.sns_icon_box {
	width: 13%;
	margin: 0 6% 0 0;
}
.sns_icon_box:last-child{
	margin-right: 0;
}

}