@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	scroll-behavior: smooth;
}
body{
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Droid Sans", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Open Sans", Helvetica, Arial, Roboto, YuGothic, sans-serif;
	line-height: 1.618;
	font-size: 15px;
	color:#2b2b2b;
	background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
	-webkit-font-smoothing:antialiased;
}
a {
  text-decoration: none;
}
section {
  padding: 0;
  margin: 0 auto;
}
video {
  width: 100%;
}
.fontMincho {
	font-family: "Noto Serif JP", "DM Serif Display", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (min-width: 768px) {
  .spOnly {
    display: none !important;
  }
  .spLineOnly {
    display: none !important;
  }
  .pcOnly {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
  .spOnly {
    display: block;
  }
  .spLineOnly {
    display: inline;
  }
}
/* SNSブロック表示用 */
.spTabOnly {
  display: none;
}
@media screen and (max-width: 834px) {
  .spTabOnly {
    display: block;
  }
}
/* Layout */
.txtRed {
  color:#d00c2f;
}
.txtBlue {
  color:#0a448a;
}
.txtGold {
  color:#8c620c;
}
.txtLeft06 {
  margin-left: 0.6rem;
}
.txtLeft10 {
  margin-left: 1.0rem;
}
.txtLeft16 {
  margin-left: 1.6rem;
}
.txtTop06 {
  margin-top: 0.6rem;
}
.txtTop10 {
  margin-top: 1.0rem;
}
.txtTop16 {
  margin-top: 1.6rem;
}
.txtTop24 {
  margin-top: 2.4rem;
}
.txtBottom06 {
  margin-bottom: 0.6rem;
}
.txtBottom10 {
  margin-bottom: 1.0rem;
}
.txtBottom16 {
  margin-bottom: 1.6rem;
}
.txtBottom24 {
  margin-bottom: 2.4rem;
}
.txtWight500 {
  font-weight: 500;
}
.txtWightBold {
  font-weight: bold;
}

/*  Transition */
.delay03 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.delay06 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.delay09 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.delay12 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.delay15 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.delay18 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.durate10 {
  -webkit-animation-duration: 1.0s;
  animation-duration: 1.0s;
}


.wrapper {
  position: relative;
}
.pageHeadImg {
  height: 24vh;
  margin: 1.0rem 0 0;
  background-color: #c92330;
  box-sizing: border-box;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-position: center center;
  background-size: cover;
}
/* common */
  .contBlock {
    padding: 0 0.6rem 2.4rem;
    margin: 0 auto;
  }

@media screen and (min-width: 768px) {
  .contBlock {
    padding: 0 2.4rem 2.4rem;
    max-width: 1160px;
  }
  .sectionInner {
    max-width: 1440px;
    margin: 0 auto;
  }
  .pageHeadImg {
    height: 32vh;
    margin: 0.6rem 0 0;
  }
  /* テキストhover時下線 */
  a .txt {
  position: relative;
  display: inline-block;
  text-decoration: none;
  }
  a .txt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #c92330;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
  }
  a:hover .txt::after {
  transform-origin: left top;
  transform: scale(1, 1);
  }
}

/* Flex */
.flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
}
.flexWrap {
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
}
.flexItemCenter {
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;  
}
.flexItemEnd{
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flexItemBaseline{
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.flexJustifyCenter {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;  
}
.flexJustifyStart {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;  
}
.flexJustifyEnd {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flexJustifyAround {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flexJustifyBetween {
	-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flexDirectionColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.borderNone {
  border: none;
}

/* パンくずリスト */
.breadcrumb {
  padding: 0.6rem 1.0rem 0;
  font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 72px 0 0 0.6rem;
  }
}

/* Top */
#topWrapper {
  display: none;
}
@media screen and (max-width: 767px) {
  .topVideo {
    /*width: 100vw;*/
  }
 .topVideo video {
    /*height: 40vh;
    width: 200%;
    overflow-x: hidden;
    margin: 0 -50%;*/
  }
}
.is-open{
  display: none;
}

@keyframes zoom {
  0% {
  transform: scale(1);
  }
  100% {
  transform: scale(1.2);
  }
}
.swiper-slide-active .zoom img {
  animation: zoom 6s linear 0s 1 normal both;
} 

.topmsg {
  margin: 2.4rem 0.6rem;
  line-height: 1.8;
}
.topmsg h1 {
  width: 80vw;
  max-width: 600px;
  margin: 0 auto 1.0rem;
  font-size: 1.1rem;
}
.topmsg h2 {
  text-align: center;
  font-size: 1.0rem;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
   .topmsg {
    margin: 3.2rem 1.6rem;
    line-height: 2.2;
  }
  .topmsg h1 {
    width: 50vw;
    font-size: 1.2rem;
  }
  .topmsg h2 {
    text-align: center;
    font-size: 1.2rem;
  }
}

.pickup_ttl {
  display: block;
  color: #826363;
  font-size: 3.0rem;
  font-weight: 500;
  text-align: center;
}
.p06 {
  padding: 0 0.6rem;
}
.p06 a{
  display: block;
  overflow: hidden;
  /*transform: scale(1.0);
  transition-duration: .4s;*/
  position: relative;
  width: 100%;
  height: auto;
  background: #e0e0e0;
}
.p06 a img {
  transform: scale(1.0);
  transition-duration: .4s;
}
.p06 a img:hover {
  transition-duration: .4s;
  transform: scale(1.1);
  opacity: .9;  
}
.p06 p {
  font-weight: 500;
}

/* Dev Page */
.top {
  margin: 1.6rem;
  text-align: center;
}
.ttl {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #c92330;
  padding: 1.0rem 0;
  margin: 3.6rem auto 1.6rem;
}
.top img {
  width: auto;
}
.navi {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;  
}
.navi > div {
  width: 50%;
}
.topCatBtn {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin: 1.0rem auto;
  background-color: #c92330;
	color: #ffffff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-color:#d6616a;
	border-style:solid;
	border-width:1px;
	background-image:url(../images/arrow_right_w.svg);
	background-repeat:no-repeat;
	letter-spacing:0.1em;
	width:72%;
	max-width: 480px;
	height:54px;
	background-size:18px auto;
	background-position:center right 20px;
	-webkit-transition-duration:.5s;
	transition-duration:.5s;
}
.topCatBtn:hover{
	color:#c92330;
	background-color:#ffffff;
	background-image:url(../images/arrow_right.svg);
	text-decoration: none;
}

.pageInner {
  padding-top: 54px;
  padding-bottom: 2.4rem;
  max-width: 1440px;
}
.dev_area {
  margin: 0;
}
.headTtl {
  padding-top: 64px;
  padding-bottom: 1.6rem;
  position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
  /*background-color: #ffffffcc;*/
}
.headTtl h2 {
  position: relative;
  width: 94%;
  max-width: 1160px;
  margin: 0 auto 0.4rem;
  text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
  border-bottom: solid 4px #c0c0c0;
  color: #6b5109;
	/*font-family: "Noto Serif JP", "DM Serif Display", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-size: 2.6rem;
  font-weight: 100;
}
.headTtl h2::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 4px #c92330;
  width: 42%;
  bottom: -4px;
}
.headTtl h2 img {
  height: 54px;
  width: auto;
  margin-bottom: 0.4rem;
}
.headEng {
  width: 100%;
  text-align: center;
  color: #c92330;
  font-size: 1.1rem;
}
.index_ttl {
  position: relative;
  padding-top: 1.6rem;
  width: 72%;
  margin: 0 auto 2.4rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
  border-bottom: solid 4px #e0e0e0;
  color: #989898;
	font-family: "Noto Serif JP", "DM Serif Display", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.0rem;
  font-weight: 500;
  background-color: #ffffffcc;
}
.index_ttl::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 4px #c92330;
  width: 25%;
  bottom: -4px;
}
@media screen and (max-width: 767px) {
  .pageInner {
    padding-top: 1.6rem;
  }
  .headTtl {
    padding-top: 2.0rem;
    padding-bottom: 0;
  }
  .headTtl h2 {
    /*width: 86%;*/
    font-size: 2.0rem;
    border-bottom: solid 3px #e0e0e0;
  }
  .headTtl h2::after {
    width: 46%;
    border-bottom: solid 3px #c92330;
    bottom: -3px;
  }
  .index_ttl {
    width: 84%;
    font-size: 1.4rem;
    border-bottom: solid 3px #e0e0e0;
}
  .index_ttl::after {
    width: 46%;
    border-bottom: solid 3px #c92330;
    bottom: -3px;
  }
}

.index_unit {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	margin:1.6rem auto;
  width: 90%;
  max-width: 1160px;
	color: #c92330;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;  
}
.index_unit > div{
  width: 24%;
}
.item_unit {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	margin:1.6rem auto;
	color: #c92330;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;  
  padding: 0 0.6rem;
}
.item_unit > div {
  width: 24%;
}
.index_unit .thm {
  width: 22%;
}
.index_unit .brandItem {
  width: 13.5%;
}
.index_unit .brandThm {
  height: 64px;
  max-height: 64px;
  width: auto;
  max-width: 100%;
}
.index_unit .brandThm img {
  max-height: 64px;
  width: auto;
  max-width: 100%;
}
@media screen and (max-width:767px){
  .item_unit > div {
      width: 50%;
  }
}

/* Common */
.topSecMsg {
  width: 100%;
  max-width: 1160px;
  padding: 1.0rem;
  margin: 3.2rem auto 0;
  color: #505050;
  background: #ffffff;
  border-top: solid 5px #bf8e64;
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.25);
}
@media screen and (max-width:767px){
  .topSecMsg {
    margin: 2.4rem auto 0;
    width:94%;
  }
}

/* Pickup Section */
.secPickup {
  padding: 1.0rem 0 2.4rem;
  background-color: #fff8f4;
}
@media screen and (max-width:767px){
}

/* Brand Section */
.secBrand {
  padding: 0 0 2.4rem;
  background-color: #fff7eb;
}
.topBrandArea {
  width: 90%;
  max-width: 1160px;
  margin: 3.2rem auto 2.4rem;  
}
.brandIndex {
  padding: 0;
}
.brandLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 96px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.brandLogo img {
  border-radius: 5px;
}
.brandName {
  font-size: 1.0rem;
  background-color: #ffffff;
  color: #505050;
  text-align: center;
  font-weight: 700;
  padding: 0.4rem 0;
  letter-spacing: -0.06rem
}
.brandName .eng {
    font-size: 0.875rem;
    font-weight: 500;
    color: #866422;
    display: block;
}
@media screen and (max-width:767px){
  .topBrandArea {
    width: inherit;
    max-width: 480px;
  }
  .brandIndex {
    padding: 0;
    width: 94%;
    margin: auto;
  }
  .brandIndex li {
    /*margin: 0 4% 1.6rem;*/
  }
  .brandLogo {
    width: 48px;
  }
  .brandName {
    font-size: inherit;
    padding: 0.3rem 0;
  }
}

/* News Section */
.secNews {
  padding: 0 0 5.6rem;
  background-image: url("../assets/bg_content/news_bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
@media screen and (max-width:767px){
  .secNews {
  padding: 0 0 3.6rem;
}
}
/* Product Section (cat) */
.secProduct {
  padding: 0 0 4.2rem;
  background-color: #fffcea;
}
@media screen and (max-width:767px){
}

/* Movie Section */
.secMovie {
  padding: 0 0 2.4rem;;
  background-image: url("../assets/bg_content/movie_bg.jpg");
  background-position: top right;
  background-size: cover;
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten;
  background-attachment: fixed;
}
.topMovieBlock {
  width: 90%;
  max-width: 1160px;
  padding: 3.2rem 0;
  margin: 0 auto;
}
@media screen and (max-width:767px){
  .secMovie {
    padding: 0 0 2.4rem;
  }
  .topMovieBlock {
    width: 94%;
  }
}

/* Expression Section */
.secExp {
  padding: 0 0 3.2rem;
  background-color: #fff8f8;
}
@media screen and (max-width:767px){
.secExp {
  padding: 0 0 2.4rem;
}
}




.index_unit > div a, .item_unit > div a {
  display: block;
  padding: 0.2rem 0.4rem;
  border: 1px solid #d0d0d0;
  margin: 0.4rem;
  text-align: center;
  color: #505050;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  font-size: 0.86rem;
  line-height: 1.8;
  font-weight: 500;
}
.index_unit > div a:hover, .item_unit > div a:hover {
  border: 1px solid #fdced2;
  color: #ffffff;
  background-color: #c92330;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;
}
.index_cat {
  display: block;
  width: 100%;
}
.list_unit {
	margin:1.6rem auto;
  padding: 0 1.6rem;
	color: #f4f4f4;
  line-height: 1.8;
}
.list_sep {
  margin: 2.4rem 0 0.8rem;
  text-align: center;
  width: 100%;
  background-color: #f7e3bb99;
}
.list_ttl {
  font-size: 1.25rem;
  font-weight: bold;
  /*color: #0f5d74;*/
}
.list_ttl::before {
  content: "【";
  font-weight: bold;
}
.list_ttl::after {
  content: "】";
  font-weight: bold;
}
.list_unit > div p {
  padding-left: 0.6rem;
  margin-top: 1.0rem;
}
.list_unit > div a {
  display: block;
}
.list_item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  margin-left: 1.0rem;
  color: inherit;
}
.list_item div:first-child {
  width: 20.0rem;
}
.list_item  a {
  /*display: block;
  margin: inherit;
  padding: inherit;*/
}
/*.item_ttl {
  color: #17639b;
  font-weight: bold;
}*/

.footer {
  margin: 2.4rem 1.0rem 1.0rem;
  text-align: right;
  font-size: 0.9rem;
}

/* page */
.logo {
  margin: 0 auto 2.4rem;
  width: 18%;
  max-width: 200px;
}
.item_img {
  width: 80%;
  margin: 1.6rem auto;
}
.news_item {
  padding-left: 1.6rem;
  color: #505050;
}
.news_img {
  width: 50%;
  margin: 1.6rem auto;
}
.shop_adrs {
  
}

.topNewsBlock {
  padding: 3.2rem 1.6rem 2.4rem;
  max-width: 1160px;
  margin: 0 auto;
}
.topNewsItem {
  position: relative;
  width: 42%;
  background-color: #ffffff;
  border: 1px solid #e6ccb6;
  border-right: 20px solid #bf8e64;
  padding: 0.6rem;
  margin-bottom: 1.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.topNewsItem::after {
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ffffff;
}
.topNewsItem:hover {
  border: 1px solid #c92330;
  border-right: 20px solid #c92330;
  background-color: #fffff5;
}
.newsDate {
  padding: 0 0 0.1rem 0.4rem;
  color: #876234;
  font-size: 1.0rem;
  font-weight: 500;
}
.newsCat {
  padding: 0.1rem 0.4rem;
  color: #c92330;
  font-size: 0.86rem;
  font-weight: 500;
}
.cat01 {
  background-color: #ad1420;
}
.cat02 {
  background-color: #0860a4;
}
.cat03 {
  background-color: #466606;
}
.cat04 {
  background-color: #aa642a;  
}
.cat05 {
  background-color: #8a4da4;  
}
.newsMsg {
  color: #404040;
  padding-left: 0.8rem;
  margin-top: 0.3rem;
  font-weight: 500;
}
@media screen and (max-width:767px){
  .topNewsBlock {
    padding: 1.6rem 0.6rem 0;
  }
  .topNewsItem {
    width: 84%;
    margin-bottom: 1.0rem;
  }
  .newsDate {
    padding: 0 0 0.1rem 0;
  }
  .newsCat {
    padding: 0.1rem 0;
  }
  .newsMsg {
    padding-left: 0;
    padding-right: 0.2rem;
    padding-bottom: 0.4rem;
  }
}

/* SHOP */
.secShop {
  padding: 0 0 4.2rem;
  background-image: url("../images/shop_bg.jpg");
  background-position: center center;
  background-size: cover;
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten;
  background-attachment: fixed;
}
.shopArea {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
  width: 90%;
  margin: 0 auto;
  max-width: 1160px;
}
.shopAreaimg {
  width: 55%;
  /*background-image: url("../images/shop_bg.jpg");
  background-position: center center;
  background-size: cover;
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten;*/
}
.shopIndex {
  padding: 3.2rem 1.6rem 3.6rem;
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
}
.topShopArea {
  width: 50%;
}
.topShopCat {
  width: 64%;
  max-width: 768px;
  margin: 0 auto 1.6rem;
}
.topShopArea a {
  position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
  width: 84%;
  margin: 0.6rem auto;
  border: 1px solid #b4b4b4;
  background-color: #ffffff;
  color: #505050;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
	-webkit-transition:.3s;
	transition:.3s;
  -webkit-box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 16%);
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 16%);
}
.topShopArea a img {
  width: 84px;
}
.topShopArea a:hover {
  background-color: #fef7eb;
  color: #c92330;
  font-weight: 700;
  border-color: #c92330;
}
.topShopArea a::after {
  position: absolute;
  right: 1.0rem;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #c92330;  
}
.topShopItem {
  line-height: 84px;
  padding-left: 1.6rem;
}
.topShopBtnImg {
    padding: 0.4rem;
    width: 84px;
    margin: 0 1.6rem 0 0;
}
.topShopArea a p {
}

@media screen and (max-width:767px){
  .shopArea {
    width: inherit;
    max-width: 480px;
  }
  .topShopMsg {
    width:94%;
  }
 .shopAreaimg {
    display: none;
  }
  .shopIndex {
    padding: 2.4rem 0.6rem 0.6rem;
    width: 100%;
  }
  .topShopArea a {
    display: block;
    font-size: 0.95rem;
    letter-spacing: inherit;
  }
  .topShopArea a::after {
    content: "";
  }
  .topShopCat a::after {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
  }
  .topShopBtnImg {
    width: 96px;
    margin: 0 auto;
  }
  .topShopArea a img {
    width: 100%;
  }
  .topShopArea a p {
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
    background-color: #c92330;
    padding: 0.2rem 0;
    color: #ffffff;
  }
  .topShopCat {
    width: 72%;
    margin: auto;
  }
  .topShopCat a {
    border-color: #b1097c;
    color: #830b5d;
  }
  .topShopItem {
    line-height: 42px;
    padding-left: 0;
    margin-bottom: 1.6rem!important;
  }
}
@media screen and (min-width:768px){
  .shopIndex .index_ttl {
    display: none;
  }
}

/* Shop Page */
.contShopBlock {
  padding: 0 2.4rem;
  max-width: 1160px;
  margin: 0 auto;
}
.contShopBlock .shopAreaTtl {
  margin: 3.2rem auto 1.0rem;  
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 1.0rem;
  display: block;
  border-bottom: 1px solid #d0d0d0;
  color: #974c0c;
}
.contShopIndex {
  padding: 0 2.4rem 2.4rem;
  max-width: 1160px;
  margin: 1.6rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
}
.shopAreaIndex {
  width: 42%;
  margin: 0.6rem auto;
}
.shopAreaIndexImg {
  padding: 0.4rem;
  width: 84px;
  margin: 0 1.6rem 0 0;
}
.contShopIndex > div a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.6rem auto;
  border: 1px solid #a0a0a0;
  background-color: #ffffffea;
  color: #505050;
  letter-spacing: 0.1rem;
  font-weight: 500;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
}
.contShopIndex > div a::after {
    position: absolute;
    right: 1.0rem;
    top: 50%;
    transform: translateY(-50%);
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #995727;
}
.contShopIndex > div a:hover {
  background-color: #c92330;
  color: #ffffff;
  font-weight: bold;
  border-color: #c92330;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;
}
.contShopIndex > div a:hover::after {
  color: #ffffff;
}
.shopItemIndex {
  line-height: 64px;
}
.shopItemIndex p {
  width: 100%;
  text-align: center;
}
.contShopList {
  margin: 1.6rem auto 3.2rem;
  padding: 0 1.6rem;
  line-height: 1.8;
}
.contShopNote {
  width: 86%;
  margin: 1.0rem auto;
  padding: 1.0rem 0 0.6rem;
  font-weight: 700;
}
.contShopNote i {
  color: #0b73b0;
  font-size: 1.1rem;
}
.shopSelArea {
  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;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
  margin-bottom: 1.6rem;
}
.shopSelArea> div:first-child {
  width: 10.6rem;
  color: #2c588c;
  font-weight: 500;
}
.shopSelArea> div:last-child {
  width: 22.0rem;
}
.shopSelArea select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    margin-right: 1.0rem;
    padding: 0.5rem 1.8rem 0.5rem 0.5rem;
    color: #303030;
    border: none;
    border-radius: 4px;
    font-size: 0.95rem;
    background: transparent;
}
.shopSelArea .sel {
 position: relative;
    display: block;
    width: 95.6666666%;
    border: 1px solid #82a0b1;
    border-radius: 4px;
    background: #fff; 
}
.shopSelArea .sel:before {
    position: absolute;
    content: "";
    top: 45%;
    right: 10px;
    width: 0px;
    height: 0px;
    margin: -2px 0 0 0;
    border: 8px solid transparent;
    border-top: 10px solid #3398db;
    cursor: pointer;
    pointer-events: none;
}
.shopListItem {
  /*border-left: 6px solid #c92330;*/
  padding-left: 0.6rem;
  margin-bottom: 1.0rem;
}
.shopListItem .shopName {
  width: 24.6rem;
  font-weight: 700;
}
.shopListItem .shopSite {
  margin: 0.4rem auto;
}
.shopListItem .shopSite a {
  padding: 0.6rem 1rem;
  border: 1px solid #cecece;
  border-radius: 4px;
  color: #505050;
  font-weight: 500;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
}
.shopListItem .shopSite a:hover {
  background-color: #c92330;
  color: #ffffff;
  font-weight: bold;
  border-color: #c92330;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;  
}
.shopListItem .shopName a {
  color: #505050;
}
.shopListItem .shopTel {
  padding-left: 0.6rem;
}
.shopListItem .shopFax {
  margin-left: 2.4rem;
}
.shopListItem .shopAdrs {
  width: inherit;
  padding-left: 0.6rem;
}
.shopListItem .shopItem {
  width: 100%;
  padding-left: 0.6rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px dotted #d4d4d4;
}
.shopUrl {
  font-size: 0.76rem;
  margin-left: 0.2rem;
  background-color: #c92330;
  padding: 0 0.2rem 0.1rem;
  color: #ffffff;
  border-radius: 3px;
}
.shopItemIcon {
  color: #2676ae;
}
.shopItem a {
  padding: 0 0.15rem;
  color: #ffffff;
  line-height: 1.5;
  border-radius: 3px;
  display: inline-block;
}
.shopRO {
  background-color: #b19328;
}
.shopGO {
  background-color: #2f7cbe;
}
.shopAO {
  background-color: #f36969;
}
.shopAA {
  background-color: #974c0c;
}
.shopAG {
  background-color: #b3297c;
}
.shopRW {
  background-color: #509a8c;
}
.shopGW {
  background-color: #1d8dce;
}
.shopRP {
  background-color: #da9a20;
}
.shopNP {
  background-color: #cc72da;
}
.shopSC {
  background-color: #e62eb6;
}
.shopTE {
  background-color: #ee5b5b;
}
.shopGP {
  background-color: #9cb318;
}
.shopWP {
  background-color: #6c9bad;
}
.shopDP {
  background-color: #cc6004;
}
.tooltip1{
    position: relative;
    cursor: pointer;
    /*display: inline-block; */
}
.shopExpIcon {
  padding: 0 0.15rem;
  color: #ffffff;
  line-height: 1.5;
  border-radius: 3px;
  display: inline-block;
  background-color: #b19328;
}
.tooltip1 p{
    margin:0;
    padding:0;
}
.description1 {
    display: none;
    position: absolute;
    padding: 0.4rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #123456;
    border-radius: 4px;
    background: #fffae4;
    width: 100px;
}
.description1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #fffae4;
    margin-left: -15px;
}
.tooltip1:hover .description1{
    display: inline-block;
    top: -70px;
    left: -30px;
}
@media screen and (max-width:767px){
  .contShopBlock {
    padding: 0 0.6rem 2.4rem;
    max-width: inherit;
  }
  .contShopNote {
    width: 94%;
  }
  .contShopIndex {
    padding: 0 0.6rem 0.6rem;
  }
  .contShopIndex > div a {
    padding: 0.4rem;
    font-size: 0.9rem;
  }
  .contShopIndex > div a::after {
    right: 0.3rem
  }
  .shopIndex .index_ttl {
    display: none;
  }
  .contShopList {
    padding: 0;
  }
  .shopItem {
    padding-left: 0;
  }
  .shopSelArea {
    padding: 0 0.6rem;
    line-height: 2.0;
    margin-bottom: 0.6rem;
  }
  .shopSelArea> div:first-child {
    font-size: 1.1rem;
    width: 96%;
  }
  .shopSelArea> div:last-child {
    width: 86%;
  }
  .shopAreaIndex {
    width: 86%;
    margin: 0 auto;
  }
  .shopAreaIndexImg  {
    padding: 0;
    width: 72px;
    margin: 0 1.0rem 0 0;
  }
  .shopListItem {
    padding-left: 0;
  }
  .shopListItem .shopName {
    width: 100%;
  }
  .shopListItem .shopSite {
    margin: 0.6rem auto 1.0rem;
  }
}

