/*
Theme Name:		Welcart Assertive Child Theme
Template:		welcart_assertive
Theme URI:		https://www.welcart.com/archives/15110.html
Author:			Collne.Inc
Author URI:		https://www.collne.com/
Description:	Assertive Child is the Welcart Assertive Child Theme.
Version:		1.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, assertive, one-columns, left-sidebar or right-sidebar
*/

	/* Header Area
	 ========================================================================== */
body{
    margin: 0;
}

/* 商品詳細ページ - うま蒸しベビー */

.mg-t30 {
    margin-top: 30px;
}

.mg-b30 {
    margin-bottom: 30px;
}

.mg-b70 {
    margin-bottom: 70px;
}

.ma_auto{
    margin: 0 auto;
}

.text_c {
    text-align: center;
}

.bdr-r16 img {
    border-radius: 16px;
    border: solid 2px #AD8D62;
}

.color_white{
    color: white;
}
.col_r2 {
    color: #A80900;
}

.singlePage_ProductBox{
    width: 100%;
    margin: 0 auto;
}

.item-mainimg {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}

.item-mainimg img {
    border-radius: 20px;
}

.SinglePage_top_ReitouHotateKaibashira {
    width: 100%;
    height: 30vh;
    background-image: url(https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/reitouhotate_image.jpg);
    background-position: center center;
    background-size: cover;
}

.SinglePage_top_katsuHotateGai{
    width: 100%;
    height: 30vh;
    background-image: url(https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/Single_Product_TitleBG_katsuHotateGai.jpg);
    background-position: center center;
    background-size: cover;
}

.SinglePage_top_HoshiKaibashira{
    width: 100%;
    height: 30vh;
    background-image: url(https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/Single_Product_TitleBG_HoshiKaibashira.jpg);
    background-position: center center;
    background-size: cover;
}

.SinglePage_top_KatsuAwabi{
    width: 100%;
    height: 30vh;
    background-image: url(https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/Single_Product_TitleBG_Awabi.jpg);
    background-position: center center;
    background-size: cover;
}

.SinglePage_top_KatsuSazae{
    width: 100%;
    height: 30vh;
    background-image: url(https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/Single_Product_TitleBG_Sazae.jpg);
    background-position: center center;
    background-size: cover;
}

.singleTop_subTitle{
    display: block;
    position: relative;
    font-size: 1em;
    font-family: serif;
    top:30%;
    text-align: center;
}

.singleTop_Title{
    display: block;
    position: relative;
    font-size: 2em;
    font-family: serif;
    top:20%;
    text-align: center;
}

.singleTop_TitleObi{
    position: relative;
    width: 100%;
    height: 50px;
    background-color: rgba(255,255,255,0.5);
    top: 12vh;
}

.desc_title {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    color: #000;
    line-height: 0.3em;
    min-height: 1em;
    margin-top: 100px;
    margin-bottom: 20px;
    font-family: "Zen Old Mincho", serif;
}

.desc_title::after{
    content: "";
    display: block;
    width: 1.5em;
    height: 1px;
    background-color: #e6b422;
    margin: 0 auto;
    transform: translate(0px, -18px);
}

.singlePage_Text{
    width: 640px;
    margin: 0 auto;
    text-align: justify;
}


.hotate_Flex_waku{
    width: 680px;
    margin: 0 auto;
}

.hotate_Flex{
    display: flex;
    margin: 20px;
    text-align: justify;
    flex-wrap:wrap;
    justify-content:space-between;
}

.FlexItem{
    flex-basis:calc((100% - 40px) / 2);
  max-width:calc((100% - 40px) / 2);
}

.FlexItem:nth-of-type(1),
.FlexItem:nth-of-type(2){
  margin-top:0;
}

.FlexItem1{
    margin: 20px;
}

.FlexItem1 .img{
  width: 35%;
}

.FlexItem2{
    margin: 20px;
    flex-shrink:20;
    width: 48%;
}


.AnzenPoint_Box{
    width: 960px;
    margin: 0 auto;
}

.AnzenPoint_Flex{
    display: flex;
}

.item-point-title {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    text-align: left;
    margin: 25px 25px 10px 0px;
}

.item-point-content {
    margin: 10px 25px 10px 0px;
    font-size: 1em;
    line-height: 1.75;
    text-align: justify;
}

.point_title_center {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    text-align: center;
    margin: 25px 25px 10px 0px;
}

.cook_sample_Box{
    width: 960px;
    margin: 0 auto;
}

.cook_sample_Flex{
    display: flex;
}

.cook_sample_Flex img{
    width: 100%;
}

.cook_sample_Flex > div{
    margin: 10px;
}

.Flex_Box{
    display: flex;
    margin-bottom: 30px;
}

.user_voice_Flex1{
    flex-basis: 20%;
}

.user_voice_Flex2{
    flex-basis: 80%;
}

.TextBG_Gold{
    background:linear-gradient(transparent 60%, #e6b422 60%);
}



/* 新商品LP */

.container {
	max-width: 100%;
}

.color_white{
    color: white;
}

.Top_Banner_Clispy{
	width:80%;
	margin:0 auto;
}
.Top_Banner_HotateFly{
	width:80%;
	margin:0 auto;
	margin-top:10px;
}

.Section__Inner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  clip: rect(0, auto, auto, 0);
}
 
.Section-Image {
  position: fixed;
  z-index: -1;
  display: block;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center center;
}

/* sp クリスピーボール */

.sp_Block1 {
  position: relative;
  padding: 20px 0 40px 0;
    height: 740px;
}

.sp_Block2 {
  /*レイアウト用のCSS*/
  padding: 0 0 40px 0;
  background-color: #191970;
  color: #fff;
}
.sp_Block2 {
  position: relative;
  z-index: 0;
    height: 650px;
}
.sp_Block2::before{
  content: '';
  position: absolute;
  left:0;
  top: 0;
 
  /*四角形を傾けます*/
  transform: translateY(-100px) skewY(-4deg);
  transform-origin: top right;
 
  z-index: -1;
  width:100%;
  height:30%;
  background:#191970;
}

.sp_Block3 {
  position: relative;
  padding-top:60px;
    background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/07/BG_Steam_1280px.jpg");
    background-position:center center;
	background-size:cover;
    height: 700px;
    transform: skewY(4deg);
  transform-origin: top right;
    background-attachment: scroll;
}


/*
.sp_Block3::before{
  content: '';
  position: absolute;
  left:0;
  top: 0;
 */
  /*四角形を傾けます*/
 /*
  transform: translateY(8px) skewY(4deg);
  transform-origin: top right;
 
  z-index: 1;
  width:100%;
  height:15%;
  background:#191970;
}
*/

.sp_Block4 {
  /*レイアウト用のCSS*/
  padding: 0 0 40px 0;
  background-color: #191970;
}

.sp_Block4 {
  position: relative;
    margin-top: -200px;
      padding-top:100px;
    background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/sp_CrispyBatter_ZOOM_s.jpg");
    background-position:center center;
	background-size:cover;
    height: 700px;
  z-index: 0;
    transform: skewY(-4deg);
  transform-origin: top right;
    background-attachment: scroll;
}

/*
.sp_Block4::before{
  content: '';
  position: absolute;
  left:0;
  top: -200;
 */
  /*四角形を傾けます*/
/*
  transform: skewY(-4deg);
  transform-origin: top right;
 
  z-index: -1;
  width:100%;
  height:100%;
  background:#191970;
}
*/
.transform_skewY_4deg{
    transform: skewY(4deg);
}

.transform_skewY_-4deg{
    transform: skewY(-4deg);
}


.sp_Block5 {
  position: relative;
  padding-top:70px;
  background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/sp_CrispyFlaver_s.jpg");
    background-position:top center;
	background-size:cover;
    height: 800px;
  z-index: 0;
    transform: skewY(4deg);
  transform-origin: top right;
    background-attachment: scroll;
}

/*
.sp_Block5::before{
  content: '';
  position: absolute;
  left:0;
  top: 0;
 */
  /*四角形を傾けます*/
/*
  transform: skewY(4deg);
  transform-origin: top right;

  z-index: 1;
  width:100%;
  height:20%;
  background:#191970;
}
*/

