@charset "UTF-8";
/*-----------------------------------------------------------------------------------
    除外
-----------------------------------------------------------------------------------*/
#contents .pagetop{
	display:none;
}
/*-----------------------------------------------------------------------------------
    調整
-----------------------------------------------------------------------------------*/

#footer{
	border:0;
	height:auto;
	overflow:visible;
}

.header2021 div,
.header2021 span,
.header2021 applet,
.header2021 object,
.header2021 iframe,
.header2021 h1,
.header2021 h2,
.header2021 h3,
.header2021 h4,
.header2021 h5,
.header2021 h6,
.header2021 p,
.header2021 blockquote,
.header2021 pre,
.header2021 a,
.header2021 abbr,
.header2021 acronym,
.header2021 address,
.header2021 big,
.header2021 cite,
.header2021 code,
.header2021 del,
.header2021 dfn,
.header2021 em,
.header2021 img,
.header2021 ins,
.header2021 kbd,
.header2021 q,
.header2021 s,
.header2021 samp,
.header2021 small,
.header2021 strike,
.header2021 strong,
.header2021 sub,
.header2021 sup,
.header2021 tt,
.header2021 var,
.header2021 b,
.header2021 u,
.header2021 i,
.header2021 center,
.header2021 dl,
.header2021 dt,
.header2021 dd,
.header2021 ol,
.header2021 ul,
.header2021 li,
.header2021 fieldset,
.header2021 form,
.header2021 label,
.header2021 legend,
.header2021 table,
.header2021 caption,
.header2021 tbody,
.header2021 tfoot,
.header2021 thead,
.header2021 tr,
.header2021 th,
.header2021 td,
.header2021 article,
.header2021 aside,
.header2021 canvas,
.header2021 details,
.header2021 embed,
.header2021 figure,
.header2021 figcaption,
.header2021 footer,
.header2021 header,
.header2021 hgroup,
.header2021 menu,
.header2021 nav,
.header2021 output,
.header2021 ruby,
.header2021 section,
.header2021 summary,
.header2021 time,
.header2021 mark,
.header2021 audio,
.header2021 video, .footer2021 html,
.footer2021 body,
.footer2021 div,
.footer2021 span,
.footer2021 applet,
.footer2021 object,
.footer2021 iframe,
.footer2021 h1,
.footer2021 h2,
.footer2021 h3,
.footer2021 h4,
.footer2021 h5,
.footer2021 h6,
.footer2021 p,
.footer2021 blockquote,
.footer2021 pre,
.footer2021 a,
.footer2021 abbr,
.footer2021 acronym,
.footer2021 address,
.footer2021 big,
.footer2021 cite,
.footer2021 code,
.footer2021 del,
.footer2021 dfn,
.footer2021 em,
.footer2021 img,
.footer2021 ins,
.footer2021 kbd,
.footer2021 q,
.footer2021 s,
.footer2021 samp,
.footer2021 small,
.footer2021 strike,
.footer2021 strong,
.footer2021 sub,
.footer2021 sup,
.footer2021 tt,
.footer2021 var,
.footer2021 b,
.footer2021 u,
.footer2021 i,
.footer2021 center,
.footer2021 dl,
.footer2021 dt,
.footer2021 dd,
.footer2021 ol,
.footer2021 ul,
.footer2021 li,
.footer2021 fieldset,
.footer2021 form,
.footer2021 label,
.footer2021 legend,
.footer2021 table,
.footer2021 caption,
.footer2021 tbody,
.footer2021 tfoot,
.footer2021 thead,
.footer2021 tr,
.footer2021 th,
.footer2021 td,
.footer2021 article,
.footer2021 aside,
.footer2021 canvas,
.footer2021 details,
.footer2021 embed,
.footer2021 figure,
.footer2021 figcaption,
.footer2021 footer,
.footer2021 header,
.footer2021 hgroup,
.footer2021 menu,
.footer2021 nav,
.footer2021 output,
.footer2021 ruby,
.footer2021 section,
.footer2021 summary,
.footer2021 time,
.footer2021 mark,
.footer2021 audio,
.footer2021 video {
	font:initial;
}