/* Scroll Trigger */
.invisible{
 transition: opacity 0.5s ease;
 opacity: 0.0;
 }

/* Back to TOP */
.g-back-to-top{
  position:fixed;
  bottom:20px;
  right:20px;
  opacity:0;
   z-index:100;
  -webkit-transition:opacity .8s ease 0s,bottom .5s cubic-bezier(.215,.61,.355,1) 0s;
  transition:opacity .8s ease 0s,bottom .5s cubic-bezier(.215,.61,.355,1) 0s;
}
.is-page-scrolled{
  opacity:1;
  pointer-events:auto
}
.is-page-scrolled-bottom{
  bottom:250px
}
@media screen and (max-width:600px){
  .g-back-to-top{
    bottom:4%;
    right:4%;
    -webkit-transition:opacity .8s ease 0s,bottom .8s cubic-bezier(.215,.61,.355,1) 0s;
    transition:opacity .8s ease 0s,bottom .8s cubic-bezier(.215,.61,.355,1) 0s;
  }
  .is-page-scrolled-bottom{
    bottom:290px;
  }
}
.g-back-to-top_link{
  display:block;
  width:68px;
  height:68px;
  background:url(../images/btn_back-to-top.svg) 50% 50%/cover no-repeat;
  text-indent:-999em;
  text-decoration:none;
  -webkit-transition:opacity .4s ease 0s;
  transition:opacity .4s ease 0s;
}
.g-back-to-top_link.tch-active,.pc .g-back-to-top_link:hover,.pc a.home-other-content-list_link:hover .home-other-content-list_image,a.home-other-content-list_link.tch-active .home-other-content-list_image{
  opacity:.7
}
@media screen and (max-width:600px){
  .g-back-to-top_link{
    width:44px;
    height:44px;
  }
}