.sp_Block5_Flex{
    display: flex;
    width: 100%;
    text-align: justify;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top: -50px;
}

.sp_Block5_Flex_Item1{
    width: 50%;
}

.sp_Block5_Flex_Item1 p{
    text-align: justify;
    padding: 10px 20px 0px 20px;
    margin-top:-25px;
    background-color: rgba(255,255,255,0.5);
	    width: 80%;
    margin: 0 auto;
}

.sp_Block5_Flex_Item2{
    width: 50%;
}
.sp_Block5_Flex_Item2 p{
    text-align: justify;
    padding: 10px 20px 0px 20px;
    margin-top:-25px;
    background-color: rgba(255,255,255,0.5);
	width: 80%;
    margin: 0 auto;
}


.sp_Crispy_Mark{
        position: relative;
    margin: 0 auto;
    text-align: center;
}

.sp_Crispy_Mark img{
    height: 150px;
    top:30px;
}

.letter_spacing_025em{
    letter-spacing: 0.25em;
}

.sp_Block6 {
  /*レイアウト用のCSS*/
  padding: 0 0 40px 0;
  background-color: #191970;
  color: #fff;
}
.sp_Block6 {
  position: relative;
  z-index: 0;
    height: 680px;
    top:-100px;
    padding-top: 40px;
}
.sp_Block6::before{
  content: '';
  position: absolute;
  left:0;
  top: -100;
 
  /*四角形を傾けます*/
  transform: translateY(-140px) skewY(-4deg);
  transform-origin: top right;
 
  z-index: -1;
  width:100%;
  height:30%;
  background:#191970;
}

.sp_Block7 {
  position: relative;
  padding-top:110px;
    height: 600px;
}

.sp_Block7::before{
  content: '';
  position: absolute;
  left:0;
  top: -100;
 
  /*四角形を傾けます*/
 
  transform: translateY(-260px) skewY(4deg);
  transform-origin: top right;
 
  z-index: 1;
  width:100%;
  height:30%;
  background:#191970;
}

.sp_title {
    text-align: center;
    font-size: 3em;
    font-weight: bold;
    color: #000;
    line-height: 1.2em;
    min-height: 1em;
    margin-top: 0;
    margin-bottom: 20px;
}

.sp_title img {
    height: 40px;
    margin-top: -15px;
}

.sp_title_sub{
    font-size: 0.4em;
    font-weight: 100;
    font-family: serif;
}

.sp_title_number{
    font-size: 1em;
    font-weight: 100;
    font-family: serif;
    color: #e6b422;
    margin-top: -15px;
    margin-bottom: 10px;
}

.sp_title_number::before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 0.5em;
    height: 1px;
    background-color: #e6b422;
    transform: translate(-0.8em,0.55em);
}

.sp_title_number::after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 0.5em;
    height: 1px;
    background-color: #e6b422;
    transform: translate(0.25em,0.55em);
}


.sp_Crispy_Rogo{
}

.sp_Crispy_Rogo img{
    width: 450px;
    margin-left: 80px;
}

.sp_Crispy_Top_Txt{
    display: flex;
    flex-direction:row-reverse;
    margin-top: -120px
}

.sp_Crispy_Top_Txt img{
    width: 400px;
    margin-right: 100px;
}

.sp_Crispy_Concept_Text{
    width: 640px;
    margin: 0 auto;
    text-align: justify;
}



/* sp ほたてフライ */

.sp_HotateFly_Block1 {
  color: #1a1a1a;
}

.sp_HotateFly_Block2 {
  /*レイアウト用のCSS*/
  padding: 0 0 40px 0;
  background-color: #191970;
  color: #fff;
}
/*
.sp_HotateFly_Block1 {
  position: relative;
  padding: 20px 0 40px 0;
    background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/hotatefry_2048px_s.jpg");
    background-position:center center;
	background-size:cover;
    height: 700px;
    background-attachment: fixed;
}
*/
.sp_HotateFly_Block1 {
  position: relative;
  padding: 20px 0 40px 0;
    height: 700px;
}
.sp_HotateFly_Block2 {
  position: relative;
  z-index: 0;
	height: 550px;
}
.sp_HotateFly_Block2::before{
  content: '';
  position: absolute;
  left:0;
  top: -100;
 
  /*四角形を傾けます*/
  transform: translateY(-90px)  skewY(-4deg);
  transform-origin: top right;
 
  z-index: -1;
  width:100%;
  height:30%;
  background:#191970;
}

.sp_HotateFly_Block3 {
  position: relative;
  padding-top:100px;
    background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/07/BG_Steam_1280px.jpg");
    background-position:center center;
	background-size:cover;
    height: 800px;
    background-attachment: scroll;
}

.sp_HotateFly_Block3::before{
  content: '';
  position: absolute;
  left:0;
  top: 0;
 
  /*四角形を傾けます*/
 
  transform: translateY(0px)  skewY(4deg);
  transform-origin: top right;
 
  z-index: 1;
  width:100%;
  height:15%;
  background:#191970;
}

.sp_HotateFly_Block4 {
  /*レイアウト用のCSS*/
  padding: 0 0 40px 0;
  background-color: #191970;
}
.sp_HotateFly_Block4 {
  position: relative;
    margin-top: -200px;
      padding-top:100px;
    background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2023/02/sp_HotateFry_ZOOM.jpg");
    background-position:center center;
	background-size:cover;
    height: 800px;
  z-index: 0;
    transform: skewY(-4deg);
  transform-origin: top right;
    background-attachment: scroll;
}
/*
.sp_HotateFly_Block4::before{
  content: '';
  position: absolute;
  left:0;
  top: -200;
 */
  /*四角形を傾けます*/
/*
  transform: skewY(-4deg);
  transform-origin: top right;
 
  z-index: -1;
  width:100%;
  height:100%;
  background:#191970;
}
*/
.transform_skewY_4deg{
    transform: skewY(4deg);
}

.transform_skewY_-4deg{
    transform: skewY(-4deg);
}

.textshadow_black_HotateFly_Block4{
    text-shadow: 2px 2px 12px #000;
}

.sp_HotateFly_Block5 {
  position: relative;
  padding-top:100px;
  background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/sp_CrispyFlaver_s.jpg");
    background-position:top center;
	background-size:cover;
    height: 700px;
  z-index: 0;
    transform: skewY(4deg);
  transform-origin: top right;
    background-attachment: scroll;
}
/*
.sp_HotateFly_Block5::before{
  content: '';
  position: absolute;
  left:0;
  top: 0;
 */
  /*四角形を傾けます*/
/*
  transform: skewY(4deg);
  transform-origin: top right;

  z-index: 1;
  width:100%;
  height:20%;
  background:#191970;
}
*/

.sp_HotateFly_Block5_Flex{
    display: flex;
    width: 100%;
    margin: 0px;
    text-align: justify;
    flex-wrap:wrap;
    justify-content:space-between;
}

.sp_HotateFly_Block5_Flex_Item1{
    width: 50%;
    margin-top:20px;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
}

.sp_HotateFly_Block5_Flex_Item2{
    width: 50%;
    margin-top:20px;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
}

.letter_spacing_025em{
    letter-spacing: 0.25em;
}

.sp_HotateFly_Block6 {
  /*レイアウト用のCSS*/
  padding: 0 0 40px 0;
  background-color: #191970;
  color: #fff;
}
.sp_HotateFly_Block6 {
  position: relative;
  z-index: 0;
    height: 650px;
    top:-100px;
    padding-top: 50px;
}
.sp_HotateFly_Block6::before{
  content: '';
  position: absolute;
  left:0;
  top: 0;
 
  /*四角形を傾けます*/
  transform: translateY(0px) skewY(4deg);
  transform-origin: top right;
 
  z-index: -1;
  width:100%;
  height:30%;
  background:#191970;
}

.sp_HotateFly_Block7 {
  position: relative;
  padding-top:100px;
    height: 600px;
}

.sp_HotateFly_Block7::before{
  content: '';
  position: absolute;
  left:0;
  top: -190;
 
  /*四角形を傾けます*/
 
  transform: translateY(-300px) skewY(-4deg);
  transform-origin: top right;
 
  z-index: 1;
  width:100%;
  height:20%;
  background:#191970;
}

