@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
html,body{margin:0;padding:0;width:100%;}
section,footer,header{margin:0;padding:0}
ul{list-style:none}ul li{vertical-align:top}
label {display: inline-block;margin-bottom: 0.5rem;}
button, input {overflow: visible;}
button, select {text-transform: none;}
table,tbody,tr,hh,td{margin:0;padding:0;}
input, button, select, optgroup, textarea {margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
textarea {overflow: auto;resize: vertical;}
input[type="radio"], input[type="checkbox"] {box-sizing:border-box;padding:0;}
input:-internal-autofill-selected{background-color:transparent;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {cursor: pointer;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
*, *::before, *::after {box-sizing: border-box;}
em {font-style: normal;}
a {outline: none;}a img {outline:none;}a:focus, *:focus {outline:none;}
a:link{text-decoration:none;}a:visited{text-decoration:none;}a:active{text-decoration:none;}
a:hover{text-decoration:none;opacity:0.7;transition:.4s;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
/*html, body {height:100%;}*/
html{font-size:62.5%;}
body{
	font-family:'Montserrat','游ゴシック','Yu Gothic','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic', arial, helvetica,sans-serif;
	font-size:62.5%;
	line-height:1.6;
	-webkit-text-size-adjust:100%;
	color:#000;
	background-color:#ffeddd;
}
/* support iOS */
html{height: -webkit-fill-available;}
body{
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
img,svg{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
.is_pc{display:block;}
.is_sp{display:none;}
@media screen and (max-width:1024px){
	.is_pc{display:none;}
	.is_sp{display:block;}
}
/*--------------------------------------------------------
animation
--------------------------------------------------------*/
.animation{
	opacity:0;
}
/*fadeInDown*/
.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.2s;
	-ms-animation-duration:1.2s;
	animation-duration:1.2s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(50px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.anime_delay1{
-moz-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
}
.anime_delay2{
-moz-animation-delay: 1.0s;
-webkit-animation-delay: 1.0s;
-o-animation-delay: 1.0s;
}
.anime_delay3{
-moz-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
}
.anime_delay4{
-moz-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
}
.anime_delay5{
-moz-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
}

/*pagetop*/
.pagetop{
	position:fixed;
  bottom:0;
  width:100%;
  z-index:100;
}
.pagetop_link{
  display: block;
	position: absolute;
  width: 120px;
  height: 120px;
  right: 40px;
  bottom: 40px;
  transition: .3s ease;
  opacity: 1;
  display:none;
}
.pagetop_link:hover{
  opacity: 1;
  transform: scale(1.1,1.1);
}
@media screen and (max-width:1024px){
  .pagetop_link{
    width: 16vw;
    height: 16vw;
    right: 3.5vw;
    bottom: 3.5vw;
  }
  .pagetop_link:hover{
    transform: scale(1,1);
  }
}

/*wrapper*/
#wrapper{
  position: relative;
  width: 100%;
  height: 100%;
}
#main_contents{
  position: relative;
  overflow: hidden;
  z-index: 2;
}

/*----------------
modal
-----------------*/
.modalbg {
  position: fixed;
  margin:0;padding:0;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
}
.modalbg_btn{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/*modal content*/
.modalContent {
  display: none;
  position: fixed;
  margin:0;padding:0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: auto;
  /*background-color: rgba(255,0,0,0.2);*/
}
.modal_link_innr{
  display: block;
  position: absolute;
  margin: auto;
  width: 815px;
  height: auto;
  top: 5vw;
  left: 50%;
  transform: translate(-50%,0);
}
.modal_link_conts{
  position:relative;
  margin:0 auto;
  margin-bottom: 70px;
  padding: 0 50px;
  padding-top: 120px;
  padding-bottom: 55px;
  width: 100%;
  height: auto;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 20px;  
  background-color: rgba(0,0,0,0.8);
}
.modal_close{
  position: absolute;
  width: 68px;
  height: 68px;
  top: 33px;
  right: 27px;
  z-index: 2;
  cursor: pointer;
  transition: .3s;
}
.modal_close:hover{
  transform: rotate(-180deg);
}
.modal_link_ttl{
  display: block;
  margin-bottom: 65px;
  text-align: center;
  font-size: 4.6rem;
  line-height: 1;
  font-weight: 700;
}
.modal_link_list{
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.modal_link_main{
  position: relative;
  margin-right: 40px;
  margin-bottom: 40px;
  width: 170px;
}
.modal_link_main:nth-child(3n){
  margin-right: 0;
}
.mdl_logo_img{
  margin-bottom: 30px;
  width: 164px;
  transition: .4s;
}
.mdl_logo_name{
  font-size: 2.6rem;
  line-height: 1.4;
  text-align: center;
}
.modal_link_main a{
  display: block;
  color: #fff;
  text-decoration: none;
}
.modal_link_main a:hover{
  opacity: 1;
}
.modal_link_main a:hover .mdl_logo_img{
  transform: scale(1.1,1.1);
  opacity: 1;
}
.mdl_shoplocal_link{
  display: table;
  position: relative;
  margin: 0 auto;
  padding: 0 32px;
  height: 45px;
  font-size: 2.6rem;
  line-height: 43px;
  text-align: center;
  color: #fff;
  border-radius: 100vh;
  box-sizing: border-box;
  border: 2px solid #fff;
  opacity: 1;
  transition: .4s;
}
.mdl_shoplocal_link:hover{
  opacity: 1;
  color: #000;
  background-color: #fff;
}
@media screen and (max-width: 1024px){
  .modal_link_innr{
    width:90vw;
    top: 10vw;
  }
  .modal_link_conts{
    margin-bottom: 9vw;
    padding: 0 5vw;
    padding-top: 18vw;
    padding-bottom: 11vw;
    border-radius: 2.7vw;  
  }
  .modal_close{
    width: 8vw;
    height: 8vw;
    top: 3.6vw;
    right: 3.6vw;
  }
  .modal_link_ttl{
    margin-bottom: 10vw;
    font-size: 2.2rem;
  }
  .modal_link_list{
    position: relative;
    width: 54vw;
  }
  .modal_link_main{
    margin-right: 6vw;
    margin-bottom: 7vw;
    width: 24vw;
  }
  .modal_link_main a:hover .mdl_logo_img{
    transform: scale(1,1);
    opacity: 1;
  }
  .modal_link_main:nth-child(3n){
    margin-right: 5vw;
  }
  .modal_link_main:nth-child(2n){
    margin-right: 0;
  }
  .mdl_logo_img{
    margin-bottom: 3vw;
    width: 23vw;
  }
  .mdl_logo_name{
    font-size: 1.4rem;
  }
  .mdl_shoplocal_link{
    font-size: 1.4rem;
  }
}

/*-------------------------
header
-------------------------*/
.header{
  position: fixed;
  width: 100%;
  height: 100px;
  z-index: 10;
  transition: .5s;
}
.header.hide{
  transform: translateY(-200%)!important;
}
.header_innr{
  position: relative;
  width: 100%;
  max-width: 1080px;
  height: 100px;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  background-image: url("../imgs/header_bg.svg");
  background-repeat: no-repeat;
  background-position: bottom 0 center;
  background-size: 100% auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_innr a{
  display: block;
}
.logo_inaba{
  position: absolute;
  width: 96px;
  left: 270px;
}
.logo_churu{
  position: relative;
  margin: 0 auto;
  width: 168px;
}
.hd_forcats{
  position: absolute;
  display: block;
  width: 236px;
  right: 123px;
}
.hd_order{
  position: absolute;
  display: block;
  width: 318px;
  right: 70px;
}
.hd_order::after{
  content: '';
  position: absolute;
  width: 40px;
  height: 48px;
  top: -10px;
  right: -18px;
  background-image: url("../imgs/order_icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  z-index: 2;
  /*ordericon*/
  -webkit-animation: ordericon .4s ease infinite alternate;
  -ms-animation: ordericon .4s ease infinite alternate;
  animation: ordericon .4s ease infinite alternate;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes ordericon {
0% { -webkit-transform: scale(1,1);}
100% { -webkit-transform: scale(1.2,1.2);}
}
@keyframes furafura {
0% { -webkit-transform: scale(1,1);-ms-transform: scale(1,1); transform: scale(1,1);}
100% { -webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2);}
}
.hd_order::before{
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 16.5px;
  right: 26px;
  background-image: url("../imgs/order_link_arw.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
  transition: .4s;
  z-index: 2;
}
.order_link_bg{
  position: relative;
  width: 100%;
}
.order_link_txt{
  position: absolute;
  width: 222px;
  top: 20px;
  left: 31px;
  transition: .4s;
  z-index: 2;
}
.hd_order:hover{
  opacity: 1;
}
.hd_order:hover .order_link_txt{
  opacity: 1;
}
.hd_order:hover::before{
  transform: scale(1.2,1.2);
}
@media screen and (max-width: 1024px){
  .header{
    height: 15vw;
    top: 3vw;
  }
  .header_innr{
    width: 94vw;
    height: 15vw;
    background-image: url("../imgs/header_bg_sp.svg");
  }
  .logo_inaba{
    width: 13vw;
    left: 20vw;
  }
  .hd_forcats{
    width: 18vw;
    right: 12vw;
  }
  .hd_order{
    width: 28vw;
    right: 5vw;
  }
  .hd_order::after{
    width: 4vw;
    height: 5.4vw;
    top: -1.5vw;
    right: -2.5vw;
  }
  .order_link_txt{
    width: 20vw;
    top: 1.73vw;
    left: 2.5vw;
  }
  .hd_order:hover .order_link_txt{
    opacity: 1;
  }
  .hd_order::before{
    width: 2.6vw;
    height: 2.6vw;
    top: 1.2vw;
    right: 2.2vw;
    background-size: 2.6vw 2.6vw;
  }
}
@media screen and (max-width:768px){
  .header{
    height: 15vw;
    top: 3vw;
  }
  .header_innr{
    width: 94vw;
    height: 15vw;
    background-image: url("../imgs/header_bg_sp.svg");
  }
  .logo_inaba{
    width: 13vw;
    left: 19vw;
  }
  .logo_churu{
    width: 21vw;
  }
  .hd_forcats{
    width: 18vw;
    right: 11vw;
  }
}

/*-------------------------
footer
-------------------------*/
.footer{
  position: relative;
  padding-top: 30vw;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.footer_innr{
  position: relative;
  margin: 0 auto;
  padding-bottom: 100px;
  width: 100%;
}
.footer_bg_tail{
  position: absolute;
  margin-top: 2vw;
  width: 100%;
  min-width: 1330px;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none;
  z-index: -1;
}
.footer_tail_img{
  position: absolute;
  width: 50%;
  height: auto;
  top: 0;
  left: 50%;
  z-index: 1;
  -webkit-animation: tail_furafura 1.5s ease infinite alternate;
  -ms-animation: tail_furafura 1.5s ease infinite alternate;
  animation: tail_furafura 1.5s ease infinite alternate;
  /*transform-origin:x y z;*/
  -webkit-transform-origin: left bottom 20px;
  -ms-transform-origin: left bottom 20px;
  transform-origin: left bottom 20px;
}
@-webkit-keyframes tail_furafura {
0% { -webkit-transform: rotate(-3deg);}
100% { -webkit-transform: rotate(3deg);}
}
@keyframes tail_furafura {
0% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);}
100% { -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);}
}
.footer_tail_bg{
  width: 100%;
  height: 100%;
}
.sns_link_ttl{
  margin-bottom: 25px;
  font-size: 2.6rem;
  text-align: center;
  color: #fff;
}
.sns_link_list{
  position: relative;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns_link{
  display: block;
  position: relative;
  margin-right: 35px;
}
.sns_link:last-child{
  margin-right: 0;
}
.sns_facebook{
  width: 56px;
}
.sns_youtube{
  width: 73px;
}
.sns_insta{
  width: 52px;
}
.sns_twitter{
  width: 60px;
}
.sns_tiktok{
  width: 41px;
}
.footer_copyright{
  padding-bottom: 90px;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
}
@media screen and (max-width:1500px){
  .footer{
    padding-top: 34vw;
  }
  .footer_bg_tail{
    top: 2vw;
  }
}
@media screen and (max-width:1200px){
  .footer{
    padding-top: 44vw;
  }
  .footer_tail_img{
    width: 50vw;
    top: 4vw;
  }
  .footer_bg_tail{
    top: 2vw;
  }
}
@media screen and (max-width:1024px){
  .footer_tail_img{
    top: 9vw;
  }
}
@media screen and (max-width:768px){
  .footer{
    padding-top: 42vw;
  }
  .footer_innr{
    padding: 0 5vw;
    padding-bottom: 18vw;
    background-color: #e1261c;
  }
  .footer_bg_tail{
    width: 100%;
    min-width: initial;
  }
  .footer_tail_img{
    top: 3vw;
  }
  .sns_link_ttl{
    margin-bottom: 8vw;
    font-size: 1.5rem;
  }
  .sns_link_list{
    margin-bottom: 9vw;
  }
  .sns_link{
    margin-right: 6vw;
  }
  .sns_facebook{
    width: 9.33vw;
  }
  .sns_youtube{
    width: 12.13vw;
  }
  .sns_insta{
    width: 8.66vw;
  }
  .sns_twitter{
    width: 9.86vw;
  }
  .sns_tiktok{
    width: 6.8vw;
  }
  .footer_copyright{
    padding-bottom: 9vw;
    font-size: 1rem;
    background-color: #e1261c;
  }
}