footer {
  background-color: #fffae4;
}
.footerArea {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
	padding: 2.4rem 1.6rem 1.0rem;
}
.footHeader {
  /*width: 38%;*/
  margin: 0 auto 1.6rem;
  text-align: center;
}
.footCont {
  /*width: 60%;*/
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
}
.footList {
	display: inline-block;
	padding: 0 1.0rem 1.6rem;
	line-height: inherit;
  /*width: 32%;*/
}
.footList:nth-of-type(1){
  width: 9.0rem;
}
.footList:nth-of-type(2){
  width: 9.0rem;
}
.footList:nth-of-type(3) {
  width: 10.0rem;
}
.footList:nth-of-type(4) {
  width: 12.0rem;
}
.footList:nth-of-type(5) {
  width: 13.0rem;
}
.footList:nth-of-type(6) {
  width: 16.0rem;
}
.footList:nth-of-type(6) img {
  width: 1.6rem;
  margin-left: 0.4rem;
}
.footItem {
  padding-left: 0.6rem;
}
.footItem a{
  color: #606060;
  transition: 0.3s;
}
.footItem a:hover {
  color: #c92330;
  font-weight: 700;
}
.footerLogo{
	display: block;
  width: 72%;
  max-width: 260px;
  margin: auto;
}
.footerSNS a {
  width: 42px;
  padding-left: 0.4rem;
}
.footerSNS img {
  width: 42px;
}
.footerClub a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;  
}
.footerClub img {
  margin-right: 0.4rem;
  height: 42px;
  width: auto;
}
.footerCopy {
  font-family: "Noto Serif JP", "DM Serif Display", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	margin-top: 0.4rem;
	font-size: 0.8rem;
  color: #f0f0f0;
}
.footNavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;  
  width: 100%;
  background-color: #c92330;
  padding: 0.4rem 0 0.6rem;
}
.footNaviCont {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
  margin-bottom: 0.6rem;
}
.footNaviCont  li {
	width: inherit;
	padding-left:1.6rem;
}
.footItemTtl {
  font-family: "Noto Serif JP", "DM Serif Display", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.0rem;
  font-weight: 700;
  color: #202020;
}
.footItemTtl::before {
  content: "- ";
}
.footNaviCont a {
  color: #606060;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footNaviCont a:hover{
	color: #c92330;
  font-weight: 700;
}

@media screen and (min-width: 768px){
  .footerLogo {
	  display: block;
    width: 320px;
    margin: auto;
  }
  .footCont > li {
    width: 30%;
  }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1080px){
	.footNavi {
		width:auto;
		padding:0 20px;
	}
}

@media screen and (max-width: 767px){
	.footer {
		padding: 1.6rem 0 0;
	}
	.footerArea {
		display: block;
		padding: 1.6rem 0.6rem 0.6rem;
	}
  .footHeader {
    width: 100%;
    text-align: center;
    margin-bottom: 1.0rem;
    padding-bottom: 1.0rem;
    border-bottom: 1px dotted #c92330;
  }
  .footCont {
    width: 100%;
  }
	.footNavi {
		display: block;
		padding: 0.1rem 0.6rem 0.4rem;
	}
	.footNaviCont li {
    width: inherit;
		padding-left: 0.6rem;
    font-size: 0.825rem;
	}
	.footerLogo {
    width: 72%;
		max-width: 260px;
    margin: 0 auto;
	}
.footList {
	display: inline-block;
	padding: 0 0.6rem 1.0rem;
	line-height: inherit;
  width: 48%;
  margin: 0 auto;
}
.footList:nth-of-type(1){
  width: 48%;
}
.footList:nth-of-type(2){
  width: 51%;
}
.footList:nth-of-type(3) {
  width: 48%;
}
.footList:nth-of-type(4) {
  width: 51%;
}
.footList:nth-of-type(5) {
  width: 100%;
}
.footList:nth-of-type(6) {
  width: 100%;
}
.footerSNS a {
  width: 32px;
  padding-left: 0.6rem;
}
  .footerClub {
    width: 100%;
   }
	.pageFootSym {
		display: none;
	}
}

/* SNS */
.secSNS {
  padding: 0 0 3.2rem;
  background-image: url("../assets/bg_content/movie_bg.jpg");
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.snsWrapper {
  padding: 1.6rem 0 0;
}
.secSNS.activeItem{
	background-size:140%;
	opacity: 1.0;
}
.secOuterLinkItem img {
  width: 64px;
}
.topsnsTtl {
  display: block;
  width: 100%;
  color: #42706a;
  font-size: 1.2rem;
  font-weight: 500;
}
.topsnsMsg {
  text-align: left;
  color: #505050;
}
@media screen and (max-width: 767px){
  .secSNS {
    /*background-size:cover;*/
  }
  .snsWrapper {
    padding: 1.6rem 0;
  }
  .topsnsMsg {
    padding-bottom: 1.0rem;
  }
}

.secOuterLink{
	text-align:center;
	background-color:#fff9f9;
}
.secOuterLinkItem{
	position:relative;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	color:#333;
  border: 1px solid #e0e0e0;
	opacity: 0;
  -webkit-align-content: space-between;
  -ms-align-content    : space-between;
  align-content        : space-between;
}

@media screen and (max-width: 767px){
	.secOuterLinkItem{
	  -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.16);
	  -webkit-transition-duration:.3s;
	  transition-duration:.3s;
    width: 86%;
		margin: 0.6rem auto;
    padding: 0.6rem 0.6rem 0;
    text-align: center;
	}
	.secOuterLink{
		margin-bottom:24px;
		padding:9.375vw 0;
	}
	.secOuterLink .secOuterLink_contents{
		margin:6.25vw auto 0;
		font-size:4.0625vw;
		font-weight:700;
	}
	.secOuterLinkItem .outerSite{
		margin:0 auto 4.6875vw;
	}
	.secOuterLinkItem .outerSite.-twitter{
		width:30.46875vw;
		max-width:195px;
	}
	.secOuterLinkItem .outerSite.-youtube{
		width:35.15625vw;
		max-width:225px;
	}
	.secOuterLinkItem:not(first-of-type){
		margin-top:6.25vw;
	}
}

@media screen and (min-width: 768px){
	.secOuterLinkItem{
		-webkit-box-shadow:0px 20px 20px 0px rgb(0 0 0 / 16%);
    box-shadow: 0px 10px 16px 0px rgb(0 0 0 / 16%);
    width:27%;
		max-width:405px;
		padding: 0.6rem 0.6rem 0;
    text-align: center;
	}
	.secOuterLink_contents{
		max-width:950px;
		margin: 1.6rem auto 0;
		padding-bottom: 2.4rem;
	}
	.secOuterLinkItem .outerSite{
		margin:0 auto 14px;
	}
}