.sp_HotateFly_Rogo{
}

.sp_HotateFly_Rogo img{
    width: 450px;
    margin-left: 40px;
}

.sp_HotateFly_Top_Txt{
    display: flex;
    flex-direction:row-reverse;
    margin-top: -70px
}

.sp_HotateFly_Top_Txt img{
    width: 400px;
    margin-right: 100px;
}






/* 動くボタン */
.sp_Crispy_Link{
	margin-top:30px;
}
.sp_Crispy_Link a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 250px;
  color: #333;
  font-size: 18px;
  font-weight: 100;
  transition: 0.3s;
    background-color: #e6b422;
    border: solid thin #e6b422;
    border-radius: 50px;
    text-decoration: none;
}

.sp_Crispy_Link a::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 1em;
  transform: translateY(calc(-50% - 2px)) rotate(30deg);
  width: 12px;
  height: 2px;
  background-color: #333;
  transition: 0.3s;
}

.sp_Crispy_Link a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 70px;
  height: 2px;
  background-color: #333;
  transition: 0.3s;
}

.sp_Crispy_Link a:hover {
  text-decoration: none;
    color: #e6b422;
  background-color: #333;
    letter-spacing: 0.25em;
}

.sp_Crispy_Link a:hover::before,
.sp_Crispy_Link a:hover::after {
  right: 0.5em;
    background-color:#e6b422;
}
/* end 動くボタン */

.textshadow_white{
    text-shadow: 2px 2px 0px #fff;
}

.textshadow_220000{
    text-shadow: 0px 0px 7px #000;
}

.Color_191970{
    color: #191970;
}

.BGcolor_f1cf00{
    background-color: #f1cf00;
}
.BGcolor_f1cf00::before{
    background: #f1cf00;
}

.BGcolor_cf6116{
    background-color: #cf6116;
}
.BGcolor_cf6116::before{
    background: #cf6116;
}

.BGcolor_Black{
    background-color: #000;
}

.BG_Before_color_Black::before{
    background: #000;
}

/* ヘッダー非表示 */


.site-content{
    margin: 0;
}

/* ふじつぼ 商品詳細 */
.Flex_Fujitsubo_Box{
                margin: 0 auto;
                text-align: center;
                margin: 0 30px;
            }
            .Flex_Fujitsubo{
                display: flex;
                  justify-content: space-between;
                  flex-wrap: wrap;
            }
            .Flex_Fujitsubo:after,
            .Flex_Fujitsubo:before{
              content:"";
              display:block;
              width: 23%;
              height:0;
            }
            .Flex_Fujitsubo:before{
              order:1;
            }
            .Flex_Fujitsubo_item{
                width: 23%;
            }
            @media screen and (max-width:740px){
                .Flex_Fujitsubo_item{
                    width: 48%;
                }
            }
            
            .Fujitsubo_img_txt{
                text-align: justify;
                margin: 10px;
            }
            
            .img_number {
              position: relative;
              }

            .img_number p {
              position: absolute;
              top: 0;/*画像の左上に配置*/
              left: 0;
              margin: 0; /*余計な隙間を除く*/
              color: white;/*文字を白に*/
              background: #e6b422;/*背景色*/
              font-size: 15px;
              line-height: 1;/*行高は1に*/
              padding: 5px 10px;/*文字周りの余白*/
              }

            .img_number img {
              width: 100%;
              }
            
            .Flex_Fujitsubo_2column_item2{
                width: 640px;
                text-align: justify;
                margin: 0 auto;
            }


/* 追加CSS */

#masthead {
    background-color: transparent;
}

.home .site-branding{
	flex-direction:  row;
}

.MainManu{
	position:absolute;
	top:25px;
	right:25px;
	z-index:999;
}

	.outer-menu{
		display:none;
	}

@media screen and (min-width: 46.25em){
.home .site-branding {
	bottom:auto;
}
}

@media screen and (min-width: 62.5em){
.home .site-branding {
    align-items:start;
}
}

.menu_bar_custom{
	font-weight:700;
}

#masthead {
    max-height: 100vh;
}

@media screen and (min-width: 46.25em){
.first_vue_block.justonly {
    height: 100vh;
}
}

@media screen and (min-width: 46.25em){
.first_vue_block.justonly .wp-custom-header {
    height: 100vh;
}
}

.Top_Catch_Box{
	position:absolute;
	left:0;
	top:25%;
	transform: translateX(10vw);
}

.Top_Catch{
	writing-mode: vertical-rl;
	color:#fff;
	line-height:3em;
	font-size:1.2em;
	text-shadow:0px 0px 10px #000;
}

.Top_Catch_Fadein {
    opacity: 0;
    animation: Top_Catch_Fadein 6s ease forwards;
}
@keyframes Top_Catch_Fadein {
    100% {  opacity: 1;}
}
 
/*以下遅延の指定*/
.ad_2s {animation-delay: 2s;}
.ad_3s {animation-delay: 3s;}
.ad_4s {animation-delay: 4s;}

.Top_Whats_New {
		position:absolute;
		bottom:0;
		width:100%;
}

div.whatsnew{
	margin:0;
	background-color:rgba(0,0,0,0.5);
}

div.whatsnew > hr {
    height: 0px;
}

div.whatsnew a:hover {
		background-color:rgba(0,0,0,0.8);
	text-decoration: none;
    box-shadow: none;
	transition : 0.7s;
}

div.whatsnew dt {
    margin: 0 0 0 0.3em;
    padding: 0;
    border: 0;
    color: #fff;
	border-right:dotted 1px #fff;
    font-weight: normal;
    white-space: nowrap;
}
	
div.whatsnew a {
	color:white;
	padding:20px;
	bottom:0;
	transition : 0.7s;
}

div.whatsnew dd {
    margin: 0;
    padding: 0 2px;
	padding-left:30px;
}


#block-14{
	width:100%;
	height:auto;
	background-image:url("http://localhost/hotateya_211210/wp-content/uploads/2022/01/kanp_69298345.jpg");
	background-position:center center;
	background-size:cover;
}

#block-16{
	padding:0;
}

.TopConceptFlex{
	font-family:serif;
	display: flex;
	width: 100%;
	justify-content:center;
	margin-top: 50px;
	margin-bottom:20px;
}

.TopConceptText_Title{
	font-size: 2em;
	writing-mode: vertical-rl;
	margin-top: 10px;
	transform: translateX(-100px);
}

.TopConceptText_Title::after{
	content: '';
	display: block;
	width: 2.5em;
	height: 1px;
	background-color: #e6b422;
	position: relative;
	margin: 0 30px;
	top: 100px;
	left: 100%;
}

.TopConceptText_Text{
	text-align: left;
	line-height:2.5em;
	transform: translateX(50px);
}

.Top_NewItem_Img_1{
    width:100%;
	height:auto;
	background-image:url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/07/B5A0125_B_2048px_s.jpg");
    background-position: center center;
	background-size:cover;
}

.Top_NewItem_Img_2{
    width:100%;
	height:auto;
	background-image:url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/hotatefry_2048px_s.jpg");
    background-position: center center;
	background-size:cover;
}

.Top_NewItem_Img_3{
    width:100%;
	height:auto;
	background-image:url("https://hotate-ya.com/new_shop/wp-content/uploads/2024/02/Top_Kaiyakimiso_Banner_BG.jpg");
    background-position: center center;
	background-size:cover;
}

.Top_NewItem_Img_1 img{
    transition: 1s;
}

.Top_NewItem_Img_1 img:hover{
    transform: scale(0.98);
    transition-duration: 1s;
}

.Top_NewItem_Img_2 img{
    transition: 1s;
}

.Top_NewItem_Img_2 img:hover{
    transform: scale(0.98);
    transition-duration: 1s;
}

.Top_NewItem_Img_3 img{
    transition: 1s;
}

.Top_NewItem_Img_3 img:hover{
    transform: scale(0.98);
    transition-duration: 1s;
}

.Top_NewItem_Copy{
    margin: 50px auto 0;
    max-width: 640px;
}

.TopFeturedItem_OverImg_Box{
		width:100%;
	height:50vh;
	background-image:url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/umamushi_2048px.jpg");
    background-position: center center;
	background-size:cover;
	margin:0 auto;
	padding:0;
}