.header2021 .header2021-logo{
	position:relative;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.header2021.js-fixedheader .header2021-logo{
	width: 175px;
 margin-top: 5px;
}

.header2021.is-open .header2021-logo__copy{
	color:#fff;
}

.header2021 .header2021-logo .header2021-logo__copy{
	position: relative;
	bottom: 2px;
	width: 100%;
	max-width: 190px;
	text-align: center;
	display: inherit;
 font-weight: bold;
}
.header2021.is-open .header2021-menu .header2021-menu__text{
	display:none;
}

.header2021-logo__image {
    text-align: center;
}

@media screen and (max-width: 768px) {
	.footer2021 .footer2021-inner .footer2021-nav .footer2021-nav__sub ul li{
		width:calc(50% - 1px);
	}
}

@media screen and (min-width: 992px) {

	.footer2021 .footer2021-inner .footer2021-nav .footer2021-nav__sub,
	.footer2021 .footer2021-inner .footer2021-nav .footer2021-nav__sub2 {
		padding-left: 5.5%;
		margin-left: 5.5%; 
	}
	
}

@media screen and (min-width: 360px) {
	.header2021 .header2021-logo .header2021-logo__copy {
		font-size: 10px;
		margin-left: 0;
	}
}

/*-----------------------------------------------------------------------------------
    追加 2021.5.17
-----------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	.header2021 .header2021-navi .header2021-navi__sub ul li.btn-store {
		background-color: #410401;
		height: 30px;
		padding-left: 25px;
		padding-right: 15px;
		border-radius: 50px; 
	}
	.header2021 .header2021-navi .header2021-navi__sub ul li.btn-store:hover {
		background-color: #DD2922;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	.header2021 .header2021-navi .header2021-navi__sub ul li.btn-store:hover a {
		color: #fff; 
	}
	.header2021 .header2021-navi .header2021-navi__sub ul li.btn-store strong:hover {
		color: #fff; 
	}
	
}

.header2021 .header2021-navi .header2021-navi__sub ul li.btn-store a strong {
	min-height: 38px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media screen and (min-width: 768px) {
	.header2021 .header2021-navi .header2021-navi__sub ul li.btn-store a strong {
		color: #fff;
		margin-right: 10px;
	}

  .header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .button a {
    box-sizing: border-box;
  }
}

@media screen and (min-width: 360px) {
	.header2021 .header2021-logo .header2021-logo__copy{
		margin-left: 11%;
	}
}

















.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: nowrap;
  -ms-flex-direction: nowrap;
  flex-direction: nowrap;
  width: 100%;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__image {
  width: 70%;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__image a {
  display: block;
  opacity: 1;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__image a:hover {
  opacity: 0.75;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__image a img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__link {
  width: 30%;
  padding-left: 20px;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__link a {
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  height: 100%;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__link a:hover {
  background-color: #DD2922;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__link a::after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  display: block;
  right: 5px;
  bottom: 5px;
  background-image: url(../images/common/cursor-right_w.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink {
  width: 100%;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a {
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a:hover {
  background-color: #DD2922;
  opacity:1;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a .mainsub-banner__banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a .mainsub-banner__banner dt {
  width: 70%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a .mainsub-banner__banner dt .image-item {
  width: 33.333%;
  padding-right: 5px;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a .mainsub-banner__banner dt .image-item img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a .mainsub-banner__banner dd {
  width: 30%;
  padding-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color:#fff;
}

.header2021 .header2021-navi .header2021-navi__main .mainnav .mainnav-item .header2021-navi__mainsub .mainsub__body .mainsub-banner .mainsub-banner__imagelink a::after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  display: block;
  right: 5px;
  bottom: 5px;
  background-image: url(../images/common/cursor-right_w.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}