.topExp {
	padding: 3.2rem 1.0rem 4.2rem;
}
.topExpItem {
  width: 28.7%;
  background-color: #ffffff;
  -webkit-transition: .3s;
  transition: .3s;
}
.topExpItem a {
  display: block;
  width: 100%;
	border: 1px solid #bf8e64;
  text-align: center;
	color: #c92330;
	-webkit-box-shadow: 0px 8px 1.0rem 0px rgba(0,0,0,0.16);
  box-shadow: 0px 8px 1.0rem 0px rgba(0,0,0,0.16);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
}
.topExpItem a:hover {
	/*background-color: #bf8e64;
	color: #ffffff;*/
	text-decoration: none;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.expItem h4 {
  padding: 0.6rem 0;
  font-weight: 700;
  font-size: 1.25rem;
  background-color: #82662a;
  color: #ffffff;
}
.topExpItem a:hover .expItem h4 {
  background-color: #c92330;
}
.expImg {
  overflow: hidden;
}
.expImg img {
  -webkit-transition: .3s;
  transition: .3s;
}
.topExpItem a:hover .expImg img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.7;
  -webkit-transition: .3s;
  transition: .3s;
}
.topExpItem p {
  text-align: initial;
  color: #505050;
  padding: 0.2rem 0.2rem 0.2rem 0.4rem;
  font-size: 0.95rem;
}
@media screen and (max-width: 767px){
	.topExp {
		padding: 2.4rem 1.6rem 3.2rem;
	}
 .topExpItem {
    width: 100%;
    max-width: 420px;
    margin: 1.0rem auto;
  }
  .expItem {
	  /*display:-webkit-box;
	  display:-ms-flexbox;
	  display:flex;
    -webkit-box-align:center;
	  -ms-flex-align:center;
	  align-items:center;  
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: row-reverse;*/
  }
	.topExp h4{
    font-size: 1.15rem;
    padding: 0.4rem 0;
	}
  .topExpItem p {
    font-size: inherit;
  }
  .expImg {
    width: 64%;
    margin: 0 auto;
    padding: 0.4rem;
  }
}


.topMovieBlock > ul {
	margin: 0 0 1.0rem;
  padding: 0 1.0rem 2.4rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.topMovieItem{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	text-align:left;
	width: 30%;
	max-width: 480px;
}
.topMovieItem .txtBox{
	padding: 0.4rem 1.0rem;
  color: #505050;
  font-weight: 500;
}

.topMovieItem a{
	position:relative;
	display: block;
  border: 1px solid #bf8e64;
  color: #505050;
  background-color: #fffbf2;
  font-weight: 500;
	text-align:left;
	text-decoration:none;
	 -webkit-box-shadow:0px 10px 16px 0px rgba(0,0,0,0.16);
	 box-shadow:0px 10px 16px 0px rgba(0,0,0,0.16);
	 font-size:0.95rem;
	 line-height:2;
	 -webkit-transition-property:background-color, color;
	 transition-property:background-color, color;
	 -webkit-transition-duration:.3s;
	 transition-duration:.3s;
}
.topMovieItem a:hover{
	background-color:#c92330;
	color:#fff;
}
.topMovieItem .txtBox .txtBox-read{
	-webkit-font-feature-settings:'palt';
	font-feature-settings:'palt';
	margin-bottom: 1.0rem;
  line-height: 1.6;
}
.topMovieItem figure{
	display:block;
	text-align:center;
	font-size:0;
	position:relative;
	/*width: 96%;*/
  margin: 0.6rem 0.8rem;
  overflow: hidden;
}
.topMovieItem figure > img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.icon{
	display:block;
	position:absolute;
	width:138px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  z-index: 9;
}
.topMovieItem a:hover  figure > img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.topMovieItem a:hover .txtBox {
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 930px){
	.topMovieItem {
		max-width:770px;
		margin-right:auto;
		margin-left:auto;
		padding:0 20px;
	}
}
@media screen and (max-width: 767px){
	.topMovieBlock > ul {
		display: block;
		margin: 0;
    padding: 0 0 2.4rem;
	}
  .topMovieItem a {
	  display:-webkit-box;
	  display:-ms-flexbox;
	  display:flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.6rem 0.4rem;
  }
	.topMovieItem {
		width: inherit;
	}
  .topMovieItem figure {
    width: 50%;
    margin: inherit;
  }
  .topMovieItem .txtBox .txtBox-read {
    margin-bottom: inherit;
  }
  .icon {
    width: 96px;
  }
	.topMovieItem:nth-child(n+2){
		margin-top: 1.6rem;
	}
 .topMovieItem .txtBox {
    width: 50%;
    padding: 0 0 0 0.6rem;
    background-color: inherit;
    color: #505050;
  }
}


/* Brand Page */
.brandListBlock {
  max-width: 1160px;
  margin: 2.4rem auto 0;
  padding: 0 0 2.4rem;  
}
.brandTop {
  height: 50vh;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin-bottom: 0.6rem;
}
.brandTop .logo {
  max-width: 18%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
.brandTop .logo img {
}
.brandItemBlock {
  width: 90%;
  max-width: 1160px;
  margin: 1.0rem auto 0;
  padding: 0 0 2.4rem;
}
.brandMsgTtl {
  font-size: 1.2rem;
  color: #9e5330;
  font-weight: bold;
  margin-bottom: 0.6rem;  
}
.brandMsgTtl {
  margin-top: 1.6rem;
}
.brandMsgTtl:nth-of-type(1) {
  margin-top: 0;
}
.brandSeriesBlock {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 0 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #c92330;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*.brandSeriesBlock > a {
  display: block;
  width: 22.0%;
  padding: 0.2rem 0.4rem;
  border: 1px solid #d0d0d0;
  margin: 0.4rem;
    text-align: center;
    color: #505050;
    -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 0.9rem;
    line-height: 1.8;
    font-weight: 500;
}*/
.brandIndexBlock {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 0 2.4rem;
}
.brandIndexItem {
  width: 90%;
  margin-bottom: 3.2rem;
  padding-bottom: 3.2rem;
  border-bottom: 1px solid #e0e0e0;
}
.brandIndexItem:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.brandItemName {
  width: 100%;
  font-size: 3.6rem;
  font-weight: 100;
  color: #835b13;
  text-align: center;
  margin-bottom: 1.0rem;
  line-height: 3.0rem;
}
.brandItemName span {
  width: 100%;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: normal;
}
.brandItemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
}
.brandIndexItem:nth-child(2n) .brandItemInner{
  flex-direction: row-reverse;
}
.brandItemMsg {
  width: 50%;
  padding: 0 1.0rem 1.0rem;
  background-position: top 1.6rem center;
  background-size: 40%;
  background-repeat: no-repeat;
}
.brandItemMsg .imgMask {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
}
.brandItemImg {
  width: 50%;
}
.brandItemTtl {
  font-weight: 700;
  color: #592d07;
  font-size: 1.1rem;
  margin-bottom: 1.0rem;
}
.brandItemExp {
  margin-bottom: 1.6rem;
}
.brandIndexBtn {
  width: 72%;
  text-align: center;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);  
}
.brandIndexBtn a {
  padding: 0.4rem 0;
  color: #ffffff;
  font-weight: 700;
  background-color: #c92330;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
}

@media screen and (max-width: 767px){
  .brandTop .logo {
    max-width: 36%;
  }
  .brandIndexBlock {
    width: 100%;
    padding: 0 0.6rem 1.0rem;
  }
  .brandIndexItem {
    width: inherit;
  }
  .brandItemBlock {
    width: 100%;
    margin: 1.0rem auto 0;
    padding: 0 0.6rem 1.6rem;
  }
  .brandSeriesBlock {
    width: 100%;
    margin: 0 auto;
    padding: 0 0.6rem;  
  }
  /*.brandSeriesBlock > a {
    width: 43%;
  }*/
  .BrandItem {
    display: block;
  }
  .brandItemInner {
    display: block;
  }
  .brandItemMsg {
    width: 100%;
    margin: 0 auto 1.0rem;
    background-size: 28%;
  }
  .brandIndexBtn {
    position: inherit;
    left: inherit;
    right: inherit;
    transform: inherit;
  }
  .brandItemImg {
    width: 94%;
    margin: 0 auto;
  }
  .brandItemTtl {
    font-size: 1.0rem;
  }
}
  
/* 製品カテゴリー情報 */

.catBlock {
  width: 90%;
  max-width: 1160px;
  margin: 2.4rem auto 0;
}
.catHeader {
  font-weight: 500;
  width: 720px;
  margin: 0 auto 2.4rem;
  line-height: 2.0;
}
.catHeaderTtl {
  width: 100%;
  margin: 1.6rem auto;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 1.0rem;
  border-left: 8px solid #c92330;
  border-bottom: 1px solid #d0d0d0;
  color: #974c0c;
}
.catBlockInner {
  margin: 1.6rem 0 3.2rem;
}
.catProductBlock {
    padding: 0 1.0rem 1.0rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;*/
}
.catBrandName {
  display: block;
  width: 100%;
  color: #7b4014;
  font-weight: 500;
}
.catItemTtl {
  display: block;
  width: 100%;
  margin-top: 1.6rem;
  margin-bottom: 1.0rem;
  border-bottom: 1px solid #f0f0f0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #8f6e25;  
}
.catItemTtl::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.4rem;
}
.catItemTtl:nth-of-type(1) {
  margin-top: 0;
}
.productLineup .catBrandName {
  display: block;
  width: 100%;
  margin-left: 0.4rem;
  margin-top: 1.0rem;
  font-size: 1.0rem;
  color: #974c0c;
}
.productLineup .catBrandName:first-child{
  margin-top: inherit;
}
.catBlockTtl {
  margin: 2.4rem 0 1.0rem;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #c2a88c;
  border-left: 6px solid #c92330;
  font-size: 1.16rem;
  font-weight: 700;
  color: #6c4211;
}
.pickupInner {
  position: relative;
}

.pickupInner p {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  background-color: #ffffffcc;
  padding: 0.1rem 0.2rem;
  font-size: 0.875rem;
}
.catLineupBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.6rem auto;
  color: #c92330;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.6rem;  
}
.catLineItem {
  width: 24.8%;
 }