.TopFeturedItem_OverTxt{
	writing-mode: vertical-rl;
	transform:translate(60vw,8vh);
	right:10vw;
	color:#000;
	font-size:2em;
	font-family:serif;
	font-weight:bold;
		background-color:#fff;
	padding:25px 10px;
	min-height:410px;
}

.TopFeturedItem_OverTxt2{
	writing-mode: vertical-rl;
	transform:translate(50vw,-25vh);
	right:10vw;
	color:#000;
	font-size:1.2em;
	font-family:serif;
	text-align:left;
	background-color:#fff;
	line-height:2em;
	padding:25px 10px;
	min-height:300px;
}

.Top_TopFeturedItem_Img{
	position:absolute;
	transform:translate(0px,-120px);
}


.see-more a{
	transition:1s;
}

.see-more a:hover{
	transform:translatex(10px);
	transition:1s;
	opacity:1;
}



#assertive_featured_item_widget-2{
	background-image:url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/hotateya_BG_Gold_Seigaiha_1388px.png");
	background-position:center center;
	background-size:cover;
	transform:translatey(-50px);
}

.home-widget-area .widget_assertive_featured_item_widget .backdrop article{
	align-items:end;
}

.Top_PickUp{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	 padding-top:10px;
	text-align:center;
	margin:0 auto;
	z-index:10;
}

.Top_PickUp img{
	margin-top:-8vh;
}

.Top_PickUp_Img{
	position:absolute;
	transform:translate(-250px,-40px);
}

.Top_Feature_Img{
	position:absolute;
	transform:translate(100px,0px);
}

/*
.Top_PickUp_Obi{
	position:absolute;
	width:100%;
	height:50%;
	margin:0;
	 padding-top:-20px;
	text-align:center;
	margin:0 auto;
}

.Top_PickUp_Obi img{
	margin-top:-12vh;
}
*/

.Top_PickUp_Title{
	text-align:center;
	margin:0 auto;
	font-family:serif;
	font-size:2em;
}

/*
.Top_PickUp_Title_White{
	color:#fff;
		text-align:center;
	margin:0 auto;
	font-family:serif;
	font-size:2em;
	transform:translatex(-2.5%);
}
*/

.Top_PickUp_SubTitle{
		text-align:center;
	margin:0 auto;
	font-family:serif;
	font-size:0.7em;
}

.Top_PickUp_SubTitle::after{
content: '';
  position: absolute;
  left: 0;
  right: 0;
	top:100px;
  bottom: 0;
  width: 1px;
  height: 50px;
  margin: auto;
  background-color: #e6b422;
        transform: translateY(25px);
}

a:hover{
	opacity: 1;
}

.itemimg{
	overflow:hidden;
	background: #000;/*これを追加！*/
}

.itemimg img{
	transition-duration:1s;
}

.itemimg img:hover{
	transform: scale(1.2);
  transition-duration: 1s;
}

/*
.Top_PickUp_SubTitle_White{
	color:#fff;
		text-align:center;
	margin:0 auto;
	font-family:serif;
	font-size:0.7em;
	transform:translatex(-2.5%);
}
*/

.home-widget-area .widget_page_appeal_widget .backdrop{
	margin-top:-40px;
}

#home-first-widget-area .widget_page_appeal_widget .see_more a{
	transition:1s;
}

#home-first-widget-area .widget_page_appeal_widget .see_more a:hover{
	transform:translatex(10px);
	transition:1s;
	opacity:1;
}

#home-first-widget-area .widget_assertive_featured_item_widget .widget_title::after {
    border-left: 1px solid #e6b422;
}

#home-first-widget-area .widget_assertive_item_list .widget_title {
     border:none;
}

#home-first-widget-area .widget_assertive_item_list .widget_title::after {
     border-bottom: 1px solid #e6b422;
	width:2.5em;
	margin:0 auto;
	margin-bottom:30px;
}

#home-first-widget-area .widget_page_appeal_widget .widget_title span::after {
    border: 1px solid #e6b422;
	width:2.5em;
	margin:0 auto;
	margin-top:30px;
}


.home-widget-area .widget_page_appeal_widget .backdrop{
	padding-bottom:50px;
}

.home-widget-area .widget_page_appeal_widget .widget_title span{
	color:#000;
}

.widget_page_appeal_widget .post_content p{
	line-height:1.7em;
	text-align:justify;
}


footer.site-footer {
    background: transparent;
	border-top:solid 1px #000;
}

.right_side_inquiry_link {
	color:#000;
	transition:0.5s;
}

.right_side_inquiry_link  :hover{
	transition:0.5s;
	text-decoration:none;
}

#footer-contact-area {
    border-top:solid 1px #000;
}

#footer-contact-area .right-side nav a {
    background-color: rgba(255,255,255,0.3);
	transition:0.5s;
}

#footer-contact-area .right-side nav a:hover {
    background-color: rgba(255,255,255,1);
	transition:0.5s;
}

.page-header, .item-header {
    display:none;
}

.flexy_breadcrumb{
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	margin-bottom:10px;
}

.byline{
	display:none;
}

.entry-header{
	background:transparent;
}

.entry-header{
	background-color:transparent;
}

.entry-header .header-txt{
	border-bottom:solid 1px #c0c0c0;
	padding-bottom:30px;
}

#post-1602 .entry-header{
    display: none;
}

#post-1663 .entry-header{
    display: none;
}

.nf-before-form-content{
    text-align: center;
}

/* テーブルデザイン */

table.access_page {
    margin: 0 auto;
    width: 740px;
}
table.access_page th {
    text-align: left;
    padding: 20px 20px 0;
}
table.access_page td {
    padding: 10px 20px 0;
}
table.access_page th::after {
    content: '';
    border-bottom: 1px dotted #cccccc;
    margin-top: 20px;
}
table.access_page tr::after {
    content: '';
    border-bottom: 1px dotted #cccccc;
    margin-top: 20px;
}
table.access_page tr:last-child td {
    padding-bottom: 20px;
}

@media screen and (max-width: 55em) {

    table.access_page {
        margin: 0 auto;
    }
    table.access_page th {
        text-align: left;
        padding: 20px 20px 0;
        display: block;
    }
    table.access_page td {
        padding: 10px 20px 0;
        display: block;
    }
    table.access_page td::after {
        content: '';
        display: block;
        border-top: 1px dotted #cccccc;
        margin-top: 20px;
    }
    table.access_page tr:last-child td::after {
        display: none;
    }
    table.access_page tr:last-child td {
        padding-bottom: 20px;
    }
}

.LP_sub_title{
        text-align: center;
        font-size: 1em;
        font-family: "Zen Old Mincho", serif;
        margin-bottom: 50px;
    }
    .AHN_table{
        margin: 0 auto;
    }
    .AHN_table th,td{
        border-bottom: solid 1px lightgray;
    }

.items_Wholesale{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
}
.items_Wholesale:after{
  content:"";
  display:block;
  width: 32%;
  height:0;
}
.item_Wholesale{
    width: 47%;
    height: auto;
}
@media screen and (min-width: 46.25em){
    .item_Wholesale{
        width: 32%;
        height: auto;
    }
}

.item_Wholesale img{
    width: 100%;
}

.Flex_2col{
    display: flex;
    justify-content: space-between;
}
.Flex_2col_Item{
    width: 47%;
}
.Flex_2col_Item img{
    width: 100%;
}

.Page_Title_TokuSHo {
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    line-height: 0.3em;
    min-height: 1em;
    margin-top: 100px;
    margin-bottom: 20px;
    font-family: "Zen Old Mincho", serif;
}

.Page_Title_TokuSHo::after{
    content: "";
    display: block;
    width: 1.5em;
    height: 1px;
    background-color: #e6b422;
}
.Page_Text_TokuSho{
    text-align: justify;
}
.Page_Container_TokuSho{
    width: 740px;
    margin: 0 auto;
}

.Flex_order{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
}
.Flex_order:after{
  content:"";
  display:block;
  width: 32%;
  height:0;
}
.Flex_order_item{
    height: auto;
    text-align: center;
}
@media screen and (min-width: 46.25em){
    .Flex_order_item{
        width: 32%;
        height: auto;
    }
}

.Flex_order_item img{
    width: 50%;
}
.Flex_order_Title{
    font-size: 1.5em;
    font-family: serif;
    font-weight: 600;
}
.LP_Kakomi{
    display: block;
    border: solid 1px lightgray;
    border-radius: 30px;
    padding: 0 20px;
    text-align: center;
    margin: 0 20%;
    margin-top:50px;
}
.LP_Kakomi p{
    font-size: small;
}

/* 以下、240222追加 */
.center{
	text-align:center;
}

.font_sans-serif{
	font-family: sans-serif;
}

.ondotai img{
	width:100%;
	height:auto;
}

.sp_Kaiyakimiso_Text {
    width: 100%;
    margin: 30px auto;
    text-align: justify;
}

.hotateya_youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
	margin-bottom: 50px;
}
.hotateya_youtube iframe {
  width: 100%;
  height: 100%;
}

.blocker.sidebar-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 90%;
    margin: 0 auto;
}

.entry-content-single {
    margin-bottom: 40px;
    margin: 0 1%;
}

.entry-header .header-txt .entry-title {
    font-size: 2rem;
    margin: 0 5%;
    line-height: 1.2;
}
@media screen and (min-width:960px){
	.ondotai img{
		width:75%;
}
	.sp_Kaiyakimiso_Text {
    width: 640px;
    margin: 30px auto;
    text-align: justify;
}
}
/* 追加CSS ここまで */


/* ------------------------------------ */
/**
 * item list & item single sttyles
 */

@charset "UTF-8";

/* .storycontent block start
	 ========================================================================== */

#itempage .separate {
	position: relative;
}

/* item images
	 ========================================================================== */

#itempage .itemimg {
    line-height: 1;
    margin: 0 0 12px;
}
#itempage .itemimg .slick-initialized .slick-slide {
	position: relative;
}
#itempage .itemsubimg {
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
}
#itempage .itemsubimg .slick-slide {
    display: block;
    cursor: pointer;
}
#itempage .itemsubimg span {
    margin-right: 12px;
    display: block;
}
#itempage .itemsubimg .slick-list {
    margin-right: -12px;
}
#itempage .slider-for .slick-slide a {
    position: relative;
    display: block;
    overflow: hidden;
}
#itempage .slider-for .slick-slide a::before {
    content: '';
    display: block;
    padding-top: 100%;
}
#itempage .slider-for .slick-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#itempage .slider-nav .slick-dots {
    bottom: 0;
}
#itempage .slider-nav .slick-dots li button {
    padding: 0;
}
#itempage .slider-nav .slick-dots li button::before {
    font-size: 15px;
}
#itempage .itemsubimg img {
    width: 100%;
}

/* item detail
	 ========================================================================== */

#itempage .itemcode {
    margin: 0 0 12px;
}
#itempage .detail-block {
    margin: 0 0 18px;
}
#itempage .item-name {
	margin-bottom: 10px;
}
#itempage .detail-block .opt-tag {
    margin: 0 0 12px;
}
.skuform {
    text-align: center;
    margin: 0 0 20px;
	padding: 20px;
	background-color: #ffffff;
    border-top: dotted 1px #696969;
}
.skuform .campaign_message,
.skuform .campaign_discount {
    margin: 0;
    padding: 5px 10px;
    font-size: 0.75rem;
}
.skuform .itemsoldout {
    font-size: 1rem;
    padding: 8px 16px;
    margin: 8px 10px 8px 0;
    text-align: center;
}
.skuform .field {
    text-align: center;
    margin: 0;
}

/* .item-info
	 ========================================================================== */

.item-info .field_price {
	font-size: 2rem;
	font-weight: 600;
	margin: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.item-info .field_cprice {
	font-size: 0.5em;
	font-weight: 300;
	text-decoration: line-through;
	display: block;
    margin-right: 20px;
}
.item-info .field_price em {
	font-size: 1rem;
	vertical-align: middle;
}
.contact-item a {
    width: 100%;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 1.2;
	white-space: nowrap;
}
.contact-item a::before {
    content: '';
    margin: 0 8px 0 0;
    width: 24px;
    height: 16px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2224%22%20viewBox%3D%220%200%2036%2024%22%3E%20%3Cpath%20id%3D%22ic-mail%22%20d%3D%22M64%2C128v24h36V128Zm18%2C13.116L66.738%2C129.5H97.263ZM65.5%2C150.5V130.447l10.791%2C8.213-6.384%2C7.247.187.187%2C7.4-6.525L82%2C143l4.509-3.431%2C7.4%2C6.525.187-.187-6.384-7.256%2C10.791-8.2V150.5Z%22%20transform%3D%22translate(-64%20-128)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2224%22%20viewBox%3D%220%200%2036%2024%22%3E%20%3Cpath%20id%3D%22ic-mail%22%20d%3D%22M64%2C128v24h36V128Zm18%2C13.116L66.738%2C129.5H97.263ZM65.5%2C150.5V130.447l10.791%2C8.213-6.384%2C7.247.187.187%2C7.4-6.525L82%2C143l4.509-3.431%2C7.4%2C6.525.187-.187-6.384-7.256%2C10.791-8.2V150.5Z%22%20transform%3D%22translate(-64%20-128)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    mask-size: contain;
    display: block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
#itempage .item-info {
    margin-bottom: 50px;
}
.skuform .item-option {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px 0 0;
    align-items: center;
}
.skuform .item-option dt {
    width: 6.5rem;
    margin: 0 0 10px;
    font-size: 1rem;
    line-height: 1.2;
	text-align: left;
}
.skuform .item-option dd {
    width: calc(100% - 6.5rem);
    margin: 0 0 10px;
    text-align: left;
}
.skuform .item-option dd select,
.skuform .item-option dd input[type=text] {
    width: 100%;
    max-width: 375px;
    padding: 6px 8px;
}
.item-info .skuname {
    margin: 0 0 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    position: relative;
    margin-bottom: 50px;
}

.item-info .skuname::after {
    content: "";
    display: block;
    width: 2.5em;
    height: 1px;
    background-color: #e6b422;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -15px;
    transform: translate(-50%, 10px);
}

.cart-button-area {
    display: inline-block;
}
.item-info .contact-item {
    margin: 10px 0;
}
.item-info .c-box {
	margin: 10px 1rem 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.item-info .quantity {
    white-space: nowrap;
    margin: 10px 10px 10px 0;
}
.item-info .quantity input.skuquantity {
	padding: 10px;
	margin: 0 8px;
	width: 56px;
	text-align: center;
}
.item-info .skubutton {
	font-size: 1.125em;
	border: none;
	border-radius: 1px;
	padding: 13px 18px;
	width: 100%;
	cursor: pointer;
    line-height: 1;
}

/* DL Saler
	 ========================================================================== */

table.dlseller {
	background-color: #fff;
}
table.dlseller th {
	white-space: nowrap;
	text-align: left;
	padding: 20px 20px 0;
	color: var(--spc-lpcst-col);
	display: block;
}
table.dlseller td {
	padding: 10px 20px 0;
	display: block;
}
table.dlseller td::after {
	content: '';
	display: block;
	border-top: 1px dotted #cccccc;
	margin-top: 20px;
}
table.dlseller tr:last-child td::after {
	display: none;
}
table.dlseller tr:last-child td {
	padding-bottom: 20px;
}

/* item-descriptio block
	 ========================================================================== */

.item-description {
    margin: 0 0 40px;
}

/* assistance_item block
	 ========================================================================== */

.assistance_item {
    position: relative;
    padding: 0 0 40px;
}
.assistance_item > h3 {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.2;
}
.assistance_item > h3::after {
    content: '';
    height: 30px;
    display: block;
    margin: 10px 50% 0;
}
.assistance_item > .slick-slider {
    position: inherit;
    margin: 0;
}
.assistance_item > ul,
.assistance_item > ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.assistance_item .slick-list {
    overflow: inherit;
    margin-right: 10vw;
}
.assistance_item > ul li .listbox {
    margin: 0 5vw 0 0;
}
.assistance_item > ul li .slit {
    margin: 0 0 10px;
}
.assistance_item > ul li .slit a {
    display: block;
}
.assistance_item > ul li .slit img {
    width: 100%;
}
.assistance_item > ul li .detail h4 {
    font-size: 0.875rem;
    margin: 0;
}
.assistance_item > ul li .detail p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.75rem;
    margin: 0;
}
.assistance_item > ul li .detail .assist_excerpt {
    margin-bottom: 5px;
}
.assistance_item > ul li .detail .assist_price {
    font-weight: 600;
    margin: 0;
}
.assistance_item .slick-dots {
    position: absolute;
    bottom: -40px;
}

/* itemGpExp
	 ========================================================================== */

.item-info .itemGpExp {
    margin: 0 -20px 30px;
    padding: 15px 20px;
	border-top: 1px solid #4a4a4a;
	border-bottom: 1px solid #4a4a4a;
}
.item-info .itemGpExp dt {
    margin: 0 0 10px;
}
.item-info .itemGpExp dd {
    margin: 0;
    padding: 0;
}
.item-info .itemGpExp dd ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline-block;
}
.item-info .itemGpExp .price {
    font-weight: 600;
    margin: 0 0 0 8px;
}
.item-info .itemGpExp dd ul li {
    font-size: 0.875rem;
}
.item-info .itemGpExp dd ul li::before {
    content: '●';
    margin: 0 5px 0 0;
}