.catLineItem a {
  display: block;
  border: 1px solid #e8dadb;
  margin: 0.4rem;
  padding-bottom: 0.25rem;
  text-align: center;
  color: #505050;
  font-weight: 700;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  font-size: 0.86rem;
  line-height: 1.8;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.catLineItem .catLineImg {
  overflow: hidden;
}
.catLineItem .catLineImg img{
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.catLineItem a:hover{
  background-color: #c92330;
  color: #ffffff;
}
.catLineItem a:hover .catLineImg img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.catLineItem p {
  padding: 0.25rem 0.1rem 0;
}
.catUtlBlock {
  width: 90%;
  max-width: 1160px;
  margin: 3.2rem auto 1.6rem;
}
.catUtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.6rem;
}
.catUtl > div {
  width: 24.8%;
  margin-bottom: 0.6rem;
}
.catUtl a {
  display: block;
  border: 1px solid #d0d0d0;
  padding: 0.8rem 0;
  margin: 0.4rem;
  font-weight: 700;
  text-align: center;
  color: #0a686d;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  line-height: 1.8;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.catUtl a:hover {
  border: 1px solid #fdced2;
  color: #ffffff;
  background-color: #c92330;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;  
}
.catFooterIndex {
  width: 90%;
  max-width: 1160px;
  margin: 2.4rem auto;
}
.catFooterBlock {
  display: -webkit-box;
  display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.6rem auto;
    color: #c92330;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.6rem;
}
.catFooterBlock > div {
  width: 24.8%;
}
.catFooterBlock a {
  display: block;
  padding: 0.64rem 0.4rem;
  border: 1px solid #c59fa2;
  margin: 0.4rem;
  text-align: center;
  font-weight: 700;
  color: #8a0b15;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  line-height: 1.8;
}
.catFooterBlock a:hover {
  border: 1px solid #fdced2;
  color: #ffffff;
  background-color: #c92330;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;
}
.catSearch {
  width: 90%;
  margin: 0 auto;
  padding: 1.0rem 1.6rem;
}
.catSearchInner {
  position: relative;
  width: 100%;
}
.catSearchInner::before {
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  width: 30px;
  height: 30px;
  content: "";
  background-image: url(../images/icon_search_gray.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  transform: translateY(-50%);
}
.catSearchInner form {
  display: flex;
    align-items: center;
}
.catSearchInner input[type=search] {
    width: 80%;
    height: 64px;
    /*padding-top: 17px;
    padding-bottom: 17px;*/
    padding-left: 46px;
}
.catSearchInner input[type=submit] {
    width: 20%;
    height: 64px;
    padding: 0 1.6rem;
    /*font-size: 15px;*/
    font-size: .9375rem;
    line-height: 1.93333;
    color: #fff;
    letter-spacing: .05em;
    cursor: pointer;
    background: #c92330;
    border: none;
    transition: background-color .2s ease-in-out;
}
.catSearchInner input[type=submit]:hover {
  background-color: #e47a80;
}

@media screen and (max-width: 767px){
  .catBlock {
    width: 100%;
    margin: 1.0rem auto 0;
    padding: 0 0.6rem;
  }
  .catProductBlock {
    padding: 0.4rem 0 0;
  }
  .catFooterBlock a {
    margin: 0.6rem auto;
  }
  .productLineup .catBrandName {
    margin-bottom: 0.6rem;
    margin-top: 1.0rem;
  }
  .catHeader {
    width: 100%;
    margin: 0 auto 3.2rem;
  }
.catHeaderTtl {
  font-size: 1.25rem;
  }
  .catLineupBlock {
    padding: 0 0.2rem;
  }
  .catLineItem {
    width: 48.6%;
  }
  .catUtlBlock {
    width: 100%;
    padding: 0 0.6rem;
  }
  .catUtl {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;  
  }
   .catUtl > div {
    width: 47%;
  }
  .catUtl a {
    margin: 0.6rem auto 0;
  }
  .catFooterBlock {
    padding: 0 1.2rem;
  	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .catFooterBlock > div {
    width: 47%;
  }
  .catFooterIndex {
    width: 100%;
    margin: 02022/07/14 auto 2.4rem;
  }
  .catSearch {
    width: 100%;
    padding: 0 0.6rem 1.6rem;
  }
  .catSearchInner input[type=submit] {
    padding: inherit;
  }
}


/* Movie Page */
.movieBlock {
  padding: 0 0 2.4rem;
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
}
.movieArea{
	margin: 1.0rem 0;
	padding: 1.6rem 1.0rem 0;
}
.movieArea > ul {
  width: 100%;
  margin: 0.6rem 1.0rem 1.0rem;
}
.movieItem{
	text-align:left;
	width: 22%;
  margin-bottom: 1.6rem;
	max-width: 480px;
  border: 1px solid #fff1d7;
  background-color: #fffbed;
	 -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.12);
	 box-shadow: 0px 2px 12px 0px rgb(0 0 0 / 12%);
}
.movieItem .txtBox{
	padding:0 1.6rem;
}
.movieItem a{
	position:relative;
	display: block;
	padding: 0.6rem 0;
  color: #505050;
  font-weight: 500;
	text-align:left;
	text-decoration:none;
  font-size:0.95rem;
  line-height:2;
	 -webkit-transition-property:background-color, color;
	 transition-property:background-color, color;
	 -webkit-transition-duration:.2s;
	 transition-duration:.2s;
}
.movieItem a:hover{
	background-color:#c92330;
	color:#fff;
}
.movieItem .txtBox .txtBox-read{
	-webkit-font-feature-settings:'palt';
	font-feature-settings:'palt';
  line-height: 1.6;
}
.movieItem figure{
	display:block;
	text-align:center;
	font-size:0;
	position:relative;
	width: 92%;
	margin: 0 auto 0.6rem;
}
.movieYouTube {
  width: 64%;
  max-width: 720px;
  margin: 1.6rem auto;
  border: 1px solid #e0e0e0;
}
.movieYouTube a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
 -webkit-box-shadow: 0px 4px 8px -2px rgb(0 0 0 / 12%);
  box-shadow: 0px 4px 8px -2px rgb(0 0 0 / 12%);
}
.movieYouTubeTtl {
  width: 100%;
  padding: 0.4rem;
  background-color: #c92330;
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.movieYouTube a:hover .movieYouTubeTtl {
  background-color: #123456;
}
.movieYouTubeMsg {
  width: 82%;
  padding: 0.6rem 0;
  color: #505050;
}
.movieYouTube img {
  width: 54px;
  margin-top: 0.4rem;
}
@media (min-width: 768px) and (max-width: 930px){
	.movieItem {
		max-width:770px;
		margin-right:auto;
		margin-left:auto;
		padding:0 20px;
	}
}
@media screen and (min-width: 768px){
  .movieItem:not(:nth-of-type(4n+1)) {
    margin-left: 4%;
  }
}
@media screen and (max-width: 767px){
	.movieArea {
    padding: 0 0 1.0rem;
	}
  .movieArea > ul {
    margin: 0.6rem 0.2rem;
  }
	.movieItem {
		width: 47%;
	}
  .movieItem:nth-of-type(2n) {
    margin-left: 6%;
  }
 .movieItem .txtBox {
    padding: 0 0.6rem 0;
  }
  .movieYouTube {
    width: 100%;
  }
  .movieYouTubeMsg {
    width: 100%;
    padding: 0.6rem 0.4rem;
  }
  .movieYouTube img {
    margin-bottom: 0.6rem;
  }
}

/* 基礎知識・レッスン・Ｑ＆Ａ */
.expHeaderMsg {
  margin-bottom: 1.6rem;
}
.expCatIndex {
  padding: 0 2.4rem 2.4rem;
  max-width: 1160px;
  margin: 0 auto 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
}
.expCatIndex > div a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;  
  margin: 1.6rem auto;
  border: 1px solid #a0a0a0;
  background-color: #ffffffea;
  color: #505050;
  font-size: 1.26rem;
  line-height: 72px;
  letter-spacing: 0;
  font-weight: 700;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 12%);
  box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 12%);
}
.expCatIndex > div a::after {
    position: absolute;
    right: 1.0rem;
    top: 50%;
    transform: translateY(-50%);
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 1.0rem;
    font-weight: 900;
    color: #12346;
}
.expCatIndex > div a:hover {
  color: #ffffff;
  background-color: #8d6720;
  font-weight: bold;
  border-color: #8d6720;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;
}
.expItemIndex {
  width: 42%;
  margin: 0 auto;
}
.expItemIndexImg {
  display: none;
  padding: 0.4rem;
  width: 84px;
  margin: 0 1.6rem 0 0;
}
.expItemIndexImg img {
  width: 72px;
}
.expCatBtn {
  width: 42%;
  padding: 0 0 2.4rem;
  max-width: 1160px;
  margin: 1.6rem  auto;  
}
.expCatBtn a {
  border: 1px solid #c92330;
    background-color: #ffffff;
    color: #c92330;
    /* letter-spacing: 0; */
    display: block;
    text-align: center;
    font-weight: 700;
    padding: 1.0rem;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
}
.expCatBtn a:hover {
    border: 1px solid #c92330;
    background-color: #c92330;
    color: #ffffff;
}

.lessonStepTtl {
  width: 100%;
  font-weight: 700;
}
.lessonItem {
  margin: 2.4rem auto;
}
.lessonItemBlock {
  padding: 0 1.6rem;
}
.lessonStep {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  border-bottom: 1px dotted #c7a689;
  padding: 0 1.0rem 0.4rem;
}
.lessonItemHead {
  border-bottom: 1px dotted #c7a689;
  padding-bottom: 0.4rem;
  margin-bottom: 0.6rem;
}
.lessonItemImg {
  width: 50%;
  margin: 0.6rem auto;
}
.lessonItemMsg {
  width: 50%;
}
.lessonItemMsg p:last-child {
  padding-left: 1.6rem;
}
@media screen and (max-width: 1040px){
  .expCatIndex {
    padding: 0 0.6rem 2.4rem;
  }
  .expItemIndex {
    width: 46%;
  }
  .expCatIndex > div a {
    font-size: 1.06rem;
  }
  .expCatIndex > div a::after {
    right: 0.6rem;
  }
}
@media screen and (max-width: 767px){
  .expCatIndex {
    padding: 0 0.6rem 0.6rem;
    margin: 0 auto 0.6rem;
  }
  .expCatIndex > div a {
    line-height: 52px;
    margin: 0.6rem auto;
    padding: 0.4rem 0.8rem 0.4rem 0.4rem;
    font-size: 0.9rem;
  }
  .expCatIndex > div a::after {
    right: 0.3rem
  }
  .expItemIndex {
    width: 86%;
    margin: 0 auto;
  }
  .expItemIndexImg  {
    padding: 0;
    width: 72px;
    margin: 0 1.0rem 0 0;
  }
  .expItemIndexImg img {
    width: 54px;
  }
.expCatBtn {
  width: 72%;
  padding: 0 0.6rem 2.4rem;
}

  
  .lessonItemBlock {
    padding: 0 0.6rem;
  }
  .lessonStep {
    display: block;
    padding: 0 0.4rem 0.4rem;
  }
  .lessonItemImg {
    width: 64%;
  }
  .lessonItemMsg {
    width: 100%;
  }
  .lessonItemMsg p:last-child {
    padding-left: 0;
  }
}

/* 基礎知識 */
.knowladgeItem {
  margin-bottom: 2.4rem;
}
.knowladgeItem .item_ttl {
  margin: 1.6rem 1.0rem 0.6rem;
  font-size: 1.0rem;
  font-weight: 700;
  color: #974c0c;
}
.knowladgeItem .caption {
  color: #234567;
  font-weight: 700;
}
.knowladgeItem .caption::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.4rem;
}
.knowladgeItem .txt {
  padding: 0 1.0rem;
  color: #505050;  
}
.knowladgeItem .item_ttl + .txt {
  padding-left: 2.0rem;
}
@media screen and (max-width: 767px){
.knowladgeItem {
  margin-bottom: 2.4rem;
}
.knowladgeItem .item_ttl {
  margin: 1.0rem 0 0.4rem;
  padding: 0 0.6rem;
}
.knowladgeItem .item_ttl + .txt {
  padding-left: 1.0rem;
  }
.knowladgeItem .txt {
  padding: 0 0.6rem;
}
.knowladgeItem .caption {
  padding: 0 0.6rem;
  color: #505050;  
}
.knowladgeItem .txt .caption {
  padding: 0;
  }
}
/* Q＆A　*/
.qandaCatTtl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
	-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1.0rem auto 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 1.0rem;
  /*border-left: 8px solid #c92330;*/
  border-bottom: 1px solid #d0d0d0;
  color: #974c0c;
}
.qandaCatTtl span:last-child {
  font-size: 1.1rem;
  margin-right: 0.6rem;
}
.qandaItem {
  margin: 1.0rem auto;
  padding: 0 1.6rem 2.4rem;
}
.qandaItem .q {
  font-weight: 700;
  font-size: 1.0rem;
  color: #884a26;
  margin-bottom: 0.6rem;
  border: 1px solid #ad7e63;
  padding: 0.4rem;
  background-color: #fffcf8;
}
.qandaItem .q i {
  padding-right: 0.2rem
}
.qandaItem .ans {
  padding-left: 1.0rem;
}
.qandaItem .ansCatch {
  font-size: 1.0rem;
  font-weight: 700;
  color: #244a66;
}
.qandaItem .ansCatch i {
  padding-right: 0.2rem;
}
@media screen and (max-width: 767px){
  .qandaCatTtl {
    font-size: 1.4rem;
    padding-left: 0.4rem;
  }
  .qandaCatTtl span:last-child {
    font-size: 1.0rem;
    margin-right: 0;
  }
  .qandaItem {
    margin: 1.0rem auto;
    padding: 0 0.6rem 2.4rem 0.4rem;
  }
  .qandaItem .q {
    font-size: inherit;
  }
  .qandaItem .ans {
    padding-left: 0.6rem;
  }
  .qandaItem .ansCatch {
    font-size: inherit;
  }
}

/* Download */
.downloadBlock {
  padding: 0 0 2.4rem;
  width: 90%;
  max-width: 1160px;
  margin: 2.4rem auto 0;
}
.dwnCatIndex {
  padding: 0 2.4rem 0;
  max-width: 1160px;
  margin: 0 auto 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dwnProductIndex {
  margin: auto;
  width: 16.0rem;
}
.dwnCatIndex > div a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.6rem auto;
  padding: 0.6rem 1.0rem;
  border: 1px solid #c92330;
  background-color: #ffffffea;
  color: #505050;
  letter-spacing: 0;
  font-weight: 700;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 12%);
  box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 12%);
}
.dwnCatIndex > div a::after {
    position: absolute;
    right: 1.0rem;
    top: 50%;
    transform: translateY(-50%);
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #c92330;
}
.dwnCatIndex > div a:hover {
  background-color: #c92330;
  color: #ffffff;
  border-color: #c92330;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;
}
.dwnProductIndex a {
  font-size: inherit;
}
.dwnCatIndex h3 {
  display: block;
  width: 100%;
}
.dwnItemIndex {
  width: 18%;
  margin: 0 1.0%;
}
.dwnCatBtn {
  width: 42%;
  padding: 0 0 2.4rem;
  max-width: 1160px;
  margin: 1.6rem  auto;  
}
.dwnCatBtn a {
  border: 1px solid #80b2a2;
  border-radius: 2.4rem;
  background-color: #ffffff;
  color: #016545;
  display: block;
  text-align: center;
  font-size: 1.0rem;
  font-weight: 700;
  padding: 1.0rem;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 8%);
}
.dwnCatBtn a:hover {
    border: 1px solid #016545;
    background-color: #016545;
    color: #ffffff;
}
.dwnCatIndex > div a:hover::after {
  color:#ffffff!important;
}
.downloadBlock > h3 {
  margin-bottom: 1.6rem;
}
.downloadBlock .downloardMes {
  padding-top: 1.0rem;
  margin-bottom: 1.6rem;
}
.downloadIndex {
  margin: 1.6rem auto;
  margin-top: -74px;
  padding-top: 74px;
}
.downloadCatTtl {
  margin: 2.4rem 0 1rem;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid #c2a88c;
  border-left: 6px solid #c92330;
  font-size: 1.16rem;
  font-weight: 700;
  color: #6c4211;
}
.downloadIndex ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;  
}
.downloadIndex .downloadItem {
  width: 22%;
  margin: 1.0rem 1.5%;
  text-align: center;
}
.downloadIndex .downloadItem a {
  display: block;
  overflow: hidden;
  padding: 0.4rem 0.4rem 0.2rem;
  border: 1px solid #d0d0d0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #505050;
}
.downloadIndex .downloadItem a:hover {
  opacity: 0.72;
  border-color: #c92330;
}
.downloadIndex .downloadItem a img {
  width: 94%;
  margin: auto;
}
.downloadItem p {
  padding-top: 0.2rem;
  font-size: 0.9rem;
}

@media screen and (max-width: 767px){
  .downloadBlock {
    width: 100%;
    margin: 1rem auto 0;
    padding: 0 0.6rem 1.6rem;
  }
  .dwnCatIndex {
    padding: 0 0 0.6rem;
    margin: 0 auto 0.6rem;
  }
  .dwnCatIndex > div a {
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    font-size: 0.9rem;
  }
  .dwnCatIndex > div a::after {
    right: 0.6rem
  }
  .dwnCat2ndIndex {
    padding: 0 0.6rem 0.6rem;
    margin: 0 auto 0.6rem;
  }
  .dwnCat2ndIndex > div a {
    padding: 0.4rem 0.8rem 0.4rem 0.4rem;
    font-size: 0.9rem;
  }
  .dwnItemIndex {
    width: 45%;
    margin: 0 auto;
  }
  .dwnCatBtn {
  width: 72%;
  padding: 0 0.6rem 2.4rem;
  }
  .dwnBlock {
    width: 100%;
    margin: 1.0rem auto 0;
    padding: 0 0.6rem 1.6rem;
  }
  .downloadIndex {
    margin: 1.6rem 0 0;
    margin-top: -74px;
    padding-top: 74px;
  }
  .downloadCatTtl h3 {
    font-size: 1.05rem;
  }
  .downloadIndex .downloadItem {
    width: 44%;
    margin: 0.6rem 2.86% 1.2rem;
  }
}

/* お問い合わせ */
.inquireBlock {
  padding: 0 0 2.4rem;
  max-width: 980px;
  margin: 0 auto;
}
.inquireBlock .container {
  max-width: 860px;
  margin: auto;
}
.inquireHeader {
  margin-bottom: 2.4rem;
}
.inquireHeaderTtl {
  margin: 1.0rem auto 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 1.0rem;
  border-left: 8px solid #c92330;
  border-bottom: 1px solid #d0d0d0;
  color: #974c0c;  
}
.inquireMessage {
  padding: 0.6rem 1.6rem;
  border: 1px dotted #123456;
  border-radius: 5px;
  width: 86%;
  margin: 0 auto 1.6rem;
}
.inquireHeaderBtn {
  text-align: center;
  display: block;
  margin: 1.0rem;
}
.inquireHeaderBtn a {
  position: relative;
  padding: 0.6rem 3.6rem;
  border: 1px solid #c92330;
  color: #505050;
  -webkit-box-shadow: 0px 4px 8px -2px rgb(0 0 0 / 12%);
  box-shadow: 0px 4px 8px -2px rgb(0 0 0 / 12%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.inquireHeaderBtn a:hover {
  background-color: #c92330;
  color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.inquireHeaderBtn a::before, .inquireHeaderBtn a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #916b15;
}
.inquireHeaderBtn a::before {
  left: 1.0rem;
  content: "\f059";
}
.inquireHeaderBtn a::after {
  right: 1.0rem;
  content: "\f054";
}
.inquireHeaderBtn a:hover::before, .inquireHeaderBtn a:hover::after {
  color: #ffffff;
}
.contactConfirm {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;  
}
.contactConfirm .confirmTtl {
  width: 10.0rem;
  font-weight: 700;
  color: #456789;
  padding-bottom: 0.6rem
}
.contactConfirm .confirmItem{
  width: calc(92% - 10.0rem);
  padding-bottom: 0.6rem;
}
.contactConfirm .confirmImg {
  margin: auto;
  width: 50%;
  max-width: 480px;
}
.contactBtn {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;  
}
.contactBtn button {
  position: relative;
  display: inline-block;
  margin-top: 1.6rem;
  padding: 0.6rem 2.4rem;
  border: 2px solid #c92330;
  /*border-radius: 4px;*/
  color: #c92330;
  background-color: #ffffff;
  text-decoration: none;
  font-size: 1.0rem;
  font-weight: 500;
  -webkit-transition: .3s;
  transition: .3s;
}
.nth2 {
  margin-left: 1.0rem;
}
.contactBtn button span {
  position: relative;
  z-index: 1;
}

.contactBtn button:hover {
  color: #ffffff;
  background-color: #c92330;
  cursor: pointer;
}
@media screen and (max-width: 767px){
  .inquireBlock {
    padding: 0 0.6rem 2.4rem;
  }
  .inquireMessage {
    width: 96%;
  }
  .contactConfirm {
    display: block;
    padding: 0 0.6rem;
  }
  .contactConfirm .confirmTtl {
  }
  .contactConfirm .confirmItem{
    padding-left: 1.0rem;
  }
  .contactConfirm .confirmImg {
    width: 72%;
    max-width: 360px;
  }
  .contactBtn button {
    padding: 0.6rem 1.6rem;
  }
}


/* 会社概要 */
.corpBlock {
  padding: 0 0 2.4rem;
  max-width: 980px;
  margin: 2.4rem auto;  
}
.corpBlock h3 {
  font-size: 1.4rem;
  color: #505050;
  margin: 3.2rem auto 1.0rem;
  border-left: 8px solid #c92330;
  padding-left: 1.0rem;
}
.corpIndex {
  margin: 0 auto 2.4rem;
  border-bottom: 1px dotted #123465;
  padding-bottom: 0.6rem;
  text-align: center;
}
.corpIndex a {
  position: relative;  
  display: inline-block;
  padding: 0.6rem 0.8rem;
  border: 1px solid #d0d0d0;
  width: 8.6rem;
  margin: 0.4rem;
  color: #505050;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.corpIndex a:hover {
  border: 1px solid #fdced2;
  color: #ffffff;
  background-color: #c92330;
  -webkit-box-shadow:  inherit;
  box-shadow: inherit;
  
}
.corpOutline {
  margin: 1.6rem auto 3.2rem;
}
.corpInfo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 2.4rem;
}
.corpInfo p:nth-child(2n+1) {
  width: 12.0rem;
  background-color: #fffae4;
  color: #505050;
  padding: 1.0rem 0.6rem;
  font-weight: 500;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.corpInfo p:nth-child(2n) {
  width: calc(100% - 12.4rem);
  padding: 1.0rem;
  color: #505050;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.corpInfo p:nth-last-child(-n+2) {
 border-bottom: 1px solid #e0e0e0;
}
.philoTtl {
  font-size: 1.1rem;
  margin-bottom: 0.6rem;
  color: #773508;
}
.philoItem {
  
}
.philoItem:last-child {
  margin-top: 1.6rem;
}
.philoInfo, .greetInfo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1.6rem auto 3.2rem;
  padding: 0 2.4rem;
}
.philoItem, .corpGreet {
  width: 58%;
}
.corpGreet h4 {
  margin-bottom: 1.6rem;
  text-align: center;
}
.corpRepImg {
  width: 32%;
  max-width: 522px;
  text-align: center;
}
.corpRepName {
  text-align: center;
}
.relInfo {
  margin: 1.6rem auto 3.2rem;
  padding: 0 2.4rem;
}
.relCorpName {
  font-size: 1.1rem;
  font-weight: 500;
}
.corpBranch:last-child {
  margin-top: 1.6rem;
}
.relCorpName::before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.2rem;  
}
.relCorp {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 1.6rem;
}
.relCorp p {
  margin-right: 1.6rem;
}
@media screen and (max-width: 767px){
  .corpIndex a {
    width: 36%;
    padding: 0.4rem;
  }
  .corpBlock {
    width: 100%;
    margin: 1.0rem auto 0;
    padding: 0 0.6rem 1.6rem;
  }
  .corpBlock h3 {
    font-size: 1.2rem;
  }
  .corpInfo {
    display: block;
    padding: 0 0.6rem;
  }
  .corpInfo p:nth-child(2n+1) {
    color: #266d88;
    width: inherit;
    background-color: inherit;
    padding: 0;
    border: none;
  }
  .corpInfo p:nth-child(2n+1)::before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.2rem;
  }
  .corpInfo p:nth-child(2n) {
    width: inherit;
    padding: 0 0.6rem;
    border: none;
  }
  .philoInfo {
    display: block;
    padding: 0 0.6rem;
  }
  .greetInfo {
    display: block;
    padding: 0 0.6rem;
  }
  .philoItem, .corpGreet {
    width: inherit;
  }
  .philoItem h4, .corpGreet h4 {
    text-align: inherit;
  }
  .corpRepImg {
    width: inherit;
  }
  .corpRepImg img {
    width: 50%;
    margin: 1.6rem auto 0.24rem;
    max-width: 422px;
  }
  .relInfo {
    display: block;
    padding: 0 0.6rem;
  }
  .relCorp {
    margin-left: 1.0rem;
  }
  .relCorp p:first-child {
    width: 100%;
    margin-right: 0;
  }
}