/* .entry-review
	 ========================================================================== */

.entry-review {
    margin: 0 -5vw 40px;
}
.entry-review .inner {
    padding: 40px 5vw;
}
.nowc_reviews {
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 0 20px;
}
.reviews_btn {
    display: flex;
    justify-content: center;
}
.reviews_btn a {
    display: block;
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: 600;
    padding: 15px 20px;
}
#reply-title {
    margin: 0;
}
#reply-title a {
    margin: 0 0 20px;
}
.entry-review textarea,
.entry-review .comment-form-author input {
	border: none;
}
.entry-review .review-form-review {
	margin-bottom: 12px;
}
.entry-review .form-submit {
	margin: 15px 0 0 0;
    text-align: center;
}
.entry-review .review-form-review label {
	display: block;
	font-weight: 700;
	margin-bottom: 12px;
    text-align: center;
}
.entry-review .comment-form-author {
	margin-bottom: 12px;
}
.entry-review .comment-form-author label {
	margin-bottom: 6px;
	display: block;
	font-size: 12px;
	font-weight: 700;
}
.entry-review .comment-form-author label span {
	margin-left: 4px;
	font-size: 11px;
	font-weight: normal;
}
.entry-review .comment-form-cookies-consent {
	position: relative;
	margin: 12px 0;
	padding-left: 36px;
}
.entry-review .comment-form-cookies-consent input[type="checkbox"],
.entry-review .comment-form-cookies-consent input[type="checkbox"] + .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.entry-review .comment-form-cookies-consent input[type="checkbox"] + .checkmark {
	margin: 0;
	z-index: 0;
}
.entry-review .comment-form-cookies-consent label {
	display: block;
	margin-top: 3px;
	font-size: 0.6875rem;
}
.entry-review .form-submit input {
	display: inline-block;
	text-align: center;
}
.entry-review .nowc_reviews {
	margin-bottom: 12px;
	text-align: center;
}
.reviewTitle {
    text-align: center;
    margin: 0 0 20px;
    font-size: 1.25rem;
    line-height: 1.2;
}
.reviewTitle::after {
    content: '';
    height: 30px;
    display: block;
    margin: 10px 50% 0;
}
#wc_reviews_list .wc_reviewlist {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 -20px 20px;
    padding: 0;
    flex-wrap: wrap;
}
#wc_reviews_list .wc_reviewlist li {
    max-width: 558px;
    padding: 20px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    margin: 0 10px 20px;
}
#wc_reviews_list .wc_reviewlist li > div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}
#wc_reviews_list .wc_reviewlist li p {
    margin: 0;
    font-size: 0.875rem;
}
#wc_reviews_list .wc_reviewlist .review-meta {
    font-size: 0.75rem;
}
#wc_reviews_list .wc_reviewlist .review-body,
#wc_reviews_list .wc_reviewlist .waitting {
    width: 100%;
    margin-top: 10px;
}
#review-paginate {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
#review-paginate .page-numbers {
    display: block;
    margin: 0 2px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 1rem;
    overflow: hidden;
    text-align: center;
}
#review-paginate .page-numbers.prev::before,
#review-paginate .page-numbers.next::before {
    content: '';
    display: block;
    -webkit-mask-image: var(--arrow-img-ic);
    mask-image: var(--arrow-img-ic);
    -webkit-mask-size: 8px 14px;
    -webkit-mask-repeat: no-repeat;
    mask-size: 8px 14px;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 32px;
    height: 32px;
}
#review-paginate .page-numbers.prev::before {
    transform: rotateZ(180deg);
}
.taxonomy-description {
    background-color: rgba( 255, 255, 255, 0.2);
    padding: 20px;
    margin: 0 0 30px;
}
.taxonomy-description p {
    font-size: 0.875rem;
    margin: 0;
}
.information-bar {
    margin: 0 0 30px;
    position: relative;
    z-index: 2;
}
.information-bar .list-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
	width: 100%;
}
.information-bar .list-info p {
    margin: 0;
    font-size: 0.875rem;
}
.information-bar .list-info p .num {
    font-size: 1rem;
    font-weight: 600;
}

/* cat-list
	 ========================================================================== */

.cat-il .post {
    padding: 15px 0;
}
.cat-il .post .inside {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.cat-il .post .inside .itemimg {
    width: 26%;
	position: relative;
}
.cat-il .post .inside .itemimg a {
    display: block;
    line-height: 0;
	background-color: #ffffff;
}
.cat-il .post .inside .itemimg img {
    margin: 0 auto;
    width: 100%;
}
.cat-il .post .inside .in-block {
    width: calc(100% - 26% - 15px);
}
.cat-il .post .inside .in-block .campaign_message,
.cat-il .post .inside .in-block .campaign_discount {
    margin: 4px 0;
}
.cat-il .post .inside .in-block .item-info-wrap .itemname {
    font-size: 0.875rem;
    line-height: 1.3;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 5px;
}
.cat-il .post .inside .in-block .item-info-wrap .itemcode {
    font-size: 0.75rem;
}
.cat-il .post .inside .in-block .item-info-wrap .itemprice {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 5px;
}

#dsi-menu {
	display: none;
}
.display_selectedItem {
    width: 50%;
    height: 40px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
}
.display_selectedItem .select_box {
    width: 100%;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
#dsi-menu:checked ~ .display_selectedItem .select_box {
    height: inherit;
    overflow: inherit;
}
.display_selectedItem .select_box li {
    box-sizing: border-box;
    height: 40px;
    border-bottom: none;
}
.display_selectedItem .select_box li label,
.display_selectedItem .select_box li a {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 8px;
	cursor: pointer;
}
.display_selectedItem .select_box li label:hover {
	border: 1px solid #c5c5c5;
}
#dsi-menu:checked ~ .display_selectedItem .select_box li label {
	border: 1px solid #c5c5c5;
}
.display_selectedItem .select_box li label::after,
.display_selectedItem .select_box li a::after {
    content: '';
    position: absolute;
    top: inherit;
    right: 10px;
    width: 7px;
    height: 12px;
    display: inline-block;
    -webkit-mask-image: var(--arrow-img-ic);
    -webkit-mask-size: cover;
    mask-image: var(--arrow-img-ic);
    mask-size: cover;
    transform: translateY(-50%);
    transform: rotateZ(90deg);
    opacity: 0.3;
}
.display_selectedItem .select_box li a:hover::after {
    opacity: 1;
    transform: inherit;
}
#dsi-menu:checked ~ .display_selectedItem .select_box li label::after {
	transform: scale(1, -1);
    transform: rotateZ(-90deg);
}

/* First Item
	 ========================================================================== */

.cat-il .first-item {
    border-top: none;
    padding: 0 0 20px;
}
.cat-il .first-item .inside {
    display: block;
}
.cat-il .first-item .inside .itemimg {
    margin: 0 -5vw 13px;
    line-height: 0;
    width: 100vw;
}
.cat-il .first-item .inside .in-block {
    width: 100%;
    position: relative;
}
.cat-il .first-item .itemsubimg {
    display: flex;
    margin: 0 -13px 20px 0;
    overflow: hidden;
	align-items: self-start;
	flex-wrap: wrap;
}
.cat-il .first-item .itemsubimg span {
    width: calc(33.333% - 13px);
    display: block;
    line-height: 0;
    margin: 0 13px 13px 0;
	position: relative;
	overflow: hidden;
}
.cat-il .first-item .itemsubimg span::before {
	content: '';
	padding-top: 100%;
	display: block;
}
.cat-il .first-item .itemsubimg span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.cat-il .first-item .detail-block {
    position: relative;
}
.cat-il .first-item .detail-block .itemname {
    font-size: 1.125rem;
    font-weight: 100;
    margin: 0 40px 10px 0;
    line-height: 1.3;
}
.cat-il .first-item .detail-block .block-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 5px 0;
}
.cat-il .first-item .detail-block .itemcode {
    font-size: 1rem;
    margin: 0 1rem 0 0;
    line-height: 1.2;
}
.cat-il .first-item .detail-block .item-info-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.cat-il .first-item .inside .in-block .item-info-wrap .itemprice {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 5px 10px 5px 0;
}
.cat-il .first-item .detail-block .excerpt {
    font-size: 0.875rem;
    margin: 13px 0 0;
}
.cat-il .first-item .detail-block .see-more {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}
.cat-il .first-item .detail-block .see-more a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0.875rem;
}
.cat-il .first-item .detail-block .see-more a i {
    display: none;
}
.cat-il .first-item .detail-block .see-more a::after {
    content: '';
    display: block;
    -webkit-mask-image: var(--arrow-img-ic);
    mask-image: var(--arrow-img-ic);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 8px;
    height: 14px;
}


/**
 * Entry Content Tag
 */

.item-description h1 {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.5;
}
.item-description h2 {
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 1.5;
}
.item-description h3 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}
.item-description h4 {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.5;
}
.item-description h5 {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
}
.item-description h6 {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.5;
}
.item-description ul {
	list-style: disc;
	margin-left: 1rem;
	padding-inline-start: 0;
}
.item-description ul.opt-tag {
	list-style: none;
    margin-left: 0;
}
.item-description ol {
	padding-inline-start: 1rem;
}
.item-description table caption {
	font-size: 1.125rem;
	line-height: 1.2;
	padding: 10px;
	font-weight: bold;
}
.item-description table {
	width: auto;
}
.item-description table th,
.item-description table td {
	padding: 10px 20px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	font-size: 1rem;
}
.item-description table th {
	line-height: 1.2;
}
.item-description .wp-block-button__link {
	font-size: inherit;
}
.item-description .shortcode-products ul {
	margin-left: 0;
	list-style: none;
}
.item-description .shortcode-products li {
	font-size: 0.625rem;
	line-height: 1.2;
}

/**
* 16.1 Mobile Large 620px
*/
@media screen and (min-width: 38.75em) {

	/* itempage block
		 ========================================================================== */

    #itempage .separate {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 80px;
    }
    #itempage .itemimg {
        width: 45%;
    }
    #itempage .right-block {
        width: 52%;
    }
    .blocker #itempage .separate {
        display: block;
    }
    .blocker #itempage .itemimg,
    .blocker #itempage .right-block {
        width: 100%;
    }
    .item-info .field {
        text-align: left;
    }
    .nowc_reviews {
        text-align: center;
    }
    .assistance_item .slick-list {
        margin-right: 5vw;
    }
    .item-info .field_price {
        justify-content: flex-start;
    }
    .skuform {
        text-align: left;
    }
    .skuform .item-option {
        justify-content: flex-start;
    }

	/* item list
		 ========================================================================== */

    .cat-il.type-grid {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        width: calc(100% + 15px);
        margin-right: -15px;
    }
    .cat-il .post {
        width: calc(33.333% - 15px);
        border-top: none;
        padding: 0;
        margin: 0 15px 15px 0;
    }
    .cat-il .post .inside {
        display: block;
    }
    .cat-il .post .inside .itemimg {
        width: 100%;
        margin: 0 0 10px;
    }
    .cat-il .post .inside .in-block {
        width: 100%;
    }

	/* first item
		 ========================================================================== */

    .cat-il .first-item {
        width: calc(100% - 15px);
        padding: 0 0 30px;
    }
    .cat-il .first-item .inside .itemimg {
        margin: 0 calc(15px - 5vw) 30px -5vw;
        width: calc(100% + 10vw);
    }
    .cat-il .first-item .itemsubimg {
        margin: 0 -30px 30px 0;
    }
    .cat-il .first-item .itemsubimg span {
        width: calc(33.333% - 30px);
        margin-right: 30px;
    }
    .information-bar {
        display: flex;
        justify-content: space-between;
    }
    .display_selectedItem {
        width: 33.333%;
        margin-bottom: 0;
    }
    .information-bar .display_selectedItem + .list-info {
        width: calc(100% - 33.333% - 30px);
    }

}

/**
* 16.2 Tablet Small 740px
*/
@media screen and (min-width: 46.25em) {

	/* .blocker
		 ========================================================================== */

    .blocker .cart-button-area {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
		flex-wrap: wrap;
    }
    .blocker .contact-item {
        margin: 0 20px 0 0;
    }

	/* item list
		 ========================================================================== */

    .cat-il .first-item .inside {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .cat-il .first-item .inside .itemimg {
        margin: 0;
        width: 40%;
    }
    .cat-il .first-item .inside .in-block {
        width: calc((100% - 40%) - 30px);
    }

}

/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {

	/* .blocker
		 ========================================================================== */

    .blocker .storycontent,
    .blocker .list-content {
        width: 64%;
    }
    .blocker .entry-review {
        margin: 0 0 40px;
    }
    .blocker #wc_reviews {
        padding: 40px 0 10px;
    }

	/* item list
		 ========================================================================== */

    .blocker .cat-il .first-item .inside {
        display: block;
    }
    .blocker .cat-il .first-item .inside .itemimg {
        width: 100%;
        margin: 0 0 30px;
    }
    .blocker .cat-il .first-item .inside .in-block {
        width: 100%;
    }

}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

	/* .blocker
		 ========================================================================== */

    .blocker .storycontent,
    .blocker .list-content {
        width: calc(100% - 280px - 40px);
    }
    .blocker #itempage .separate {
        display: flex;
    }
    .blocker #itempage .itemimg {
        width: 45%;
    }
    .blocker #itempage .right-block {
        width: 52%;
    }
    .blocker .cart-button-area {
        width: auto;
    }
    .blocker .contact-item {
        margin: 10px 0;
    }
    .skuform .field {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .item-info .zaikostatus {
        margin: 0 20px 0 0;
    }
    .assistance_item .slick-list {
        margin-right: 0;
    }

	/* item list
		 ========================================================================== */

    .cat-il .post {
        width: calc(25% - 15px);
    }
    .cat-il .first-item {
        width: 100%;
    }
    .blocker .cat-il .post {
        width: calc(33.333% - 15px);
    }
    .blocker .cat-il .first-item {
        width: 100%;
    }
    .blocker .cat-il .first-item .inside {
        display: flex;
    }
    .blocker .cat-il .first-item .inside .itemimg {
        width: 40%;
        margin: 0;
    }
    .blocker .cat-il .first-item .inside .in-block {
        width: calc((100% - 40%) - 30px);
    }
	.item-description {
		margin: 0 0 80px;
	}
	.item-info .field .frequency {
		margin-right: 1rem;
	}

}