/* サイトマップ */
.sitemapBlock {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 2.4rem;
  max-width: 980px;
  margin: 1.0rem auto 2.4rem;
}
.sitemapIndex {
  width: 31.6%;
  /*border: 1px solid #d4d4d4;*/
}
.sitemapLine {
  /*width: 30%;*/
  /*margin: 1.6rem 1.0rem 1.0rem;*/
}
.sitemapCatTtl {
 /* text-align: center;*/
  padding: 0.4rem;
  color: #505050;
  font-weight: 700;
  font-size: 1.16rem;
  /*background-color: #c92330;
  color: #ffffff;*/
}
.sitemapItemTtl {
  padding: 0.2rem 0 0.2rem 0.6rem;
  margin-bottom: 0.6rem;
  color: #505050;
  background-color: #efe3c8;
  font-size: 1.0rem;
}
.sitemapLine .sitemapItem {
  margin-left: 0.6rem;
  line-height: 1.8rem; 
}
.sitemapLine .sitemapItem a {
  position: relative;
  display: block;
  width: calc(100% - 1.6rem);
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  color: #505050;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sitemapLine .sitemapItem a:hover {
  background-color: #fefae5;
  font-weight: 700;
}
.sitemapLine .sitemapItem a:hover::after {
  position: absolute;
  right: 0;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.sitemapLine .sitemapItem:last-of-type {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px){
  .sitemapBlock {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 0.6rem 2.4rem;
  }
  .sitemapIndex {
    width: inherit;
    margin-top: 2.4rem;
  }
  .sitemapLine {
    width: 100%;
    margin: 1.6rem 0 0;
  }
  .sitemapCatTtl+.sitemapLine{
    margin-top: 0;
  }
  .width100 {
    width: 100%;
  }
}


/* 利用規約・プライバシーポリシー */
.contPrivacyBlock {
  padding: 0 1.0rem 2.4rem;
}
.privDate {
  text-align: right;
  margin-bottom: 1.0rem;
}
.contPrivacyBlock h3 {
  color: #694f12;
  margin-bottom: 0.6rem;
}
.privUnit {
  padding-bottom: 1.0rem;
}
.privMessage {
  padding-left: 0.6rem;
}
.privUnitTtl {
  color: #694f12;
  font-weight: 700;
}
.privFrame {
  width: 92%;
  border: 1px solid #e7dba6;
  border-radius: 4px;
  margin: 1.0rem auto 0;
  padding: 0.4rem 0.6rem;
}
@media screen and (min-width: 768px){
  .contPrivacyBlock {
    padding: 0 2.4rem 2.4rem;
    max-width: 980px;
    margin: 1.6rem auto;
  }
  .privFrame {
    width: 84%;
  }
}

/* サイト検索 */
.siteSearch {
  width: 72%;
  margin: 0 auto;
  padding: 1.6rem 0;
}
.siteSrchBlock {
  max-width: 1160px;
  margin: 0 auto 3.2rem;
}
.siteResultBlock {
  padding: 0 1.6rem;
}
.srchResultTtl {
  font-size: 1.05rem;
  font-weight: 500;
  margin: 1.6rem auto 2.4rem;
  border: 1px solid #e4c2c4;
  padding: 1.0rem 0.6rem;
  text-align: center;
  color: #606060;
}
.searchResItem {
  
}
.searchResItem .resTtl {
  margin-top: 0.6rem;
  font-weight: 500;
  color: #606060;
}
.searchResItem .resItem {
  padding-left: 1.0rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px dotted;
}
.searchResItem .resItem a {
  color: #553202;
}
.searchResItem .resItem a:hover {
  color: #c92330;
  font-weight: 700;
}
.srchResultTtl .keyword {
  font-weight: bold;
}
.siteSearchInner {
  position: relative;
  width: 100%;
}
.siteSearchInner::before {
  position: absolute;
  top: 50%;
    left: 12px;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url(../images/icon_search_gray.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    transform: translateY(-50%);
}
.searchPagenation {
  margin: 3.2rem auto 0;
}
.searchPagenation ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;  
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;  
}
.searchPagenation li {
  padding: 0 0.2rem;
}
/*.searchPagenation li:first-child, .searchPagenation li:last-child {
  padding: 0;
}*/
.searchPagenation li i {
  padding: 0 0.2rem;
}
.searchPagenation li input[type="submit"] {
  width: 40px;
  height: 40px;
  background-color: #fffef8;
  border: 1px solid #76040d;
  border-radius: 50%;
  color: #76040d;
  font-weight: 500;
  font-size: 1.0rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.searchPagenation li input[type="submit"]:hover {
  cursor: pointer;
  background-color: #fff1e9;
  font-weight: 700;
} 
.searchPagenation li.currentPage input[type="submit"]{
  width: 40px;
  height: 40px;
  font-weight: 700;
  border: none;
  color: #fffef8;
  background-color: #76040d;
  font-size: 1.0rem;
  cursor: inherit;
}
.searchPagenation .pageGuide {
  text-align: center;
  margin-top: 0.6rem;
  color: #72000f;
  font-weight: 500;
}
.resultSearchBlock {
  margin-top: 1.0rem;
  padding: 0 1.6rem;
}
.resultSearchBlock p {
  display: block;
  width: 84%;
  border-top: 1px dotted #c92330;
  margin: 0 auto;
  padding-top: 1.0rem;
}
.resultSearchBlock .siteSearch {
  padding: 0.6rem 0 0;
}
.next {
  color: #72000f;
}

@media screen and (min-width: 768px) {
  .siteSearch {
    width: 72%;
  }
  .siteSearchInner form {
    display: flex;
    align-items: center;
  }
  .siteSearchInner input[type=search] {
    width: 80%;
    height: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 42px;
    border: #76040d 1px solid;
  }
  .siteSearchInner input[type=submit] {
    width: 20%;
    height: 48px;
    padding: 10px 50px;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.93333;
    color: #fff;
    letter-spacing: .05em;
    cursor: pointer;
    background: #76040d;
    border: none;
    transition: background-color .3s ease-in-out;
  }
  .siteSearchInner input[type=submit]:hover {
    background: #c92330;
  }
}
@media screen and (max-width: 767px){
  .siteSrchBlock {
    /*width: 94%;*/
    margin-bottom: 2.4rem;
  }
.siteResultBlock {
  padding: 0 0.6rem;
}
.srchResultTtl {
  font-size: 0.95rem;
  padding: 0.4rem;
}
.searchResItem {
  font-size: 0.95rem;
}
.searchResItem .resItem {
  padding-left: 0.6rem;
}
.siteSearch {
  width: 100%;
}
 .siteSearchInner {
    position: relative;
    width: 100%;
  }
  .siteSearchInner::before {
    position: absolute;
    top: 50%;
    left: 3px;
    display: block;
    width: 27px;
    height: 27px;
    content: "";
    background-image: url(../images/icon_search_gray.svg);
    background-repeat: no-repeat;
    background-size: 27px 27px;
    transform: translateY(-50%);
  }
  .siteSearchInner form {
    display: flex;
    align-items: center;
  }
  .siteSearchInner input[type=search] {
    width: 84%;
    height: 2.4rem;
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    padding-left: 27px;
    box-sizing: border-box;
    border: #76040d 1px solid;
  }
  .siteSearchInner input[type=submit] {
    width: 16%;
    height: 2.4rem;
    padding: 0;
    font-size: 0.95rem;
    color: #fff;
    letter-spacing: .05em;
    background: #76040d;
    border: none;
    transition: background-color .3s ease-in-out;
  }
.searchPagenation li input[type="submit"] {
    width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
.searchPagenation li.currentPage input[type="submit"]{
  width: 32px;
  height: 32px;
}
  .resultSearchBlock {
    margin-top: 0.6rem;
    padding: inherit;
  }
  .resultSearchBlock p {
    width: inherit;
  }
}
/* NEWS */
.newsBlock {
  padding: 0 0 2.4rem;
  width: 90%;
  max-width: 1160px;
  margin: 2.4rem auto 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.newsItem {
  width: 64%;
  border: 1px solid #f4f4f4;
  border-radius: 3px;
  padding: 1.0rem 0.6rem 1.0rem 1.0rem;
}
.newsItemTtl {
  font-size: 1.1rem;
  font-weight: bold;
  color: #166172;
  margin: 0.6rem auto 1.6rem;
  border-bottom: 1px dotted #c92330;
  padding-bottom: 0.2rem;
}
.newsItemHead {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.0rem;
}
.newsItemCat {
  /*color: #ffffff;
  padding: 0 0.6rem;*/
  color: #c92330;
  font-weight: 500;
}
.newsItemDate {
  font-weight: 500;
  font-size: 1.0rem;
  color: #785e3f;
}
.newsItemCatch {
  font-weight: 700;
}
.newsItemCatch .contactBtn {
	margin-top: 0.2rem;
}
.newsItemMsg {
  overflow-wrap: break-word;
}
.newsItemCapt {
  margin-top: 0.6rem;
  font-weight: bold;
  color: #864a0e;
}
.newsItemImg {
  text-align: center;
  margin: 1.6rem auto;
}
.newsItemImg img {
	width: auto;
  max-width: 100%;
}
.newsItemPdf {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1.6rem 0 0;
  border-top: 1px dotted #c92330;
  padding-top: 0.6rem;  
}
.newsItemPdf img {
  width: 54px;
  margin-right: 0.6rem;
}
.newsItemUrl {
  position: relative;
  margin: 1.6rem 0 0;
  border-top: 1px dotted #c92330;
  padding-top: 0.6rem;
  padding-right: 1.0rem;
  text-align: right;
}
.newsItemUrl a::after {
  position: absolute;
  right: 0;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.newsItemSns {
  margin-top: 1.6rem;
}
.newsItemDownload {
  margin-top: 1.6rem;
  font-weight: 700;
  color: #0a3f6d;
}
.newsItemDownload + p {
  margin-bottom: 1.6rem;
}
.newsList {
  width: 32%;
}
.newsListTtl {
  display: inline-block;
  padding: 0.4rem;
  background-color: #c92330;
  color: #ffffff;
  width: 100%;
  margin-bottom: 0.6rem;
  text-align: center;
  font-size: 1.0rem;
  font-weight: 500;
}
.newsList a {
  display: block;
  position: relative;
  margin-bottom: 1.0rem;
  border: 1px solid #d4d4d4;
  border-right: 16px solid #d4d4d4;
}
.newsList a::after {
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ffffff;  
}
.newsList a > div .newsCat {
  padding: 0.6rem 0.6rem 0;
  color: #c92330;
  border-radius:0;
  font-size: 0.9rem;
}
.newsList a > div .newsDate {
  border-left: none;
  padding: 0.5rem 0.4rem 0 0;
  font-size: inherit;
}
.newsList a > .newsMsg {
  padding-left: 0.4rem;
  padding-bottom: 0.4rem;
  font-weight: inherit;
}
@media screen and (max-width: 767px){
  .newsBlock {
    display: block;
    margin-top: 1.0rem;
    padding-bottom: 1.0rem;
  }
  .newsItem {
    width: 100%;
    padding: 1rem 0.6rem;
    margin: 0 auto;
  }
  .newsList {
    width: 100%;
    margin: 2.4rem auto 1.6rem;
  }
}





/* Temp Product */
.tempTopArea {
  background-image: url("../images/product_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.tempIndexTtl {
  width: 100%;
  color: #644808;
  padding: 2.4rem 0;
	font-family: "Noto Serif JP", "DM Serif Display", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.0rem;
  font-weight: 500;
  text-align: center;
}
.tempTopTtl {
  text-align: center;
  padding-bottom: 2.4rem;
  font-size: 1.4rem;
  font-weight: 500;  
}
.productBlock {
  padding: 0 0 2.4rem;
  width: 90%;
  max-width: 1160px;
  margin: 2.4rem auto 0;
}
.productBlock > a{
  border: 1px solid #123456;
  padding: 0.4rem 0.6rem;
  margin: 0.6rem;
}

.tempLineTtl {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  color: #3e5acb;
  margin-bottom: 1.6rem;
}
.tempLineTtl a{
  color:#3e486f;
}
.tempGroupTtl {
  display: block;
  width: 100%;
  padding-left: 1.0rem;
  font-size: 1.2rem;
  color: #505050;  
}
.productBtn {
  display: block;
  width: 21.4%;
  padding: 0.6rem;
  margin: 0.6rem 0.4rem;
  border: 1px solid #864844;
  color: #123465;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 8%);
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 8%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.productBtn:hover {
  background-color: #c92330;
  color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tempProductThm{
  display: block;
  width:21%;
  padding: 0.6rem;
  margin: 1.0rem 0.2rem;
  border: 1px solid #86a4d4;
  color: #123465;
  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1);
}
.tempProductThm p {
  line-height: 1.1;
}
.tempProductThm .productId {
  margin-bottom: 0.6rem;
}
.tempProductThm .innerImg {
  display: inline-block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 0.4rem;
  border: 1px solid #ccc;
}
.tempPrImg {
  /*height: 3.4rem;
  width: auto;
  margin-left: 0.6rem;*/
}
.returnBtn {
  display: block;
  width: 8.0rem;
  margin: 0 auto 2.4rem;
  text-align: center;
  padding: 0.6rem 1.0rem;
  border: 1px solid #c92330;
  background-color: #ffffff;
  color: #c92330;
  font-weight: 500;
  -webkit-box-shadow: 0px 4px 8px 0 rgb(0 0 0 / 12%);
  box-shadow: 0px 4px 8px 0 rgb(0 0 0 / 12%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.returnBtn:hover {
  background-color: #c92330;
  color: #ffffff;
}

/* Product */
.productInner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
	-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;  
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1.0rem;
  margin: 2.4rem 1.0rem;
  border: 1px dotted #f0f0f0;
}
.productTtl {
  width: 100%;
  padding: 0.6rem 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6b460d;
}
.productDtl {
  width: calc(100% - 434px);
}
.productSpec {
  padding: 0.6rem 1.6rem 1.0rem 1.0rem;
}
.productThm{
  display: block;
  width:46%;
  padding: 0.6rem;
  margin: 0.6rem 0.2rem;
  border: 1px solid #ececec;
  color: #505050;
  -webkit-box-shadow: 0px 8px 8px 0px rgba(10,10,10,8%);
  box-shadow: 0px 8px 8px 0px rgba(10,10,10,8%);
}
.productThm .innerImg {
  display: inline-block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 0.4rem;
  border: 1px solid #ccc;
}
.productItem {
  padding: 0.6rem 1.6rem 1.0rem 1.0rem;
}
.productItemThm {
 	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
}
.productItemThm .innerNoImg{
  display: inline-block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 0.4rem;
}
.productItem .productMsg {
  margin-bottom: 1.6rem;
}
.productItem li span {
  display: inline-block;
  width: 6.2rem;
  color: #6a460d;
}
.productItem i {
  color: #6a460d;
}
.productItem .productMsg span {
  width: inherit;
}
.productImage {
  width: 420px;
  margin-bottom: 1.6rem;
}
.productNote {
  width: 100%;
  padding: 0.6rem 0;
}
.productInner h3 {
  font-size: 1.2rem;
  padding-left: 1.0rem;
  border-bottom: 1px solid #c92330;  
}
.productItemLineup {
  width: 100%;
  margin: 1.6rem auto;
  padding: 0 1.0rem;
}
.productItemLineup ul {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.0rem 0.6rem;
    margin: 0 auto;
}
.productItemLineup li {
  width: 48%;
}
.productItemLineupThm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.6rem;
  margin: 1.0rem 0.2rem 0;
  border: 1px solid #e0e0e0;
  color: #505050;
  -webkit-box-shadow: 0px 8px 16px 0px rgb(10 10 10 / 10%);
  box-shadow: 0px 8px 16px 0px rgb(10 10 10 / 10%);
}
.productItemLineupThm .itemImg {
  display: inline-block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 0.4rem;
  border: 1px solid #ccc;
}

.productLineSwach, .productLineup {
  margin-top: 1.0rem;
  padding: 0 1.0rem;
  width: 100%;
}
.productLineSwach h3, .productLineup h3 {
  font-size: 1.2rem;
  margin-bottom: 1.6rem;
  padding-left: 1.0rem;
  border-bottom: 1px solid #c92330;
}
.productLineSwach ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1.0rem 0.6rem;
  margin: 0 auto;  
}
.productLineup {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto 2.4rem;  
}
.productLineSwach li {
  margin: 0.16rem 0.32rem;
}
.lineSwatch {
  width: 54px;
  height: 54px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
}
.lineSwatch img {
  width: auto;
  height: auto;
  max-width: 54px;
  max-height: 54px;
}
.lineSwatch:hover {
  border: 1px solid #f0f0f0;
}
.productSeriesMsg {
  margin-bottom: 3.2rem;
}
.productImgFrm .productImgMain {
  width: 420px;
  height: 420px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}
.productImgFrm .productImgMain a {
  position: relative;
  display: inline-block;
  width: 420px;
  height: 420px;
}
.productImgFrm .productImgMain img {
  width: auto;
  height: auto;
  max-width: 420px;
  max-height: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.productImgFrm .productImgThm {
  margin-top: 0.6rem;
}
.productImgFrm .productImgThm li {
  width: 54px;
  height: 54px;
  overflow: hidden;
  border: 1px dotted #f0f0f0;
  margin-right: 0.6rem;
}
.productImgFrm .productImgThm .current {
  border: 1px solid #c92330;
  transition-duration: 0.5s;
}
.productImgFrm .productImgThm li:hover {
  cursor: pointer;
  opacity: 0.7;
}
.productImgFrm .productImgThm img {
  width: auto;
  height: auto;
  max-width: 54px;
  max-height: 54px;
}
.productPdfLoad {
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
  margin: 0.6rem 0 0;
  border: 1px dotted #6a460d;
  padding: 0.4rem;
}
.productPdfLoadTtl {
  color: #6a460d;
  padding-right: 0.6rem;
}
.productPdfNote {
  font-size: 0.86rem;
  color: #b00000;
}

@media screen and (max-width: 767px){
  .productBlock {
    width: 100%;
    margin: 1.0rem auto 0;
    padding: 0 0.6rem 1.6rem;
  }
  .tempProductThm {
    width: 42%;
    padding: 0.4rem;
    margin: 1.0rem 0;
  }
  .tempProductThm {
    display: block;
    width: 42%;
    padding: 0.6rem;
    margin: 1.0rem 0;
  }
  .productItemThm {
 	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;  
	/*-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
  }
  .itemThmName {
    /*margin-left: 0.4rem;*/
    width: calc(100% - 7.2rem);
  }
  .itemThmName p {
    line-height: 1.36;
  }
  .productInner {
    padding: 0 0.6rem;
    margin: 2.4rem 0;
  }
  .productDtl {
    width: 100%;
  }
  .productSpec {
    padding: 0.6rem 0.6rem 1.0rem;
  }
  .productItem {
    padding: 0.6rem 0 1.0rem;
  }
  .productImage {
    width: calc(100vw - 3.2rem);
  }
 .productImgFrm .productImgMain {
    width: calc(100vw - 3.2rem);
    height: calc(100vw - 3.2rem);
    margin: 0 auto;
  }
  .productImgFrm .productImgMain img {
    width: auto;
    height: auto;
    max-width: calc(100vw - 3.2rem);
    max-height: calc(100vw - 3.2rem);
  }
.productItemLineup {
  margin: 1.6rem auto 0.6rem;
  padding: 0;
}
  .productItemLineup ul {
    padding: 1.0rem 0;
  }
.productItemLineup li {
  width: 100%;
}
  .productLineSwach {
    margin-top: 1.6rem;
    padding: 0;
  }
  .productLineSwach ul {
    padding: 1.0rem 0 0;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .productLineSwach li {
    margin: 0 0 0 0.36rem;
  }
  .productLineup{
    display: block;
    margin-bottom: 2.4rem;
    padding: 1.0rem 0 0;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .productLineup a {
    width: 94%;
    max-width: 360px;
    margin: 0 auto 1.0rem;
    padding: 0.6rem;
    font-size: 0.9rem;
  }
  .catHeaderTtl {
    width: 100%;
    margin: 1.6rem auto 0.4rem;
  }
}

/* 製品モーダル */
.modalWrapper {
  width: 240px;
  border: 4px solid #c92330;
}
.modalImg {
  text-align: center;
}
.modalWrapper img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 200px;
}
.modalHeader {
  display: block;
  height: 32px;
  padding: 0.2rem;
  color: #ffffff;
  background-color: #c92330;
  font-size: 0.875rem;
}
.modalWrapper ul {
  padding: 0 0.2rem 0.6rem;
}
.modalWrapper li {
  font-size: 0.875rem;
}
.modalPrice {
  text-align: center;
  font-weight: 500;
  font-size: 0.9rem;
}
.modalBtn {
  text-align: center;
  padding: 1.0rem 0;
}
.modalBtn a {
  padding: 0.6rem;
  border: 1px solid #123456;
  color: #123456;
  -webkit-box-shadow: 0px 4px 8px -2px rgb(0 0 0 / 12%);
  box-shadow: 0px 4px 8px -2px rgb(0 0 0 / 12%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

/* Error */
.errWrapper {
  max-width: 960px;
  margin: auto;
}
.errHeader {
  width: 50%;
  margin: 3.2rem auto;
}
.errWrapper img {
  width: 100%;
}
.errWrapper h2 {
  width: 64%;
  text-align: center;
  display: block;
  margin: auto;
  font-size: 4.6rem;
  color: #d9d9d9;
}
.errWrapper h2 img {
  width: 6.4rem;
  vertical-align: middle;
}
.errWrapper h3 {
  font-weight: 500;
  font-size: 1.2rem;
}
.errMessage {
  margin: 3.2rem auto;
  text-align: center;
}
.errWrapper+footer{
  background-color: #ffffff;
}
.errWrapper+footer p {
  text-align: center;
  color: #a0a0a0;
}
.errMessage a {
  display: inline-block;
  margin-top: 2.4rem;
  padding: 0.6rem 1.6rem;
  border: 1px dotted;
  font-weight: 700;
  color: #990000;
}
@media screen and (max-width: 767px){
  .errHeader {
    width: 64%;
    margin: 1.6rem auto 1.0rem;
  }
  .errWrapper h2 {
    width: 84%;
    font-size: 2.4rem;
  }
  .errWrapper h2 img {
    width: 3.2rem;
  }
  .errWrapper h3 {
    font-weight: 700;
    font-size: 1.0rem;
  }
  .errMessage {
    margin: 2.4rem auto 3.2rem;
  }
}