/**
* 16.5 Desktop 1240px
*/
@media screen and (min-width: 77.5em) {

    .cart-button-area {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
	.item-info .c-box {
		margin: 10px 20px 10px 0;
	}
    .item-info .contact-item {
        margin: 10px 20px 10px 0;
    }

	/* item list
		 ========================================================================== */

    .display_selectedItem {
        width: 25%;
    }
    .information-bar .display_selectedItem + .list-info {
        width: calc(100% - 25% - 30px);
    }
    .cat-il .post {
        width: calc(20% - 15px);
    }
    .cat-il .first-item {
        width: 100%;
    }
    .blocker .cat-il .post {
        width: calc(25% - 15px);
    }
    .blocker .cat-il .first-item {
        width: 100%;
    }
    .cat-il .first-item .detail-block {
        position: initial;
    }
    .cat-il .first-item .inside .in-block {
        padding-bottom: 40px;
    }
    .cat-il .first-item .detail-block .see-more {
        top: inherit;
        bottom: 0;
    }
    .cat-il .first-item .detail-block .itemname {
        font-size: 1.5rem;
        margin: 0 0 15px 0;
    }

}

/**
* 16.6 Desktop Wide 1400px
*/
@media screen and (min-width: 87.5em) {

    .content-area {
        width: 1280px;
        margin: 0 auto;
    }
    .entry-review {
        margin: 0 calc(640px - 50vw) 40px;
    }
    #wc_reviews {
        padding: 40px calc(50vw - 640px) 20px;
    }

}

/**
 * Colors
 */

.cat-il .first-item .detail-block .itemname a,
.cat-il .post .inside .in-block .item-info-wrap .itemname a {
	color: var(--spc-lpcst-col);
}
.cat-il .first-item .detail-block .see-more a {
	background-color: var(--spc-lpclb-col);
}
.cat-il .first-item .detail-block .see-more a::after {
    background-color: var(--spc-lpclbt-col);
}
.contact-item.itemsoldout {
	background: none;
}
.contact-item a {
    color: var(--spc-lpclb-col);
    border: 1px solid var(--spc-lpclb-col);
	background-color: #ffffff;
}
.contact-item a::before {
    background-color: var(--spc-lpclb-col);
}
.contact-item a:hover {
	text-decoration: none;
}
.assistance_item > h3 {
    color: var(--spc-lpcst-col);
}
.assistance_item > h3::after {
    border-left: 1px solid var(--spc-lpcst-col);
}
.entry-review {
    background-color: rgba(0, 0, 0, 0.2);
}
.reviews_btn a {
    background-color: var(--spc-lpclb-col);
    color: var(--spc-lpclbt-col);
}
.entry-review .comment-form-cookies-consent input[type="checkbox"] + .checkmark {
	background-color: #fff;
}
.reviewTitle {
    color: var(--spc-lpcst-col);
}
.reviewTitle::after {
    border-left: 1px solid var(--spc-lpcst-col);
}
#wc_reviews_list .wc_reviewlist li {
    background-color: #ffffff;
}
#review-paginate .page-numbers {
    background-color: var(--spc-lpclb-col);
    color: var(--spc-lpclbt-col);
}
#review-paginate .page-numbers.current {
    background-color: #aaaaaa;
    color: #ffffff;
}
#review-paginate .page-numbers.prev::before,
#review-paginate .page-numbers.next::before {
    background-color: var(--spc-lpclbt-col);
}
.display_selectedItem .select_box li {
    background-color: #ffffff;
}
.display_selectedItem .select_box li span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 .5rem;
	width: 100%;
	height: 100%;
    border: 1px solid #c5c5c5;
}
.display_selectedItem .select_box li a,
.display_selectedItem .select_box li label {
    border: 1px solid #c5c5c5;
    background-color: #ffffff;
}
.display_selectedItem .select_box li:not(:first-child) a {
	border-top: none;
}
.display_selectedItem .select_box li a:hover {
    background-color: #c5c5c5;
}
.display_selectedItem .select_box li a::after {
    background-color: #000000;
}
.display_selectedItem .select_box li label::after {
	background-color: #666666;
}
.information-bar .list-info {
    background-color: rgba(255, 255, 255, 0.5);
}
.cat-il .first-item .inside .itemimg {
    background-color: initial;
}
.cat-il .first-item .itemsubimg span {
    background-color: #ffffff;
}
#itempage .slider-for .slick-slide a {
	background-color: #ffffff;
}
.item-name,
.item-info .skuname {
	color: var(--spc-lpcst-col);
}

.item-info .field_price,
.assistance_item > ul li .detail .assist_price {
	color: var(--wc-wp-col);
}
.item-info .skubutton {
	background: var(--wc-wcbbg-col);
	color: var(--wc-wcbt-col);
}

.storycontent {
    width: 90%;
    margin: 50px auto;
}

.list-content {
    width: 90%;
    margin: 50px auto;
}


/* ------------------------------------ */

/* 以下メディアクエリ */

@media screen and (max-width:499px){
        
    .TopConceptText_Text{
        transform: translate(0px,50px);
    }
    .TopConceptText_Title::after{
        left:10px;
    }
    .Top_NewItem_Copy {
        margin: 0 auto;
        max-width: 640px;
        text-align: justify;
    }
    .TopFeturedItem_OverTxt2{
        writing-mode: vertical-rl;
        transform:translate(35vw,-29vh);
    }
    .Top_PickUp_Img{
        position:absolute;
        transform:translate(-250px,-40px);
    }
    .Top_PickUp_Img img{
        max-width: 200%;
    }
    .Top_Feature_Img{
        transform: translate(80px,0px);
    }
    .Top_Feature_Img img{
        max-width: 200%;
    }
    
    .sp_Crispy_Rogo{
        text-align: center;
    }

    .sp_Crispy_Rogo img{
        width: 90%;
        margin-left: 0px;
    }
    
    .sp_Crispy_Top_Txt{
        margin-top: 0px
    }

    .sp_Crispy_Top_Txt img{
        margin-right: 50px;
    }
    
    .sp_HotateFly_Top_Txt{
        margin-top: 20px
    }

    .sp_HotateFly_Top_Txt img{
        margin-right: 50px;
    }
    
    .sp_title {
        font-size: 2em;
        font-weight: bold;
        color: #000;
    }
    
    .sp_Crispy_Concept_Text{
        width: 80%;
    }
    .sp_Block1{
        height: 104vh;
    }
    .sp_Block2{
        height: auto;
        padding-bottom: 30%;
    }
    .sp_Block3{
        height: auto;
        padding-bottom: 80%;
    }
    .sp_Block4{
        margin-top: -100px;
        height: auto;
        padding-bottom: 30%;
    }
    .sp_Block5 {
      background-image: url("https://hotate-ya.com/new_shop/wp-content/uploads/2022/03/sp_CrispyFlaver_Tate3.jpg");
        height: auto;
        padding-top: 50px;
        padding-bottom: 70%;
    }
    .sp_Block6{
        height: auto;
        padding-bottom: 50%;
    }
    .sp_HotateFly_Rogo{
        margin: 0 auto;
    }
    .sp_HotateFly_Rogo img{
        width: 350px;
    }
    .sp_HotateFly_Block2{
        height: auto;
        padding-bottom: 30%;
    }
    .sp_HotateFly_Block3 {
      position: relative;
        height: auto;
        padding-bottom: 30%;
    }
    .sp_HotateFly_Block4{
        margin-top: -100px;
        height: auto;
        padding-bottom: 50%;
    }
    .sp_HotateFly_Block6{
        height: auto;
        padding-bottom: 50%;
    }
    
    .desc_title {
        line-height: 1.5em;
    }

    .user_voice_Flex2{
        width: 100%;
    }
    
    .singlePage_Text{
        width: 94%;
    }
    
    .site-title a img {
        min-width: 120px;
        max-width: 220px;
    }
    
    .AnzenPoint_Box{
        width: 90%;
        margin: 0 auto;
    }
    
    .FlexItem{
        flex-basis:90%;
      max-width:90%;
    }

    
    .TopConceptFlex,
    .Flex_Box,
    .hotate_Flex,
    .AnzenPoint_Flex,
    .cook_sample_Flex{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    
}

@media screen and (min-width:500px) and (max-width:800px){
    .TopConceptFlex,
    .Flex_Box,
    .hotate_Flex,
    .AnzenPoint_Flex,
    .cook_sample_Flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .desc_title {
        line-height: 1.5em;
    }
    
    .user_voice_Flex2{
        width: 50%;
        flex-basis: auto;
    }
    
    .AnzenPoint_Box{
        width: 90%;
    }
    
    .cook_sample_Box{
        width: 90%;
    }
    
}

@media screen and (min-width:801px){
    .TopConceptFlex,
    .Flex_Box,
    .hotate_Flex,
    .AnzenPoint_Flex,
    .cook_sample_Flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .user_voice_Flex2{
        width: 100%;
    }
}