@charset "UTF-8";

 
 /* CSS Document */
 /*------------------------------------------------------------
   Browser Default Initialization responsive1
 ------------------------------------------------------------*/
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 html {
   overflow-y: scroll;
   height: 100%;
 }
 body {
   margin: 0;
   padding: 0;
   /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
   color: #333;
   font-size: 16px;
   line-height: 125%;
   text-align: left;
   -webkit-text-size-adjust: 100%;
   background-color: #FFF;
   height: 100%;
   word-wrap: break-word;
 }
 div, dl, dt, dd, ul, ul li, ol, ol li, h1, h2, h3, h4, h5, h6,
 pre, form, fieldset, p, blockquote, th, td,
 section, nav, article, aside, hgroup, header, address,
 figure, figcaption {
   margin: 0;
   padding: 0;
 }
 address, caption, cite, code, dfn, em, strong, th, var {
   font-style: normal;
   font-weight: normal;
 }
 table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
 }
 caption, th {
   text-align: left;
 }
 q::before, q::after {
   content: '';
 }
 object, embed {
   vertical-align: top;
 }
 hr {
   display: none;
 }
 h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
 }
 img, abbr, acronym, fieldset {
   border: 0;
 }
 img {
   -ms-interpolation-mode: bicubic;
   border: none;
   vertical-align: top;
   line-height: 0;
 }
 ul li, ol li {
   list-style-type: none;
 }
 input[type="text"], input[type="password"] {
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   padding: 0 2%;
 }
 select {
   background-color: #FFF;
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
 }
 textarea {
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   padding: 2%;
 }
 a {
   outline: none;
   text-decoration: none;
 }
 a:link {
   color: #333;
   text-decoration: none;
 }
 a:visited {
   color: #333;
   text-decoration: none;
 }
 a:hover {
   color: #666;
   text-decoration: none;
 }
 a:hover img {
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
   cursor: pointer !important;
   transition: opacity .3s;
 }
 a:active {
   text-decoration: none;
   color: #c00;
 }
 img {
   max-width: 100%;
   height: auto;
   width: auto;
 }
 input[type="button"], input[type="submit"], input[type="image"] {
   -webkit-appearance: none;
   border-radius: 0;
   box-sizing: border-box;
 }
 input[type="text"], input[type="password"] {
   padding: 0 2%;
 }
 input[type="radio"], input[type="checkbox"] {
   position: relative!important;
   top: 0px;
 }
 #contact #selectaddressee table.layoutp3 label div{
   padding-left: 10px!important;
 }
 #contact #selectaddressee table.layoutp3 label div .note_nextp{
  font-size: 0.9em;
}
 #wrapper {
   width: 100%;
   background-color: #FFF;
   min-height: 100%;
 }
 article h1 {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   border: none;
   font-size: 140%;
   color: #222222;
   /*border-bottom: 3px solid #222222;*/
   letter-spacing: 0.05em;
   padding: 0px 0 10px;
   margin-bottom: 20px;
 }
 article h2 {
   background: none repeat scroll 0 0 transparent;
   /*border-top: 3px solid #333;*/
   font-size: 80%;
 }
 .w100 {
   width: 100%;
 }
 .bold {
   font-weight: bold;
 }
 #contents-pop {
   width: auto;
 }
 img[width="1"]{
  display: none;
 }
 /*
 div#wrapper div#enquete-header,
 div#wrapper > div#cart-header,
 header {
   width:100%;
   margin:0 auto;
   background-color: #FFF;
 }
 #header-inner {
   width: 1200px;
   margin: 0 auto;
   *zoom: 1;
 }
 header #header-inner{
 }
 #header-inner #logo, #hNav {
   display: table-cell;
   vertical-align: middle;
   padding: 5px 0;
 }
 #header-inner #hNav {
   text-align: right;
   vertical-align: top;
   width: 860px;
 }
 * html #header-inner div {
   display: inline;
   zoom: 1;
 }
 *:first-child+html #header-inner div {
   display: inline;
   zoom: 1;
 }
 #header-inner #logo {width: 340px;}
 #header-inner h1 {
   max-width: 340px;
   background: none;
   margin: 0;
   padding: 0;
 }
 #header-inner h1 a img:hover, #header-inner h2 a img:hover {
   opacity: 1;
   filter: alpha(opacity=100);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: 1;
   -moz-opacity: 1;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 }
 #hNav #searchbox_wrap {
   overflow: hidden;
   margin: 10px 0;
 }
 #hNav #searchbox {
   line-height: 160%;
   font-size: 65%;
   color: #999;
   text-align:right;
   float: right;
   overflow: hidden;
 }
 #hNav #searchbox p {
   float: left;
   margin: 3px 5px 0 0;
 }
 #hNav #searchbox p img {
   vertical-align: bottom;
 }
 #hNav #searchbox form {
   border: 1px solid #272727;
   box-sizing: border-box;
   float: left;
   height: 30px;
   width: 230px;
 }
 #hNav #searchbox input.searchbox {
   border: none;
   box-sizing: border-box;
   float: left;
   height: 28px;
   padding: 0 5px;
   width: 82%;
 }
 #hNav #searchbox input.searchSubmit {
   border: 0;
   padding: 0;
   width: 18%;
 }
 #hNav ul#keyword {
   line-height: 80%;
   color: #333;
   text-align: right;
   margin-top: 5px;
   overflow: hidden;
 }
 #hNav ul#keyword li {
   display: inline;
 }
 #hNav ul#keyword li a {
  background-color: #F5F5F5;
  border-radius: 3px;
  display: inline-block;
  font-size: 60%;
  margin: 0 0 1%;
  padding: 1% 2%;
 }
 #hNav ul#header-nav {
   color: #999;
   line-height: 100%;
 }
 #hNav ul#header-nav li {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   font-size: 80%;
   line-height: 120%;
   padding: 15px 0 15px 15px;
   text-align: center;
 }
 #hNav ul#header-nav li a:hover {
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
 }
 #hNav ul#header-nav li#header-nav-mypage a::before {
   content: '';
   background: url(../img/rps_mypage_icon.png);
   background-size: contain;
   display: inline-block;
   height: 20px;
   margin-right: 5px;
   position: relative;
   top: 5px;
   width: 20px;
 }
 #hNav ul#header-nav li#header-nav-cart a::before {
   content: '';
   background: url(../img/rps_cart_icon.png);
   background-size: contain;
   display: inline-block;
   height: 20px;
   margin-right: 5px;
   position: relative;
   top: 5px;
   width: 20px;
 }
 #hNav ul#header-nav li#header-nav-drawer {
   display: none;
 }
 #gnav {
   width: 100%;
   background-color: #444;
 }
 #gnav div.cart-nav,
 #gnav nav {
   width: 1200px;
   margin: 0 auto;
   overflow: hidden;
   *zoom: 1;
 }
 #gnav div.cart-nav ul,
 #gnav nav ul {
   background-color: #333;
   display: table;
   table-layout: fixed;
   margin-bottom: 0;
   width: 100%;
 }
 #gnav div.cart-nav ul li,
 #gnav nav ul li {
   background-color: #333;
   display: table-cell;
   font-size: 85%;
   text-align: center;
   vertical-align: middle;
 }
 #gnav div.cart-nav ul li a,
 #gnav nav ul li a {
   display: block;
   padding: 18px 1px;
 }
 #gnav div.cart-nav ul li a:link,
 #gnav div.cart-nav ul li a:visited,
 #gnav nav ul li a:link,
 #gnav nav ul li a:visited {
   color: #FFF;
 }
 #gnav div.cart-nav ul li a:hover,
 #gnav div.cart-nav ul li a:active,
 #gnav nav ul li a:hover,
 #gnav nav ul li a:active {
   color: #FFF;
   background-color: #4e4e4e;
   text-decoration: none;
 }
 */
 #contents {
   width: 1200px;
   margin: 0 auto;
   padding-top: 20px;
   overflow: auto;
   *zoom: 1;
   padding-bottom: 20px;
 }
 #sub-column {
   box-sizing: border-box;
   float: left;
   margin-right: 40px;
   padding-bottom: 80px;
   *zoom: 1;
   word-break: break-all;
   width: 260px;
 }
 #main-column {
   box-sizing: border-box;
   float: right;
   width: 900px;
 }
 #main-column-full {
   width: 100%;
   margin: 0 auto 60px;
 }
 #main-column h2 {
   border: none;
   font-size: 160%;
   color: #222222;
   border: none;
   letter-spacing: 0.1em;
   padding: 0px 0 10px;
   margin-bottom: 30px;
 }
 @media screen and (max-width: 768px) {
   #main-column h2 {
     font-size: 140%;
   }
 }
 article section,
 div#wrapper div#enquete-section,
 div.cart-article div.cart-section {
   padding: 0;
 }
 article section:first-child, div#wrapper div#enquete-section:first-child, div.cart-article div.cart-section:first-child {
   border-top: none;
 }
 article p {
   color: #333;
   font-size: 100%;
 }
 div.cart-article p {
   color: #333;
   font-size: 110%;
 }
 article a:hover p, div.cart-article a:hover p {
   color: #666;
 }
 article section ul, div#wrapper div#enquete-section ul, div.cart-article div.cart-section ul {
   font-size: 85%;
   line-height: 160%;
   color: #333;
 }
 #mainVisual {
   width: 100%;
 }
 /*パンくずリスト*/
 #bread-crumb {
   margin: 0 0 15px 0;
 }
 #bread-crumb-listTop {
   width: 100%;
 }
 .bread-crumb-listCate {
   padding: 0;
   margin: 0 0 12px 0;
   width: 100%;
 }
 #bread-crumb-listTop ol, .bread-crumb-listCate ol {
   width: 100%;
   margin: 0;
   padding: 0;
   overflow: hidden;
   *zoom: 1;
 }
 #bread-crumb-listTop ol li {
   background: url(../img/breadcrumb_bg.gif) no-repeat left center;
   float: left;
   *float: none;
   *display: inline;
   font-size: 60%;
   letter-spacing: 0.05em;
   padding: 0 10px 0 13px;
   *zoom: 1;
 }
 #bread-crumb-listTop ol li:first-child {
   background: none;
   padding-left: 0;
 }
 .bread-crumb-listCate ol li {
   background: url(../img/breadcrumb_bg.gif) no-repeat left center;
   float: left;
   *float: none;
   *display: inline;
   font-size: 60%;
   letter-spacing: 0.05em;
   padding: 0 10px 0 13px;
   *zoom: 1;
 }
 /*一覧表示*/
 .newItem .column-set, #itemList .column-set,
 .pickup .column-set, .ranking .column-set, .recommend .column-set {
   width: 100%;
   overflow: hidden;
 }
 .column4 {
   float: left;
   width: 22%;
   margin: 0 4% 20px 0;
   padding-bottom: 20px;
 }
 .column4:nth-child(3n+1) {
   clear: none;
 }
 .column4:nth-child(4n) {
   margin: 0 0 20px 0;
 }
 .column4:nth-child(4n+1) {
   clear: both;
 }
 .column5 {
   float: left;
   width: 16%;
   margin: 0 5% 20px 0;
   padding-bottom: 10px;
 }
 .column5:nth-child(4n+1) {
   clear: none;
 }
 .column5:nth-child(5n) {
   margin: 0 0 20px 0;
 }
 .column5:nth-child(5n+1) {
   clear: both;
 }
 .column4 .itemThumb-wrap, .column5 .itemThumb-wrap {
   margin: 0 0 10px 0;
 }
 .column4 .itemThumb, .column5 .itemThumb {
   margin-bottom: 5px;
   text-align: center;
 }
 .column4 .itemThumb a, .column5 .itemThumb a {
   height: 100%;
   width: 100%;
   display: block;
 }
 .column4 .itemThumb a img, .column5 .itemThumb a img {
   height: 100%;
   max-height: 100%;
   max-width: 100%;
   width: 100%;
   /*border: solid 1px #DDD;*/
 }
 .column4 .item-list-span-img {
   display: inline-block;
 }
 .column5 .item-list-span-img {
   display: inline-block;
 }
 .column4 h3, .column5 h3 {
   font-size: 100%;
   line-height: 130%;
   margin-bottom: 15px;
 }
 @media screen and (max-width: 768px) {
   .column4 h3, .column5 h3 {
     font-size: 90%;
   }
 }
 .column4 p, .column5 p {
   font-size: 75%;
   text-align: right;
 }
 .column4 img, .column5 img {
   vertical-align: bottom;
 }
 .column4 p.price, .column5 p.price, .column4 .fixed, .column5 .fixed, .column4 p.fx_price, .column5 p.fx_price {
   text-align: right;
 }
 #main-column .column4 p.price, #main-column .column5 p.price, #main-column .column4 p.sp_price, #main-column .column5 p.sp_price #main-column .column4 p.fx_price, #main-column .column5 p.fx_price, #main-column .column4 p.rg_price, #main-column .column5 p.rg_price {
   font-size: 90%;
   margin-bottom: 10px;
 }
 .column4 p.sp_price, .column5 p.sp_price {
   color: #111111;
   text-align: right;
 }
 p.fx_price span.strike {
   text-decoration: line-through;
 }
 table.variation span.selling_price, table.variation span.special_price {
   white-space: nowrap;
 }
 p.sp_price span.special_price_str, p.sp_price span.selling_price_str,
 p.sp_price span.selling_price, p.sp_price span.taxin, p.sp_price span.discount_rate {
   color: #111111;
 }
 p.price span.selling_price, p.price span.taxin {
   color: #111111;
 }
 p.price span{
   color:#333 !important;
 }
 .column4 p.inner-catch, .column5 p.inner-catch {
   line-height: 150%;
   text-align: left;
   margin-bottom: 7px;
 }
 section .newItem h2, section .pickup h2, section .ranking h2, section .group h2, section .category h2 {
   /*min-height: 25px;*/
 }
 .newItem {
   position: relative;
   margin-bottom: 40px;
 }
 #main-column .newItem h2::after {
   /*content: "New Arrivals";
   display: inline-block;
   font-size: 14px;
   margin-left: 15px;
   */
 }
 .newItem .new-Title {
   position: absolute;
   right: 0px;
   top: 3px;
 }
 .column3 .badge, .column4 .badge, .column5 .badge {
   height: 35px;
   padding: 4px 0 0 4px;
   position: absolute;
   width: 35px;
   z-index: 10;
 }
 .pickup {
   position: relative;
   margin-bottom: 40px;
 }
 #main-column .pickup h2::after {
   /*content: "Pick Up";
   display: inline-block;
   font-size: 14px;
   margin-left: 15px;
   */
 }
 .pickup .pickup-Title {
   position: absolute;
   right: 0px;
   top: 4px;
 }
 .ranking {
   position: relative;
 }
 #main-column .ranking h2::after {
   /*content: "Ranking";
   display: inline-block;
   font-size: 14px;
   margin-left: 15px;
   */
 }
 .ranking .ranking-Title {
   position: absolute;
   right: 0px;
   top: 4px;
 }
 .ranking .column5 {
   margin-bottom: 20px;
 }
 .ranking .column5 .itemThumb {
   position: relative;
 }
 /*センター用2分割フリーエリア*/
 .half-cont_wrap01, .half-cont_wrap02 {
   overflow: hidden;
 }
 .half-cont {
   float: left;
   width: 48%;
   margin-right: 4%;
 }
 .half-cont:nth-child(2n) {
   float: left;
   width: 48%;
   margin-right: 0;
 }
 #main-column .half-cont_wrap01 .half-cont .category h2,
 #main-column .half-cont_wrap02 .half-cont .category h2,
 #main-column .half-cont_wrap01 .half-cont .group h2,
 #main-column .half-cont_wrap02 .half-cont .group h2 {
   padding: 29px 0 40px;
   font-size: 120%;
 }
 /*ショップからのお知らせ*/
 .news {
   padding-bottom: 20px;
   margin-bottom: 30px;
 }
 #main-column .news h2 {
   margin-bottom: 0px;
 }
 #main-column .news h2::after {
   /*content: "NEWS";
   display: inline-block;
   font-size: 14px;
   margin-left: 15px;
   */
 }
 .news .news-contents {
   overflow: hidden;
   padding: 5px 0 0;
 }
 dl.news-box {
   font-size: 85%;
   color: #333;
   padding: 10px 0;
   border-bottom: 1px solid #DDD;
 }
 dl.news-box:first-child {
   /*border-top: 1px dotted #B9B9B9;*/
 }
 .news-box dd {
   line-height: 145%;
 }
 .news-box dd a {
   color: #000;
 }
 .news-box dd a:hover {
   color: #666;
 }
 /*ショップからのお知らせ センターエリア*/
 .w100 .news {
   float: none;
   width: 100%;
   margin-right: 0;
   padding: 0 0 15px;
 }
 .w100 .news h2 {
   display: block;
   width: 100%;
 }
 /*店長日記*/
 #main-column .shopDiary h2::after {
   content: "Shop Diary";
   display: inline-block;
   font-size: 14px;
   margin-left: 15px;
 }
 .freeArea2.shopDiary p {
   font-size: 85%;
 }
 #main-column .freeArea2.shopDiary p a {
   border: 1px solid #333;
   border-radius: 3px;
   box-sizing: border-box;
   display: block;
   font-size: 90%;
   margin: 15px 0 0 80%;
   padding: 0.5%;
   text-align: center;
   width: 20%;
 }
 #main-column .half-cont_wrap01 .half-cont .freeArea2.shopDiary p a,
 #main-column .half-cont_wrap02 .half-cont .freeArea2.shopDiary p a {
   border: 1px solid #333;
   border-radius: 3px;
   box-sizing: border-box;
   display: block;
   font-size: 90%;
   margin: 15px 0 0 66%;
   padding: 1%;
   text-align: center;
   width: 34%;
 }
 #sub-column .shopDiary {
   background: none;
 }
 #sub-column .freeArea2.shopDiary p a {
   border: 1px solid #333;
   border-radius: 3px;
   box-sizing: border-box;
   display: block;
   font-size: 90%;
   margin: 15px 0 0 45%;
   padding: 2% 1%;
   text-align: center;
   width: 55%;
 }
 /*
 .freeArea2 {
   margin-bottom: 20px;
 }
 .freeArea2 .free-banner {
   margin-bottom: 5px;
 }
 .freeArea2 .free-contents p {
   line-height: 160%;
 }
 .w100 .freeArea2 {
   float: none;
   width: 100%;
   padding-bottom: 20px;
   margin-bottom: 30px;
 }
 .freeArea2 .free-contents ul {
   margin: 0px 40px;
 }
 .freeArea2 .free-contents ul li {
   list-style-type: square;
 }
 .freeArea2 .free-contents ol {
   margin: 0px 40px;
 }
 .freeArea2 .free-contents ol li {
   list-style-type: decimal;
 }
 */
 #main-column .group, #main-column .category, #main-column .shopDiary {
   padding-bottom: 20px;
   margin-bottom: 30px;
 }
 #main-column .group h2 {
   font-size: 100%;
 }
 .group .group-Title {
   position: absolute;
   right: 0px;
   top: 4px;
 }
 .group .group-banner {
   margin-bottom: 5px;
 }
 .group ul {
   line-height: 200%;
   margin-top: -5px;
 }
 .group ul li {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   font-size: 100%;
   padding: 0 17px 0 0;
   background: url(../img/slash_000.gif) no-repeat right center;
 }
 .group ul li:last-child {
   background-image: none;
   padding: 0;
 }
 .w100 .group {
   width: 100%;
 }
 .w100 .group .group-Title {
   top: 3px;
 }
 .w100 .group h2 {
   display: block;
   width: 100%;
 }
 .category .category-Title {
   position: absolute;
   right: 0px;
   top: 4px;
 }
 .category .category-banner {
   margin-bottom: 5px;
 }
 .category ul {
   line-height: 110%;
 }
 .category ul li {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   font-size: 75%;
   padding: 0 3px 0 12px;
   background: url(../img/slash_000.gif) no-repeat left center;
 }
 .category ul li:first-child {
   background-image: none;
   padding: 0 3px 0 0;
 }
 .w100 .category {
   width: 100%;
 }
 .w100 .category h2 {
   display: block;
   font-size: 100%;
   width: 100%;
 }
 .category h3 {
   border-bottom: 1px dotted #B9B9B9;
   color: #555;
   font-size: 90%;
   font-weight: bold;
   line-height: 120%;
   padding: 0 0 5px;
   margin: 5px 0 15px;
 }
 .w100 .category ul li {
   font-size: 100%;
 }
 .freeArea {
   width: 100%;
   height: 300px;
   background-color: #EEE;
 }
 #sub-column h2 {
   /*border-top: 3px double #6B6B6B;*/
   background: #FFF;
   color: #222222;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 120%;
   letter-spacing: 1px;
   padding: 0px;
   text-align: left;
   margin-bottom: 10px;
 }
 #sub-column .category h2 a::after {
   content: "";
   background: url(../img/rsp_arrow01.png);
   background-size: cover;
   display: inline-block;
   height: 16px;
   margin: -2px 0 0 8px;
   vertical-align: middle;
   width: 9px;
 }
 #sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem, #sub-column .link {
   border: none;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
 }
 #sub-column .category {
   margin-bottom: 50px;
 }
 #sub-column .column-set {
   display: block;
 }
 #sub-column #sps-itemListAllCategory {
   margin-top: 25px;
 }
 #sub-column .category h3 {
   border: none;
   font-size: 80%;
   font-weight: bold;
   padding: 0;
   margin: 0 0 7px;
 }
 #sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
   border-top: none;
   margin-bottom: 25px;
 }
 #sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
   line-height: 160%;
 }
 #sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
   background-image: none;
   border-bottom: 1px solid #D4D4D4;
   background-color: #FFF;
   display: block;
   font-size: 90%;
   padding: 0;
 }
 #sub-column .group nav ul li:first-child, #sub-column .category nav ul li:first-child, #sub-column .link nav ul li:first-child {
   border-top: 1px solid #D4D4D4;
 }
 #sub-column .category section#sps-itemListAllCategory section:last-child nav ul li {
   border-bottom: none;
 }
 #sub-column .link nav ul li {
   line-height: 180%;
 }
 #sub-column .group #sps-itemListAllCategory section:first-child nav ul li.listcat1:first-child, #sub-column .category #sps-itemListAllCategory section:first-child nav ul li.listcat1, #sub-column .link #sps-itemListAllCategory section:first-child nav ul li.listcat1:first-child {
   border-top: 1px solid #111;
 }
 #sub-column .group nav ul li.listcat1, #sub-column .category nav ul li.listcat1, #sub-column .link nav ul li.listcat1 {
   border-top: none;
 }
 #sub-column .keyword nav ul {
   padding: 5px 0;
 }
 #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
   color: #222222;
   display: block;
   padding: 10px 5px 10px 15px;
   position: relative;
   line-height: 130%;
 }
 #sub-column .group nav ul li a::after, #sub-column .category nav ul li a::after, #sub-column .link nav ul li a::after {
   content: "";
   background: url(../img/rsp_arrow02.png);
   background-size: cover;
   display: inline-block;
   height: 13px;
   margin: -2px 0 0 0px;
   position: absolute;
   left: 1%;
   top: 39%;
   vertical-align: middle;
   width: 8px;
 }
 #sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active, #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active, #sub-column .sitelink a:hover {
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
 }
 #sub-column .category nav ul li.cat2 a {
   zoom: 1;
   display: block;
   padding: 3px 2px 3px 30px;
   margin: 0px 0;
   line-height: 100%;
   color: #000;
 }
 #snav_calendar h2 {
   background-image: none;
 }
 #subc_calendar {
   background-color: #EFEFEF;
   margin-bottom: 20px;
   width: 100%;
 }
 div.subc_cal_cont {
   background-color: #FFF;
 }
 div#subc_calendar h2 {
   padding: 20px 0 10px;
   position: relative;
   text-align: left;
   background: none;
   color: #333;
   display: block;
 }
 div#subc_calendar h2::before {
   content: "CALENDAR";
 }
 div#subc_calendar h2::after {
   bottom: 0;
   content: "カレンダー";
   font-size: 80%;
   height: initial;
   left: 0;
   line-height: initial;
   position: absolute;
   right: 0;
   top: 39px;
 }
 div.cal_wrapper {
   padding: 7px 2% 0;
 }
 div.cal_wrapper table.cal {
   width: 100%;
   line-height: 130%;
 }
 div.cal_wrapper table.cal th {
   height: 17px;
   position: relative;
 }
 div.cal_wrapper table.cal tr th p.month {
   font-size: 88%;
   position: absolute;
   text-align: center;
   top: -2px;
   width: 100%;
 }
 div.cal_wrapper table.cal tr th input {
   border: none;
   z-index: 1;
 }
 div.cal_wrapper table.cal tr th input.prev {
   background: url(../img/calendar_pleft.gif) no-repeat left bottom #FFF;
   height: 17px;
   position: absolute;
   left: 0;
   top: 0;
   vertical-align: middle;
   width: 17px;
 }
 div.cal_wrapper table.cal tr th input.next {
   background: url(../img/calendar_pright.gif) no-repeat right bottom #FFF;
   height: 17px;
   position: absolute;
   right: 0;
   top: 0;
   vertical-align: middle;
   width: 17px;
 }
 div.cal_wrapper table.cal tr td {
   border: solid 1px #CCC;
   font-size: 70%;
   text-align: center;
 }
 div.cal_wrapper table.cal tr.headline td {
   border: none;
   padding: 10px 0 2px 0;
 }
 div.subc_cal_cont .cap {
   font-size: 60%;
   padding: 0 2%;
   width: auto;
 }
 div.subc_cal_cont .cap ul {
   margin: 3px 0 0;
 }
 div.subc_cal_cont .cap li {
   display: inline-block;
   line-height: 140%;
   overflow: hidden;
 }
 div.subc_cal_cont .cap li span {
   margin: 0 10px 0 0;
 }
 div.subc_cal_cont .cap .ico_cap01 {
   font-size: 120%;
   vertical-align: middle;
   margin: 0 2px 0 0;
   color: #FF5078;
 }
 div.subc_cal_cont .cap .ico_cap02 {
   font-size: 120%;
   vertical-align: middle;
   margin: 0 2px 0 0;
   color: #39F;
 }
 div.subc_cal_cont .cap .cap-info {
   background-color: #FFF;
   line-height: 140%;
   padding: 10px 3%;
 }
 div.cal_wrapper table.cal tr td div.Deli {
   background-color: #EFE;
 }
 div.cal_wrapper table.cal tr td div.Holyday {
   background-color: #FF5078;
   color: #FFF;
 }
 div.cal_wrapper table.cal tr td div.backward {
   color: #CCC;
   font-weight: normal;
   background-color: #FFF;
 }
 div.cal_wrapper table.cal tr td div.pointer {
   cursor: pointer;
 }
 div.cal_wrapper table.cal tr td div.pointer:hover {
   background-color: #EEE;
 }
 #sub-column #snav_mailMag {
   background-color: #F5F5F5;
   margin-bottom: 20px;
   width: 100%;
 }
 #sub-column #snav_mailMag h2 {
   background-image: none;
 }
 #sub-column div.snav_mailMag_cont {
   border-top: 3px double #6B6B6B;
   padding: 15px 4%;
   text-align: center;
 }
 #sub-column div.snav_mailMag_cont::before {
   content: "Mail Magazine";
   font-weight: bold;
 }
 #sub-column div.snav_mailMag_cont h2 {
   width: 161px;
   text-align: center;
   padding: 0 0 3px 0;
   margin: 0 0 7px 0;
   border-bottom: 1px dotted #333;
 }
 #sub-column div.snav_mailMag_cont p {
   font-size: 72%;
   line-height: 130%;
 }
 #sub-column div.snav_mailMag_cont > p:first-child {
   padding: 5px 0 10px;
   text-align: left;
 }
 #sub-column div.snav_mailMag_cont > p:first-child::before {
   content: "メールマガジンのご登録";
   display: block;
   font-weight: bold;
   padding-bottom: 20px;
   text-align: center;
 }
 #sub-column div.snav_mailMag_cont input.mailAddress {
   border: 1px solid #777;
   box-sizing: border-box;
   display: inline-block;
   height: 40px;
   position: relative;
   vertical-align: middle;
   width: 78%;
 }
 #sub-column div.snav_mailMag_cont input.submit_mailMag {
   background-color: #333;
   border: none;
   box-sizing: border-box;
   color: #FFF;
   font-size: 75%;
   margin-left: -5px;
   height: 40px;
   text-align: center;
   width: 20%;
 }
 #sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
   background-color: #666;
 }
 #sub-column div.snav_mailMag_cont p:last-child {
   background-color: #FFF;
   border: 1px solid #333;
   border-radius: 3px;
   box-sizing: border-box;
   height: 3em;
   line-height: 3em;
   margin: 15px 0 10px 34px;
 }
 #sub-column div.snav_mailMag_cont p:last-child::after {
   content: ">>";
   padding-left: 3px;
 }
 #sub-column #snav_followUs {
   border-top: 3px double #6B6B6B;
   padding: 19px 2%;
   margin-bottom: 20px;
 }
 #sub-column #snav_followUs nav ul {
   overflow: hidden;
 }
 #sub-column #snav_followUs nav ul li {
   float: left;
   margin: 0 5px 0 0;
   padding: 0;
 }
 #sub-column #snav_followUs nav ul li img {
   vertical-align: bottom;
 }
 #sub-column #snav_followUs nav ul li a:hover img {
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
   cursor: pointer;
 }
 #subc_freeArea {
   margin: 0 0 20px 0;
   padding-bottom: 10px;
 }
 #subc_freeArea img {
   margin-bottom: 10px;
 }
 #sub-column .newItem {
   position: relative;
   margin: 0;
   line-height: 90%;
 }
 #sub-column .newItem .new-Title {
   position: absolute;
   right: 0px;
   top: 1px;
 }
 #sub-column .column4, #sub-column .column5 {
   box-sizing: border-box;
   padding: 0 20px 10px;
   margin: 0 0 25px 0;
   float: none;
   width: 100%;
 }
 #sub-column .newItem .column4 .itemThumb-wrap {
   margin: 0 0 10px;
 }
 #sub-column .newItem .column4 .itemThumb {
   height: auto;
   width: 100%;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
 }
 #sub-column .newItem .column4 .itemThumb a img {
   max-height: auto;
   max-width: 100%;
   width: 100%;
 }
 #sub-column .newItem h3 {
   text-align: left;
   font-weight: normal;
 }
 #sub-column .newItem p.price, #sub-column .pickup p.price, #sub-column .ranking p.price, #sub-column .recommend p.price {
   text-align: right;
   margin: 0;
 }
 #sub-column .newItem p.sp_price {
   text-align: right;
 }
 #sub-column .newItem p.sp_price {
   color: #C00;
 }
 #sub-column .newItem .column4_fourth .itemThumb {
   margin: 0 20px 5px 20px;
   position: relative;
 }
 #sub-column .pickup {
   position: relative;
   line-height: 90%;
 }
 #sub-column .pickup .pickup-Title {
   position: absolute;
   right: 0px;
   top: 1px;
 }
 #sub-column .pickup .column5 .itemThumb-wrap {
   margin: 0 0 10px;
 }
 #sub-column .pickup .column5 .itemThumb {
   margin: 0 0 5px 0;
   position: relative;
   text-align: center;
   height: auto;
   width: 100%;
 }
 #sub-column .pickup .column5 .itemThumb img {
   max-height: 100%;
   max-width: 100%;
 }
 #sub-column .ranking {
   position: relative;
   line-height: 90%;
 }
 #sub-column .ranking .ranking-Title {
   position: absolute;
   right: 0px;
   top: 1px;
 }
 #sub-column .ranking .column5 .itemThumb-wrap {
   margin: 0 0 10px;
   height: 100%;
   width: 100%;
 }
 #sub-column .ranking .column5 .itemThumb {
   margin-bottom: 5px;
   position: relative;
   text-align: center;
 }
 #sub-column .ranking .column5 .itemThumb img {
   max-height: 100%;
   max-width: 100%;
 }
 #sub-column .ranking .column5 .itemThumb {
   margin-bottom: 5px;
   position: relative;
 }
 /*
 div#cart-footer,
 footer {
   background-color: #222222;
   clear: both;
   margin:0 auto;
   line-height: 100%;
   position: relative;
   width: 100%;
 }
 #footer-inner {
   background-color: #222222 !important;
   width: 1200px;
   margin: 0 auto;
   overflow: hidden;
 }
 footer #footer-inner{
 }
 div#cart-footer #footer-inner .footer_gnavi,
 footer #footer-inner .footer_gnavi {
   float: left;
   padding:20px;
 }
 div#cart-footer #footer-inner .footer_gnavi ul li,
 footer #footer-inner .footer_gnavi ul li {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   *margin-bottom: 12px;
   padding: 0 3px 0 18px;
   line-height: 100%;
   font-size: 60%;
   color: #999;
   background: url(../img/slash_ccc.gif) no-repeat left center;
 }
 div#cart-footer #footer-inner .footer_gnavi ul li:first-child,
 footer #footer-inner .footer_gnavi ul li:first-child {
   background-image: none;
   padding: 0 3px 0 0;
 }
 div#cart-footer #footer-inner .footer_gnavi ul li a,
 footer #footer-inner .footer_gnavi ul li a {
   color: #FFF;
 }
 div#cart-footer div.cart-nav,
 footer nav, #copyright {
   float: right;
   font-size: 67%;
   text-align: right;
   color: #FFF;
   padding:20px
 }
 #copyright ul li {
   color: #FFF;
   background-image: none;
   padding: 0;
   text-align: center;
 }
 div#cart-footer #footer-inner .footer_gnavi ul li a:hover,
 footer #footer-inner .footer_gnavi ul li a:hover {
   color: #FFF;
   text-decoration: underline;
 }
 */
 /*-トップイメージ -*/
 section #guide p {
   font-size: 90%;
   line-height: 175%;
   margin: 5px 0 10px;
 }
 section #guide .guide01 {
   padding-bottom: 10px;
 }
 section #guide .guide01 h2 {
   background: none;
   border-bottom: 1px dotted #6B6B6B;
   border-top: none;
   height: 2.3em;
   line-height: 2.3em;
   padding: 0;
   font-size: 110%;
   margin-bottom: 10px;
 }
 section #guide .guide01 ul {
   font-size: 90%;
   list-style-type: disc;
   margin-top: 10px;
 }
 section #guide .inner {
   overflow: hidden;
   margin-bottom: 10px;
 }
 section #guide .inner .fL {
   float: left;
   width: auto;
   margin-right: 20px;
   max-width: 350px;
 }
 section #guide .inner .fR {
   float: right;
   width: auto;
   max-width: 350px;
 }
 section #guide .chart .ttlShop {
   font-size: 80%;
   font-weight: bold;
   border: none;
   margin: 15px 0 0;
 }
 section #guide table {
   line-height: 120%;
   border-top: 1px solid #CCC;
   table-layout: fixed;
 }
 section #guide table th {
   background-color: #EEE;
   border-top: 1px solid #CCC;
   color: #2B2B2B;
   font-size: 75%;
   font-weight: bold;
   padding: 15px 20px;
   width: 100px;
 }
 section #guide table td {
   font-size: 75%;
   border-top: 1px solid #CCC;
   padding: 15px 20px;
   width: 530px;
 }
 section #guide table tr:last-child {
   border-bottom: 1px solid #CCC;
 }
 #shopGuide_wrap section #guide table td {
   width: 50%;
 }
 section #guide table th.shopGuidePointClass {
   width: 50%;
 }
 section #guide .sps-shoppingGuide-rankList table th,
 section #guide .sps-shoppingGuide-rankList table td {
   box-sizing: border-box;
   width: 33%;
   padding: 15px 10px;
 }
 section #guide .sps-shoppingGuide-rankList table th:nth-child(2),
 section #guide .sps-shoppingGuide-rankList table td:nth-child(2) {
   width: 34%;
 }
 section #guide ul {
   margin: 0px 40px;
 }
 section #guide ul li {
   list-style-type: square;
 }
 section #guide ol {
   margin: 0px 40px;
 }
 section #guide ol li {
   list-style-type: decimal;
 }
 /*-- 店長日記/フリーページ --*/
 /*日付/コメント左寄せ 記事一覧*/
 .state_l {
   border-top: 1px dotted #333;
   padding: 10px 0 0;
   font-size: 65%;
 }
 /*日付/コメント右寄せ*/
 .state_r {
   border-top: 1px dotted #333;
   padding: 10px 0 0;
   margin: 0 0 25px;
   text-align: right;
   font-size: 65%;
 }
 .state_l ul, .state_r ul {
   line-height: 90%;
 }
 .state_l li, .state_r li {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   padding: 0 3px 0 0;
 }
 .state_l li.comment, .state_r li.comment {
   border-left: 1px solid #333;
   padding: 0 0 0 5px;
 }
 .state_l li.cate, .state_r li.cate {
   border-left: 1px solid #333;
   padding: 0 5px;
 }
 .state_l li.name {
   border-right: 1px solid #333;
   padding: 0 5px 0;
   margin: 0 5px 0 0;
 }
 /*コメントをするボタン*/
 #Journal .more {
   background-color: #333;
   border-radius: 3px;
   box-sizing: border-box;
   color: #FFF;
   cursor: pointer;
   display: block;
   width: 160px;
   height: 40px;
   font-size: 75%;
   font-size: 0.75rem;
   text-align: center;
   vertical-align: middle;
   margin: 10px 0 0;
   padding: 10px 0;
 }
 #Journal a .more:hover {
   width: 160px;
   height: 40px;
   background-color: #666;
 }
 #Journal .more img {
   padding: 0 5px 0;
   vertical-align: middle;
 }
 #JournalList .comment-t, #Journal .comment-t {
   font-size: 80%;
   font-weight: bold;
   margin: 0 0 10px;
 }
 #Journal .comment-cont {
   margin: 0 0 15px;
 }
 #Journal fieldset {
   margin-bottom: 5px;
 }
 #Journal legend {
   background: none repeat scroll 0 0 transparent;
   font-size: 75%;
   line-height: 200%;
   padding: 0;
   width: 100%;
 }
 #Journal fieldset p {
   margin-bottom: 5px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 #Journal fieldset input {
   margin: 0 3px 2px 0;
 }
 #Journal input.name {
   width: 300px;
   height: 40px;
   margin: 0;
   padding: 5px;
 }
 #Journal input.url {
   width: 300px;
   height: 40px;
   margin: 0;
   padding: 5px;
 }
 #Journal textarea {
   width: 360px;
   height: 100px;
   margin: 0;
   padding: 5px;
 }
 #Journal .btn-confirm {
   margin: 10px 0 0 120px;
 }
 /*投稿するボタン*/
 input[type="submit"].btn-confirmPost {
   background-color: #333;
   border: 1px solid #333;
   border-radius: 3px;
   color: #FFF;
   height: 40px;
   padding: 10px 0;
   font-size: 80%;
   font-size: 0.8rem;
   text-align: center;
   width: 120px;
 }
 input[type="submit"].btn-confirmPost:hover {
   background-color: #666;
 }
 #comment-form #comment-post {
   margin: 0;
 }
 #comment-form #comment-post h2 {
   background: none;
   border-bottom: 1px dotted #6B6B6B;
   border-top: none;
   height: 2.3em;
   line-height: 2.3em;
   padding: 0;
 }
 #comment-form #comment-post .comment-cont {
   padding: 10px 0;
 }
 #comment-form legend {
   background: none repeat scroll 0 0 transparent;
   font-size: 75%;
   line-height: 200%;
   padding: 0;
   width: 100%;
   font-weight: bold;
 }
 #comment-form p {
   margin-bottom: 15px;
 }
 #comment-form .name {
   width: 215px;
   height: 16px;
 }
 #comment-form .comment-txt {
   width: 360px;
   padding: 0;
   height: auto;
 }
 #comment-post {
   margin: 35px 0;
 }
 .comment-box {
   margin: 30px 0 0;
 }
 div.caution p {
   color: #d51414;
   font-size: 70%;
   line-height: 145%;
 }
 input[type="button"].btn-confirmBack {
   background-color: #333;
   border: 1px solid #333;
   border-radius: 3px;
   color: #FFF;
   height: 40px;
   padding: 10px 0;
   font-size: 80%;
   font-size: 0.8rem;
   text-align: center;
   width: 120px;
 }
 input[type="button"].btn-confirmBack:hover {
   background-color: #666;
 }
 @-moz-document url-prefix() {
   .btn-confirmPost {
     padding: 0 5px 2px;
   }
   .btn-confirmBack {
     padding: 0 2px 2px 8px;
   }
 }
 #JournalList h2, #Journal h2 {
   font-size: 85%;
 }
 #JournalList .journal-cont, #Journal .journal-cont {
   margin: 0 0 15px;
 }
 #JournalList article {
   margin: 0 0 40px;
 }
 #JournalList .journal-cont ul, #Journal .journal-cont ul {
   margin: 0px 40px;
 }
 #JournalList .journal-cont ul li, #Journal .journal-cont ul li {
   list-style-type: square;
 }
 #JournalList .journal-cont ol, #Journal .journal-cont ol {
   margin: 0px 40px;
 }
 #JournalList .journal-cont ol li, #Journal .journal-cont ol li {
   list-style-type: decimal;
 }
 /*-- サイトマップ --*/
 section#document_wrap h2 {
   background: none;
   border-bottom: 1px dotted #6B6B6B;
   border-top: none;
   font-size: 85%;
   font-weight: bold;
   height: 3em;
   line-height: 3em;
   margin: 0 0 20px;
   padding: 0;
 }
 section#document_wrap h3 {
   font-size: 75%;
 }
 section #document li {
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list01 {
   padding-bottom: 30px;
 }
 section #document .txt-list01 li.c1 {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   padding: 0 25px 0 0;
 }
 section #document .txt-list02 {
   padding-bottom: 10px;
   overflow: hidden;
 }
 section #document .txt-list02 h3 {
   font-weight: bold;
 }
 section #document .txt-list02 section.tree00 {
   float: left;
   padding: 0 35px 20px 0;
   width: 156px;
 }
 section #document .txt-list02 ul.tree01 {
   padding: 0 0 0 12px;
   overflow: hidden;
 }
 section #document .txt-list02 ul.tree01 li.c2 {
   padding: 0 0 0 14px;
   margin: 0 0 0 3px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.c3 {
   padding: 0 0 0 28px;
   margin: 0 0 0 3px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.c4 {
   padding: 0 0 0 42px;
   margin: 0 0 0 3px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
   padding: 0 0 0 56px;
   margin: 0 0 0 3px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.sp1 {
   float: left;
   padding: 0 0 0 14px;
   margin: 0 0 0 3px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.sp2 {
   float: left;
   padding: 0 0 0 2px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 li.sp3 {
   float: left;
   padding: 0 0 0 2px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a {
   display: inline;
   *display: inline;
   *zoom: 1;
   padding: 0 10px 0 0;
   font-size: 110%;
   font-size: 0.75rem;
 }
 section #document .txt-list02 ul.iB {
   padding: 5px 0 0 12px;
   float: left;
   line-height: 120%;
 }
 section #document .txt-list02 ul.iB li {
   padding: 0 10px 0 0;
   float: left;
 }
 section #document .txt-list03 {
   padding-bottom: 30px;
   overflow: hidden;
 }
 section #document .txt-list03 section.tree00 {
   float: left;
   padding: 0 35px 0 0;
   width: 156px;
 }
 section #document .txt-list03 ul.tree01 li {
   padding: 0 0 0 7px;
   margin: 0 0 0 5px;
   background: url(../img/ico_list01.gif) no-repeat left center;
 }
 #contact div.caution {
   margin-bottom: 15px;
 }
 #contact div.caution p {
   color: #d51414;
   font-size: 70%;
   line-height: 145%;
 }
 #formArea_cc #contact form {
   margin-top: 30px;
 }
 #contents-pop #contact {
   width: auto;
   margin: 10px 20px;
 }
 /*メールマガジン登録・解除*/
 #contact {
   margin: 0 auto;
 }
 #contact h4 {
   font-size: 75%;
 }
 #contact .txtBox {
   margin: 25px 0 10px;
 }
 section #contact .text-center {
   text-align: center;
   margin: 50px 0;
 }
 #contact .txtBox p.txt-T {
   font-size: 80%;
   font-weight: bold;
   margin-bottom: 5px;
 }
 section #document li {
   font-size: 100%;
   font-size: 0.75rem;
 }
 #contact table {
   width: 100%;
   margin: 10px 0 0;
   word-break: break-all;
 }
 #contents-pop table {
   width: 100%;
 }
 #contact table th {
   width: 28%;
   padding: 20px;
   font-size: 75%;
   font-weight: bold;
   color: #2B2B2B;
   background-color: #EEE;
   border-top: 1px solid #DEDEDE;
   border-bottom: 1px solid #DEDEDE;
 }
 #contact em {
   color: #C23E42;
   margin-left: 5px;
   font-size: 90%;
   font-size: 0.7rem;
 }
 #contact table td {
   width: 72%;
   font-size: 1em;
   font-size: 90% \9;
   padding: 20px;
 }
 #contact table td input.name, #contact table td input.tel {
   height: 16px;
   width: 40%;
   padding: 2px 5px;
 }
 #contact table td input.mailAddress, #contact table td input.mailAddress2 {
   height: 20px;
   width: 60%;
 }
 #contact .weaktxt {
   color: #333;
   font-size: 90%;
   padding: 5px 0 0;
 }
 #contact .note {
   color: #333;
   font-size: 95%;
   font-size: 0.7rem;
   line-height: 150%;
   margin: 0 0 15px;
 }
 #contact .txtBox .note {
   font-size: 70%;
   font-size: 0.7rem;
 }
 #contact table td textarea {
   box-sizing: border-box;
   height: 150px;
   padding: 5px !important;
   width: 100% !important;
 }
 #contact table td .text-area {
   display: block;
   margin: 0 0 15px;
 }
 #contact .btn-confirm {
   text-align: center;
   padding: 20px;
   border-bottom: none;
   font-size: 100%;
 }
 #contact .btn-confirm-enq {
   padding: 20px;
   font-size: 100%;
 }
 #contact input.btn-confirmNext {
   height: 25px;
   width: 150px;
   color: #FFF;
   font-size: 75%;
   font-size: 0.75rem;
   text-align: center;
   background-color: #333;
   border: none;
   margin: 0 5px;
 }
 #contact input.btn-confirmNext:hover {
   background-color: #666;
   repeat-x: left top;
 }
 #contact .btn-enq input.btn-confirmNext {
   height: 25px;
   width: 200px;
   color: #FFF;
   padding: 0;
   font-size: 75%;
   font-size: 0.75rem;
   background-color: #333;
   border: none;
   margin: 0 5px;
 }
 #contact .btn-enq input.btn-confirmNext:hover {
   background-color: #666;
   repeat-x: left top;
 }
 #contact input.btn-confirmBack {
   height: 25px;
   width: 80px;
   color: #FFF;
   padding: 0 0 0 8px;
   font-size: 75%;
   font-size: 0.75rem;
   text-align: center;
   background: url(../img/btn-back_bg.gif) no-repeat left top;
   border: none;
   margin: 0 5px;
 }
 #contact input.btn-confirmBack:hover {
   background: url(../img/btn-back_bg_on.gif) no-repeat left top;
 }
 #contact input.btn-confirmCancel {
   height: 25px;
   width: 120px;
   color: #FFF;
   padding: 0 0 0 8px;
   font-size: 75%;
   font-size: 0.75rem;
   text-align: center;
   background: url(../img/btn-confirm_bg.gif) repeat-x left top;
   border: none;
   margin: 0 5px;
 }
 #contact .btn-confirmCancel:hover {
   background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 #contact .btn-confirmClose {
   height: 25px;
   width: 120px;
   color: #FFF;
   padding: 0 0 0 8px;
   font-size: 80%;
   font-size: 0.8rem;
   text-align: center;
   background: url(../img/btn-close_bg.gif) no-repeat left top;
   border: none;
   margin: 0 5px;
 }
 #contact .btn-confirmClose:hover {
   background: url(../img/btn-close_bg_on.gif) no-repeat left top;
 }
 @-moz-document url-prefix() {
   #contact .btn-enq input.btn-confirmNext {
     padding: 0 5px 2px;
   }
   #contact input.btn-confirmNext {
     padding: 0 5px 2px;
   }
   #contact input.btn-confirmBack {
     padding: 0 2px 2px 8px;
   }
   #contact input.btn-confirmCancel {
     padding: 0 2px 3px 8px;
   }
   #contact input.btn-confirmClose {
     padding: 0 2px 4px 8px;
   }
 }
 #contact fieldset {
   margin-bottom: 25px;
 }
 #contact legend {
   background: none repeat scroll 0 0 transparent;
   border-bottom: 1px dotted;
   font-size: 75%;
   font-weight: bold;
   line-height: 200%;
   margin-bottom: 10px;
   padding: 0;
   width: 100%;
 }
 #contact fieldset p {
   margin-bottom: 5px;
   font-size: 75%;
   font-size: 0.75rem;
 }
 #contact fieldset ul {
   overflow: hidden;
 }
 #contact fieldset li {
   font-size: 75%;
   font-size: 0.75rem;
 }
 #contact fieldset li.fL {
   float: left;
   margin-right: 20px;
 }
 #contact fieldset input {
   margin: 0 3px 2px 0;
 }
 #contact fieldset label {
   margin-right: 10px;
   font-size: 100%;
   font-size: 0.75rem;
 }
 #contact input.txtF {
   height: 16px;
   margin: 0;
   padding: 2px 5px;
 }
 #contact input.mailAddress {
   width: 300px;
   margin: 0;
 }
 #contact input.name_sei {
   margin: 0 10px 0 0;
 }
 #contact select {
   margin: 0 0 5px;
   padding: 3px 1px;
   min-width: 110px;
 }
 #contact fieldset textarea {
   width: 70%;
   height: 150px;
   padding: 5px;
 }
 #contact .commentItem {
   padding: 10px 0 0;
 }
 #contact table td.commentWite {
   border-bottom: 1px dotted #000;
   border-top: 1px dotted #000;
   font-size: 100%;
   padding: 15px 20px 20px;
   width: 72%;
 }
 #contact .commentItem {
   font-weight: 150%;
 }
 #contact .memberF {
   padding: 20px 20px 10px;
   margin: 20px 0 0 0;
   border: 10px solid #EEE;
 }
 #contact .atttxt {
   color: #333;
   font-size: 75%;
   padding: 5px 0 0;
 }
 #contact .memberF input {
   width: 40%;
   height: 16px;
   margin: 0;
   padding: 2px 5px;
 }
 #contact .memberF th {
   padding: 10px 20px;
 }
 #contact .memberF td {
   padding: 10px 20px;
   font-size: 100%;
 }
 #contact .memberF input.btn-confirm160 {
   margin: 10px 0 0;
 }
 .memberName {
   border-bottom: 1px dotted;
   font-size: 75%;
   font-weight: bold;
   line-height: 200%;
   margin-bottom: 5px;
   padding: 0;
 }
 #contact input.btn-confirm120 {
   height: 25px;
   width: 120px;
   color: #FFF;
   padding: 0;
   font-size: 75%;
   font-size: 0.75rem;
   background: url(../img/btn-confirm_bg.gif) repeat-x left top;
   border: none;
   margin: 0 5px;
 }
 #contact input.btn-confirm120:hover {
   background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 #contact input.btn-confirm160 {
   height: 25px;
   width: 160px;
   color: #FFF;
   padding: 0 0 0 8px;
   font-size: 75%;
   font-size: 0.75rem;
   text-align: center;
   background: url(../img/btn-confirm_bg.gif) repeat-x left top;
   border: none;
 }
 #contact input.btn-confirm160:hover {
   background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 #contact input.btn-confirmReg {
   height: 25px;
   width: 160px;
   color: #FFF;
   padding: 0 0 0 8px;
   font-size: 75%;
   font-size: 0.75rem;
   text-align: center;
   background: url(../img/btn-confirm_bg.gif) repeat-x left top;
   border: none;
 }
 #contact input.btn-confirmReg:hover {
   background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 #contact input.btn-confirmBackItem {
   height: 25px;
   width: 120px;
   color: #FFF;
   padding: 0 5px 2px 15px;
   font-size: 75%;
   font-size: 0.75rem;
   text-align: center;
   background: url(../img/btn-back_bg120.gif) no-repeat left top;
   border: none;
   margin: 0 5px;
 }
 #contact input.btn-confirmBackItem:hover {
   background: url(../img/btn-back_bg120_on.gif) no-repeat left top;
 }
 @-moz-document url-prefix() {
   #contact input.btn-confirm120, #contact input.btn-confirm160, #contact input.btn-confirmReg {
     padding: 0 5px 2px;
   }
   #contact input.btn-confirmBackItem {
     padding: 0 2px 2px 8px;
   }
 }
 /*-- メールマガジン登録・解除 --*/
 #contact .mailm:first-child {
   margin: 3px 0 0;
 }
 #contact .mailm {
   margin: 30px 0 0 0;
 }
 #contact .mailm .txtBox {
   margin: 0;
 }
 #contact .mailm .txtBox h2 {
   border-bottom: 1px dotted #DEDEDE;
   border-top: none;
   margin: 0 0 20px;
   padding: 0 0 10px;
 }
 #contact .mailm .caution {
   margin: 0 0 5px;
 }
 #contact table.mailMF td {
   overflow: hidden;
   font-size: 100%;
   border-top: solid 1px #DEDEDE;
   border-bottom: solid 1px #DEDEDE;
 }
 #contact table.mailMF input.mailAddress {
   float: left;
   margin: 0 10px 0 0;
   height: 40px;
 }
 #contact table.mailMF span.btn-confirm {
   display: block;
   float: left;
   padding: 0;
 }
 #contact table.mailMF input.btn-confirmNext {
   background-color: #333;
   border-radius: 3px;
   float: left;
   height: 40px;
   padding: 0 5px;
 }
 #contact .mailMC input.btn-confirmNext {
   background-color: #333;
   border-radius: 3px;
   float: left;
   height: 40px;
   padding: 0 5px;
 }
 #contact .mailMF input.btn-confirmNext:hover, #contact .mailMC input.btn-confirmNext:hover {
   background-color: #666;
 }
 @-moz-document url-prefix() {
   #contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
     padding: 0 5px 1px;
   }
 }
 #contact table.mailMF td.n1 {
   border-bottom: none;
   padding: 20px 20px 10px;
 }
 #contact table.mailMF td.n2 {
   border-top: none;
   padding: 10px 20px 20px;
 }
 #contact table.mailMF td p {
   float: left;
   font-size: 80%;
   padding: 10px 0;
   margin-right: 10px;
 }
 #contact input.mailAddress_new {
   float: left;
   height: 40px;
   margin: 0 10px 0 0;
   width: 60%;
 }
 #contact .mailMC span.btn-confirm {
   display: block;
   padding: 0;
 }
 #contact.sps-mailMagazine .sps-mailMagazine-freeArea {
   border: 1px solid #DDD;
   box-sizing: border-box;
   margin: 60px 5% 0;
   padding: 2%;
   width: 90%;
 }
 #contact .freeArea {
   margin: 60px 50px 0;
   width: 620px;
   background-color: #FFF;
 }
 #contact .ann-input {
   margin: 5px 0 0;
   font-size: 100%;
 }
 #contact .ann-input input {
   margin: 0 3px 2px 0;
 }
 #itemList_wrap {
   margin: 0 0 20px 0;
 }
 #itemList {
   margin: 40px 0 0 0;
   position: relative;
 }
 #main-column .column4 h2 {
   background: none;
   border: none;
   font-size: 95%;
   font-weight: normal;
   height: 3em;
   line-height: 3em;
   margin-bottom: 5px;
   padding: 0;
 }
 article #main-column #itemList section.column4 h2, article #main-column #itemList section.column4 h2, article #main-column #itemList section.column4 h2 {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", メイリオ, Meiryo, sans-serif;
 }
 /*写真のみ*/
 article #main-column #itemList section.column4 h2,
 article #main-column #itemList section.column4 h2,
 article #main-column #itemList section.column4 h2 {
   border: none;
   height: auto;
   line-height: 125%;
   font-weight: bold;
   letter-spacing: 1px;
 }
 #itemList .column4 .sps-wishAddItem img, #itemList .column5 .sps-wishAddItem img,
 #itemList .column4 .sps-wishAddItemOk img, #itemList .column5 .sps-wishAddItemOk img {
   margin: 10px 0 0 80%;
   width: 20%;
 }
 /*説明付き*/
 #itemList2 {
   margin: 40px 0 0 0;
   position: relative;
 }
 #itemList2 .column4 {
   border-bottom: 1px solid #EEE;
   float: none;
   width: 100%;
   height: auto !important;
   overflow: hidden;
   *zoom: 1;
 }
 #itemList2 .column4:first-child {
   border-top: 1px solid #EEE;
   padding-top: 20px;
 }
 #itemList2 .column4:last-child {
   border-bottom: none;
 }
 #itemList2 .column4 .itemThumb-wrap {
   float: left;
   text-align: left;
   max-width: 300px;
   width: 24%;
 }
 #itemList2 .column4 .itemThumb, #itemList2 .column5 .itemThumb,
 #itemList2 .column4 .itemThumb-wrap, #itemList2 .column5 .itemThumb-wrap {
   margin: 0;
 }
 #itemList2 .column4 .sps-wishAddItem img, #itemList2 .column5 .sps-wishAddItem img,
 #itemList2 .column4 .sps-wishAddItemOk img, #itemList2 .column5 .sps-wishAddItemOk img {
   margin-left: 92%;
   width: 8%;
 }
 .column4 p.sps-itemList-stockDisp, .column5 p.sps-itemList-stockDisp {
   margin: 6px 0 0;
 }
 .column4 p.sps-itemList-stockDisp a, .column5 p.sps-itemList-stockDisp a {
   border: 1px solid #333;
   border-radius: 3px;
   box-sizing: border-box;
   display: block;
   padding: 1% 3%;
   text-align: center;
 }
 .column4 p.sps-itemList-stockDisp a::after, .column5 p.sps-itemList-stockDisp a::after {
   content: ">>";
   padding-left: 3px;
 }
 .column4 p.sps-itemList-stockDisp:empty, .column5 p.sps-itemList-stockDisp:empty,
 .column4 p.sps-itemList-stockDisp a:empty, .column5 p.sps-itemList-stockDisp a:empty {
   display: none;
 }
 #main-column #itemList2 .column4 h2, #main-column #itemList2 .column5 h2 {
   font-size: 105%;
   height: auto;
   line-height: 140%;
 }
 #main-column #itemList2 .column4 p.price, #main-column #itemList2 .column5 p.price, #main-column #itemList2 .column4 p.sp_price, #main-column #itemList2 .column5 p.sp_price #main-column #itemList2 .column4 p.fx_price, #main-column #itemList2 .column5 p.fx_price, #main-column #itemList2 .column4 p.rg_price, #main-column #itemList2 .column5 p.rg_price {
   font-size: 95%;
 }
 #itemList2 .column4 .inner-catch {
   line-height: 140%;
   margin-top: 35px;
 }
 #itemList_wrap #pager-top {
   width: 100%;
   padding: 30px 0 0 0;
   overflow: hidden;
   line-height: 100%;
 }
 #itemList_wrap div.pagerlist #pager-bm {
   width: 100%;
   padding: 0;
   margin: 0 0 20px 0;
   overflow: hidden;
   line-height: 100%;
 }
 #itemList_wrap #pager-bm {
   border-top: 1px solid #333;
   overflow: hidden;
   padding: 15px 0 30px;
   width: 100%;
 }
 #itemList_wrap #pager-top .quantity {
   float: left;
   font-size: 80%;
   line-height: 100%;
 }
 #itemList_wrap #pager-bm .quantity {
   float: left;
   font-size: 80%;
   line-height: 100%;
   margin: 1px 30px 0 0;
 }
 #itemList_wrap #pager-top .selectbox, #itemList_wrap #pager-bm .selectbox {
   font-size: 70%;
 }
 #itemList_wrap #pager-top .selectbox {
   margin-bottom: 10px;
 }
 #itemList_wrap #pager-top .selectbox .select01 {
   height: 34px;
   margin-right: 10px;
   padding: 0;
 }
 #itemList_wrap #pager-top .pagerlist, #itemList_wrap #pager-bm .pagerlist {
   float: right;
 }
 #itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul {
   margin: 0;
   padding: 0;
   overflow: hidden;
   *zoom: 1;
 }
 #itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {
   float: left;
   *float: none;
   *display: inline;
   padding: 0 4px;
   margin: 0;
   line-height: 120%;
   *zoom: 1;
   font-size: 80%;
 }
 #itemList_wrap #pager-top ul li.pagericon, #itemList_wrap #pager-bm ul li.pagericon {
   float: left;
   *float: none;
   *display: inline;
   padding: 0;
   margin: 0;
   line-height: 120%;
   *zoom: 1;
 }
 #pager-top ul li.selected, #pager-bm ul li.selected {
   font-weight: bold;
   color: #333;
   text-decoration: none;
 }
 /*-- 商品詳細ページ --*/
 #itemDetail-cont {
   overflow: hidden;
 }
 /*商品画像*/
 #itemDetail-cont .itemThumb-wrap {
   float: left;
   width: 400px;
   margin: 0 50px 0 0;
 }
 .itemThumb-main {
   text-align: left;
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb-main img {
   height: auto;
   margin: 0 0 5px 0;
   /*border: solid 1px #DDD;*/
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb ul {
   overflow: hidden;
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
   float: left;
   padding: 0;
   height: 76px;
   width: 76px;
   margin: 0 5px 5px 0;
   overflow: hidden;
   /*border: solid 1px #DDD;*/
 }
 #itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
   margin: 0 0 5px 0;
 }
 /*商品名/価格/カートボタンエリア*/
 #itemDetail-cont .itemOutline {
   float: left;
   width: 450px;
 }
 article#Detail #main-column h1 {
   background: none;
   border: none;
   font-size: 110%;
   font-weight: normal;
   color: #000;
   height: auto;
   line-height: 140%;
   margin-bottom: 20px;
   padding: 0;
 }
 article#Detail section#itemDetail-wrap p.price {
   font-size: 90%;
   margin-bottom: 3px;
 }
 article#Detail section#itemDetail-wrap p.sp_price {
   font-size: 90%;
   color: #C00;
   font-weight: bold;
   margin-bottom: 3px;
 }
 article#Detail section#itemDetail-wrap p.regular_price {
   font-size: 80%;
   margin-bottom: 0;
   color: #2A78D0;
 }
 section#itemDetail-wrap table.spec td input {
   height: 34px !important;
   width: 20%;
 }
 section#itemDetail-wrap table.spec tr.option_area td select.option_parts,
 section#itemDetail-wrap table.spec tr.option_area td input.option_parts,
 section#itemDetail-wrap table.spec tr.option td input {
   height: 34px !important;
   width: 85%;
 }
 section#itemDetail-wrap table.matrix tr td {
   padding: 5px;
 }
 #itemDetail-cont table.matrix td > a.announceMail,
 #itemDetail-cont table.matrix td > a.announceMailSamePrc {
   display: block;
   margin: 0 auto;
   width: 110px;
 }
 section#itemDetail-wrap table.matrix tr td span.nostock {
   text-align: left;
 }
 section#itemDetail-wrap table.spec tr.quantityArea td select.quantity {
   height: 34px;
   padding: 1px 2px;
   width: 85%;
 }
 #itemDetail-cont .cartArea input:hover,
 #itemDetail-cont .cartArea .variation a:hover {
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
   cursor: pointer;
 }
 #itemDetail-cont .itemOutline .icons {
   margin: 0 0 20px 0;
 }
 #itemDetail-cont .itemOutline ul.ico_salesMethod {
   overflow: hidden;
   margin: 0 0 10px;
 }
 #itemDetail-cont .itemOutline ul.ico_salesMethod li {
   float: left;
   width: 60px;
 }
 #itemDetail-cont .itemOutline ul.ico_itemType {
   overflow: hidden;
 }
 #itemDetail-cont .itemOutline ul.ico_itemType li {
   float: left;
   width: 35px;
   height: 36px;
 }
 #itemDetail-cont table.snsArea {
   width: auto;
   height: auto;
 }
 section#itemDetail-wrap table.spec {
   line-height: 250%;
   margin: 15px 0 15px;
   font-size: 85%;
 }
 section#itemDetail-wrap table.spec tr {
   border: none;
 }
 /*備考欄*/
 section#itemDetail-wrap table.spec th {
   line-height: 125%;
   padding: 5px 5px 5px 0;
   vertical-align: top;
   width: 40%;
 }
 section#itemDetail-wrap table.spec td {
   line-height: 150%;
   padding: 5px 5px 5px 0;
 }
 section#itemDetail-wrap table.spec th.option th {
   line-height: 140%;
   padding-bottom: 15px;
 }
 section#itemDetail-wrap table.spec tr.option td {
   padding-bottom: 15px;
 }
 section#itemDetail-wrap table.spec tr.option td input {
   display: inline;
 }
 section#itemDetail-wrap table.spec tr.date {
   line-height: 150%;
 }
 section#itemDetail-wrap table.spec td input {
   padding: 0 2%;
 }
 /*入荷連絡ボタン*/
 section#itemDetail-wrap table.spec td a img {
   height: 30px;
   margin-left: 10px;
 }
 section#itemDetail-wrap #spsVarpriceBox p {
   font-size: 80%;
 }
 section#itemDetail-wrap table.date {
   margin: 15px 0 3px;
 }
 section#itemDetail-wrap table.jan {
   margin: 0 0 15px;
 }
 section#itemDetail-wrap table.price {
   line-height: 170%;
   margin: 0 0 20px;
 }
 section#itemDetail-wrap table.price th {
   font-size: 85%;
   padding: 0 0 1px;
 }
 section#itemDetail-wrap table.price td {
   font-size: 80%;
 }
 section#itemDetail-wrap table.price td a img {
   display: block;
   width: 110px;
 }
 table.price tr.fx_price span.strike span.fixed_price,
 table.price span.strike {
   text-decoration: line-through;
 }
 table.price tr.price span.selling_price, table.price tr.price span.taxin,
 table.price tr.price span.discount_rate, table.price tr.sp_price span.special_price,
 table.price tr.sp_price span.taxin, table.price tr.sp_price span.discount_rate {
   color: #000;
   font-size: 120%;
   font-weight: bold;
   margin-bottom: 3px;
 }
 table.price tr.rg_price span.regular_price_str {
   color: #2A78D0;
   margin-bottom: 3px;
 }
 table.price tr.rg_price span.regular_price,
 table.price tr.rg_price span.taxin {
   color: #2A78D0;
   margin-bottom: 3px;
 }
 table.price tr.rg_price span.publish_point {
   color: inherit;
 }
 /*カートボタン*/
 section#itemDetail-wrap .cartArea {
   margin-bottom: 10px;
 }
 section#itemDetail-wrap .cartArea img {
   max-width: 110px;
 }
 section#itemDetail-wrap .cartArea input, sps-wishAddItem img {
   max-width: 100%;
 }
 section#itemDetail-wrap #spsVarpriceBox .cartArea input {
   margin-left: 0;
 }
 section#itemDetail-wrap .cartArea img.nostock, section#itemDetail-wrap .cartArea input.dialogSStock {
   width: 110px;
   height: auto;
 }
 section#itemDetail-wrap .cartArea table.variation {
   width: 100%;
   word-break: break-all;
 }
 section#itemDetail-wrap .cartArea tr.t-variation {
   background-color: #efefef;
   background-repeat: x-repeat;
   background-position: left top;
 }
 section#itemDetail-wrap .cartArea table.variation th {
   border: 1px solid #CCC;
   box-sizing: border-box;
   font-size: 70%;
   font-weight: bold;
   padding: 3px 5px;
   text-align: center;
   line-height: 150%;
   width: auto !important;
 }
 section#itemDetail-wrap .cartArea table.variation th.sps-variation-cart {
   width: 141px !important;
 }
 section#itemDetail-wrap .cartArea table.variation tr {
   border-bottom: 1px dotted #CCCCCC;
 }
 section#itemDetail-wrap .cartArea table.variation tr.t-variation {
   border: none;
 }
 section#itemDetail-wrap .cartArea table.variation td {
   font-size: 75%;
   padding: 5px;
   text-align: center;
   line-height: 150%;
   border: 1px solid #CCCCCC;
 }
 section#itemDetail-wrap .cartArea table.variation td input[type="image"] {
   max-width: 110px;
 }
 section#itemDetail-wrap .cartArea table.variation span.nostock {
   color: #F00;
 }
 /*返品について カートボタン下*/
 section#itemDetail-wrap p.cancel {
   font-size: 70%;
   padding: 2px 0 2px 20px;
   background-image: url(../img/ico_return.gif);
   background-repeat: no-repeat;
   background-size: 15px;
   background-position: left center;
   margin-bottom: 5px;
 }
 /*お客様の声 カートボタン下*/
 section#itemDetail-wrap p.review_txt {
   font-size: 70%;
   padding: 2px 0 2px 20px;
   background-image: url(../img/ico_review.gif);
   background-repeat: no-repeat;
   background-size: 15px;
   background-position: left center;
   margin-bottom: 15px;
 }
 section#itemDetail-wrap p.cancel a, section#itemDetail-wrap p.review_txt a {
   display: block;
 }
 /*SNS/問合わせ/紹介 カートボタン下*/
 .itemOutline ul.snsArea {
   overflow: hidden;
   margin-bottom: 10px;
   height: 30px;
 }
 article#Detail .itemOutline ul.infoArea {
   overflow: hidden;
   margin: 10px 0;
   height: 28px;
 }
 section#itemDetail-wrap .itemOutline li {
   float: left;
   margin-right: 5px;
   width: 140px;
 }
 /*商品紹介文*/
 section#itemDetail-wrap .description {
   margin: 20px 0 0;
   width: 100%;
   padding: 0;
 }
 section#itemDetail-wrap .description p {
   font-size: 100%;
   line-height: 160%;
 }
 section#itemDetail-wrap .description div#itempage_contents h1 {
   
 }
 article#Detail #main-column .spec-g_txt_table_wrap {
   width: 100%;
   overflow: hidden;
 }
 article#Detail #main-column section.spec-g_txt {
   float: left;
   margin-right: 4%;
   width: 48%;
   padding: 20px 0 0;
 }
 article#Detail #main-column section.spec-g_txt p {
   font-size: 70%;
   padding-top: 10px;
   line-height: 160%;
 }
 article#Detail #main-column section.spec-g_table {
   float: right;
   width: 48%;
   padding: 20px 0 0;
 }
 article#Detail #main-column section.spec-g_table table {
   width: 100%;
 }
 article#Detail #main-column section.spec-g_table th {
   width: 70px;
   max-width: 70px;
   min-width: 25px;
   padding: 5px 0;
 }
 article#Detail #main-column section.spec-g_table tr {
   border-bottom: 1px dotted #CCC;
   width: 100%;
   font-size: 65%;
 }
 article#Detail #main-column section.spec-g_table td {
   padding: 5px 0;
 }
 article#Detail #main-column .w100 section.spec-g_txt {
   float: none;
   width: 100%;
 }
 article#Detail #main-column .w100 section.spec-g_txt p {
   font-size: 70%;
   padding-top: 10px;
   line-height: 160%;
 }
 article#Detail #main-column .w100 section.spec-g_table {
   float: none;
   width: 100%;
 }
 article#Detail #main-column .w100 table.spec-g_cont tr {
   border-bottom: 1px dotted #CCC;
   width: 100%;
 }
 article#Detail #main-column .w100 table.spec-g_cont th {
   padding: 5px 0;
 }
 article#Detail #main-column .w100 table.spec-g_cont td {
   padding: 5px 0;
 }
 /*お客様の声-商品詳細ページ*/
 section.userreview {
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   padding: 20px 0 0;
   margin-bottom: 30px;
 }
 section.userreview h2 {
   /*border-top: 3px solid #333;*/
   color: #333;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 124% !important;
   font-weight: bold;
   letter-spacing: 0.05em;
   padding: 0;
   margin-bottom: 15px;
   display: block;
 }
 @media screen and (max-width: 768px) {
   section.userreview h2 {
     font-size: 110% !important;
   }
 }
 section.userreview table.userreview_list {
   width: 100%;
   margin: 10px 0 0 0;
   line-height: 160%;
   border-bottom: 1px dotted #CCC;
 }
 section.userreview div.more {
   width: 100%;
   height: 30px;
   margin: 10px 0 0 0;
   text-align: right;
 }
 section.userreview div.more a img {
   width: 110px;
   height: 30px;
   vertical-align: middle;
 }
 section.userreview table.userreview_list tr td.userreview_user {
   font-size: 80%;
   text-align: left;
 }
 section.userreview table.userreview_list tr td.userreview_date {
   font-size: 80%;
   text-align: right;
 }
 section.userreview table.userreview_list td.userreview_rate {
   font-size: 80%;
   font-weight: bold;
 }
 section.userreview table.userreview_list td.userreview_rate img {
   vertical-align: middle;
 }
 section.userreview table.userreview_list td.userreview_comment {
   padding: 10px 0 20px;
 }
 section.userreview .userreview_comment .reviewBox_item {
   margin: 0;
 }
 article #main-column section.userreview table.userreview_list td.userreview_comment .comment h3 {
   background: none;
   font-size: 75%;
   font-weight: bold;
   margin: 0;
   padding: 10px 0 0 10px;
 }
 article #main-column section.userreview table.userreview_list td.userreview_comment .comment p {
   margin: 0;
 }
 article#Detail #main-column section.recommend {
   padding: 20px 0 0;
 }
 article#Detail section.column5 {
   border: none;
 }
 .column-set .quantityArea {
   margin-top: 5px;
   text-align: right;
 }
 .column-set .quantityArea span {
   font-size: 70%;
 }
 .column-set .quantityArea input,
 .column-set .quantityArea select {
   height: 32px;
   text-align: right;
 }
 article #main-column .pageNav_top {
   overflow: hidden;
   font-size: 70%;
   padding-bottom: 5px;
   border-bottom: solid 1px #CBCBCB;
 }
 article #main-column .pageNav {
   font-size: 70%;
 }
 article #main-column .pageL {
   float: left;
   width: 100%;
 }
 article #main-column .pageNav_top .pageL {
   width: 50%;
 }
 article #main-column .pageR {
   float: right;
 }
 article #main-column section.rating {
   padding-bottom: 30px;
   margin-bottom: 5px;
   border-bottom: solid 1px #CBCBCB;
 }
 article #main-column section.rating .reviewBox {
   overflow: hidden;
   margin: 15px 0;
 }
 article #main-column section.rating .tmb {
   float: left;
   margin-right: 15px;
   width: 140px;
 }
 article #main-column section.rating .reviewTxt {
   float: right;
   width: 745px;
 }
 article #main-column section.rating .reviewTxtNoImg {
   float: left;
   width: 100%;
 }
 article #main-column section.rating .ttlArea {
   display: table;
 }
 article #main-column section.rating h2 {
   border: none;
   display: table-cell;
   font-size: 110%;
   font-weight: bold;
   letter-spacing: 0.05em;
   line-height: 140%;
   padding: 0 15px 0 0;
   margin: 0;
   vertical-align: top;
   width: 560px;
 }
 article #main-column section.rating .reviewBox_item p,
 article #main-column section.rating .reviewTxt p {
   font-size: 90%;
   line-height: 140%;
 }
 article #main-column section.rating .btnMore {
   display: table-cell;
   min-width: 170px;
   vertical-align: top;
   width: 170px;
 }
 article #main-column section.rating .btnMore a {
   display: inline-block;
 }
 article #main-column section.rating .btnMore a img {
   width: 170px;
 }
 article #main-column section.rating .reviewTxt ul,
 article #main-column section.rating .reviewTxtNoImg ul {
   margin: 5px 0;
   vertical-align: middle;
   line-height: 120%;
   overflow: hidden;
 }
 article #main-column section.rating .reviewTxt ul li,
 article #main-column section.rating .reviewTxtNoImg ul li {
   float: left;
   margin-right: 5px;
   font-size: 80%;
 }
 article #main-column section.userreview .comment,
 article #main-column section.rating .comment {
   background: #e8f3ff;
   color: #555;
   display: inline-block;
   font-size: 16px;
   margin: 1.5em 0 0;
   max-width: 100%;
   min-width: 120px;
   padding: 7px 10px;
   position: relative;
 }
 article #main-column section.userreview .comment::before,
 article #main-column section.rating .comment::before {
   border: 10px solid transparent;
   border-bottom: 15px solid #e8f3ff;
   content: "";
   left: 4%;
   position: absolute;
   top: -23px;
 }
 article #main-column section.rating .comment h3 {
   background: none;
   font-size: 80%;
   font-weight: bold;
   margin: 0;
   padding: 10px 0 0 10px;
 }
 article #main-column section.userreview .comment p,
 article #main-column section.rating .comment p {
   background: none;
   font-size: 85%;
   padding: 5px 10px 10px;
 }
 article #main-column .pageNav .pageL strong, article #main-column .pageNav_top .pageL strong {
   font-weight: bold;
 }
 /*-- お客様の声 --*/
 article #main-column #itemBox {
   background-color: #efefef;
   overflow: hidden;
   padding: 15px 2%;
   margin-bottom: 15px;
 }
 article #itemBox h2 {
   border-top: none;
   float: left;
   font-size: 90%;
   font-weight: normal;
   padding: 0;
 }
 article #itemBox p {
   float: right;
 }
 article #main-column #itemBox p.btnMore img {
   width: 166px;
 }
 div#main-column div#itemBox p.review_txt img {
   vertical-align: -0.1em;
 }
 article #main-column section.rating .reviewBox_item h2 {
   color: #0C3;
   float: left;
   font-size: 75%;
   background: none;
   font-weight: bold;
   padding: 0;
   margin: 0;
   border-bottom: none;
 }
 article #main-column section.rating .reviewBox_item {
   margin: 15px 0;
 }
 article #main-column section.rating .reviewBox_item ul {
   overflow: hidden;
   vertical-align: middle;
   line-height: 120%;
 }
 article #main-column section.rating .reviewBox_item ul li {
   float: left;
   margin-right: 5px;
   margin-bottom: 10px;
   font-size: 80%;
 }
 article #main-column section.rating .reviewBox_item ul li.point {
   margin-right: 20px;
   color: #F60;
   font-weight: bold;
 }
 article #main-column section.rating ul li.space {
   margin-right: 20px;
 }
 　
 .ui-dialog {
   padding: 1em;
   box-sizing: border-box;
 }
 .fl_main {
   min-height: 40px;
 }
 .fl_thumbnail {
   max-width: 152px !important;
 }
 .fl_t_item {
   padding: 5px !important;
 }
 .fl_img_selected {
   background-color: #C9E1F4 !important;
   border: none !important;
   margin: 5px !important;
   padding: 6px !important;
 }
 #thum_prev {
   padding-left: 0 !important;
   padding-right: 5px !important;
 }
 #thum_next {
   padding-left: 5px !important;
   padding-right: 0 !important;
 }
 /*ダイアログ-商品を追加しました*/
 div[aria-describedby='sps-cartaddModal'] {
   border-radius: 4px !important;
 }
 div.sps-cartaddErrDetail {
   width: 90%;
   margin: 22px auto 40px;
   box-sizing: border-box;
 }
 /*ポップアップ全般*/
 .ui-front {
   z-index: 250 !important;
 }
 .ui-widget-overlay {
   z-index: 200 !important;
 }
 .ui-widget-content {
   box-sizing: border-box;
   padding: 1em !important;
 }
 div#sps-cartaddModal {
   padding: .5em 1em !important;
   width: 720px !important;
 }
 #contact #center1 .centerbox {
   margin: 0px;
 }
 #contact #center1 .centerbox .mainCont .step_navi01 {
   background-image: url("../img/navi01.gif");
   background-repeat: no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi02 {
   background-image: url(../img/navi02.gif);
   background-repeat: no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi03 {
   background-image: url(../img/navi03.gif);
   background-repeat: no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi04 {
   background-image: url(../img/navi04.gif);
   background-repeat: no-repeat;
 }
 #contact #center1 .centerbox .mainCont .step_navi01, #contact #center1 .centerbox .mainCont .step_navi02, #contact #center1 .centerbox .mainCont .step_navi03, #contact #center1 .centerbox .mainCont .step_navi04 {
   width: 100%;
   height: auto;
   aspect-ratio: 5 / 1;
   text-align: center;
   margin: 0 auto;
   background-size: cover;
 }
 #contact #center1 .center {
   text-align: center !important;
 }
 #contact #center1 p.center a#logout {
   float: none;
 }
 #contact #center1 .centerbox .mainCont input[name="PZIP_SEEK"] {
   width: 180px;
 }
 /*お届けスケジュール*/
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan {
   background-color: #fff;
 }
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday,
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
   box-sizing: border-box;
   border: none;
   overflow: hidden;
 }
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td {
   background: #efefef;
 }
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table caption {
   text-align: center;
 }
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table tbody td {
   background-color: #fff;
 }
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat,
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun {
   text-align: right !important;
 }
 /*お気に入りリスト*/
 div.wishlist-column .sps-wishBtnArea .wishDeleteItem, div.wishlist-column .sps-wishBtnArea .wishAddCart {
   background-position: right top;
 }
 #allItemDelete {
   text-align: right;
   height: 32px;
   margin: -20px 0 20px;
 }
 input[type="button"].wishAllDelBtn {
   background: none !important;
   background-color: #333 !important;
   border: 1px solid #333 !important;
   border-radius: 3px;
   color: #FFF !important;
   height: 32px !important;
   margin: 0 !important;
   min-width: 120px;
 }
 input[type="button"].wishAllDelBtn:hover {
   background-color: #666 !important;
   border: 1px solid #666 !important;
 }
 /*ポップアップ center3*/
 #center3 .centerbox table td[align="right"],
 #center3 .centerbox .right,
 #contact #center1 .right {
   text-align: right !important;
 }
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3 td.backcolor1 {
   text-align: left;
 }
 /*ポップアップ マイページ center-seo*/
 #center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
 #center-seo .centerbox table th[align="left"],
 #center-seo .centerbox table td[align="left"],
 #center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
 #center3 .centerbox table th[align="left"],
 #center3 .centerbox table td[align="left"],
 #contact #center1 .left {
   text-align: left !important;
 }
 #contact #center1 .middle {
   vertical-align: middle !important;
 }
 #contact #center1 .buttom {
   vertical-align: bottom !important;
 }
 #contact #center1 .float_left {
   float: left !important;
 }
 #contact #center1 .centerbox .title1 a {
   color: #333;
   text-decoration: underline;
 }
 #contact #center1 .centerbox .title1 a:hover {
   color: #333;
   text-decoration: underline;
   font-weight: bold;
 }
 #contact #center1 .centerbox .mainCont {
   margin: 0;
   width: auto;
   background-color: #FFF;
 }
 .backcolor1 strong, .backcolor2 strong {
   font-weight: bold;
 }
 #contact #center1 .centerbox .mainFrame .mainCont #confirm .right {
   width: 100% !important;
 }
 /*-- カート/レジ画面 --*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 {
   box-sizing: border-box;
   padding: 5px 0px;
   max-width: 1200px;
   width: 100%;
 }
 @media screen and (max-width: 768px) {
  #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 {
    max-width: 100%;
    overflow-x: scroll;
  }
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table {
   font-size: 100%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 th {
   padding: 10px;
   border: 1px solid #999;
 }
 /*table中身*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
   padding: 1rem 1% !important;
   border: 1px solid #999;
   font-size: 0.8em;
   /*background-color: #fff;*/
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td table.sps-inputTable-banchi tr td:first-child {
   padding: 0 !important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
   border: none;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side {
   padding: 10px 15px;
 }
 #contact #center1 .backcolor3 {
   background: #e1ecf7;
 }
 /*カート画面table見出し*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor1 {
   width: 35%;
   background: #fff;
 }
 /*レジ画面table見出し*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 {
   background: #DDD;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 td {
   background: #DDD;
   text-align: center;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td {
   width: 15%;
 }
 /*レジ画面table中身*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {
   vertical-align: middle;
   background: #fff;
   padding: 30px;
 }
 #EST_SPS_regi #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {
   background: #fff;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2.sps-inputContent{
   background: #fff;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2#PAYTYPE_1_DETAIL{
   background-color: #fff;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2[width="17%"] {
   width: 1%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"],
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="password"] {
  width: 100%!important;
  max-width: 100%;
  height: 60px!important;
  border: none;
  padding: 10px;
  border-radius: 12px;
  background-color: #F9F3F7;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable td input[type="text"],
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable td input[type="password"] {
   height: 32px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1 {
   background: #DDD;
   padding: 1rem;
   width: 100% \9;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1 input {
   height: auto;
   vertical-align: 0 !important;
 }
 #deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1 {
   width: 15% !important;
 }
 #deli_scadule .deli_scadule_box table.layoutp5.deli_cycle tbody tr td.backcolor1 {
   width: 35% \9 !important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="PREV_ENQUETE"] + form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1 {
   background: #DDD;
   width: 30% \9 !important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td {
   width: 25%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td {
   width: 12%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td {
   width: 26%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td {
   width: 12%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td + td {
   width: 10%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] + .bordlayoutp3.center:has(.left) {
   display: none;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td {
   width: 8%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td + td {
   width: 10%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 form[name="NEXTM"] table.border tbody tr td {
   width: auto;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td {
   width: auto;
   background: #F9F3F7;
   border: none;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td 
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td.backcolor1.center,
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"],
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td + td[width="49%"] {
   width: 49%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td,
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td,
 #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td.backcolor2 + td {
   width: 2%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td + td.backcolor1.center {
   width: 49%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td {
   width: auto;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=right] {
   text-align: right;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input {
   display: inline;
   padding: 0 2%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[type="text"] {
   height: 30px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[value="変更"] {
   margin: 5px 0 5px 5px;
 }
 /*変更ボタン*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[value="削除"] {
   margin: 5px 0;
   width: 60px;
 }
 /*削除ボタン*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[type="submit"] {
   padding: 0 1%;
 }
 #deli_scadule table.deli_plan_cal tbody tr td {
   vertical-align: top;
 }
 #contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border {
   border: 1px solid #999;
   width: 100% !important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td.backcolor2 table.layoutp3 {
   margin-top: 0px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td {
   border: none;
   padding: 2px 9px;
 }
 /*カート注文内容table*/
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.cartItem tbody tr td {
   width: 17%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.cartItem tbody tr td + td {
   width: 25%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.cartItem tbody tr td + td + td {
   width: 13%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.cartItem tbody tr td + td + td + td {
   width: 20%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.cartItem tbody tr td + td + td + td + td {
   width: 13%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.cartItem tbody tr td + td + td + td + td + td {
   width: 12%;
 }
 #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_day th {
   font-size: 100%;
   background-color: inherit;
   border: none;
 }
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3 form[name=list] table[align=center],
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center form table[align=center],
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center table[align=center] {
   width: auto;
   margin: 0 auto;
 }
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3 hr {
   display: block;
   margin: 5px;
 }
 table#enter #center-seo .centerbox .mainCont div.bordlayoutp3,
 table#enter #center3 .centerbox .mainCont div.bordlayoutp3 {
   padding: 5px 0 10px;
 }
 table#enter {
   background: #F9F3F7;
   text-align: left;
   width: 100%;
 }
 table#enter #center3 h3.title1{
   color: #222222;
   padding-bottom: 30px;
   font-weight: normal;
   font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
 }
 table#enter #center3 .centerbox form[name="Login"] table td{
   width: 100%;
 }
 table#enter #center3 input[type="text"]{
   height: 60px;
   background: #fff;
 }
 table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info {
   border: 1px solid #A9A9A9;
   box-sizing: border-box;
   margin: .5em 0 1em 25px !important;
   vertical-align: middle;
   padding: 10px !important;
   width: 60% !important;
 }
 #center-seo .centerbox a, #center3 .centerbox a {
   color: #6599cc;
 }
 #center-seo .centerbox a:hover, #center3 .centerbox a:hover {
   text-decoration: underline;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div > table tr.backcolor2 td[align="center"],
 #center3 .centerbox .bordlayoutp3 table td[align="center"], #center3 .centerbox .bordlayoutp3 table tr.center td,
 #center-seo .centerbox .center, #center3 .centerbox .center, #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] {
   text-align: center;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] p font[color=red] strong {
   font-weight: bold;
 }
 #contact #center1 .centerbox .mainCont #card_info input[name=card_info_set].off {
   border: 1px solid #CCC;
 }
 #contact #center1 .centerbox .mainCont #card_info input[name=card_info_edit].off {
   border: 1px solid #CCC;
 }
 #contact #center1 .float_right, table#enter td#center3 div.centerbox form div.mainCont input.float_right {
   float: right !important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.form_group {
   line-height: 200%;
 }
 /*会員登録*/
 form[name="NEWMEM"]{
    background: #fff;
 }
 form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table.sps-inputTablePopup input:not([type="radio"]):not([type="checkbox"]),
 form[name="NEWMEM"] table#enter #center3 input[type="text"]{
    width: 100% !important;
    max-width: 100%;
    height: 60px !important;
    border: none;
    padding: 10px;
    border-radius: 12px;
    background-color: #F9F3F7!important;
 }
 form[name="NEWMEM"] table.sps-inputTablePopup td{
    padding: 20px !important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont td#cartNewmem #newMemberTitle h3.title1 {
   border-top: 3px solid #333;
   font-size: 156%;
   font-weight: bold;
   letter-spacing: 0.05em;
   padding: 21px 0;
 }
 #contact #center1 .centerbox .mainFrame .mainCont td#cartNewmem #newMemberTitle .mainCont p {
   font-size: 145%;
   line-height: 165%;
   margin-bottom: 10px;
 }
 table#enter td#center3 div.centerbox form div.mainCont div {
   width: 100% !important;
 }
 table#enter td#center3 div.centerbox form div.mainCont input.float_right {
   position: absolute;
   right: 19px;
   top: 77px;
 }
 table#enter td#center3 div.centerbox form div.mainCont input#otherAddress {
   top: -50px !important;
 }
 #contact #center1 .centerbox .mainFrame {
   margin: 0px;
 }
 #contact #center1 .box_in_box {
   text-align: center !important;
 }
 #contact .layoutp3 table.layoutp3 tbody td,
 #contact .layoutp3 table.layoutp5 tbody td,
 #contact .bordlayoutp3 table tbody td {
   text-align: left;
 }
 #contact .layoutp3 table.layoutp3 tbody td,
 #contact .layoutp3 table.layoutp5 tbody td {
   padding: 5px;
 }
 #contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center,
 #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center {
   width: 2%;
 }
 #contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label,
 #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong {
   font-size: 1em!important;
 }
 #contact .mainFrame .mainCont #tradesafe_div1 {
   font-size: 100% !important;
   line-height: 142% !important;
 }
 #center3 .centerbox .red, #contact #center1 .red {
   color: #C00;
   font-size: 0.75rem !important;
 }
 #contact #center1 .point {
   font-size: 120%;
   color: red;
   font-weight: 900;
 }
 #contact #center1 .pointline {
   font-size: 100%;
   color: #FFF;
   font-weight: 900;
   padding: 5px;
   padding-bottom: 5px;
   background-color: #666;
   margin-top: 5px;
   margin-bottom: 5px;
 }
 #contact .mainFrame .mainCont a {
   color: #333;
   font-size: 1em;
 }
 #contact .mainFrame .mainCont div.layoutp3 table tbody tr td {
   border: none;
 }
 #contact .mainFrame .mainCont a:hover {
   color: #666;
   text-decoration: underline;
 }
 #contact .mainFrame .mainCont h4 {
   font-size: 120%;
   font-weight: normal;
 }
 #contents div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame {
   margin: 0;
   background-color: #fff;
 }
 #contents .enquete-section #contact table tbody tr td div.mainCont:first-child {
   padding: 0px;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] p {
   margin: 5px 0;
   padding: 2px 0;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child {
   width: 40%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table {
   width: 50%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table tbody tr td {
   padding: 1px 1px 10px;
   text-align: left;
   vertical-align: top;
   word-break: break-all;
   border: none;
   font-size: 100%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td input {
   margin-left: 15px;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:first-child td input {
   margin-left: 27px;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:first-child td:nth-child(2) input {
   margin-left: 24px;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame {
   border: soild 1px;
 }
 div.enquete-section #contact {
   width: 100%;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="password"],
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select {
   height: 40px;
   padding: 0;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"] {
   height: 40px;
   padding: 0;
   min-width: 120px;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
   background: none repeat scroll 0 0 transparent;
   border-bottom: 1px solid #cdcdcd;
   font-size: 110%;
   font-weight: bold;
   line-height: 200%;
   margin-bottom: 10px;
   padding: 0;
   width: 100%;
 }
 #enquete-header {
   width: 100%;
   margin: 0 auto;
   background-color: #FFF;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio] {
   margin: 10px 5px 13px 20px;
 }
 div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {
   margin: 10px 5px 10px 20px;
 }
 div.enquete-section {
   padding: 0;
 }
 div.enquete-section #contact table tbody tr td {
   width: 100%;
   border-top: none;
   padding: 0px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong {
   font-size: 120%;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea {
   height: 150px;
   padding: 5px;
   width: 70%;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit] {
   border: medium none;
   color: #FFF;
   font-size: 0.75rem;
   height: 25px;
   margin: 0 5px;
   padding: 0;
   width: 200px;
 }
 div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover {
   background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
 }
 .shoplogo {
   width: 340px;
 }
 /*
 #enquete-footer{
   width: 100%;
   margin: 0 auto;
   height: 57px;
   line-height: 100%;
   position: relative;
   clear: both;
 }
 #enquete-footer #footer-inner .footer_gnavi{float:left;}
 #enquete-footer #footer-inner .footer_gnavi ul li:first-child{
   background-image:none;
   padding:0 3px 0 0;
 }
 #enquete-footer #footer-inner .footer_gnavi ul li{
   background: url("../img/slash_ccc.gif") no-repeat scroll left center transparent;
   color: #999;
   display: inline-block;
   font-size: 60%;
   line-height: 100%;
   padding: 0 3px 0 18px;
 }
 #enquete-footer #footer-inner .footer_gnavi ul li a{color:#999;}
 #enquete-footer #footer-inner .footer_gnavi ul li a:hover{
   color:#fff;
   text-decoration: underline;
 }
 #enquete-footer #footer-inner .footer_gnavi ul li{float:left;}
 #enquete-footer #copyright{
   float: right;
   font-size: 67%;
   text-align: right;
   color: #FFF;
 }
 */
 #center-seo .centerbox, #center3 .centerbox {
   font-size: 75%;
   margin: 0px;
   padding: 0 10px 10px;
   word-break: break-all;
 }
 #center-seo h3.title1, #center3 h3.title1 {
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: 3.84px;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 50px;
  background: none;
  color: #793F65;
  font-size: 28px;
  line-height: 1.0;
  font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  letter-spacing: 2.24px;
 }
 @media screen and (min-width: 769px) {
  padding: 0 0 100px;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 3.2px;
 }
 #center-seo #bread, #center3 #bread {
   color: #999;
   margin: 0px;
   padding: 5px 2% 15px;
   text-align: left;
   font-size: 75%;
   line-height: 200%;
 }
 #center-seo .mainCont {
   margin: 0px;
   width: auto;
 }
 #center3 .mainCont {
   margin: 0 0 15px;
   width: auto;
 }
 #center3 .centerbox .caution, #EST_SPS_regi .caution {
   color: #d51414;
   font-weight: bold;
 }
 #center-seo .centerbox .caution {
   color: #d51414;
   font-weight: bold;
   text-align: left;
 }
 #center-seo .centerbox table th, #center-seo .centerbox .bordlayoutp3 table th, #center-seo .centerbox table td, #center3 .centerbox table th {
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
   color: #2B2B2B;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   word-break: normal;
   min-width: 45px;
   padding: 1em 5px;
 }
 #center-seo .centerbox table td {
   text-align: left;
 }
 #center3 .centerbox table th {
   background-color: #efefef;
 }
 #center-seo .centerbox table tr.form_group label {
   white-space: initial !important;
 }
 #center3 .centerbox table th.sps-my-regular-order-number {
   width: 25% !important;
 }
 #center3 .centerbox table th.sps-my-regular-item {
   width: 50% !important;
 }
 #center3 .centerbox table td {
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
   overflow: hidden;
   text-align: left;
   min-width: 45px;
   padding: 10px;
   vertical-align: middle;
   word-break: break-all;
 }
 #center3 .centerbox table td input[type="text"], #center3 .centerbox table td input[type="password"]{
    width: 100% !important;
    max-width: 100%;
    height: 60px !important;
    border: none;
    padding: 10px;
    border-radius: 12px;
    background-color: #F9F3F7;
 }
 #center3 .centerbox table td[width="5%"] {
   width: 10%;
 }
 #center-seo .centerbox .backcolor1, #center3 .centerbox .backcolor1 {
   background-color: #EEEEEE;
   min-width: 100px;
   text-align: center;
 }
 #center3 .layoutp3 table th,
 form[name$="FORM"] ~ tbody #center3 .layoutp3 table th {
   width: 30%;
   font-weight: bold;
   *width: 0%;
 }
 #center-seo .centerbox th.backcolor1,
 #center-seo .bordlayoutp3 th,
 #center-seo .bordlayoutp3 td,
 #center3 .centerbox th.backcolor1,
 #center3 .bordlayoutp3 th,
 #center-seo .bordlayoutp3 td, #center3 .bordlayoutp3 td {
   border: 1px solid #ccc;
   vertical-align: middle;
   white-space: initial !important;
 }
 #center3 .bordlayoutp3 .layoutp3 th,
 #center3 .bordlayoutp3 .layoutp3 td {
   padding: 0px;
   border: none;
 }
 #center3 .bordlayoutp3 .layoutp3 td.send_info {
   border: 1px solid #999;
 }
 #center3 .bordlayoutp3 .layoutp3 td.send_info + td {
   *width: 70%;
 }
 #center3 .centerbox strong,
 #center3 .centerbox h4 {
   text-align: left;
   font-weight: bold;
   width: 100% !important;
 }
 #center-seo .centerbox .layoutp3 + .bordlayoutp3 > table,
 #center3 .centerbox .layoutp3 + .bordlayoutp3 > table {
   width: 95%;
 }
 #center3 img#OffAmazonPaymentsWidgets1 {
   margin: 15px 0;
 }
 #center-seo select, #center-seo input[type="text"] {
   border: 1px solid #A9A9A9;
   height: 40px;
   line-height: 40px;
   margin: 2px 0px;
   max-width: 350px;
   min-width: inherit;
   width: 100%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div > table tr.backcolor2 td div select {
   border: 1px solid #A9A9A9;
   color: #333;
   height: 40px;
   line-height: 40px;
   padding: 2px 4px;
   margin: 2px 0px;
   min-width: inherit;
 }
 #center3 input[type="text"],
 #center3 input[type="password"] {
   border: 1px solid #A9A9A9;
   color: #333;
   height: 40px;
   line-height: 40px;
   padding: 2px 4px;
   margin: 2px 0px;
   max-width: 350px;
   min-width: inherit;
   width: 100%;
 }
 #center3 select {
   height: 40px;
   line-height: 40px;
   padding: 2px 4px;
   margin: 2px 0px;
   max-width: 350px;
   min-width: inherit;
   width: auto;
 }
 #center3 textarea {
   padding: 2px 4px;
   margin: 2px 0px;
   min-width: inherit;
   width: 100%;
 }
 #center3 textarea[name="Naiyo"], #center3 textarea[name="Naiyo2"] {
   height: auto !important;
 }
 span.sps-requiredPopup.cart_float_right {
   border-radius: 10px;
   background: #793F65;
   color: #fff;
   float: right;
   font-size: 0.7rem;
   margin-left: 0.5em;
   padding: 5px 10px;
   white-space: nowrap;
 }
 span.sps-required{
  border-radius: 10px;
  background: #793F65;
  padding: 3px 10px;
  color: #fff;
  margin-left: 10px;
  font-size: 12px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div > table tr.backcolor2 td div select,
 #center-seo select,
 #center-seo textarea {
   padding: 1px;
   margin: 2px 0px;
 }
 #center3 select[name="SEL_CARD"] {
   margin-left: 5px;
   padding: 1px;
 }
 #center-seo .centerbox table td input[type="radio"],
 #center3 .centerbox table td input[type="radio"] {
   margin: 0 3px 0 5px;
 }
 table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {
   margin: -3px 4px 0px 0px;
 }
 #center-seo p, #center3 p {
   margin: 5px 0px;
   padding: 2px 0px;
 }
 #center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {
   display: inline-block;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div > table tr.backcolor2 td {
   background-color: #FFF;
 }
 #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="button"] {
   height: 30px;
   margin: 10px 3px 0;
   padding: 0 1em;
 }
 #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {
   height: 30px;
   margin: 0px 3px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"] {
   margin: 0px 3px;
   height: auto;
 }
 #center-seo .bordlayoutp3 table tbody tr td input[type="button"],
 #center3 .bordlayoutp3 table tbody tr td input[type="button"] {
   margin: 7px auto 0;
 }
 #center3 .bordlayoutp3 table tbody tr td input[type="button"]:first-child {
   margin: 0 auto;
 }
 /*パスワード変更*/
 form[name="PWDCHG"] #center3 .centerbox table tr:first-child td,
 form[name="PWDCHG"] #center3 .centerbox table tr:nth-child(3) td {
   background-color: #EFEFEF;
 }
 form[name="PWDCHG"] #center3 .centerbox table tr:nth-child(3) td br {
   display: none;
 }
 /*メールアドレス変更*/
 form[name="MAILCHG"] #center3 .centerbox table th {
   background-color: #FFF;
 }
 form[name="MAILCHG"] #center3 .centerbox table .backcolor1 th {
   background-color: #efefef;
 }
 form[name="MAILCHG"] #center3 .centerbox table td.center {
   text-align: left;
 }
 /*会員情報の変更/お届け先情報*/
 #center3 .centerbox .bordlayoutp3 table.sps-inputTablePopup input:not([type="radio"]):not([type="checkbox"]),
 #center3 .centerbox .bordlayoutp3 table.sps-inputTablePopup select {
    width: 100% !important;
    max-width: 100%;
    height: 60px !important;
    border: none;
    padding: 10px;
    border-radius: 12px;
    background-color: #F9F3F7;
 }
 #center3 .centerbox .bordlayoutp3 table.sps-inputTablePopup input[type="checkbox"],
 #center3 .centerbox .bordlayoutp3 table.sps-inputTablePopup input[type="radio"] {
   height: auto !important;
 }
 #center3 .centerbox .bordlayoutp3 table.sps-inputTable-banchiPopup td {
   border: none;
   padding: 0;
 }
 #center3 .centerbox .bordlayoutp3 table.sps-inputTablePopup textarea {
   min-height: 160px;
 }
 #center3 .centerbox .bordlayoutp3 table.sps-inputTable-banchiPopup input[type="text"] {
   height: 40px !important;
 }
 table#enter #center-seo .centerbox .mainCont div.bordlayoutp3 .sps-inputTablePopup td.sps-inputItem,
 table#enter #center-seo .centerbox .mainCont div.bordlayoutp3 .sps-inputTablePopup tr td:first-child {
   background-color: #EFEFEF;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td p.wrapn_select,
 #center3 .centerbox .bordlayoutp3 table tbody tr td p.wrapn_select {
   margin: 0 0 5px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_N"],
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_W"],
 #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_N"],
 #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_W"] {
   margin: 2px 0;
   min-width: 350px;
 }
 table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info {
   width: 80% !important;
 }
 #center3 .centerbox .bordlayoutp3 table tbody tr td table {
   width: 100% !important;
 }
 #center3 .centerbox .bordlayoutp3 table tbody tr td table td {
   padding: 1em 0;
 }
 #center3 .centerbox .bordlayoutp3 table tbody tr td table div {
   margin: 0 0 5px !important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="RECV_DATE_LIST"],
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="RECV_TIME"],
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td input[name="RECV_NGDAY"],
 #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_DATE_LIST"],
 #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_TIME"] {
   width: 350px;
 }
 #center3 .centerbox .bordlayoutp3 #RECVDATE table tbody tr td input[name="RECV_NGDAY"] {
   width: 350px !important;
   margin-left: 0;
 }
 #center3 .centerbox .bordlayoutp3 table tbody tr td input[name="RECV_NGDAY"],
 #center3 .centerbox .bordlayoutp3 #RECVDATE table tbody tr td select[name="RECV_TIME"] {
   width: 350px !important;
   margin-left: -4px;
 }
 /*お届け先情報*/
 .cart-section #contact #center1 .centerbox .mainCont .noticePurchaser{
   text-align: center;
 }
 .cart-section #contact #center1 .centerbox .mainCont p:has(input[value="戻る"]){
   text-align: center;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[value="住所変更"],
 .cart-section #contact #center1 .centerbox .mainCont input[value="その他の情報変更"] {
   background-color: #FFF;
   border: 1px solid #AAA;
   color: #333;
   height: 30px;
   margin: 0;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[value="詳細表示"] {
   background-color: #FFF;
   border: 1px solid #AAA;
   color: #333;
   height: 30px;
   margin-right: 5px;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[value="住所変更"]:hover,
 .cart-section #contact #center1 .centerbox .mainCont input[value="その他の情報変更"]:hover,
 .cart-section #contact #center1 .centerbox .mainCont input[value="詳細表示"]:hover {
   background-color: #FFF;
   border: 1px solid #AAA;
   font-weight: bold;
 }
 /*Amazonログイン*/
 .ui-dialog div[aria-describedby='amazon_dialog'] .ui-dialog-titlebar {
   border-radius: 0;
   border-bottom: 1px dotted #333 !important;
 }
 .ui-dialog div[aria-describedby='amazon_dialog'] .ui-dialog-titlebar .ui-dialog-title {
   font-size: 75%;
   color: #333;
   padding: 3px 0 4px 5px;
 }
 .ui-dialog #amazon_dialog #button_area .agree {
   text-align: center;
 }
 .ui-dialog #amazon_dialog #button_area input.button1 {
   background: none;
   background-color: #333;
   border: 1px solid #333;
   border-radius: 3px;
   color: #FFF;
   font-size: .8rem;
   height: 40px;
   min-width: 148px;
 }
 .ui-dialog #amazon_dialog #button_area input.button1:hover {
   background: none;
   background-color: #666;
   border: 1px solid #666;
 }
 div[aria-describedby='amazon_dialog'] .ui-widget-header,
 div[aria-describedby='amazon_dialog'] .ui-dialog-titlebar {
   background: none;
   border: none;
   border-radius: 0;
   border-bottom: 1px dotted #333 !important;
 }
 div[aria-describedby='amazon_dialog'] .ui-dialog-title {
   font-size: 75% !important;
   padding: 3px 0 4px 5px !important;
 }
 div[aria-describedby='amazon_dialog'] .ui-dialog-content {
   padding: .5em 0;
 }
 div[aria-describedby='amazon_dialog'] #amazon_dialog #button_area {
   text-align: center;
 }
 .leftSearch {
   background-color: #F5F5F5;
   margin-bottom: 20px;
   overflow: hidden;
 }
 .leftSearch #searchbox_wrap {
   margin: 10px 2% 15px;
   overflow: hidden;
 }
 .leftSearch searchbox {
   color: #999;
   float: right;
   font-size: 65%;
   line-height: 160%;
   overflow: hidden;
   text-align: right;
 }
 .leftSearch #searchbox form {
   border: 1px solid #777777;
   box-sizing: border-box;
   float: left;
   height: 35px;
   width: 100%;
 }
 .leftSearch #searchbox input.searchbox {
   border: none;
   box-sizing: border-box;
   float: left;
   height: 100%;
   padding: 0 5px;
   width: 80%;
 }
 .leftSearch #searchbox input.searchSubmit {
   padding: 0;
   width: 20%;
 }
 .leftSearch #searchbox p {
   display: block;
 }
 #header-inner h2 {
   max-width: 340px;
 }
 .siteName {
   margin: 0px;
   padding: 10px 10px 5px 10px;
   font-size: 100%;
   line-height: 1em;
 }
 .siteName a {
   color: black;
 }
 .siteName a:hover {
   color: blue;
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
 }
 .sitecopy {
   padding: 10px 10px 5px 5px;
   margin: 0px;
   color: #999;
   font-size: 80%;
   line-height: 1em;
 }
 .sitecopy a {
   color: black;
 }
 .sitecopy a:hover {
   color: blue;
   opacity: .70;
   filter: alpha(opacity=70);
   -ms-filter: "alpha(opacity=70)";
   -khtml-opacity: .70;
   -moz-opacity: .70;
 }
 .header_area {
   box-sizing: border-box;
   text-align: left;
   width: 100%;
   margin: 0 0 0px;
   padding: 0;
 }
 .footer_area {
   box-sizing: border-box;
   text-align: left;
   width: 100%;
   margin: 0;
   padding: 0;
 }
 .cart-section .header_area {
   margin: 0 auto;
 }
 .cart-section .footer_area {
   margin: 0 auto;
 }
 .pageNav form img {
   float: right;
 }
 #sub-column .category .fukidashi nav,
 #sub-column .category .tatenarabi nav,
 #sub-column .category #sps-itemListAllCategory nav {
   margin-bottom: 0;
 }
 #sub-column .category .fukidashi nav:last-child,
 #sub-column .category .tatenarabi nav:last-child,
 #sub-column .category #sps-itemListAllCategory section nav:last-child {
   margin-bottom: 20px;
 }
 #sub-column .category #sps-itemListAllCategory section nav:first-child {
   margin-bottom: 0;
 }
 #sub-column .category .fukidashi ul {
   zoom: 1;
 }
 #sub-column .category .fukidashi nav {
   position: relative;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub {
   width: 100%;
   position: absolute;
   top: 0;
   left: 100%;
   display: none;
 }
 #sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
   display: block;
   z-index: 999;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub {
   padding: 5px;
   border-top: 1px solid #DDD;
   border-left: 1px solid #DDD;
   border-right: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   background: #fff;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
   color: #333;
   font-weight: normal;
 }
 #sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
   color: #333;
   font-weight: normal;
 }
 #sub-column .category nav ul li.listcat2 a {
   zoom: 1;
   display: block;
   padding: 15px 12px 15px 2%;
   margin: 0px 0;
   line-height: 100%;
   color: #000;
   font-weight: bold;
   background: #EEF4FF;
 }
 #sub-column .category nav ul li.listcat3 a {
   zoom: 1;
   display: block;
   padding: 15px 12px 15px 6%;
   margin: 0px 0;
   line-height: 100%;
   color: #000;
 }
 #sub-column .category nav ul li.child a {
   color: #000;
 }
 section.half-cont div.category section {
   margin: 0 0 23px;
 }
 section.half-cont div.category section:last-child {
   margin: 0;
 }
 section.half-cont div.category section nav ul {
   font-size: 100%;
 }
 section.half-cont div.category section nav ul li {
   font-size: 85%;
   line-height: 150%;
 }
 #sub-column .category .sps-allList {
   margin-bottom: 20px;
 }
 #sub-column .category .sps-allList + #sps-itemListAllCategory {
   display: none;
   margin-top: -20px;
 }
 #center1 .centerbox .mainCont h3 {
   border-top: 3px solid #333;
   color: #333;
   font-size: 130%;
   font-weight: bold;
   margin: 0;
   padding: 21px 0;
 }
 #center1 .centerbox .mainCont h3.newMemberTitle{
  margin-top: 50px;
 }
 #contact #center1 .centerbox h3.title1 {
   border: none;
   font-size: 140%;
   color: #222222;
   border-bottom: 3px solid #222222;
   letter-spacing: 0.05em;
   padding: 0px 0 10px;
   margin-bottom: 30px;
   /*border-top: 3px solid #333;
   color: #333;
   font-size: 130%;
   font-weight: bold;
   margin: 30px 0 0 0;
   padding: 21px 0;*/
 }
 #center1 .centerbox .mainCont .column-set .column5 h3,
 #center1 .centerbox .mainCont .column-set .column5 h3 {
   border-top: none;
   font-weight: bold !important;
   margin: 0 0 7px !important;
 }
 .mainCont p.no2 {
   font-size: 130%;
   width: 900px !important;
 }
 /*-- お客様の声をお送りください --*/
 .sps-reviewComment .mainCont p.no2 {
   font-size: 130%;
   width: 900px !important;
   margin: 0 auto;
 }
 .mainCont > .comment_box {
   width: 900px !important;
   margin-top: 15px;
 }
 .mainCont .comment_box input[type="text"],
 .mainCont .comment_box select {
   height: 34px;
 }
 .mainCont .comment_box td.backcolor1 {
   background-color: #EEE;
   border: 1px solid #999;
   box-sizing: border-box;
   color: #2B2B2B;
   font-weight: bold;
   text-align: left;
   word-break: normal;
   width: 15em !important;
 }
 .mainCont .comment_box td.backcolor2 {
   background-color: #fff;
   border: 1px solid #999;
   color: #2B2B2B;
   font-weight: normal;
   padding: 1em;
   text-align: left;
   word-break: normal;
 }
 .mainCont .comment_box td {
   font-size: 100%;
 }
 .mainCont .comment_box td.backcolor2 div.float_left {
   text-align: left;
 }
 .mainCont .comment_box td.backcolor2 div.float_left a {
   text-decoration: underline;
 }
 .mainCont .comment_box td.center {
   text-align: center !important;
 }
 .mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"],
 .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
   background-color: #333;
   border: 1px solid #333;
   border-radius: 3px;
   color: #FFF;
   cursor: pointer;
   font-size: 100%;
   font-weight: normal;
   height: 40px;
   padding: 0 2%;
   text-align: center;
   margin: 2px 2px;
   width: 150px;
 }
 .mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"]:hover,
 .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"]:hover {
   background-color: #666;
   border: 1px solid #666;
 }
 .mainCont .comment_box form[name="form3"] table td.backcolor2 table {
   margin: 0 auto;
   width: auto;
 }
 .mainCont .comment_box table td.backcolor2 input[type="submit"] {
   font-size: 100%;
   width: 150px;
 }
 .mainCont .comment_box td.backcolor2 table input[name="ACC"],
 .mainCont .comment_box td.backcolor2 table input[name="PWD"] {
   height: 32px;
   width: auto !important;
 }
 #center1 .mainCont input[value="商品選択に戻る"], #center1 .mainCont input[value="内容を確認する"] {
   min-width: 180px;
 }
 div.mainCont input[type="button"],
 div.mainCont input[type="submit"] {
   background-color: #333;
   border: 1px solid #333;
   border-radius: 3px;
   color: #FFF;
   cursor: pointer;
   font-size: 100%;
   height: 40px;
   padding: 0 2%;
   text-align: center;
   margin: 5px 2px;
 }
 div.mainCont input[type="button"]:hover,
 div.mainCont input[type="submit"]:hover {
   background-color: #666;
   border: 1px solid #666;
 }
 .itemDescFc {
   position: absolute;
   margin-left: 5px;
 }
 .itemThumb-wrap-right {
   word-break: break-all;
   margin-left: 26%;
 }
 /*まとめ買い*/
 #main-column #itemList .column4 h2.sps-add-to-cart-together, #main-column #itemList .column5 h2.sps-add-to-cart-together,
 #main-column #itemList2 .column4 h2.sps-add-to-cart-together, #main-column #itemList2 .column5 h2.sps-add-to-cart-together {
   font-size: 75%;
   margin: 15px 0 0;
   text-align: right;
 }
 #main-column #itemList .column4 h2.sps-add-to-cart-together input, #main-column #itemList .column5 h2.sps-add-to-cart-together input,
 #main-column #itemList2 .column4 h2.sps-add-to-cart-together input, #main-column #itemList2 .column5 h2.sps-add-to-cart-together input {
   text-align: right;
 }
 #enter #contents {
   width: auto;
 }
 /* フッタご利用ガイド調整用*/
 .footer_area .w100 .freeArea2 {
   border: none;
 }
 .footer_area .w100 .freeArea2 h2 {
   font-size: 90% !important;
 }
 /*まとめ割引詳細用*/
 div[aria-describedby='bundle_dialog'] * {
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
 }
 div[aria-describedby='bundle_dialog'] .ui-dialog-content {
   padding: 1em 0 0 !important;
 }
 div[aria-describedby='bundle_dialog'] .ui-dialog-title {
   color: #333;
   font-size: 0.7em;
   padding: 3px 0 4px;
 }
 #bundle_detail > h4 {
   font-size: 0.7em;
   font-weight: bold;
   color: #333;
   padding-bottom: 0.5em;
 }
 #bundle_detail > .bundle_table + h4,
 #bundle_detail > .bundle_table + .bundle_table {
   margin-top: 1.5em;
 }
 #bundle_detail > .bundle_table td {
   padding: 2px 4px;
   border: 1px solid #999;
   font-size: 0.7em;
   color: #333;
   word-break: break-all;
 }
 #bundle_detail > .bundle_table td.bundle_title,
 #bundle_detail > .bundle_table td.bundle_backcolor1 {
   background: #DDD;
 }
 #bundle_detail > .bundle_table td.bundle_backcolor1 {
   text-align: center;
 }
 #bundle_detail > .bundle_table td span.bundle_name {
   display: inline-block;
   margin-top: 3px;
   padding: 3px;
   border: 1px solid #6599cc;
   line-height: 1.3;
 }
 #bundle_detail > div:last-child {
   padding: 1.5em 0 1em;
   text-align: center;
 }
 #bundle_detail > div:last-child input {
   background-color: #333;
   border: 1px solid #333;
   border-radius: 3px;
   color: #FFF;
   font-size: 85%;
   height: 40px;
   padding: 0 2%;
   width: 30%;
 }
 #bundle_detail > div:last-child input:hover {
   background-color: #666;
   border: 1px solid #666;
 }
 div[aria-describedby='bundle_dialog'] .ui-widget-header {
   border: none;
   border-bottom: 1px dotted #333;
   border-radius: 0;
   background: #FFF;
   text-align: left;
   padding: 0;
 }
 #bundle_dialog table {
   border-collapse: collapse;
 }
 .bundle_name {
   color: #6599cc;
   display: inline-block;
   margin-top: 3px;
   padding: 5px;
   border: 1px solid #6599cc;
   border-radius: 3px;
   line-height: 1.3;
   text-decoration: none !important;
 }
 .bundle_name font {
   color: #6599cc;
 }
 #bundle_link {
   font-size: 90%;
 }
 #bundle_link a {
   font-weight: normal;
 }
 /*定期、頒布会商品初回価格*/
 p.rg_price span.regular_price_str {
   color: #2A78D0;
   margin-bottom: 3px;
 }
 p.rg_price span.regular_price {
   color: #2A78D0;
   margin-bottom: 3px;
 }
 /*価格と在庫一覧ポップアップ*/
 #variationPriceAnnounceMailDialog, #spsVarpriceStockDialog1 {
   padding: 1em 0 !important;
 }
 div[aria-describedby='variationPriceAnnounceMailDialog'], div[aria-describedby='spsVarpriceStockDialog1'] {
   padding: 1em;
 }
 #spsVarpriceStockDialog1 > div:last-child input {
   font-size: 90% !important;
   width: 30%;
 }
 div[aria-describedby='spsVarpriceStockDialog1'] #spsVarpriceStockDialog1 #itemStocklist table.contType {
   min-width: 50%;
 }
 div[aria-describedby='spsVarpriceStockDialog1'] #spsVarpriceStockDialog1 #itemStocklist table.contType th,
 div[aria-describedby='spsVarpriceStockDialog1'] #spsVarpriceStockDialog1 #itemStocklist table.contType td {
   font-size: 100%;
   vertical-align: middle;
 }
 div[aria-describedby='spsVarpriceStockDialog1'] #spsVarpriceStockDialog1 #itemStocklist table.contType td.backcolor1 {
   width: 25%;
 }
 div[aria-describedby='spsVarpriceStockDialog1'] #spsVarpriceStockDialog1 #itemStocklist table.contType p {
   font-size: 90%;
   margin: 0;
   padding: 10% 7%;
 }
 /*入荷連絡*/
 #variationPriceAnnounceMailDialog {
   padding: .5em 0 !important;
 }
 #variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input {
   font-size: 100% !important;
   width: 30%;
 }
 #variationPriceAnnounceMailDialog div.layoutp3 + div input:hover,
 #variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input:hover {
   background-color: #666;
   border: 1px solid #666;
 }
 #spsVarpriceStockDialog1 #itemStocklist table.contType {
   width: 100%;
 }
 #spsVarpriceStockDialog1 #itemStocklist td.backcolor2 p a.announceMail img {
   display: block;
   margin-top: 10px;
   width: 110px;
 }
 #spsVarpriceStockDialog1 .cartArea table.variation td a img {
   width: 110px;
 }
 /*-- マイページ --*/
 #center3 .centerbox form[name="Login"]{
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 50px 50px 50px;
    background-color: #F9F3F7;
    border-radius: 20px;
 }
 #center3 .centerbox form[name="Login"] table tr{
  display: flex;
  flex-wrap: wrap;
 }
 #center3 .centerbox form[name="Login"] table td {
   border-top: none;
   min-width: 60px;
   width: 100%;
   border: none;
 }
 #center3 .centerbox form[name="Login"] table tr td:first-child{
   text-align: left;
   padding: 1em 5px 0 5px;
 }
 #center3 .centerbox form[name="Login"] table td div:has(input[value="ログイン"]){
   text-align: center;
 }
 #center3 .centerbox form[name="Login"] table tr:last-child td {
   border-bottom: none;
 }
 #center3 .centerbox form[name="Login"] input[type="text"],
 #center3 .centerbox form[name="Login"] input[type="password"]{
  width: 100%;
  max-width: 100%;
  height: 60px;
  border: none;
  padding: 10px;
  border-radius: 12px;
  background-color: #fff;
 }
 #center3 input.sps-my-display[type="button"],
 #center3 input.sps-my-change-display[type="button"] {
   background-color: #FFF;
   color: #333;
   height: 34px;
   margin: 5px 0 15px;
 }
 #center3 input.sps-my-display[type="button"]:hover,
 #center3 input.sps-my-change-display[type="button"]:hover {
   background-color: #AAA;
   border: 1px solid #AAA;
   color: #FFF;
 }
 #center3 .bordlayoutp3 input[value="次回から全て再開"] {
   height: 30px;
   max-width: 200px;
   min-width: 170px;
 }
 #center3 .bordlayoutp3 table tbody tr td input[value="再開"] {
   height: 30px;
   margin: 5px auto;
   max-width: 150px;
   min-width: 100px;
   padding: 0;
 }
 #center3 .bordlayoutp3 table tbody tr td input[value="休止"] {
   background-color: #fff;
   color: #333;
   height: 30px;
   margin: 5px auto;
   max-width: 150px;
   min-width: 100px;
   padding: 0;
 }
 #center3 .bordlayoutp3 h4 input {
   height: 30px;
 }
 #center3 .bordlayoutp3 table tbody tr td input[value="変更"] {
   height: 30px;
   max-width: 150px;
   min-width: 100px;
   padding: 0;
 }
 #center3 .bordlayoutp3 table tbody tr td input[type="button"][value="利用する"],
 #center3 .bordlayoutp3 table tbody tr td input[type="button"][value="利用しない"] {
   height: 30px;
   margin-left: 10px;
   max-width: 150px;
   min-width: 100px;
   padding: 0;
 }
 #center3 .centerbox .bordlayoutp3 table tbody tr td table tr td.send_info {
   width: 12em !important;
 }
 #center-seo input[type="submit"], #center-seo input[type="button"], #center3 input[type="submit"], #center3 input[type="button"],
 #contact #center1 .centerbox .mainCont input[type="button"],
 #contact #center1 .centerbox .mainCont input[type="submit"] {
   background: none;
   background-color: #793F65;
   border: 1px solid #793F65;
   border-radius: 3px;
   box-sizing: border-box;
   color: #FFF;
   cursor: pointer;
   font-size: 20px;
   height: 40px;
   padding: 0 2%;
   width: 42%;
   margin-left: auto;
   margin-right: auto;
   border-radius: 10px;
   padding: 20px;
   height: auto;
   transition: opacity 0.3s;
   &:hover{
     background-color: #793F65;
     background: none;
     background-color: #793F65;
     border: 1px solid #793F65;
     color: #FFF;
   }
 }
 @media screen and (max-width: 768px) {
  #center-seo input[type="submit"], #center-seo input[type="button"], #center3 input[type="submit"], #center3 input[type="button"],
  #contact #center1 .centerbox .mainCont input[type="button"],
  #contact #center1 .centerbox .mainCont input[type="submit"] {
    font-size: 14px!important;
  }
 }
 #center3 input[type="button"], #center3 input[type="submit"] {
   min-width: 150px;
   width: auto;
 }
 /*-- カート(#EST_SPS_cart)/レジ(#EST_SPS_regi)/注文完了(#EST_SPS_order)アンケート --*/
 .cart-section #contact #center1 .centerbox .mainCont {
   padding-top: 150px;
   margin-bottom: 20px;
 }
@media (max-width: 768px){
  .cart-section #contact #center1 .centerbox .mainCont {
    padding-top: 50px;
  }
}
 #contact #center1 .centerbox .mainFrame .mainCont h4 {
   display: flex!important;
   align-items: center;
   justify-content: flex-start;
   margin: 35px 0 15px;
   border: none;
   font-size: 32px;
   color: #222222;
   letter-spacing: 0.05em;
 }
 @media (max-width: 768px){
  #contact #center1 .centerbox .mainFrame .mainCont h4 {
    font-size: 24px;
  }
 }
 #contact #center1 .centerbox .mainFrame .mainCont h4::before{
   content: "";
   width: 30px;
   height: 30px;
   background-color: #793F65;
   margin-right: 10px;
 }
 div.cart-section div#contact img[height="1"] {
   display: none;
 }
 .cart-section #contact table td {
   padding: 0;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td.send_info.border.center {
   text-align: left !important;
   background: no-repeat;
   font-size: 120%;
   font-weight: bold;
   min-width: 80px;
   width: 7% !important;
 }
 /*カート*/
 #contact .SPS-cart-purchase + .bordlayoutp3.center{
   display: flex;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table{
   display: block;
   width: calc(50% - 25px);
   height: auto;
   background-color: #F9F3F7;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table tbody{
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table table{
  display: block;
  width: 100%!important;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table tr{
  width: 100%!important;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table td{
   width: 100%!important;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table input[name="ACC"],
 #contact .SPS-cart-purchase + .bordlayoutp3.center table input[type="password"]{
   width: 100%!important;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table input[name="ACC"]{
   margin-bottom: 30px;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table input[type="password"]{
   margin-bottom: 40px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td{
   padding: 0!important;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td.backcolor1{
   font-size: 32px;
   padding-top: 40px!important;
   padding-bottom: 0!important;
 }
 @media (max-width: 768px){
  #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td{
   font-size: 24px!important;
   padding-top: 30px!important;
  }
  #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .SPS-cart-purchase + .bordlayoutp3 td.backcolor2 p{
    font-size: 18px;
  }
  #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .SPS-cart-purchase + .bordlayoutp3 td.backcolor2 a {
    font-size: 14px !important;
  }
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table tbody,
 #contact .SPS-cart-purchase + .bordlayoutp3.center table tbody tr,
 #contact .SPS-cart-purchase + .bordlayoutp3.center table tbody tr td{
   display: block;
   width: 100%;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table + br{
   display: none;
 }
 #contact .SPS-cart-purchase + .bordlayoutp3.center table + br + table{
   margin-left: 15px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .SPS-cart-purchase + .bordlayoutp3 td{
   padding: 0;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .SPS-cart-purchase + .bordlayoutp3 td.backcolor2{
   box-sizing: border-box!important;
   padding: 30px!important;
   border: none;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .SPS-cart-purchase + .bordlayoutp3 td.backcolor2 p{
   text-align: center;
   margin-bottom: 20px;
 }
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .SPS-cart-purchase + .bordlayoutp3 td.backcolor2 input[type="text"],
 #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .SPS-cart-purchase + .bordlayoutp3 td.backcolor2 input[type="password"]{
   background-color: #fff;
 }
 #contact #center1 .centerbox .mainCont input[type="button"],
 #contact #center1 .centerbox .mainCont input[type="submit"] {
   margin: 5px 0;
   padding: 0 2em;
   min-width: 100px;
   width: auto;
 }
 #center-seo input[type="submit"]:hover, #center-seo input[type="button"]:hover, #center3 input[type="submit"]:hover, #center3 input[type="button"]:hover,
 #contact #center1 .centerbox .mainCont input[type="button"]:hover,
 #contact #center1 .centerbox .mainCont input[type="submit"]:hover {
   background-color: #793F65;
   background-image: none;
   border: 1px solid #793F65;
   opacity: 0.7;
 }
 #contact #center1 .centerbox .mainCont input[type="button"] {
    display: inline-flex;
    font-size: 20px;
    padding: 25px 30px;
    height: auto;
    width: auto;
    border-radius: 10px;
    line-height: 1;
    align-items: center;
    justify-content: center;
    width: 330px!important;
    max-width: 100%;
 }
 #contact #center1 .left:has(input[type="button"]){
    text-align: center!important;
 }
 @media screen and (max-width: 768px) {
  #contact .SPS-cart-purchase + .bordlayoutp3.center{
    flex-wrap: wrap;
  }
  #contact .SPS-cart-purchase + .bordlayoutp3.center table{
    width: 100%;
  }
  #contact .SPS-cart-purchase + .bordlayoutp3.center table +  br + table{
   margin-top: 15px;
   margin-left: 0;
  }
 }
 /*カゴ画面購入手続きへ進むボタン*/
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="購入手続きへ進む"],
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"] {
    background: none;
    background-color: #793F65;
    border: 1px solid #793F65;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    padding: 0 2%;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding: 25px 30px;
    height: auto;
    margin-right: auto;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="戻る"] {
   font-size: 135%;
   height: auto;
   letter-spacing: 0.13em;
   margin: 5px 15px 5px 0;
   vertical-align: middle;
   width: 190px;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "],
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　この内容で注文する　"] {
   background-color: #793F65;
   border-color: #793F65;
   color: #FFF;
   font-size: 135%;
   height: auto;
   letter-spacing: 0.13em;
   padding: 25px 30px;
   line-height: 1;
   vertical-align: middle;
   width: 330px;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="購入手続きへ進む"]:hover,
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "]:hover,
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"]:hover,
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　この内容で注文する　"]:hover {
   background-color: #793F65;
   border-color: #793F65;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "]:disabled,
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"]:disabled{
   background: #d3d3d3;
   color: #808080;
   border: 1px solid #333;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "]:disabled:hover,
 .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"]:disabled:hover{
   border: 1px solid #fff;
 }
 .cart-section #contact #center1 .centerbox .mainCont input[value="変更"],
 .cart-section #contact #center1 .centerbox .mainCont input[value="削除"] {
   height: 30px;
   margin: 5px auto;
   max-width: 150px;
   min-width: 100px;
   padding: 0;
   font-size: 1em;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[name="COUPONCODE"] {
   display: inline;
   height: 40px !important;
   margin-left: 5px;
   min-width: 48%;
 }
 /*カートのまとめ割引リンク用*/
 .bundle_display a {
   display: inline-block;
   margin-top: 3px;
   padding: 5px;
   border: 1px solid #6599cc;
   border-radius: 3px;
   line-height: 1.3;
   text-decoration: none !important;
   color: #6599cc;
 }
 .bundle_display a font {
   color: #6599cc;
 }
 .bundle_display a:hover {
   background: #f0f8ff;
 }
 #contact table.cartItem .backcolor2 a#bundle_desc {
   color: #6599cc;
 }
 /*カート内関連商品*/
 #contents .cart-section h4.SPS-cart-related_item {
   border-top: 3px solid #333;
   font-weight: bold;
   letter-spacing: 0.05em;
   padding: 21px 0;
   width: 100%;
 }
 div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-titlebar-close,
 div[aria-describedby='spsVarpriceStockDialog1'] .ui-dialog-titlebar-close {
   top: 30%;
 }
 input#announceMailAddress {
   width: 99%;
 }
 .sps-enqueteTable input[type="radio"] {
   margin: 0 3px 2px 5px;
 }
 /*支払方法選択*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side {
   padding: 0;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .point_use_table .side,
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side .paytypewrap {
   padding: 10px 15px;
 }
 #EST_SPS_cart #contact div.mainCont h4.newMemberinfo {
   margin: 15px 0 0 0;
   font-size: 20px;
   font-weight: normal;
   line-height: 1.5em;
   overflow: hidden;
 }
 #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td {
   padding: 1em 5px;
   text-align: left;
   width: 18%;
 }
 .cartTopMsg {
   margin-top: 1em;
 }
 form[name=COUPON] .backcolor2 {
   padding: 1em !important;
 }
 .login-next {
   margin-top: 1em;
 }
 /*レジ画面プルダウン*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select {
    width: 100% !important;
    max-width: 100%;
    height: 60px !important;
    margin: 5px 0;
    border-radius: 12px;
    padding: 20px;
 }
 .SPS-regi-item_detail {
   display: block !important;
   padding-top: 3em;
 }
 #contact table.cartItem {
   margin: 0;
 }
 #contact select[name^="enq_ans_month"],
 #contact select[name^="enq_ans_day"] {
   min-width: 60px;
 }
 #EST_SPS_cart #contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table td hr {
   display: block;
   margin: 0 20px 1rem;
   height: 2px;
   background-color: #e0e0e0;
   border: 0;
   margin-bottom: 40px;
   margin-top: 35px;
 }
 .cartBtnPreviousBottom {
   display: inline-block;
   vertical-align: middle;
 }
 .itemPic img {
   height: auto;
   min-width: 50px;
 }
 .SPS-fontlarge {
   font-size: 1.2em;
   vertical-align: middle;
 }
 #EST_SPS_order .sps-noregist {
   cursor: pointer;
   display: inline-block;
   margin-top: 0.5em;
   font-size: 0.8em;
 }
 .sps-coupon_notice {
   font-size: 0.8em;
 }
 /*お届けスケジュールカレンダー表示*/
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 #deli_scadule .deli_plan_cal td.first {
   padding: 1rem 0.5% 1rem 1% !important;
   width: 32%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 #deli_scadule .deli_plan_cal td.second {
   padding: 1rem 0.5% !important;
   width: 32%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 #deli_scadule .deli_plan_cal td.third {
   padding: 1rem 1% 1rem 0.5% !important;
   width: 32%;
 }
 #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 #deli_scadule .deli_plan_cal th {
   padding: 20px;
   text-align: center;
 }
 /*会員登録完了*/
 #contact #center3 .centerbox h3.title1 {
   font-size: .9rem;
   letter-spacing: 0.05em;
   padding: 21px 0;
 }
 #contact #center3 .centerbox .mainCont p {
   font-size: .8rem;
 }
 /*-----------------------------------------------------*/
 /*  for -960px                  */
 /*-----------------------------------------------------*/
 @media screen and (max-width: 960px) {
   #header-inner {
     box-sizing: border-box;
     padding: 0 2%;
   }
   input[type="text"] {
     display: block;
   }
   .column-set .quantityArea input[type="text"], div.enquete-section input[type="text"], #center1 input[name="RECV_NGDAY"], #center3 input[name="RECV_NGDAY"],
   h2.sps-add-to-cart-together input[type="text"], section#itemDetail-wrap table.spec td input, .column4 h2 input, .column5 h2 input {
     display: inline;
   }
 }
 /*-----------------------------------------------------*/
 /*  for -768px                  */
 /*-----------------------------------------------------*/
 @media screen and (max-width: 768px) {
   #wrapper {
     width: 100%;
     min-width: 100%;
   }
   #header-inner {
     background-size: cover !important;
     box-sizing: border-box;
     padding: 0 2%;
     position: relative;
     width: 100%;
   }
   #header-inner #logo {
     display: block;
     margin-bottom: 10px;
     min-height: 46px;
     padding: 20px 0 0;
     text-align: left;
     width: 33%;
   }
   #header-inner #hNav {
     display: block;
     overflow: hidden;
     margin: 15px 0 0;
     width: 100%;
   }
   #hNav ul#keyword li a {
     background-color: #EFEFEF;
     border-radius: 3px;
     display: inline-block;
     float: none;
     margin: 0 0 2%;
     padding: 2%;
   }
   /*メニュー(768px)*/
   #hNav nav, #hNav .cart-nav {
     position: absolute;
     top: 20px;
     right: 2%;
   }
   #hNav ul#header-nav li {
     color: #333;
     font-size: 80%;
     margin-right: 62px;
     padding: 0 5px;
   }
   #hNav ul#header-nav li#header-nav-mypage a::before,
   #hNav ul#header-nav li#header-nav-cart a::before {
     display: block;
     height: 28px;
     margin: 0 auto 3px;
     top: 0;
     width: 28px;
   }
   #hNav ul#header-nav li#header-nav-cart {
     margin-left: -62px;
   }
   #hNav ul#header-nav li#header-nav-drawer {
     background: #FFF;
     border: 1px solid #888;
     border-radius: 5px;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
     height: 46px;
     margin: 0;
     padding: 0;
     position: fixed;
     right: 2%;
     top: 20px;
     white-space: nowrap;
     width: 46px;
     z-index: 150;
   }
   #header-nav-drawer span {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 24px;
     height: 3px;
     margin: -3px 0 0 -12px;
     background: #777;
     transition: .2s;
   }
   #header-nav-drawer span::before, #header-nav-drawer span::after {
     display: block;
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     width: 24px;
     height: 3px;
     background: #777;
     transition: .3s;
   }
   #header-nav-drawer span::before {
     margin-top: -10px;
   }
   #header-nav-drawer span::after {
     margin-top: 7px;
   }
   #header-nav-drawer.spsDrawerOpen span {
     background: transparent;
   }
   #header-nav-drawer.spsDrawerOpen span::before, #header-nav-drawer.spsDrawerOpen span::after {
     margin-top: 0;
   }
   #header-nav-drawer.spsDrawerOpen span::before {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
   #header-nav-drawer.spsDrawerOpen span::after {
     transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
   }
   /*-- 検索ボックス(768px) --*/
   #hNav #searchbox_wrap {
     margin: 0 0 10px;
     width: 100%;
   }
   #hNav #searchbox {
     float: none;
     overflow: hidden;
     margin: 0px auto;
     width: 100%;
   }
   #hNav #searchbox p {
     display: none;
     margin: 0;
   }
   #hNav #searchbox form {
     height: 50px;
     position: relative;
     width: 100%;
   }
   #hNav #searchbox input.searchbox {
     height: 48px !important;
     padding: 0 70px 0 5px;
     width: 100%;
   }
   #hNav #searchbox input.searchSubmit {
     background-color: #777;
     height: 48px;
     position: absolute;
     right: 0;
     top: 0;
     width: 70px;
   }
   input[type="text"], input[type="password"] {
     border-radius: 0;
     height: 40px !important;
     box-sizing: border-box;
   }
   input[type="button"], input[type="submit"] {
     height: 40px;
     box-sizing: border-box;
   }
   input[type="image"] {
     border-radius: 0;
     height: auto;
     box-sizing: border-box;
   }
   select {
     background-color: #FFF;
     border: 1px solid #A9A9A9;
     border-radius: 0;
     box-sizing: border-box;
     height: 40px;
   }
   /*グローバルナビ(768px)*/
   #gnav div.cart-nav, #gnav nav {
     width: 100%;
   }
   #contents {
     width: 100%;
   }
   #main-column {
     box-sizing: border-box;
     float: none;
     margin-bottom: 0;
     padding: 0 2%;
     width: 100%;
   }
   .w100, article section, section {
     box-sizing: border-box;
   }
   section section {
     padding: 0;
   }
   /*店長日記*/
   #main-column .freeArea2.shopDiary p a {
     margin: 15px 0 0 66%;
     padding: 1%;
     width: 34%;
   }
   .half-cont, .half-cont:nth-child(2n) {
     box-sizing: border-box;
     float: none;
     margin: 0;
     width: 100%;
   }
   .newItem, .pickup, .ranking {
     padding: 0;
     margin: 0 0 40px;
   }
   #main-column .half-cont_wrap01 .half-cont .category h2,
   #main-column .half-cont_wrap02 .half-cont .category h2,
   #main-column .half-cont_wrap01 .half-cont .group h2,
   #main-column .half-cont_wrap02 .half-cont .group h2 {
     padding: 21px 0;
     font-size: 100%;
   }
   /*-- 商品一覧(768px) --*/
   #bread-crumb {
     margin: 0;
   }
   .column4 .itemThumb, .column5 .itemThumb, .column4 .item-list-span-img,
   .column4 .itemThumb a, .column5 .itemThumb a, .column5 .item-list-span-img {
     height: 100%;
     width: 100%;
   }
   .column4 .itemThumb a img, .column5 .itemThumb a img {
     height: 100%;
     width: 100%;
     max-height: 100%;
     max-width: 100%;
   }
   .column4 p.sps-itemList-stockDisp a, .column5 p.sps-itemList-stockDisp a {
     font-size: 95%;
     margin: 0;
     padding: 1% 2%;
     width: 100%;
   }
   #itemList {
     margin: 30px 0 0 0;
   }
   #itemList_wrap #pager-top {
     padding: 20px 0 0 0;
   }
   #itemList_wrap #pager-top .pagerlist,
   #itemList_wrap #pager-bm .pagerlist{
     margin-top: 10px;
   }
   /*写真のみ(768px)*/
   #itemList .column4 .sps-wishAddItem img, #itemList .column5 .sps-wishAddItem img,
   #itemList .column4 .sps-wishAddItemOk img, #itemList .column5 .sps-wishAddItemOk img {
     margin: 10px 0 0 75%;
     width: 25%;
   }
   /*説明付き(768px)*/
   #itemList2 .column4 .sps-wishAddItem img, #itemList2 .column5 .sps-wishAddItem img,
   #itemList2 .column4 .sps-wishAddItemOk img, #itemList2 .column5 .sps-wishAddItemOk img {
     margin-left: 88%;
     width: 12%;
   }
   /*まとめ買い(768px)*/
   h2.sps-add-to-cart-together input[type="text"] {
     display: inline;
     height: 34px;
   }
   h2.sps-add-to-cart-together select {
     height: 34px;
   }
   .column4 h2 select, .column5 h2 select {
     height: 34px;
     width: 40px;
   }
   .column4 h2 input, .column5 h2 input {
     height: 34px;
     padding: 0 2%;
     text-align: right;
     width: 40px;
   }
   /* 入荷連絡(768px) */
   #variationPriceAnnounceMailDialog #center3 table.bordlayoutp3 th {
     border-left: none;
     border-right: none;
     box-sizing: border-box;
     display: block;
     padding: 10px 5px;
     width: 100%;
   }
   #variationPriceAnnounceMailDialog #center3 table.bordlayoutp3 td {
     box-sizing: border-box;
     display: block;
     border: none;
     padding: 10px 5px;
     width: 100%;
   }
   div[aria-describedby='variationPriceAnnounceMailDialog'], div[aria-describedby='spsVarpriceStockDialog1'] {
     left: 2% !important;
     right: 2%;
     position: absolute !important;
     width: 96% !important;
   }
   /*-- 商品詳細ページ(768px) --*/
   #itemDetail-cont .itemThumb-wrap {
     margin: 0px 2% 0px 0px;
     width: 40%;
   }
   #itemDetail-cont .itemThumb-wrap .itemThumb-main {
     height: auto;
   }
   #itemDetail-cont .itemOutline {
     width: 58%;
   }
   #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
     margin-right: 1%;
     text-align: center;
     width: 24%;
   }
   .itemOutline ul.snsArea, article#Detail .itemOutline ul.infoArea {
     height: auto;
   }
   section#itemDetail-wrap table.spec tr.option_area td select.option_parts {
     height: 34px;
     width: 85%;
   }
   section#itemDetail-wrap table.spec tr.option_area td input.option_parts,
   section#itemDetail-wrap table.spec tr.option td input {
     height: 34px !important;
     width: 85%;
   }
   section#itemDetail-wrap table.spec tr.quantityArea td select.quantity {
     height: 34px;
     width: 85%;
   }
   section#itemDetail-wrap table.spec td input {
     height: 34px !important;
     width: 20%;
   }
   /*関連商品(768px)*/
   .column5 {
     float: left;
     width: 22%;
     margin: 0 4% 10px 0;
     padding-bottom: 10px;
   }
   .column5:nth-child(3n+1) {
     clear: none;
   }
   .column5:nth-child(4n+1) {
     clear: both;
   }
   .column5:nth-child(4n) {
     margin: 0 0 10px 0;
   }
   .column5:nth-child(5n) {
     margin: 0 4% 10px 0;
   }
   .column5:nth-child(5n+1) {
     clear: inherit;
   }
   .column5:nth-child(20n) {
     margin: 0 0 10px 0;
   }
   .column5:nth-child(20n+1) {
     clear: both;
   }
   section.recommend .column-set .quantityArea input,
   section.recommend .column-set .quantityArea select {
     display: inline;
     height: 34px !important;
     width: 40px;
   }
   /*ポップアップ全般(768px)*/
   .ui-dialog {
     width: 96% !important;
     left: 2% !important;
     top: 20px !important;
     max-height: 80vh;
     overflow: auto;
   }
   .ui-dialog .ui-dialog-content, .ui-widget-content {
     max-height: 80vh !important;
   }
   div#sps-cartaddModal {
     width: 100% !important;
   }
   .ui-dialog #notChangeCycleDialog.ui-dialog-content {
     height: initial !important;
   }
   div[aria-describedby='notChangeCycleDialog'] {
     position: fixed;
   }
   div[aria-describedby='amazon_dialog'] {
     position: fixed !important;
   }
   /*入荷連絡/在庫一覧スクロール(768px)*/
   #variationPriceAnnounceMailDialog, #spsVarpriceStockDialog1 {
     height: 96% !important;
     max-height: 96% !important;
   }
   div[aria-describedby='variationPriceAnnounceMailDialog'], div[aria-describedby='spsVarpriceStockDialog1'] {
     position: fixed !important;
   }
   /*商品画像ポップアップ(768px)*/
   .ui-dialog div#dialog {
     height: 93% !important;
   }
   .fl_contents .fl_main {
     float: none;
     margin: 0 0 10px;
     overflow: initial;
   }
   .fl_main div {
     max-width: 85% !important;
     display: table-cell;
     vertical-align: middle;
     float: none !important;
   }
   .fl_contents .fl_thumbnail {
     box-sizing: border-box;
     float: none;
     max-width: none !important;
     overflow: hidden;
     width: 100%;
   }
   /*ダイアログ-商品を追加しました(768px)*/
   div.sps-cartaddBtnContent {
     width: 460px;
     margin: 0 auto;
   }
   div[aria-describedby='sps-cartaddModal'] {
     height: auto !important;
   }
   section#itemDetail-wrap .cartArea table.variation th.sps-variation-cart {
     min-width: 69px;
   }
   #spsVarpriceStockDialog1 table.variation th.sps-variation-stock {
     max-width: 120px;
     min-width: 100px;
     width: 121px !important;
   }
   section#itemDetail-wrap .cartArea table.variation th.sps-variation-cart {
     max-width: 121px;
     min-width: 100px;
     width: 121px !important;
   }
   section#itemDetail-wrap .cartArea table.variation td input[type="image"] {
     height: auto;
     max-width: 110px;
   }
   #center3 .centerbox table td.backcolor2 input[type="text"] {
     width: 98%;
   }
   .fl_contents {
     width: auto !important;
   }
   .fl_main {
     display: table;
     width: 100% !important;
   }
   .fl_main div {
     left: 0 !important;
   }
   .fl_main_img {
     height: initial !important;
     padding-top: 0 !important;
     margin: 0 auto;
     max-width: 100% !important;
   }
   #thum_next, #thum_prev {
     min-width: 15px;
     padding-left: 5px !important;
     padding-top: 0 !important;
   }
   .fl_t_item {
     box-sizing: border-box;
     width: 18% !important;
     margin: 1% !important;
     padding: 2% !important;
   }
   .fl_img_selected {
     border: 1px solid #C9E1F4 !important;
     margin: 1% !important;
     padding: 2% !important;
   }
   /*-- サイドカラム(768px) --*/
   #sub-column {
     /*background-color: #F5F5F5;*/
     background: #FFF;
     box-sizing: border-box;
     float: none;
     height: 100%;
     margin: 0;
     overflow-y: auto;
     padding: 50px 4% 0;
     position: fixed;
     right: -60%;
     top: 0;
     width: 60%;
   }
   /* サイドメニューオープン(768px) */
   #sub-column.spsDrawerOpen {
     transition: .5s transform ease-in-out;
     transform: translateX(-100%);
     -webkit-overflow-scrolling: touch;
     z-index: 101;
   }
   #wrapper.spsDrawerOpen::before {
     background: rgba(0, 0, 0, 0.6);
     content: "";
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 50;
   }
   #sub-column.spsDrawerClose {
     transition: .5s transform ease-in-out;
     transform: translateX(0);
     -webkit-overflow-scrolling: touch;
     z-index: 100;
   }
   #sub-column .group, #sub-column #followUs, #sub-column .newItem, #sub-column .link {
     margin-bottom: 20px;
   }
   #sub-column h2 {
     font-size: 110%;
     /*background-color: #F5F5F5;*/
     padding: 0 0 10px;
   }
   #sub-column .category {
     margin-bottom: 40px;
   }
   #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
     font-size: 90%;
   }
   #sub-column .freeArea2 .free-contents {
     /*background-color: #FFF;
     font-size: 80%;
     padding: 2%;
     */
   }
   .freeArea2.shopDiary p {
     font-size: 100%;
   }
   /*-- フッター/ドロワー内 検索ボックス(768px) --*/
   .leftSearch {
     box-sizing: border-box;
     margin: 0;
     overflow: hidden;
   }
   .leftSearch #searchbox_wrap {
     margin: 15px 0;
     width: 100%;
   }
   .leftSearch #searchbox {
     overflow: hidden;
     margin: 0px auto;
     width: 100%;
   }
   .leftSearch #searchbox form {
     height: 50px;
     position: relative;
     width: 100%;
   }
   .leftSearch #searchbox input.searchbox {
     height: 48px !important;
     padding: 0 70px 0 5px;
     width: 100%;
   }
   .leftSearch #searchbox input.searchSubmit {
     background-color: #777;
     height: 48px;
     position: absolute;
     right: 0;
     top: 0;
     width: 70px;
   }
   /*ドロワー内 カレンダー(768px)*/
   #subc_calendar {
     box-sizing: border-box;
     margin-bottom: 0;
     padding: 0;
     width: 100%;
   }
   div.subc_cal_cont {
     box-sizing: border-box;
     margin-bottom: 30px;
     width: 100%;
   }
   div#subc_calendar h2 {
     box-sizing: border-box;
     font-size: 110%;
     padding: 10px 0;
     width: 100%;
   }
   div.subc_cal_cont .cap .cap-info {
     background-color: #FFF;
     padding: 10px 0;
   }
   /*ドロワー内 メルマガ(768px)*/
   #sub-column #snav_mailMag {
     box-sizing: border-box;
     width: 100%;
   }
   #sub-column div.snav_mailMag_cont {
     box-sizing: border-box;
     text-align: center;
     width: 100%;
   }
   #sub-column div.snav_mailMag_cont p:last-child {
     background-color: #FFF;
     height: auto;
     line-height: 130%;
     margin: 15px 0 10px 24%;
     padding: 10px 1%;
   }
   /*フッター/ドロワー内 注目キーワード(768px)*/
   #sub-column .link.keyword nav {
     padding: 5px 2% 0;
   }
   #sub-column .link.keyword nav ul li {
     border: none;
     background-color: inherit;
     display: inline;
   }
   #sub-column .link.keyword nav ul li a {
     background-color: #FFF;
     border-radius: 3px;
     display: inline-block;
     margin: 0 0 2%;
     padding: 3% 2%;
   }
   #sub-column .link.keyword nav ul li a:hover {
     color: #999;
   }
   #sub-column .keyword nav ul li a::after {
     display: none;
   }
   /*-- サイトマップ(768px) --*/
   section #document .txt-list03 section.tree00 {
     float: none;
     margin: 0 0 20px;
     padding: 0;
     width: 100%;
   }
   /*-- お客様の声(768px) --*/
   article #main-column section.rating .tmb {
     margin-right: 2%;
     width: 23%;
   }
   article #main-column section.rating .reviewTxt {
     width: 75%;
   }
   article #main-column section.rating h2 {
     display: block;
     width: 100%;
   }
   article #main-column section.rating .btnMore {
     display: block;
     margin: 10px 0 0 0;
     width: 170px;
   }
   article #main-column form[name="REVIEWLIST"] .btnMore img {
     width: 190px;
   }
   /*-- カート/アンケート(768px) --*/
   #cart-header #hNav ul#header-nav li#header-nav-cart,
   #enquete-header #hNav ul#header-nav li#header-nav-cart {
     margin-left: 0;
   }
   #cart-header #hNav ul#header-nav li,
   #enquete-header #hNav ul#header-nav li {
     margin-right: 0;
   }
   #main-column-full {
     box-sizing: border-box;
     padding: 0 2%;
     width: 100%;
   }
   #cart-header #header-inner {
     display: table;
   }
   #cart-header #main-nav {
     display: none;
   }
   #contact {
     width: 100%;
     margin: 0 auto;
   }
   #center1 .centerbox .mainCont {
     padding: 10px 0;
   }
   #contact #center1 .centerbox .mainCont .step_navi01, #contact #center1 .centerbox .mainCont .step_navi02,
   #contact #center1 .centerbox .mainCont .step_navi03, #contact #center1 .centerbox .mainCont .step_navi04 {
     background-size: 100%;
     margin: 0 auto;
   }
   .cart-section #contact #center1 .centerbox .mainCont input[type="submit"] {
     margin: 5px 0;
     padding: 0 1em;
     min-width: 50px;
     width: auto;
   }
   .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[type="submit"] {
     padding: 0 6%;
     font-size: 0.8em!important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input {
     margin-right: 5px;
     max-width: 50px;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[value="削除"] {
     max-width: 60px;
     min-width: 34px;
     width: auto;
   }
   /*削除ボタン*/
   .sps-coupon_notice {
     display: block;
   }
   /*SSL*/
   .sps-sslSticker-description {
     line-height: 140%;
     margin: 0 !important;
     width: auto !important;
   }
   /*カート内関連商品(768px)*/
   #contents .cart-section .column5 {
     float: left;
     width: 22% !important;
     margin: 0 4% 10px 0 !important;
     padding-bottom: 10px !important;
   }
   #contents .cart-section .column5:nth-child(4n) {
     margin: 0 0 10px 0 !important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"]#PREPAIR_POINT {
     display: inline;
   }
   /*会員情報の変更/お届け先情報(768px)*/
   #contact #center1 .centerbox #cartNewmem #newMemberTitle h3.title1 {
     font-size: 150%;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td,
   #contact .sps-inputTable td, #center3 .sps-inputTablePopup td,
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td.sps-inputItem,
   #contact .sps-inputTable td.sps-inputContent, #center3 .sps-inputTablePopup td.sps-inputItem,
   table#enter #center-seo .centerbox .mainCont div.bordlayoutp3 .sps-inputTablePopup td {
     border-left: 0;
     border-right: 0;
     box-sizing: border-box;
     display: block;
     width: 100% !important;
   }
   table#enter #center-seo .centerbox .mainCont div.bordlayoutp3 .sps-inputTablePopup td:nth-child(2) {
     border: none;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td table.sps-inputTable-banchi td {
     border: none;
     width: 100% !important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td table.sps-inputTable-banchi tr td:first-child {
     padding: 0 !important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td table.sps-inputTable-banchi tr td:nth-child(2) {
     padding: 0 0 1rem !important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable tr:last-child td {
     border: none;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td.sps-inputContent,
   #contact .sps-inputTable td.sps-inputConten,
   #center3 .sps-inputTablePopup td.sps-inputContent {
     border: none;
     box-sizing: border-box;
     display: block;
     width: 100% !important;
   }
   #center3 .sps-inputTablePopup td:first-child {
     font-weight: bold;
     text-align: left;
   }
   #center3 .sps-inputTablePopup input[type="text"],
   #center3 .sps-inputTablePopup input[type="password"],
   #center3 .sps-inputTablePopup select {
     max-width: 100%;
     width: 100%;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td:nth-child(2n),
   #center3 .sps-inputTablePopup td:nth-child(2n) {
     border: none;
   }
   #center3 .sps-inputTablePopup td.form_group {
     line-height: 225%;
   }
   #contact #center1 .centerbox .mainFrame .mainCont td#cartNewmem #newMemberTitle .mainCont input[type="text"],
   #contact #center1 .centerbox .mainFrame .mainCont td#cartNewmem #newMemberTitle .mainCont textarea {
     width: 100%;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td.sps-inputContent input[type="text"],
   #center3 .sps-inputTablePopup .sps-inputContent input[type="text"],
   #center3 .sps-inputTablePopup td input[type="text"], #center3 .sps-inputTablePopup td select[name="Pref"] {
     max-width: initial;
     width: 100% !important;
   }
   #center3 table.sps-inputTablePopup table.sps-inputTable-banchiPopup td {
     background-color: #FFF;
     display: block;
     width: 100% !important;
   }
   #center3 table.sps-inputTablePopup table.sps-inputTable-banchiPopup tr td:first-child {
     padding: 0;
   }
   #center3 table.sps-inputTablePopup table.sps-inputTable-banchiPopup tr td:nth-child(2) {
     padding-top: 0;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td p.wrapn_select span,
   #center3 .centerbox .bordlayoutp3 table tbody tr td p.wrapn_select span {
     margin: 0 10px 0 0;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="RECV_TIME"],
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="RECV_DATE_LIST"],
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td input[name="RECV_NGDAY"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_TIME"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_DATE_LIST"],
   #center3 .centerbox .bordlayoutp3 #RECVDATE table tbody tr td select[name="RECV_TIME"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td input[name="RECV_NGDAY"] {
     width: 100% !important;
     margin-left: 0;
     max-width: inherit;
   }
   #center3 .centerbox .bordlayoutp3 table tbody tr td input[name="RECV_NGDAY"],
   #center3 .centerbox .bordlayoutp3 #RECVDATE table tbody tr td input[name="RECV_NGDAY"] {
     width: 100% !important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_N"],
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_W"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_N"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_W"] {
     display: block;
     max-width: inherit;
     width: 100% !important;
   }
   /*お届けスケジュール(768px)*/
   #deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1 {
     width: 30% !important;
   }
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_scadule_box table.deli_cycle td {
     background-color: none;
     border: none;
     display: block;
     padding: 0 !important;
     width: 100%;
   }
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first,
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second,
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third {
     box-sizing: border-box;
     display: block;
     padding: 1rem 1% !important;
     width: 100%;
   }
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday {
     box-sizing: border-box;
     display: block;
     width: 100%;
   }
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first th,
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second th,
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third th,
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first td,
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second td,
   #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third td {
     box-sizing: border-box;
     padding: 3% !important;
     width: 13% !important;
   }
   #center-seo .centerbox .layoutp3 + .bordlayoutp3 > table, #center3 .centerbox .layoutp3 + .bordlayoutp3 > table {
     width: 100% !important;
   }
   /*SSL(768px)*/
   .sps-sslSticker-description {
     margin: 0 !important;
     padding: 2% 0 0;
     width: 100% !important;
   }
   /*お届けスケジュール確認ポップアップ(768px)*/
   div[aria-describedby='allChangeScheduleStatus'],
   div[aria-describedby='changeScheduleStatus'] {
     position: fixed !important;
   }
   /*新規会員登録table(768px)*/
   #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td {
     box-sizing: border-box;
     display: block;
     padding: 1em 5px;
     text-align: left;
     width: 100% !important;
   }
   #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td.backcolor1 {
     font-weight: bold;
   }
   #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td.backcolor2,
   #contact #center3 .centerbox .mainCont .layoutp3 #userinfo td:nth-child(2) {
     border: none;
     min-height: 44px;
   }
   /*-- アンケート(768px) --*/
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr {
     padding-bottom: 10px;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td input {
     width: 140px;
   }
   /*メールマガジン登録・解除(768px)*/
   #contact table.mailMF input.mailAddress, #contact table.mailMF input.mailAddress_new {
     width: 100%;
   }
   #contact table.mailMF input.btn-confirmNext {
     margin: 15px 0;
   }
   #contact.sps-mailMagazine .sps-mailMagazine-freeArea {
     margin: 60px 0 0;
     width: 100%;
   }
   #contact .mailm .txtBox h2 {
     padding: 15px;
     background-color: #EEE;
     border-top: 1px solid #DEDEDE;
     border-bottom: 1px solid #DEDEDE;
   }
   #contact table.mailMF tbody tr th {
     display: none;
   }
   #contact table.mailMF tbody tr td {
     border: none;
     box-sizing: border-box;
     display: block;
     width: 100%;
   }
   #contact table.mailMF tbody tr td input[type="text"] {
     border: 1px solid #A9A9A9;
     float: none;
   }
   #contact table.mailMF span.btn-confirm {
     float: none;
   }
   #contact table.mailMF tbody tr td input[type="button"] {
     float: none;
     margin: 15px auto;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td input {
     margin-left: 0;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:first-child td input {
     margin-left: 12px;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:first-child td:nth-child(2) input {
     margin-left: 8px;
   }
   /*フッター(768px)*/
   div#cart-footer, footer {
     min-width: 100%;
     width: 100%;
   }
   /*
   #footer-inner {
    background-color: #222222;
    width: 100%;
   }
   div#cart-footer #footer-inner .footer_gnavi, footer #footer-inner .footer_gnavi {
    float: none;
   }
   div#cart-footer div.cart-nav, footer nav, #copyright {
    float: none;
   }
   */
   #contents #main-column .footer_area {
     margin: 0;
   }
   #subc_freeArea {
     margin: 0;
     padding: 5px 2% 20px;
   }
   #subc_freeArea img {
     margin: 0;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table {
     width: 100%;
   }
   /*-- お問い合わせ/商品についてのお問い合わせ/お友達に教えるポップアップ --*/
   form[name$="FORM"] ~ tbody #center3 .layoutp3 table th {
     box-sizing: border-box;
     display: block;
     text-align: left;
     width: 100%;
   }
   form[name$="FORM"] ~ tbody #center3 .layoutp3 table td {
     border: none;
     box-sizing: border-box;
     display: block;
     width: 100%;
   }
   /*-- お客様の声をお送りください(768px) --*/
   .sps-reviewComment .mainCont p.no2 {
     width: 100% !important;
   }
   .mainCont .comment_box {
     text-align: left;
     width: 100% !important;
   }
   .mainCont .comment_box table {
     table-layout: fixed;
   }
   .mainCont .comment_box table td.backcolor1 {
     border-left: none;
     border-right: none;
     display: block;
     width: 100% !important;
   }
   .mainCont .comment_box table td.backcolor2 {
     border: none;
     display: block;
     padding: 1em 0;
     width: 100%;
   }
   .mainCont .comment_box form[name="form3"] table table td input[type="password"] {
     width: 100% !important;
   }
   .mainCont .comment_box form[name="form3"] table td.backcolor2 table input[type="text"] {
     width: 100% !important;
   }
   .mainCont .comment_box table td.backcolor2 br {
     display: none;
   }
   #to-cart a:hover img, #page-top a:hover img {
     opacity: 1;
   }
 }
 /*-----------------------------------------------------*/
 /*  for -580px                  */
 /*-----------------------------------------------------*/
 @media screen and (max-width: 580px) {
   /*商品一覧*/
   #itemList_wrap #pager-top .selectbox .select01 {
     margin: 0 0 15px;
     width: 100%;
   }
   #center3 input[type="submit"] {
     display: block;
     margin: 0 auto 12px !important;
     min-width: 150px;
     width: auto;
   }
   #center3 input[type="submit"][value="　　決定　　"] {
     display: inline;
   }
   #center3 .layoutp3 input[type="button"][value="キャンセル"] {
     margin: 0 auto;
     min-width: 150px;
     width: auto;
   }
   #center3 .bordlayoutp3 table tbody tr td input[type="button"] {
     display: block;
     margin: 0;
     padding: 0 2%;
     width: 100%;
   }
   #center3 .bordlayoutp3 table tbody tr td input[type="button"]:nth-child(n+2) {
     margin: 7px auto 0;
   }
   /*カート(580px)*/
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable td.sps-inputContent table.sps-inputTable-banchi td {
     display: block;
     padding: 0 !important;
     width: 100% !important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable td.sps-inputContent table.sps-inputTable-banchi tr:first-child td div {
     margin-bottom: 10px;
   }
   .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="購入手続きへ進む"] {
     margin: 0;
     width: auto;
     min-width: 260px;
   }
   .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="戻る"] {
     margin: 10px 0 0;
     width: 100%;
   }
   .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "],
   .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"],
   .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　この内容で注文する　"] {
     display: block;
     width: 100%;
     margin: 10px auto 0;
   }
   /*マイページ*/
   #center3 .bordlayoutp3 table tbody tr td input[type="button"][value="利用する"],
   #center3 .bordlayoutp3 table tbody tr td input[type="button"][value="利用しない"] {
     margin-left: 0;
   }
   /*お客様の声をお送りください*/
   .mainCont .comment_box form[name="form3"] table td.backcolor2 table {
     width: 100%;
     margin: 0 auto;
   }
   .mainCont .comment_box form[name="form3"] table td.backcolor2 table td:first-child {
     width: 90px;
   }
 }
 /*-----------------------------------------------------*/
 /*  for -480px                  */
 /*-----------------------------------------------------*/
 @media screen and (max-width: 480px) {
   /*hover指定打消し*/
   a:hover {
     color: #333;
     text-decoration: none;
   }
   a:hover img, #hNav ul#header-nav li a:hover, .siteName a:hover, .sitecopy a:hover,
   #sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active,
   #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active, #sub-column .sitelink a:hover, #sub-column #snav_followUs nav ul li a:hover img,
   #itemDetail-cont .cartArea input:hover, #itemDetail-cont .cartArea .variation a:hover {
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: "alpha(opacity=100)";
     -khtml-opacity: 1;
     -moz-opacity: 1;
     cursor: auto;
   }
   #gnav div.cart-nav ul li a:hover, #gnav div.cart-nav ul li a:active,
   #gnav nav ul li a:hover, #gnav nav ul li a:active,
   article a:hover p, div.cart-article a:hover p,
   #sub-column div.snav_mailMag_cont input.submit_mailMag:hover, #Journal a .more:hover,
   input[type="submit"].btn-confirmPost:hover, input[type="button"].btn-confirmBack:hover,
   #contact input.btn-confirmNext:hover, #contact .btn-enq input.btn-confirmNext:hover,
   #contact .mailMF input.btn-confirmNext:hover, #contact .mailMC input.btn-confirmNext:hover,
   #sub-column .link.keyword nav ul li a:hover,
   #sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
     background-color: #333;
   }
   .news-box dd a:hover {
     color: #666;
   }
   div#cart-footer #footer-inner .footer_gnavi ul li a:hover,
   footer #footer-inner .footer_gnavi ul li a:hover,
   #center-seo .centerbox a:hover, #center3 .centerbox a:hover {
     text-decoration: none;
   }
   .bundle_display a:hover {
     background: #FFF;
   }
   #contact input.btn-confirmBack:hover {
     background: url(../img/btn-back_bg.gif) no-repeat left top;
   }
   #contact .btn-confirmCancel:hover {
     background: url(../img/btn-confirm_bg.gif) repeat-x left top;
   }
   #contact .btn-confirmClose:hover {
     background: url(../img/btn-close_bg.gif) no-repeat left top;
   }
   #contact input.btn-confirm120:hover, #contact input.btn-confirm160:hover, #contact input.btn-confirmReg:hover {
     background: url(../img/btn-confirm_bg.gif) repeat-x left top;
   }
   #contact input.btn-confirmBackItem:hover {
     background: url(../img/btn-back_bg120.gif) no-repeat left top;
   }
   .wishAllDelBtn:hover {
     background-color: #333 !important;
     border: 1px solid #333 !important;
   }
   #contact #center1 .centerbox .title1 a:hover {
     font-weight: normal;
   }
   #contact .mainFrame .mainCont a:hover {
     color: #333;
     text-decoration: underline;
   }
   div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover {
     background: url(../img/btn-confirm_bg.gif) repeat-x left top;
   }
   .cart-section #contact #center1 .centerbox .mainCont input[value="住所変更"]:hover,
   .cart-section #contact #center1 .centerbox .mainCont input[value="その他の情報変更"]:hover,
   .cart-section #contact #center1 .centerbox .mainCont input[value="詳細表示"]:hover {
     font-weight: normal;
   }
   .ui-dialog #amazon_dialog #button_area input.button1:hover,
   .mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"]:hover,
   .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"]:hover,
   div.mainCont input[type="button"]:hover, div.mainCont input[type="submit"]:hover,
   #bundle_detail > div:last-child input:hover,
   #variationPriceAnnounceMailDialog div.layoutp3 + div input:hover,
   #variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input:hover,
   #center-seo input[type="submit"]:hover, #center-seo input[type="button"]:hover, #center3 input[type="submit"]:hover, #center3 input[type="button"]:hover,
   #contact #center1 .centerbox .mainCont input[type="button"]:hover,
   #contact #center1 .centerbox .mainCont input[type="submit"]:hover {
     background-color: #333;
     border: 1px solid #333;
   }
   #center3 input.sps-my-display[type="button"]:hover,
   #center3 input.sps-my-change-display[type="button"]:hover {
     background-color: #FFF;
     border: 1px solid #333;
     color: #333;
   }
   .bundle_display a:hover {
     background: #f0f8ff;
   }
   #header-inner #logo {
     min-height: 40px;
   }
   #hNav ul#keyword li a {
     padding: 3% 2%;
   }
   /*メニュー(480px)*/
   #hNav nav, #hNav .cart-nav {
     min-height: 40px;
   }
   #hNav ul#header-nav li {
     font-size: 70%;
     letter-spacing: -1px;
     padding: 0;
   }
   #hNav ul#header-nav li#header-nav-mypage a::before {
     content: '';
     background: url(../img/rps_mypage_icon.png);
     background-size: cover;
     display: block;
     height: 24px;
     width: 24px;
     margin: 0 auto 3px;
   }
   #hNav ul#header-nav li#header-nav-cart {
     margin-right: 54px;
   }
   #hNav ul#header-nav li#header-nav-cart a::before {
     content: '';
     background: url(../img/rps_cart_icon.png);
     background-size: cover;
     display: block;
     height: 24px;
     width: 24px;
     margin: 0 auto 3px;
   }
   #hNav ul#header-nav li#header-nav-drawer {
     height: 38px;
     width: 38px;
   }
   /*グローバルナビ(480px)*/
   #gnav div.cart-nav ul li, #gnav nav ul li {
     font-size: 70%;
   }
   #gnav div.cart-nav ul li a, #gnav nav ul li a {
     padding: 8px 6px 5px;
   }
   #gnav div.cart-nav li a::before, #gnav nav li a::before {
     content: '';
     background-size: cover;
     display: block;
     height: 25px;
     width: 25px;
     margin: 0 auto 1px;
   }
   /*店長日記(480px)*/
   #main-column .freeArea2.shopDiary p a,
   #main-column .half-cont_wrap01 .half-cont .freeArea2.shopDiary p a,
   #main-column .half-cont_wrap02 .half-cont .freeArea2.shopDiary p a {
     font-size: 90%;
     margin: 15px 0 0 48%;
     padding: 1%;
     text-align: center;
     width: 52%;
   }
   /*-- 商品一覧(480px) --*/
   .column4, .column5 {
     width: 49%;
     margin: 0 2% 10px 0;
     padding-bottom: 30px;
   }
   .column5:nth-child(5n) {
     margin: 0 2% 10px 0;
   }
   .column4:nth-child(2n), .column5:nth-child(2n) {
     clear: none;
     margin: 0 0 10px 0;
   }
   .column4:nth-child(2n+1), .column5:nth-child(2n+1) {
     clear: both;
   }
   /*説明付き(480px)*/
   #itemList2 .column4 .itemThumb-wrap, #itemList2 .column5 .itemThumb-wrap {
     float: none;
     max-width: initial;
     width: 100%;
   }
   #itemList2 .column4 .itemThumb-wrap-right, #itemList2 .column5 .itemThumb-wrap-right {
     margin-left: 0;
   }
   #itemList2 .column4 .sps-wishAddItem img, #itemList2 .column5 .sps-wishAddItem img,
   #itemList2 .column4 .sps-wishAddItemOk img, #itemList2 .column5 .sps-wishAddItemOk img {
     margin-left: 86%;
     width: 14%;
   }
   article #main-column #itemList section.column4 h2, article #main-column #itemList section.column4 h2, article #main-column #itemList section.column4 h2 {
     font-size: 90%;
     line-height: 125%;
     font-weight: bold;
   }
   #itemList2 .column4 .itemThumb-wrap p.sps-itemList-stockDisp, #itemList2 .column5 .itemThumb-wrap p.sps-itemList-stockDisp {
     margin: 6px 0 20px;
   }
   #itemList2 .column4 .itemThumb-wrap p.sps-itemList-stockDisp a, #itemList2 .column5 .itemThumb-wrap p.sps-itemList-stockDisp a {
     font-size: 100%;
     margin: 0 0 0 54%;
     width: 46%;
   }
   /*写真のみ(480px)*/
   #itemList .column4 p.sps-itemList-stockDisp, #itemList .column5 p.sps-itemList-stockDisp {
     margin: 6px 0;
   }
   #itemList .column4 p.sps-itemList-stockDisp a, #itemList .column5 p.sps-itemList-stockDisp a {
     font-size: 100%;
     margin: 0;
     width: 100%;
   }
   /*-- 商品詳細ページ(480px) --*/
   #itemDetail-cont .itemThumb-wrap {
     float: none;
     width: 100%;
     margin: 0;
   }
   #itemDetail-cont .itemOutline {
     float: none;
     width: 100%;
     margin-top: 15px;
   }
   section#itemDetail-wrap .cartArea table.variation td {
     font-size: 65%;
     padding: 3px;
   }
   table.variation span.selling_price, table.variation span.special_price {
     font-size: 110%;
   }
   section#itemDetail-wrap .cartArea table.variation th {
     min-width: 35px;
   }
   #center-seo .mainCont, #center3 .mainCont font {
     font-size: 90%;
   }
   section#itemDetail-wrap .cartArea {
     overflow-x: scroll;
     -ms-overflow-style: none;
   }
   section#itemDetail-wrap .cartArea::-webkit-scrollbar {
     display: none;
   }
   @-moz-document url-prefix() {
     section#itemDetail-wrap .cartArea {
       overflow-x: auto;
     }
   }
   /*ダイアログ-商品を追加しました(480px)*/
   div.sps-cartaddBtnContent {
     width: auto;
   }
   /*関連商品(480px)*/
   section.recommend .column-set .quantityArea span:first-child {
     display: inline;
   }
   /*ポップアップ全般(480px)*/
   .ui-dialog {
     position: fixed !important;
     top: 20px !important;
   }
   .ui-dialog .ui-dialog-content, .ui-widget-content {
     max-height: 70vh !important;
   }
   /*入荷連絡/在庫一覧スクロール(480px)*/
   #variationPriceAnnounceMailDialog, #spsVarpriceStockDialog1 {
     height: 93% !important;
     max-height: 93% !important;
   }
   div[aria-describedby='variationPriceAnnounceMailDialog'], div[aria-describedby='spsVarpriceStockDialog1'] {
     position: fixed !important;
     top: 20px !important;
   }
   /*商品画像ポップアップ(480px)*/
   .ui-dialog div#dialog {
     height: 93% !important;
   }
   .fl_contents {
     width: auto !important;
   }
   .fl_main {
     display: table;
     width: 100% !important;
   }
   .fl_main_img {
     height: auto !important;
   }
   #thum_next, #thum_prev {
     padding-top: 0 !important;
     margin: 70px 0 !important;
     min-width: 15px;
   }
   .fl_t_item {
     box-sizing: border-box;
     width: 29% !important;
     margin: 2% !important;
     padding: 2% !important;
   }
   .fl_img_selected {
     border: 1px solid #C9E1F4 !important;
     margin: 2% !important;
     padding: 2% !important;
   }
   /*-- サイドカラム(480px) --*/
   #sub-column {
     right: -80%;
     width: 80%;
   }
   /*ドロワー内 メルマガ(480px)*/
   #sub-column div.snav_mailMag_cont p:last-child {
     margin: 15px 0 10px 16%;
     padding: 10px 1%;
   }
   /*-- お客様の声(480px) --*/
   article #main-column section.rating .tmb {
     float: none;
     margin: 0;
     text-align: center;
     width: 100%;
   }
   article #main-column section.rating .reviewTxt {
     float: none;
     margin: 5px 0 0 0;
     width: 100%;
   }
   article #main-column section.rating .ttlArea {
     display: block;
   }
   article #main-column section.rating h2 {
     display: block;
     width: 100%;
     padding: 0;
   }
   article #main-column section.rating .btnMore {
     text-align: right;
     width: 100%;
   }
   article #main-column #itemBox {
     position: relative;
     overflow: visible;
   }
   article #itemBox h2 {
     padding: 0 0 10px;
   }
   article div#main-column form[name="REVIEWLIST"] .btnMore {
     display: block;
     float: none;
     position: absolute;
     right: 0;
     top: -30px;
     padding: 0 0 10px;
   }
   article div#main-column div#itemBox p.review_txt {
     float: none;
   }
   article #main-column section.rating ul li:nth-child(6),
   article #main-column section.rating ul li:nth-child(7) {
     width: 100%;
   }
   /*マイページボタン(480px)*/
   #center3 input[type="button"], #center3 input[type="submit"] {
     min-width: 100px;
     width: auto;
   }
   #center3 input.sps-my-display[type="button"] {
     height: 40px;
   }
   /*-- カート/アンケート(480px) --*/
   #cart-header #hNav ul#header-nav li#header-nav-cart,
   #enquete-header #hNav ul#header-nav li#header-nav-cart {
     margin-left: 0;
   }
   #cart-header #hNav ul#header-nav li,
   #enquete-header #hNav ul#header-nav li {
     margin-right: 0;
   }
   #contact #center1 .centerbox .mainCont .step_navi01, #contact #center1 .centerbox .mainCont .step_navi02, #contact #center1 .centerbox .mainCont .step_navi03,
   #contact #center1 .centerbox .mainCont .step_navi04 {
     width: 100%;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
     padding: 1rem 3px;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input {
     margin-right: 2px;
     max-width: 40px;
     min-width: 35px;
   }
   #contact #center1 .centerbox .mainCont input[type="button"] {
     margin: 5px 0 5px 5px;
   }
   #contact #center1 .centerbox .mainCont input[type="button"]:first-child {
     margin: 0 0 5px 5px;
   }
   #contact #center1 .centerbox .mainCont input[type="button"].regi_next {
     margin: 5px 0 5px 5px;
   }
   .SPS-fontlarge {
     display: block;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[name="COUPONCODE"] {
     margin-left: 0;
     width: 70% !important;
   }
   #contact #center1 .centerbox .mainFrame .mainCont form[name="COUPON"] .bordlayoutp3 td.backcolor2 input[type="button"][value="適用"] {
     margin: 0;
     min-width: auto;
     padding: 0 1em;
     width: 25%;
   }
   #cart-header #hNav ul#header-nav li#header-nav-cart {
     margin-left: 0;
   }
   #EST_SPS_order #contact #center1 .centerbox .mainCont input[type="button"] {
     margin: 5px 0;
   }
   .cart-section #contact #center1 .centerbox .mainCont input[value="住所変更"],
   .cart-section #contact #center1 .centerbox .mainCont input[value="その他の情報変更"] {
     margin: 5px 0 10px;
     padding: 0 1.5em;
   }
   .cart-section #contact #center1 .centerbox .mainCont input[value="詳細表示"] {
     margin: 5px 5px 10px 0;
     padding: 0 1.5em;
   }
   .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable input[id="spsLname"],
   .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.sps-inputTable input[id="spsLnameKana"] {
     margin: 0 0 15px;
   }
   .cart-section #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[type="submit"][value="削除"] {
     font-size: .7rem;
     padding: 0 2%;
     margin: 0;
     min-width: auto;
     width: 100%;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.cartItem tbody tr td input[value="変更"] {
     display: block;
     font-size: .7rem;
     margin: 8px auto 0;
   }
   /*カート内関連商品(480px)*/
   #contents .cart-section .column5 {
     width: 49% !important;
     margin: 0 2% 20px 0 !important;
     padding-bottom: 20px !important;
   }
   #contents .cart-section .column5:nth-child(5n) {
     margin: 0 2% 20px 0 !important;
   }
   #contents .cart-section .column5:nth-child(2n) {
     margin: 0 0 20px 0 !important;
   }
   /*お届けスケジュール(480px)*/
   #deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1 {
     width: 40% !important;
   }
   /*アンケート(480px)*/
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"] {
     margin-left: 0;
     min-width: 56px;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td,
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child {
     display: block;
     padding-bottom: 10px;
     width: 100%;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr:last-child td:last-child {
     padding-bottom: 0;
   }
   /*新規会員登録(480px)*/
   div[aria-describedby='amazon_dialog'] .ui-dialog-content {
     padding: .5em 0 !important;
   }
   /*-- お客様の声をお送りください(480px) --*/
   .mainCont .comment_box form[name="form3"] table table td {
     box-sizing: border-box;
     display: block;
     width: 100% !important;
   }
   /*会員情報の変更/お届け先情報(480px)*/
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_N"],
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td select[name="WRAP_W"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_N"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="WRAP_W"] {
     max-width: inherit;
     min-width: auto;
   }
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_DATE_LIST"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td select[name="RECV_TIME"],
   #center3 .centerbox .bordlayoutp3 table tbody tr td input[name="RECV_NGDAY"] {
     display: block;
     width: 100% !important;
   }
   #center3 .layoutp3 input[type="button"][value="キャンセル"] {
     min-width: 100px;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
     display: block;
     width: 100%;
   }
   #EST_SPS_regi #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
     padding: 0 !important;
   }
   #EST_SPS_regi #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td input[type="button"][value="編集"] {
     height: 30px;
   }
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td.send_info.border.center {
     width: 30% !important;
   }
   /*-- フリーページ(480px) --*/
   #Journal textarea {
     box-sizing: border-box;
     width: 100%;
   }
 }
 /*Ｅストアーモバイル*/
 #sps-menu img, #global-navi img {
   width: 100%;
 }
 body {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", メイリオ, Meiryo, sans-serif;
 }
 a:hover,
 a:active {
   color: #666;
 }
 /*ヘッダー------------------------------*/
 .shop_header_block {
   position: relative;
 }
 .shop_header_block .wrap {
   margin: 10px auto;
   width: 1200px;
   max-width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: center;
   -webkit-align-items: center;
   align-items: center;
 }
 @media screen and (max-width: 768px) {
   .shop_header_block .wrap {
     width: 100%;
     height: 60px;
     margin: 0 auto;
   }
 }
 .shop_header_block .logo a {
   display: block;
   color: #111;
   text-decoration: none;
 }
 @media screen and (max-width: 768px) {
   .shop_header_block .logo a {
     padding: 10px;
   }
 }
 .shop_header_block .logo img {
   width: auto;
   height: 36px;
   display: inline-block;
   vertical-align: bottom;
   opacity: 1 !important;
 }
 @media screen and (max-width: 768px) {
   .shop_header_block .logo img {
     width: auto;
     height: 28px;
   }
 }
 .shop_header_block .logo span {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 15px;
   line-height: 1;
   display: inline-block;
   margin-bottom: 5px;
   vertical-align: bottom;
   margin-left: 5px;
 }
 @media screen and (max-width: 768px) {
   .shop_header_block .logo span {
     font-size: 13px;
   }
 }
 .shop_header_block .gnav {
   margin-left: auto;
 }
 @media screen and (max-width: 768px) {
   .shop_header_block .gnav {
     display: none;
   }
 }
 .shop_header_block .gnav > ul {
   height: 100%;
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: center;
   -webkit-justify-content: center;
   justify-content: center;
   -ms-align-items: center;
   -webkit-align-items: center;
   align-items: center;
 }
 .shop_header_block .gnav > ul > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: center;
   -webkit-align-items: center;
   align-items: center;
   height: 60px;
   position: relative;
   width: 122px;
   text-align: center;
   display: block;
   line-height: 60px;
 }
 .shop_header_block .gnav > ul > li:last-child {
   width: 60px;
 }
 .shop_header_block .gnav > ul > li::before {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   top: 20%;
   width: 1px;
   height: 60%;
   background: #EEE;
 }
 .shop_header_block .gnav > ul > li > a {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 13px;
   letter-spacing: 1px;
   font-weight: bold;
   display: block;
 }
 .shop_header_block .gnav > ul > li:hover .menu {
   max-height: 9999px !important;
   opacity: 1 !important;
 }
 .shop_header_block .gnav .menu {
   display: block;
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   width: 100%;
   left: 0;
   top: 60px;
   text-align: center;
   position: absolute;
   background: rgba(0, 0, 0, 0.6);
   z-index: 100;
   transition: opacity .5s, height .5s;
 }
 .shop_header_block .gnav .menu ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   width: 100%;
   margin: 0 auto;
 }
 .shop_header_block .gnav .menu ul li {
   width: 100%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 13px;
   line-height: 1.8;
   font-weight: normal;
   border-bottom: solid 1px #333;
 }
 .shop_header_block .gnav .menu ul li a {
   color: #FFF;
   display: block;
   padding: 10px 10px;
   letter-spacing: 1px;
 }
 .shop_header_block .gnav .menu ul li a:hover {
   color: #FFF;
 }
 .shop_header_block .search_btn {
   position: relative;
 }
 .shop_header_block .search_btn a {
   display: block;
   padding: 50px 10px 10px 50px;
   min-height: 22px;
   cursor: pointer;
 }
 .shop_header_block #header-nav-drawer {
   display: block;
 }
 @media screen and (max-width: 768px) {
   .shop_header_block #header-nav-drawer {
     background: transparent;
     /*border: 1px solid #888;*/
     border-radius: 0px;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
     height: 46px;
     margin: 0;
     padding: 0;
     position: fixed;
     right: 2%;
     top: 5px;
     white-space: nowrap;
     width: 46px;
     z-index: 150;
   }
   .shop_header_block #header-nav-drawer span {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 24px;
     height: 2px;
     margin: -3px 0 0 -12px;
     background: #111;
     transition: .2s;
   }
   .shop_header_block #header-nav-drawer span::before,
   .shop_header_block #header-nav-drawer span::after {
     display: block;
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     width: 24px;
     height: 2px;
     background: #111;
     transition: .3s;
   }
   .shop_header_block #header-nav-drawer span::before {
     margin-top: -10px;
   }
   .shop_header_block #header-nav-drawer span::after {
     margin-top: 7px;
   }
   .shop_header_block #header-nav-drawer.spsDrawerOpen span {
     background: transparent;
   }
   .shop_header_block #header-nav-drawer.spsDrawerOpen span::before,
   .shop_header_block #header-nav-drawer.spsDrawerOpen span::after {
     margin-top: 0;
   }
   .shop_header_block #header-nav-drawer.spsDrawerOpen span::before {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
   .shop_header_block #header-nav-drawer.spsDrawerOpen span::after {
     transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
   }
 }
 /*フッターー------------------------------*/
 .shop_footer_block {
   background: #EFEFEF;
   width: 100%;
   height: auto;
   padding: 40px 0px;
   margin: 0;
   text-align: center;
 }
 .shop_footer_block div p {
     padding-top: 5px;
     font-size: 12px;
 }
 .shop_footer_block p img {
     width: 230px;
     height: 30px;
     margin-bottom: 15px;
 }
 @media screen and (max-width: 768px) {
   .shop_footer_block{
     padding: 20px 40px;
   }
   .shop_footer_block div p {
     padding-top: 0;
   }
   .shop_footer_block div p span {
     white-space: nowrap;
   }
   .shop_footer_block p img {
       margin-bottom: 10px;
   }
 }
 @media screen and (max-width: 768px) {
   .shop_footer_block .wrap {
     padding: 0px;
     border-top: solid 1px #CCC;
   }
 }
 .shop_footer_bottom_block {
   background: #111111;
   color: #FFF;
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
   font-size: 12px;
 }
 .shop_footer_bottom_block a {
   color: #FFF;
   text-decoration: underline;
 }
 .shop_footer_bottom_block .wrap {
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 20px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
 }
 @media screen and (max-width: 768px) {
   .shop_footer_bottom_block .wrap {
     padding: 15px;
   }
 }
 .shop_footer_bottom_block .footer_nav {
   text-align: center;
   width: 100%;
 }
 @media screen and (max-width: 768px) {
   .shop_footer_bottom_block .footer_nav {
     width: 100%;
     text-align: center;
   }
 }
 .shop_footer_bottom_block .footer_nav ul {
   font-size: 0;
   margin: 8px 0px;
 }
 @media screen and (max-width: 768px) {
   .shop_footer_bottom_block .footer_nav ul {
     display: none;
   }
 }
 .shop_footer_bottom_block .footer_nav ul li {
   font-size: 12px;
   display: inline-block;
   border-right: solid 1px #FFF;
   line-height: 100%;
 }
 .shop_footer_bottom_block .footer_nav ul li:last-child {
   border-right: none;
 }
 .shop_footer_bottom_block .footer_nav ul li a {
   display: block;
   padding: 0 5px;
   text-decoration: none;
 }
 /*サイドナビ・バナー------------------------------*/
 .side_banner_block {
   margin-bottom: 50px;
 }
 .side_banner_block ul li {
   display: block;
   margin-bottom: 15px;
   text-align: center;
 }
 .side_banner_block ul li:last-of-type {
   margin-bottom: 0;
 }
 /*サイドナビ・SPボタン------------------------------*/
 .side_btn_block {
   display: none;
 }
 @media screen and (max-width: 768px) {
   .side_banner_block {
     margin-bottom: 40px;
   }
   .side_btn_block {
     display: block;
     margin-bottom: 20px;
   }
   .side_btn_block ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -ms-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-justify-content: space-between;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-align-items: stretch;
     -webkit-align-items: stretch;
     align-items: stretch;
     margin: 0 -15px 0;
   }
   .side_btn_block ul li {
     width: 50%;
     border-right: solid 1px #CCC;
   }
   .side_btn_block ul li:last-of-type {
     flex: 1 1 0%;
     border-right: none;
   }
   .side_btn_block ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -ms-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-justify-content: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-align-items: center;
     -webkit-align-items: center;
     align-items: center;
     background: #000;
     color: #FFF;
     font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
     font-size: 12px;
     padding: 10px 0px;
     height: 100%;
   }
 }
 /*サイドナビ・検索ボックス------------------------------*/
 .side_search_block {
   margin-bottom: 30px;
 }
 .side_search_block .keyword {
   width: 100%;
   border: none !important;
   border-bottom: solid 1px #111 !important;
   padding: 3px 10px !important;
   height: 35px !important;
   padding-right: 30px;
 }
 .side_search_block form {
   position: relative;
   padding: 0;
 }
 .side_search_block button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: absolute;
   right: 0px;
   top: 0px;
   height: 35px !important;
   width: 35px !important;
   border: 0;
   display: block;
   outline: none;
 }
 /*カレンダー修正------------------------------*/
 div.cal_wrapper table.cal tr th input.prev {
   background-image: url("../img/calendar_pleft.gif");
 }
 div.cal_wrapper table.cal tr th input.next {
   background-image: url("../img/calendar_pright.gif");
 }
 div#subc_calendar h2::before {
   content: "Calendar";
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 100%;
   text-align: left;
 }
 div#subc_calendar h2::after {
   content: "";
   display: none;
 }
 div.cal_wrapper table.cal tr th p.month {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 }
 /*アロー修正------------------------------*/
 #sub-column .group nav ul li a::after,
 #sub-column .category nav ul li a::after,
 #sub-column .link nav ul li a::after {
   background-image: url("../img/rsp_arrow01.png");
 }
 #sub-column .category h2 a::after {
   background-image: url("../img/rsp_arrow01.png");
 }
 /*ページアップ、toカートの画像変更------------------------------*/
 #page-top a,
 #to-cart a {
   position: relative;
 }
 #to-cart a::before {
   content: "";
   width: 100%;
   height: 100%;
   display: block;
 }
 #page-top a::before {
   width: 100%;
   height: 100%;
   display: block;
 }
 #to-cart img,
 #page-top img {
   /*display: none;*/
 }
 /*サーチボタン*/
 #header_search_form {
   display: none;
   width: 300px;
   position: absolute;
   right: 10px;
   top: 60px;
   border: solid 1px #CCC;
   background: #FFF;
   z-index: 1000;
   line-height: 100%;
   text-align: left;
 }
 #header_search_form input[type="text"] {
   width: 90% !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none !important;
   height: 35px !important;
   padding: 5px !important;
 }
 #header_search_form button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: absolute;
   right: 0px;
   top: 0px;
   height: 35px !important;
   width: 55px !important;
   border: 0;
   text-align: center;
   display: block;
   outline: none;
   color: #FFF;
 }
 /*トップスライダー------------------------------*/
 .top_slider_block {
   width: 100%;
   max-width: 100%;
   margin: 0 auto 40px;
   display: none;
 }
 @media screen and (max-width: 768px) {
   .top_slider_block {
     margin: 0 -2% 20px;
     width: 104%;
     max-width: 104%;
     padding: 0px 2%;
   }
 }
 /*トップバナーー------------------------------*/
 .top_banner_block {
   background: #EFEFEF;
   display: none;
   margin-bottom: 20px;
 }
 @media screen and (max-width: 768px) {
   .top_banner_block {
     margin: 0 -2% 20px;
     width: 104%;
     max-width: 104%;
   }
 }
 .top_banner_block .wrap {
   width: 1160px;
   max-width: 100%;
   margin: 0 auto;
   padding: 80px 0;
 }
 @media screen and (max-width: 768px) {
   .top_banner_block .wrap {
     padding: 40px;
   }
 }
 .top_banner_block ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
 }
 @media screen and (max-width: 768px) {
   .top_banner_block ul {
     margin-bottom: -20px;
   }
 }
 .top_banner_block ul li {
   width: 47%;
   margin-bottom: 40px;
 }
 
 @media screen and (max-width: 768px) {
   .top_banner_block ul li {
     width: 100%;
     text-align: center;
     margin-bottom: 20px;
   }
 }
 /*新着・おすすめ、ランキング------------------------------*/
 .newItem,
 .pickup,
 .ranking {
   margin: 60px auto !important;
 }
 @media screen and (max-width: 768px) {
   .newItem,
   .pickup,
   .ranking {
     width: 100% !important;
     padding: 0 !important;
     margin: 20px auto !important;
   }
 }
 .newItem h2,
 .pickup h2,
 .ranking h2 {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
 }
 .newItem .badge,
 .pickup .badge {
   display: none;
 }
 /*新着情報------------------------------*/
 .news {
   margin: 60px auto !important;
   position: relative;
   padding: 0 320px 0 0 !important;
   min-height: 300px;
 }
 @media screen and (max-width: 768px) {
   .news {
     width: 100% !important;
     margin: 20px auto !important;
     min-height: auto;
     padding: 0 !important;
   }
 }
 .news h2 {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
   letter-spacing: 2px;
 }
 .news #subc_calendar {
   width: 280px;
   position: absolute;
   right: 0;
   top: 0;
 }
 @media screen and (max-width: 768px) {
   .news #subc_calendar {
     display: none;
   }
 }
 .news #subc_calendar h2 {
   padding: 0px 0 30px;
   letter-spacing: 1px;
   text-align: left;
 }
 dl.news-box {
   padding: 0;
   border: none;
 }
 dl.news-box > dd {
   padding: 0;
   border: none;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 110%;
 }
 dl.news-box > dd dl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   border-bottom: 1px solid #DDD;
   width: 100%;
   padding: 20px 15px;
 }
 @media screen and (max-width: 768px) {
   dl.news-box > dd dl {
     padding: 10px 5px;
     font-size: 100%;
   }
 }
 dl.news-box > dd dl dt {
   width: 15%;
   text-align: left;
   font-weight: bold;
 }
 @media screen and (max-width: 768px) {
   dl.news-box > dd dl dt {
     width: 100%;
     padding-bottom: 5px;
   }
 }
 dl.news-box > dd dl dd {
   width: 85%;
   text-align: left;
 }
 @media screen and (max-width: 768px) {
   dl.news-box > dd dl dd {
     width: 100%;
   }
 }
 dl.news-box > dd dl + br {
   display: none;
 }
 dl.news-box > dd a {
   text-decoration: underline;
 }
 /*商品ページ---------------------------------------------*/
 #itempage_contents,
 #itempage_contents * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 #itempage_contents {
   font-size: 16px;
   margin-top: 80px;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents {
     font-size: 14px;
     margin-top: 20px;
   }
 }
 #itempage_contents p {
   font-size: 100%;
   line-height: 1.8;
 }
 #itempage_contents p + p {
   margin-top: 1em;
 }
 #itempage_contents .main_catch {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", メイリオ, Meiryo, sans-serif;
   letter-spacing: 1px;
   font-size: 130%;
   line-height: 1.3;
   margin: 0 0 30px;
   padding: 0;
   border: none;
   background: none;
   color: #333;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .main_catch {
     margin-bottom: 20px;
   }
 }
 #itempage_contents .desc {
   margin-bottom: 50px;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .desc {
     margin-bottom: 20px;
   }
 }
 #itempage_contents .icon {
   margin-bottom: 15px;
 }
 #itempage_contents .icon ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
 }
 #itempage_contents .icon li {
   margin-right: 10px;
   margin-bottom: 5px;
   border: solid 1px #111;
   color: #111;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 120%;
   line-height: 1.1;
   padding: 5px 10px;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .icon li {
     padding: 3px 5px;
     margin-right: 5px;
   }
 }
 #itempage_contents .icon li.icon_blue {
   color: #1a5aa9;
   border-color: #1a5aa9;
 }
 #itempage_contents .icon li.icon_green {
   color: #1aa967;
   border-color: #1aa967;
 }
 #itempage_contents .icon li.icon_orange {
   color: #ff7f50;
   border-color: #ff7f50;
 }
 #itempage_contents .icon li.icon_black {
   color: #111111;
   border-color: #111111;
 }
 #itempage_contents .icon li.icon_not20age {
   color: #1a5aa9;
   border-color: #1a5aa9;
 }
 #itempage_contents .sub_ttl {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 124%;
   line-height: 1.4;
   letter-spacing: 1px;
   background: none;
   border: none;
   margin: 0 0 10px;
   text-align: left;
 }
 #itempage_contents .tbl {
   margin: 20px auto;
 }
 #itempage_contents .tbl table {
   border-collapse: collapse;
   table-layout: fixed;
   border: solid 1px #CBCBCB;
   width: 100%;
 }
 #itempage_contents .tbl th, #itempage_contents .tbl td {
   padding: 10px;
   border: solid 1px #CBCBCB;
   font-size: 15px;
   line-height: 1.6;
   vertical-align: middle;
 }
 #itempage_contents .tbl th {
   width: 25%;
   background: #F4F6F9;
   text-align: left;
   font-weight: normal;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .tbl tr, #itempage_contents .tbl td, #itempage_contents .tbl th, #itempage_contents .tbl tbody {
     width: 100%;
     display: block;
     border: none;
     font-size: 13px;
   }
   #itempage_contents .tbl th {
     border-bottom: solid 1px #CBCBCB;
     text-align: left;
     padding: 5px;
   }
   #itempage_contents .tbl td {
     border-bottom: solid 1px #CBCBCB;
     padding: 5px;
   }
   #itempage_contents .tbl table {
     border: solid 1px #CBCBCB;
     border-bottom: none;
   }
 }
 #itempage_contents .howto_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin: 80px auto;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .howto_wrap {
     margin: 40px auto;
   }
 }
 #itempage_contents .howto_wrap .howto {
   flex: 1 0 0%;
   margin-right: 100px;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .howto_wrap .howto {
     width: 100%;
     margin: 0;
     margin-bottom: 30px;
   }
 }
 #itempage_contents .howto_wrap .howto .list-howto-img {
   margin-top: 80px;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .howto_wrap .howto .list-howto-img {
     margin-top: 20px;
   }
 }
 #itempage_contents .howto_wrap .howto .list-howto {
   display: table;
   width: 100%;
   position: relative;
   margin-top: 80px;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .howto_wrap .howto .list-howto {
     margin-top: 20px;
   }
 }
 #itempage_contents .howto_wrap .howto .list-howto::before {
   content: "";
   display: block;
   position: absolute;
   bottom: 10px;
   width: 100%;
   border-bottom: 2px solid #d9d9d9;
   z-index: 1;
 }
 #itempage_contents .howto_wrap .howto .list-howto li {
   display: table-cell;
   position: relative;
   z-index: 2;
 }
 #itempage_contents .howto_wrap .howto .list-howto li .rank {
   width: 30px;
   margin: 0 auto;
 }
 #itempage_contents .howto_wrap .howto .list-howto li .index {
   width: 30px;
   margin: 0 auto;
   margin-bottom: 18.518518519%;
 }
 #itempage_contents .howto_wrap .taste {
   width: 300px;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .howto_wrap .taste {
     width: 100%;
     text-align: center;
   }
   #itempage_contents .howto_wrap .taste img {
     display: inline-block;
     width: 80%;
     margin: 0 auto;
   }
 }
 #itempage_contents .youtube {
   width: 100%;
   margin: 60px auto;
   text-align: center;
 }
 @media screen and (max-width: 479px) {
   #itempage_contents .youtube {
     position: relative;
     width: 100%;
     margin: 40px auto;
     padding-top: 56.25%;
   }
   #itempage_contents .youtube iframe {
     position: absolute;
     top: 0;
     right: 0;
     width: 100% !important;
     height: 100% !important;
   }
 }
 /*リコメンドタイトル---------------------------------------------*/
 .recommend h2 {
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
   font-size: 20px !important;
   line-height: 1.4 !important;
   letter-spacing: 1px !important;
   background: none !important;
   border: none !important;
   margin: 40px 0 10px !important;
   text-align: left !important;
 }
 /*フリーページ---------------------------------------------*/
 #Journal h2 {
   font-size: 140%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 }
 #Journal h1 {
   display: none;
 }
 #JournalList .journal-cont ul, #Journal .journal-cont ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 #JournalList .journal-cont ul li, #Journal .journal-cont ul li {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 .state_r {
   display: none;
 }
 /*FAQページ---------------------------------------------*/
 #faq_contents,
 #faq_contents * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 #faq_contents {
   font-size: 16px;
 }
 @media screen and (max-width: 479px) {
   #faq_contents {
     font-size: 14px;
   }
 }
 #faq_contents h3 {
   background: #111;
   color: #FFF;
   text-align: center;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: normal;
   letter-spacing: 1px;
   padding: 10px 0;
   margin-bottom: 20px;
 }
 @media screen and (max-width: 768px) {
   #faq_contents h3 {
     margin-bottom: 10px;
   }
 }
 #faq_contents dl dt {
   position: relative;
   border-bottom: solid 1px #CCC;
   cursor: pointer;
   padding: 15px 40px 15px 15px;
   font-size: 90%;
 }
 @media screen and (max-width: 768px) {
   #faq_contents dl dt {
     padding: 10px 30px 10px 5px;
   }
 }
 #faq_contents dl dt::before {
   content: 'Q.';
   font-weight: bold;
   display: inline-block;
   margin-right: 5px;
 }
 #faq_contents dl dt::after {
   display: block;
   content: "";
   position: absolute;
   top: 50%;
   right: 15px;
   width: 8px;
   height: 8px;
   margin: -8px 0 0 0;
   border-top: solid 2px #111;
   border-right: solid 2px #111;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
 }
 #faq_contents dl dt.active::after {
   margin: -4px 0 0 0;
   border-top: solid 2px #111;
   border-right: solid 2px #111;
   -webkit-transform: rotate(315deg);
   transform: rotate(315deg);
 }
 #faq_contents dl dd {
   display: none;
   padding: 15px 15px 30px;
   font-size: 90%;
   line-height: 1.6;
   border-bottom: solid 1px #CCC;
 }
 #faq_contents dl dd b {
   font-weight: bold;
 }
 #faq_contents dl dd a {
   text-decoration: underline;
 }
 #faq_contents .tabswitch .tabnav {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: center;
   -webkit-justify-content: center;
   justify-content: center;
 }
 @media screen and (max-width: 768px) {
   #faq_contents .tabswitch .tabnav {
     -ms-justify-content: space-between;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-align-items: stretch;
     -webkit-align-items: stretch;
     align-items: stretch;
   }
   #faq_contents .tabswitch .tabnav::after {
     content: "";
     width: 32%;
     order: 100;
   }
 }
 #faq_contents .tabswitch .tabnav li {
   border-right: solid 1px #999;
   margin-bottom: 5px;
 }
 @media screen and (max-width: 768px) {
   #faq_contents .tabswitch .tabnav li {
     width: 32%;
     border: none;
   }
 }
 #faq_contents .tabswitch .tabnav li:last-of-type {
   border-right: none;
 }
 #faq_contents .tabswitch .tabnav a {
   display: block;
   color: #666;
   padding: 0px 15px;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: normal;
   letter-spacing: 1px;
   font-size: 16px;
   text-align: center;
   position: relative;
   cursor: pointer;
 }
 @media screen and (max-width: 768px) {
   #faq_contents .tabswitch .tabnav a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -ms-flex-flow: row wrap;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-justify-content: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-align-items: center;
     -webkit-align-items: center;
     align-items: center;
     padding: 10px 5px;
     font-size: 11px;
     line-height: 1.2;
     width: 100%;
     height: 100%;
     letter-spacing: 0;
     border: solid 1px #999;
     background: #EEE;
   }
 }
 #faq_contents .tabswitch .tabnav a.active {
   color: #111;
   font-weight: bold;
 }
 @media screen and (max-width: 768px) {
   #faq_contents .tabswitch .tabnav a.active {
     background: #FFF;
   }
 }
 #faq_contents .tabswitch .tab_content {
   margin-top: 30px;
 }
 @media screen and (max-width: 768px) {
   #faq_contents .tabswitch .tab_content {
     margin-top: 0;
   }
 }
 /*標識ページ--------------------------------------------*/
 #hyousiki_contents,
 #hyousiki_contents * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 #hyousiki_contents {
   font-size: 16px;
 }
 @media screen and (max-width: 479px) {
   #hyousiki_contents {
     font-size: 14px;
   }
 }
 #hyousiki_contents .tbl {
   margin: 20px auto;
 }
 #hyousiki_contents .tbl table {
   border-collapse: collapse;
   table-layout: fixed;
   border: solid 1px #CBCBCB;
   width: 100%;
 }
 #hyousiki_contents .tbl th, #hyousiki_contents .tbl td {
   padding: 10px;
   border: solid 1px #CBCBCB;
   font-size: 15px;
   line-height: 1.6;
   vertical-align: middle;
 }
 #hyousiki_contents .tbl th {
   width: 25%;
   background: #F4F6F9;
   text-align: left;
   font-weight: normal;
 }
 @media screen and (max-width: 479px) {
   #hyousiki_contents .tbl tr, #hyousiki_contents .tbl td, #hyousiki_contents .tbl th, #hyousiki_contents .tbl tbody {
     width: 100%;
     display: block;
     border: none;
     font-size: 13px;
   }
   #hyousiki_contents .tbl th {
     border-bottom: solid 1px #CBCBCB;
     text-align: left;
     padding: 5px;
   }
   #hyousiki_contents .tbl td {
     border-bottom: solid 1px #CBCBCB;
     padding: 5px;
   }
   #hyousiki_contents .tbl table {
     border: solid 1px #CBCBCB;
     border-bottom: none;
   }
 }
 /*small--------------------------------*/
 .small {
   font-size: 88%;
 }
 /*align---------------------------------*/
 .alL {
   text-align: left !important;
 }
 .alR {
   text-align: right !important;
 }
 .alC {
   text-align: center !important;
 }
 /*margin---------------------------------*/
 .mb0 {
   margin-bottom: 0 !important;
 }
 @media screen and (max-width: 768px) {
   .mb0 {
     margin-bottom: 0 !important;
   }
 }
 .mb10 {
   margin-bottom: 10px !important;
 }
 @media screen and (max-width: 768px) {
   .mb10 {
     margin-bottom: 5px !important;
   }
 }
 .mb20 {
   margin-bottom: 20px !important;
 }
 @media screen and (max-width: 768px) {
   .mb20 {
     margin-bottom: 10px !important;
   }
 }
 .mb30 {
   margin-bottom: 30px !important;
 }
 @media screen and (max-width: 768px) {
   .mb30 {
     margin-bottom: 15px !important;
   }
 }
 .mb40 {
   margin-bottom: 40px !important;
 }
 @media screen and (max-width: 768px) {
   .mb40 {
     margin-bottom: 20px !important;
   }
 }
 .mb40 {
   margin-bottom: 50px !important;
 }
 @media screen and (max-width: 768px) {
   .mb40 {
     margin-bottom: 25px !important;
   }
 }
 .mb60 {
   margin-bottom: 60px !important;
 }
 @media screen and (max-width: 768px) {
   .mb60 {
     margin-bottom: 30px !important;
   }
 }
 .mb80 {
   margin-bottom: 80px !important;
 }
 @media screen and (max-width: 768px) {
   .mb80 {
     margin-bottom: 40px !important;
   }
 }
 .mb100 {
   margin-bottom: 100px !important;
 }
 @media screen and (max-width: 768px) {
   .mb100 {
     margin-bottom: 50px !important;
   }
 }
 .mt0 {
   margin-top: 0 !important;
 }
 @media screen and (max-width: 768px) {
   .mt0 {
     margin-top: 0 !important;
   }
 }
 .mt10 {
   margin-top: 10px !important;
 }
 @media screen and (max-width: 768px) {
   .mt10 {
     margin-top: 5px !important;
   }
 }
 .mt20 {
   margin-top: 20px !important;
 }
 @media screen and (max-width: 768px) {
   .mt20 {
     margin-top: 10px !important;
   }
 }
 .mt30 {
   margin-top: 30px !important;
 }
 @media screen and (max-width: 768px) {
   .mt30 {
     margin-top: 15px !important;
   }
 }
 .mt40 {
   margin-top: 40px !important;
 }
 @media screen and (max-width: 768px) {
   .mt40 {
     margin-top: 20px !important;
   }
 }
 .mt40 {
   margin-top: 50px !important;
 }
 @media screen and (max-width: 768px) {
   .mt40 {
     margin-top: 25px !important;
   }
 }
 .mt60 {
   margin-top: 60px !important;
 }
 @media screen and (max-width: 768px) {
   .mt60 {
     margin-top: 30px !important;
   }
 }
 .mt80 {
   margin-top: 80px !important;
 }
 @media screen and (max-width: 768px) {
   .mt80 {
     margin-top: 40px !important;
   }
 }
 .mt100 {
   margin-top: 100px !important;
 }
 @media screen and (max-width: 768px) {
   .mt100 {
     margin-top: 50px !important;
   }
 }
 /*padding---------------------------------*/
 .pb0 {
   padding-bottom: 0 !important;
 }
 @media screen and (max-width: 768px) {
   .pb0 {
     padding-bottom: 0 !important;
   }
 }
 .pb10 {
   padding-bottom: 10px !important;
 }
 @media screen and (max-width: 768px) {
   .pb10 {
     padding-bottom: 5px !important;
   }
 }
 .pb20 {
   padding-bottom: 20px !important;
 }
 @media screen and (max-width: 768px) {
   .pb20 {
     padding-bottom: 10px !important;
   }
 }
 .pb30 {
   padding-bottom: 30px !important;
 }
 @media screen and (max-width: 768px) {
   .pb30 {
     padding-bottom: 15px !important;
   }
 }
 .pb40 {
   padding-bottom: 40px !important;
 }
 @media screen and (max-width: 768px) {
   .pb40 {
     padding-bottom: 20px !important;
   }
 }
 .pb50 {
   padding-bottom: 40px !important;
 }
 @media screen and (max-width: 768px) {
   .pb50 {
     padding-bottom: 25px !important;
   }
 }
 .pb60 {
   padding-bottom: 60px !important;
 }
 @media screen and (max-width: 768px) {
   .pb60 {
     padding-bottom: 30px !important;
   }
 }
 .pb80 {
   padding-bottom: 80px !important;
 }
 @media screen and (max-width: 768px) {
   .pb80 {
     padding-bottom: 40px !important;
   }
 }
 .pb100 {
   padding-bottom: 100px !important;
 }
 @media screen and (max-width: 768px) {
   .pb100 {
     padding-bottom: 50px !important;
   }
 }
 .pt0 {
   padding-top: 0 !important;
 }
 @media screen and (max-width: 768px) {
   .pt0 {
     padding-top: 0 !important;
   }
 }
 .pt10 {
   padding-top: 10px !important;
 }
 @media screen and (max-width: 768px) {
   .pt10 {
     padding-top: 5px !important;
   }
 }
 .pt20 {
   padding-top: 20px !important;
 }
 @media screen and (max-width: 768px) {
   .pt20 {
     padding-top: 10px !important;
   }
 }
 .pt30 {
   padding-top: 30px !important;
 }
 @media screen and (max-width: 768px) {
   .pt30 {
     padding-top: 15px !important;
   }
 }
 .pt40 {
   padding-top: 40px !important;
 }
 @media screen and (max-width: 768px) {
   .pt40 {
     padding-top: 20px !important;
   }
 }
 .pt50 {
   padding-top: 50px !important;
 }
 @media screen and (max-width: 768px) {
   .pt50 {
     padding-top: 25px !important;
   }
 }
 .pt60 {
   padding-top: 60px !important;
 }
 @media screen and (max-width: 768px) {
   .pt60 {
     padding-top: 30px !important;
   }
 }
 .pt80 {
   padding-top: 80px !important;
 }
 @media screen and (max-width: 768px) {
   .pt80 {
     padding-top: 40px !important;
   }
 }
 .pt100 {
   padding-top: 100px !important;
 }
 @media screen and (max-width: 768px) {
   .pt100 {
     padding-top: 50px !important;
   }
 }
 /*only---------------------------------*/
 .pc_only {
   display: block;
 }
 @media screen and (max-width: 479px) {
   .pc_only {
     display: none !important;
   }
 }
 .sp_only {
   display: none;
 }
 @media screen and (max-width: 768px) {
   .sp_only {
     display: block !important;
   }
 
   .customResponsiveTable > tbody > tr:not(:first-of-type) {
     border: 1px solid #999;
   }
 
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .customResponsiveTable td.setColspan{
     display: none;
   }
 
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .customResponsiveTable td.unsetColspan{
     display: table-cell !important;
   }
 
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .customResponsiveTable td.delivery_edit_title {
     display: block;
     border: unset !important;
     padding: 1rem 0 0 1% !important;
     width: 100% !important;
   }
 
   #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .customResponsiveTable td.delivery_edit_input {
     display: block;
     border: unset !important;
     padding: 0 0 1rem 1% !important;
     width: 99% !important;
   }
 }
 @media screen and (min-width: 769px) {
   div#main-column > section {
       width: 1160px;
       max-width: 100%;
       margin: auto;
   }
   div.half-cont_wrap01, div.half-cont_wrap02 {
       width: 1160px;
       max-width: 100%;
       margin: auto;
   }
 }
/*------------------------------------------------------------
  追加CSS
 ------------------------------------------------------------*/
#gnav{
  display: none;
}
/*------------------------------------------------------------
  style.css
 ------------------------------------------------------------*/
 /* ===== RESET ===== */
*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-break: break-all;
}
body
{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin: 0;
    padding: 0;
    /*  font-size: 16px;
  font-size: 1.6rem; [20/09/10] MODIFIED */
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.86;
}
*
{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
li
{
    list-style: none;
}
p
{
    margin: 0;
}
html
{
    font-size: 62.5%;
}
/* ===== end - RESET ===== */
a:link
{
    color: #660000;
    text-decoration: none;
    transition: none;
}
a:hover
{
    opacity: 0.6;
    color: #660000;
    text-decoration: underline;
}
a:visited
{
    color: #660000;
    text-decoration: none;
}
a::after
{
    display: none;
}
a.border
{
  color: #333;
    text-decoration: underline!important;
}
a:visited.border{
  color: #333;
}
img
{
    border: none;
}
.clear
{
    zoom: 100%;
}
.clear:after
{
    content: '';
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.clr
{
    clear: both;
}
/* ----------------------------------
  MODULES
  ----------------------------------*/
.sp, .sp2, .tab:not(.pc)
{
    display: none;
}
@media print, screen and (min-width: 769px)
{
    .colWrap
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .colWrap.rtl
    {
        flex-direction: row-reverse;
    }
    .colWrap.wrap
    {
        flex-wrap: wrap;
    }
    .colWrap.boxAlign-left
    {
        justify-content: flex-start;
    }
    .colWrap.boxAlign-right
    {
        justify-content: flex-end;
    }
    .colWrap.boxAlign-center
    {
        justify-content: center;
    }
    .colWrap.mdl > *, .colWrap > .mdl:not(.colWrap)
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
    }
    .colWrap.mdl > * > *, .colWrap > .mdl:not(.colWrap) > *
    {
        width: 100%;
    }
    .colWrap.mdl.ct > *, .colWrap > .mdl.ct:not(.colWrap)
    {
        justify-content: center;
    }
    .colWrap.col4
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .colWrap.col4 > *
    {
        margin: 0 10px 20px;
        width: calc(25% - 20px);
    }
    .colWrap.col3 > *
    {
        width: 33.33%;
    }
    .colWrap.col2 > *
    {
        width: 50%;
    }
}
.img-responsive
{
    width: 100%;
    height: auto;
}
.block-center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.block
{
    display: block;
}
.in-block
{
    display: inline-block;
}
/* .alignnone
{
} */
.alignleft
{
    float: left;
    margin-right: 10px;
}
.alignright
{
    float: right;
    margin-left: 10px;
}
.text-center
{
    text-align: center;
}
.text-left
{
    text-align: left;
}
.text-right
{
    text-align: right;
}
.f_bold
{
    font-weight: bold;
}
.font_s
{
    /* font-size: 14px; */
    font-size: 15px;
}
.font_l
{
    /* font-size: 15px; */
    font-size: 16px;
}
.list_h li
{
    display: inline;
}
.indnt
{
    margin-left: 1em;
}
.list
{
    margin: 1em 0;
}
.list li
{
    text-indent: -1em;
    padding-left: 1em;
}
dl.list dt
{
    text-indent: -1em;
    padding-left: 1em;
}
dl.indnt dd
{
    padding-left: 1em;
}
.mt0
{
    margin-top: 0 !important;
}
.mt10
{
    margin-top: 10px !important;
}
.mt20
{
    margin-top: 20px !important;
}
.mt25
{
    margin-top: 25px !important;
}
.mt30
{
    margin-top: 30px !important;
}
.mb0
{
    margin-bottom: 0 !important;
}
.mb10
{
    margin-bottom: 10px !important;
}
.mb20
{
    margin-bottom: 20px !important;
}
.mb30
{
    margin-bottom: 30px !important;
}
.pt0
{
    padding-top: 0 !important;
}
.pt10
{
    padding-top: 10px !important;
}
.pt20
{
    padding-top: 20px !important;
}
.pt30
{
    padding-top: 30px !important;
}
@media screen and (max-width: 767.9px) {
    .pt30-sp
    {
        padding-top: 30px !important;
    }
}
.pb0
{
    padding-bottom: 0 !important;
}
.pb10
{
    padding-bottom: 10px !important;
}
.pb20
{
    padding-bottom: 20px !important;
}
.pb30
{
    padding-bottom: 30px !important;
}
/* table */
.commonTbl
{
    box-sizing: border-box;
    border-collapse: collapse;
    background: #FFF;
    border: 0 !important;
    width: 100%;
}
.commonTbl tr:nth-child(even), .commonTbl tr:nth-child(odd)
{
    background: none !important;
}
.commonTbl th, .commonTbl td
{
    padding: 15px;
    /* font-size: 14px; */
    font-size: .875em;
    line-height: 1.5em;
    border: 0;
    border-bottom: 1px dotted #663333;
}
.commonTbl th
{
    background: #DED6DD;
    text-align: left;
}
.commonTbl2
{
    box-sizing: border-box;
    border-collapse: collapse;
    background: #FFF;
    width: 100%;
}
.commonTbl2 tr:nth-child(even), .commonTbl2 tr:nth-child(odd)
{
    background: none !important;
}
.commonTbl2 th, .commonTbl2 td
{
    padding: 5px 5px;
    /* font-size: 15px; */
    font-size: .9375em;
    line-height: 1.5em;
    border: 0;
    border: 1px solid #999;
}
.commonTbl2 th
{
    background: #DDD;
    text-align: left;
}
.box01
{
    margin: 20px auto;
    padding: 20px;
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    border-right: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    background: #FFF;
}
#container
{
    /*  width:950px; */
    margin: 0 auto;
    padding: 0;
}
.container
{
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
    max-width: 1010px;
}
#wrapper
{
    padding: 0 !important;
    max-width: 100% !important;
}
#content
{
    margin: 30px auto 0;
    max-width: 100%;
}
#content .contentWrap > div
{
    float: none;
    margin: 0;
}
#contentInner .post .inner
{
    padding: 10px;
}
@media screen and (min-width: 769px)
{
    #contentInner
    {
        width: calc(100% - 245px);
    }
    #contentInner .post .inner
    {
        padding: 0 10px;
    }
    .side
    {
        margin: 0;
        width: 230px;
    }
}
.section + .section, #contentInner .inner .widget + .widget
{
    margin-top: 50px;
}
#contentInner .section .inner .widget + .widget
{
    margin-top: 0;
}
.sec_s
{
    padding-left: 10px;
    padding-right: 10px;
}
header
{
    margin: 0;
    padding: 0;
}
header .visualFrame
{
    background: #FFFFFF;
    background:    -moz-linear-gradient(top,  #FFFFFF 0%, #DCC2DB 100%);
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#DCC2DB 100%);
    background:         linear-gradient(to bottom,  #FFFFFF 0%,#DCC2DB 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='##dcc2db',GradientType=0 );
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#dcc2db)';
}
header .visualFrame .container
{
    padding: 0;
    position: relative;
    max-width: 1200px;
}
header .visualFrame img
{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
header .sitename
{
    position: absolute;
    left: 5%;
    /*    width: 605px;
  height: 120px; */
    /* top: 110px; */
    top: 55%;
    margin: 0;
    padding: 0;
    width: 55%;
}
header .sitename:before
{
    content: '';
    display: block;
    height: 0;
    padding: 19.83% 0 0;
}
header .sitename a
{
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    /* bottom: 100%;*/
    top: 0;
    left: 0;
    text-decoration: none;
    text-indent: 9999px;
    line-height: 999;
}
header .sitename a::after
{
    display: none;
}
header #logo
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 105px;
}
header #logo .descr
{
    overflow: hidden;
    display: block;
    margin: 0 auto;
    max-width: 930px;
    height: 105px;
    line-height: 182px;
    font-size: 12px;
    font-weight: normal;
    color: #6E325B;
}
/* menuBtn */
.menuBtn
{
    position: fixed;
    top: 10px;
    right: 15px;
    width: 42px;
    /* height: 27px; */
    height: 42px;
    background: none;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    pointer-events: all;
    z-index: 200;
}
.menuBtn div
{
    position: relative;
    margin: 7px auto;
    width: 36px;
    height: 27px;
    top: 0;
    -webkit-transition: all .75s ease-out;
            transition: all .75s ease-out;
}
.menuBtn div:before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -2px;
    margin-left: -18px;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #660000;
    opacity: 1;
    -webkit-transition: .35s ease-in-out;
    -webkit-transition: .35s ease-in-out;
            transition: .35s ease-in-out;
}
.menuBtn span
{
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 27px;
    color: #660000;
    font-size: 1.1rem;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: .5px;
    line-height: 76px;
    overflow: hidden;
}
.menuBtn span:before
{
    content: '';
    position: absolute;
    left: 50%;
    display: block;
    margin-left: -18px;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #660000;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    top: 0;
    transition: transform .3s ease-out;
}
.menuBtn span:after
{
    content: '';
    position: absolute;
    left: 50%;
    display: block;
    margin-left: -18px;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #660000;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    bottom: 0;
    transition: transform .3s ease-out;
}
.menuBtn.close span:before
{
    -webkit-animation: menu-bar01 .75s forwards;
            animation: menu-bar01 .75s forwards;
}
.menuBtn.close span:after
{
    -webkit-animation: menu-bar03 .75s forwards;
            animation: menu-bar03 .75s forwards;
}
.menuBtn.open span:before
{
    -webkit-animation: active-menu-bar01 .75s forwards;
            animation: active-menu-bar01 .75s forwards;
}
.menuBtn.open span:after
{
    -webkit-animation: active-menu-bar03 .75s forwards;
            animation: active-menu-bar03 .75s forwards;
}
.menuBtn.open div:before
{
    opacity: 0;
}
@-webkit-keyframes menu-bar01
{
    0%
    {
        background: #FFF;
        -webkit-transform: translateY(2px) rotate(45deg);
    }
    50%
    {
        background: #FFF;
        -webkit-transform: translateY(2px) rotate(0);
    }
    100%
    {
        background: #660000;
        -webkit-transform: translateY(0) rotate(0);
    }
}
@keyframes menu-bar01
{
    0%
    {
        top: 50%;
        background: #FFF;
        -webkit-transform: translateY(-2px) rotate(45deg);
                transform: translateY(-2px) rotate(45deg);
    }
    50%
    {
        top: 50%;
        background: #FFF;
        -webkit-transform: translateY(-2px) rotate(0);
                transform: translateY(-2px) rotate(0);
    }
    100%
    {
        top: 0;
        background: #660000;
        -webkit-transform: translateY(0) rotate(0);
                transform: translateY(0) rotate(0);
    }
}
@-webkit-keyframes menu-bar03
{
    0%
    {
        bottom: 50%;
        background: #FFF;
        -webkit-transform: translateY(2px) rotate(-45deg);
    }
    50%
    {
        bottom: 50%;
        background: #FFF;
        -webkit-transform: translateY(2px) rotate(0);
    }
    100%
    {
        bottom: 0;
        background: #660000;
        -webkit-transform: translateY(0) rotate(0);
    }
}
@keyframes menu-bar03
{
    0%
    {
        bottom: 50%;
        background: #FFF;
        -webkit-transform: translateY(2px) rotate(-45deg);
                transform: translateY(2px) rotate(-45deg);
    }
    50%
    {
        bottom: 50%;
        background: #FFF;
        -webkit-transform: translateY(2px) rotate(0);
                transform: translateY(2px) rotate(0);
    }
    100%
    {
        bottom: 0;
        background: #660000;
        -webkit-transform: translateY(0) rotate(0);
                transform: translateY(0) rotate(0);
    }
}
@-webkit-keyframes active-menu-bar01
{
    0%
    {
        top: 0;
        background: #FFF;
        -webkit-transform: translateY(0) rotate(0);
    }
    50%
    {
        top: 50%;
        -webkit-transform: translateY(-2px) rotate(0);
    }
    100%
    {
        top: 50%;
        background: #FFF;
        -webkit-transform: translateY(-2px) rotate(45deg);
    }
}
@keyframes active-menu-bar01
{
    0%
    {
        top: 0;
        background: #FFF;
        -webkit-transform: translateY(0) rotate(0);
                transform: translateY(0) rotate(0);
    }
    50%
    {
        top: 50%;
        -webkit-transform: translateY(-2px) rotate(0);
                transform: translateY(-2px) rotate(0);
    }
    100%
    {
        top: 50%;
        background: #FFF;
        -webkit-transform: translateY(-2px) rotate(45deg);
                transform: translateY(-2px) rotate(45deg);
    }
}
@-webkit-keyframes active-menu-bar03
{
    0%
    {
        bottom: 0;
        background: #FFF;
        -webkit-transform: translateY(0) rotate(0);
    }
    50%
    {
        bottom: 50%;
        -webkit-transform: translateY(11px) rotate(0);
    }
    100%
    {
        bottom: 50%;
        background: #FFF;
        -webkit-transform: translateY(11px) rotate(-45deg);
    }
}
@keyframes active-menu-bar03
{
    0%
    {
        bottom: 0;
        background: #FFF;
        -webkit-transform: translateY(0) rotate(0);
                transform: translateY(0) rotate(0);
    }
    50%
    {
        bottom: 50%;
        -webkit-transform: translateY(2px) rotate(0);
                transform: translateY(2px) rotate(0);
    }
    100%
    {
        bottom: 50%;
        background: #FFF;
        -webkit-transform: translateY(2px) rotate(-45deg);
                transform: translateY(2px) rotate(-45deg);
    }
}
/* head icon */
#headicon
{
    max-width: 930px;
    margin: 20px auto;
    font-weight: bold;
    line-height: 1.3;
}
#headicon #hdicon1
{
    width: calc(37% - 10px);
}
#headicon #hdicon2, #headicon #hdicon3
{
    width: calc(31.5% - 10px);
}
#headicon .ico
{
    position: relative;
    padding: 2px;
    background: #FFFFFF;
    background:    -moz-linear-gradient(top,  #FFFFFF 0%, #E5DFE3 50%, #E5DFE3 50%, #D5C6CE 51%, #B9A9B8 100%);
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#E5DFE3 50%,#E5DFE3 50%,#D5C6CE 51%,#B9A9B8 100%);
    background:         linear-gradient(to bottom,  #FFFFFF 0%,#E5DFE3 50%,#E5DFE3 50%,#D5C6CE 51%,#B9A9B8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9a9b8',GradientType=0 );
    color: #FFF;
    font-size: 18px;
    z-index: 1;
}
#headicon .ico:after
{
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 5%;
    right: 5%;
    bottom: 0;
    box-shadow: 0 5px 7px rgba(0,0,0,.25);
    border-radius: 50%;
    background: rgba(0,0,0,.25);
    z-index: -1;
}
#headicon .ico > span
{
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    padding-left: 55px;
    width: 100%;
    height: 50px;
    line-height: 1.2;
    width: 100%;
    font-family: serif;
    background: #7B3557;
    background:    -moz-linear-gradient(top,  #7B3557 0%, #210011 100%);
    background: -webkit-linear-gradient(top,  #7B3557 0%,#210011 100%);
    background:         linear-gradient(to bottom,  #7B3557 0%,#210011 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b3557', endColorstr='#210011',GradientType=0 );
}
#headicon .ico > span:before
{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
}
#headicon #hdicon1 .ico > span:before
{
    background: url(images/hdicon01.png) no-repeat center center;
    background-size: cover;
}
#headicon #hdicon2 .ico > span:before
{
    background: url(images/hdicon02.png) no-repeat center center;
    background-size: cover;
}
#headicon #hdicon3 .ico > span:before
{
    background: url(images/hdicon03.png) no-repeat center center;
    background-size: cover;
}
#headicon #hdicon2 .ico, #headicon #hdicon3 .ico
{
    font-size: 24px;
}
#headicon .note
{
    display: block;
    margin: 7px 0 0;
    font-size: 12px;
    font-family: serif;
    line-height: 1;
    letter-spacing: -.7px;
    color: #652C90;
    text-align: center;
}
/* ----------------------------------
  COMMON STYLES
  ----------------------------------*/
.gnav
{
    position: relative;
    padding: 0 3px 3px;
    background: #C39490;
    background:    -moz-linear-gradient(top,  #C39490 0%, #896486 100%);
    background: -webkit-linear-gradient(top,  #C39490 0%,#896486 100%);
    background:         linear-gradient(to bottom,  #C39490 0%,#896486 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c39490', endColorstr='#896486',GradientType=0 );
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,.4);
}
.gnav #main-navigation
{
    border: 0;
    margin: 0;
    padding: 0;
}
.gnav .menu-globalmenu-container ul, .gnav .menu ul
{
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    background: #660033;
    background:    -moz-linear-gradient(top,  #660033 0%, #050003 100%);
    background: -webkit-linear-gradient(top,  #660033 0%,#050003 100%);
    background:         linear-gradient(to bottom,  #660033 0%,#050003 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660033', endColorstr='#050003',GradientType=0 );
    border-radius: 0 0 10px 10px;
}
.gnav #main-navigation li
{
    /* .gnav .menu ul li { */
    float: none;
    flex-grow: 1;
    border: 0;
}
.gnav  #main-navigation li > a
{
    /*.gnav .menu ul > li > a { */
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    padding: 0 10px;
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    border-right: 1px solid #FFF;
    text-align: center;
}
.gnav  #main-navigation ul > li:last-child > a
{
    border-right: 0;
}
.gnav  #main-navigation ul li a:hover
{
    text-decoration: none;
    background: #7B0092;
    background:    -moz-linear-gradient(top,  #7B0092 0%, #380036 100%);
    background: -webkit-linear-gradient(top,  #7B0092 0%,#380036 100%);
    background:         linear-gradient(to bottom,  #7B0092 0%,#380036 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0092', endColorstr='#380036',GradientType=0 );
}
.gnav  #main-navigation ul li a::after
{
    display: none;
}
/* -----------------------------------
  footer
 ----------------------------------- */
footer
{
    position: relative;
    overflow: hidden;
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
    background-image: linear-gradient(0deg,
    #63364C 25%, #63364C 25%, #63364C 50%, #592A41 50%, #592A41 75%,#63364C 75%, #63364C);
    background-size: 2px 3px;
}
footer:before
{
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: #FBF9FB;
    background:    -moz-linear-gradient(top,  #FBF9FB 0%, #EEDFEE 100%);
    background: -webkit-linear-gradient(top,  #FBF9FB 0%,#EEDFEE 100%);
    background:         linear-gradient(to bottom,  #FBF9FB 0%,#EEDFEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf9fb', endColorstr='#eedfee',GradientType=0 );
}
footer #bottom_in
{
    margin: 0 auto;
    padding-top: 30px;
    /*  max-width: 1000px; */
}
footer #bottomtitle
{
    overflow: hidden;
    width: 140px;
    margin: 0 0 5px;
    font-size: 20px;
    color: #FFF;
}
footer ul#bottommenu, footer .menu-footermenu-container
{
    float: right;
    margin: 0 20px;
    height: 30px;
    padding: 0;
    overflow: hidden;
    width: 600px;
    display: block;
}
footer ul#bottommenu li, footer ul#menu-footermenu li
{
    list-style-type: none;
    float: right;
    margin: 0;
}
footer ul#bottommenu li a, footer ul#menu-footermenu li a
{
    display: block;
    font-size: 14px;
    padding: 0 10px 0 22px;
    line-height: 30px;
    color: #FFFFFF;
    background: url(images/guide_arrow.gif) no-repeat left 5px;
    text-decoration: none;
    white-space: nowrap;
}
footer ul#bottommenu li a:hover, footer ul#menu-footermenu li a:hover
{
    text-decoration: underline;
}
footer #guide_in
{
    margin: 0;
    /*  padding: 20px 30px;
  padding: 20px 10px; */
    padding: 0;
    background: #FBF8FB;
    border-radius: 12px;
}
footer .box_g
{
    text-align: left;
}
/*footer .box_g + .box_g {
  margin-top: 30px;
}*/
@media screen and (min-width: 769px)
{
    footer .box_g
    {
        /*  width: 48.5%; */
        width: 50%;
    }
    footer .box_g + .box_g
    {
        margin-top: 0;
    }
}
footer #guide_in .sec img
{
    display: block;
}
footer #guide_in .sec + .sec
{
    margin-top: 15px;
}
footer #guide_in div p
{
    margin: 5px;
    padding: 0;
    font-size: 8pt;
    line-height: 1.2em;
}
footer #guide_in .cardGuide
{
    margin: 5px 0 10px;
}
footer #guide_in .cardGuide .head
{
    margin: 0;
    font-size: 11px;
    color: #A80202;
}
footer #guide_in .cardGuide p
{
    margin: 0;
    line-height: 2;
}
footer #guide_in div table
{
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 1px;
    margin: 10px 5px 0;
    width: 100%;
    border-left: #F1F1F1 1px solid;
    border-top: #F1F1F1 1px solid;
}
footer #guide_in div table.mt0
{
    margin-top: 0;
}
footer #guide_in div table th, footer #guide_in div table td
{
    padding: 2px;
    font-size: 8pt;
    font-weight: normal;
    line-height: 1.2em;
    border-right: #CCCCCC 1px solid;
    border-bottom: #CCCCCC 1px solid;
}
footer #guide_in div table th
{
    background: #EEF3FF;
    text-align: center;
}
footer #guide_in div table td
{
    text-align: center;
    background: #FFF;
}
footer #guide_in div .areaTbl th
{
    text-align: left;
    width: 230px;
}
footer #guide_in div .timeTbl th
{
    text-align: right;
}
footer #guide_in div .timeTbl td
{
    text-align: left;
}
footer #guide_in div h6
{
    margin: 3px 0 0 0;
    padding: 0;
    font-size: 10pt;
    font-weight: bold;
    color: #990033;
    line-height: 1.5em;
    border-bottom: 1px dotted #990033;
}
footer #guide_in div strong
{
    display: block;
    margin: 10px 0 5px;
    color: #993333;
}
footer  p.cr
{
    float: left;
    margin: 0 0 15px;
    padding: 5px 0 0 5px;
    font-size: 12px;
}
.cr_r
{
    float: right;
    margin: 0 0 15px;
    padding: 5px 0 0 0;
    font-size: 12px;
    display: block;
}
.hs
{
    font-size: 11px;
    color: #CC0000;
    font-weight: bold;
}
/* フッターメニュー */
.footer-nav-wrap{
  display: flex;
  padding-top: 34px;
  justify-content: space-between;
  .footer-nav-container{
    padding: 0 10px;
  }
  .footer-nav-container:first-child{
    padding-left: 0;
  }
  .footer-nav-container:last-child{
    padding-right: 0;
  }
  .footer-nav-headline{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.9em;
    color: #793F65;
    border-bottom: solid 1px #793F65;
    margin-bottom: 15px;
  }
  li a{
    color: #333;
    &:hover{
      opacity: 0.6;
    }
  }
}
footer #copy
{
    display: block;
    margin: 10px 0 10px;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
}
  /*　*　*　*　*　*　*　*　*　*
    * レイアウト 関連  *
    *　*　*　*　*　*　*　*　*　*/
  
  /* sp,pc表示切り替え */
  @media screen and (max-width: 767.9px)
  {
      .show-pc
      {
          display: none;
      }
  
      .show-tab
      {
          display: none;
      }
  
      .show-sp
      {
          display: inherit;
      }
  }
  
  @media screen and (min-width: 769px) and (max-width: 1239.9px)
  {
      .show-pc
      {
          display: none;
      }
  
      .show-sp
      {
          display: none;
      }
  
      .show-tab
      {
          display: inherit;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      .show-tab
      {
          display: none;
      }
  
      .show-sp
      {
          display: none;
      }
  
      .show-pc
      {
          display: inherit;
      }
  }
  
  /* container 関連 */
  .container
  {
      max-width: none;
  }
  
  .container.contentWrap
  {
      padding: 0 0;
  }
  
  /* header 関連 */
  header .visualFrame
  {
      background: #FFF;
  }
  
  header .visualFrame .container
  {
      max-width: none;
      margin: 0;
  }
  
  header .visualFrame .container.logoWrap
  {
      flex-grow: 1;
  }
  
  div#header-bar
  {
      position: relative;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 118px;
      margin: 0;
      padding: 0 0 0 10px;
      overflow: hidden;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  }
  
  div#header-bar::before
  {
      position: absolute;
      content: '';
      bottom: 0;
      width: 100%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  }
  
  @media screen and (min-width: 769px)
  {
      div#header-bar
      {
          justify-content: space-between;
          padding-left: 50px;
      }
  }
  
  @media screen and (min-width: 1720px)
  {
      div#header-bar
      {
          padding-left: calc(60px + (100vw - 1720px) / 2);
      }
  }
  
  /* メインビジュアル 関連 */
  /* 通常固定ページのヘッダー */
  #header-mv
  {
      position: relative;
      width: 100%;
      aspect-ratio: 6.1 / 3;
      margin: 0 auto;
  }
  
  #header-mv #gazou
  {
      width: 100%;
      height: 100%;
  }
  
  #gazou > #headimg
  {
      width: 100%;
      height: 100%;
      overflow: hidden;
  }
  
  #gazou > #headimg > img
  {
      display: block;
      margin: 0 auto;
      height: 100%;
      object-fit: cover;
  }
  
  #gazou > #headimg > img.cover
  {
      position: absolute;
      bottom: 0;
      left: 0;
      height: auto;
      object-fit: contain;
  }
  
  #header-mv .caption
  {
      position: absolute;
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      top: 0;
      bottom: 0;
      width: 100%;
      padding: 0 15px;
  }
  
  #header-mv .caption > h1.descr
  {
      width: 100%;
      max-width: 1600px;
      margin: 0 auto;
      padding: 0 20px;
      font-size: 20px;
      line-height: 1.8;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: 400;
      letter-spacing: .08em;
  }
  
  @media screen and (min-width: 769px)
  {
      #header-mv
      {
          position: relative;
          width: 100%;
          height: 400px;
          aspect-ratio: auto;
          margin: 0 auto;
      }
  
      #header-mv #gazou
      {
          width: 100%;
          height: 100%;
      }
  
      #gazou > #headimg
      {
          position: relative;
          width: 100%;
          height: 100%;
      }
  
      #gazou > #headimg > img
      {
          display: block;
          margin: 0 auto;
          width: 100%;
          height: 100%;
          object-fit: cover;
      }
  
      #gazou > #headimg > img.cover
      {
          object-fit: cover;
      }
  
      #header-mv .caption
      {
          width: 100%;
          padding: 0;
      }
  
      #header-mv .caption > h1.descr
      {
          width: 100%;
          margin: 0 auto 0;
          padding: 0 60px;
          font-size: 32px;
          line-height: 2.0;
      }
  }
  
  @media screen and (min-width: 1760px)
  {
      #header-mv .caption > h1.descr
      {
          width: 100%;
          max-width: 1600px;
          margin: 0 auto 0;
          padding: 0;
          font-size: 32px;
          line-height: 2.0;
      }
  }
  
  /* トップページのヘッダー */
  #header-mv.toppage
  {
      aspect-ratio: 1.44;
  }
  
  #header-mv.toppage .caption
  {
      padding: 0;
  }
  
  #header-mv.toppage .caption > h1.descr
  {
      width: auto;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
      margin: 6% auto 0 13%;
      padding: 0;
  }
  
  #header-mv.toppage .caption > h1.descr > span
  {
      display: inline-block;
      height: 100%;
      font-size: 4vw;
      line-height: 1.8;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: normal;
      letter-spacing: .5em;
  }
  
  #header-mv.toppage .caption > h1.descr > span:not(:first-child)
  {
      padding-top: 1em;
  }
  
  @media screen and (min-width: 769px)
  {
      #header-mv.toppage
      {
          width: 100%;
          height: 100%;
          min-height: 400px;
      }
  
      #header-mv.toppage .caption > h1.descr
      {
          margin: 3% auto 0 13%;
      }
  
      #header-mv.toppage .caption > h1.descr > span
      {
          font-size: 4vw;
          line-height: 2.0;
          letter-spacing: .5em;
      }
  
      #header-mv.toppage .caption > h1.descr > span:not(:first-child)
      {
          padding-top: 1.5em;
      }
  }
  
  /* footer 関連 */
  /* レイアウト */
  footer
  {
      margin: 0;
      padding: 0;
      background: #70415F;
  }
  
  footer::before
  {
      display: none;
  }
  
  footer #bottom_in
  {
      margin: 0 auto;
      padding: 50px 30px;
  }
  
  footer #bottom_in .wp-block-group
  {
      justify-content: space-between;
      width: 100%;
      max-width: 1600px;
      margin: 50px auto 0;
      padding: 50px 0;
      background: #FFF;
  }
  
  @media screen and (min-width: 769px)
  {
      footer #bottom_in
      {
          padding: 100px 60px;
      }
  
      footer #bottom_in .wp-block-group
      {
          margin: 100px auto 0;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      footer #bottom_in
      {
          padding: 150px 60px;
      }
  
      footer #bottom_in .wp-block-group
      {
          margin: 150px auto 0;
      }
  }
  
  /* コピーライト */
  footer #bottom_bar
  {
      margin: 0 auto;
      background: #FFF;
      padding: 0 30px;
  }
  
  footer #bottom_bar .wp-block-group
  {
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      width: 100%;
      max-width: 1600px;
      margin: 0 auto;
      padding: 34px 0;
      background: #FFF;
  }
  
  @media screen and (min-width: 1240px)
  {
      footer #bottom_bar
      {
          padding: 0 60px;
      }
  
      footer #bottom_bar .wp-block-group
      {
          flex-flow: row;
          justify-content: space-between;
          width: 100%;
          max-width: 1600px;
      }
  }
  
  /* footer 見出し */
  footer #bottomtitle
  {
      width: auto;
      margin: 0 auto 5px;
      padding-bottom: 10px;
      font-size: 24px;
      line-height: 1.8;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      text-align: center;
  }
  
  @media screen and (min-width: 769px)
  {
      footer #bottomtitle
      {
          padding-bottom: 50px;
          line-height: 2.0;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      footer #bottomtitle
      {
          padding-bottom: 100px;
          font-size: 32px;
          line-height: 1;
          margin-bottom: 0;
      }
  }
  
  /* お買い物ガイドデザイン */
  /* 枠 */
  footer #guide_in1
  {
      background: none;
      margin: 0;
      padding: 0 0 0;
  }
  
  footer .box_g1
  {
      width: 100%;
      font-size: 16px;
      line-height: 1.8;
      margin: 10px 0 -15px;
      text-align: left;
  }
  
  .colWrap
  {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
  footer .box_g1 .su-table
  {
      margin-bottom: 0;
  }
  
  @media screen and (min-width: 1240px)
  {
      .colWrap
      {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
      }
  
      footer .box_g1
      {
          width: calc(50% - 30px);
          max-width: 700px;
          line-height: 2.0;
      }
  }
  
  /* ピンポイントデザイン */
  footer p.guide1
  {
      color: #FFFFFF;
      font-size: 18px;
      line-height: 1.8;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
      font-weight: 600;
  }
  
  footer p.guide1::before
  {
      content: '■';
  }
  
  /* 通常テキスト */
  footer #guide_in1 p
  {
      color: #FFF;
      font-size: 16px;
      line-height: 1.8;
  }
  
  footer #guide_in1 p.caption
  {
      padding-bottom: 50px;
  }
  
  footer #guide_in1 span
  {
      color: #FFF;
      font-size: 16px;
      line-height: 1.8;
  }
  
  /* リンク */
  footer #guide_in1 a:link
  {
      color: #FFF;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
      text-decoration: none;
      transition: none;
  }
  
  footer #guide_in1 a:link:hover
  {
      color: #FFF;
      text-decoration: none;
      transition: none;
  }
  
  /* クレジットカード */
  footer #guide_in1 .credit
  {
      width: 100%;
      margin: 20px auto;
      padding: 20px 5px 10px;
      background: #FFF;
      border-radius: 10px;
      text-align: center;
  }
  
  footer #guide_in1 .credit img
  {
      width: 80%;
      height: auto;
  }
  
  @media screen and (min-width: 769px)
  {
      footer #guide_in1 p.guide1
      {
          font-size: 18px;
          line-height: 2.0;
      }
  
      footer #guide_in1 p
      {
          line-height: 2.0;
      }
  
      footer #guide_in1 span
      {
          line-height: 2.0;
      }
  
      footer #guide_in1 .credit
      {
          width: 648px;
          margin-left: 0;
          padding: 20px 20px 10px;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      footer #guide_in1 .credit
      {
          width: 100%;
          margin-left: auto;
          padding: 20px 20px 10px;
      }
  }
  
  /* コピーライト */
  footer #copy
  {
      display: block;
      margin: 10px 0 10px;
      color: #333;
      font-size: 14px;
      line-height: 1.8;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
      font-weight: normal;
      text-align: center;
  }
  
  @media screen and (min-width: 769px)
  {
      footer #copy
      {
          font-size: 16px;
          line-height: 2.0;
      }
  }
/* アニメーション関連 */
  @keyframes fadeIn
  {
      0%
      {
          opacity: 0;
          /* 透明 */
          transform: translateY(-10px);
          /* 上から表示 */
      }
  
      100%
      {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  @keyframes fadeOut
  {
      0%
      {
          opacity: 1;
          transform: translateY(0);
      }
  
      100%
      {
          opacity: 0;
          /* 透明 */
          transform: translateY(-10px);
          /* 上に消える */
      }
  }
  
  /*　*　*　*　*　*　*　*　*　*
    * ロゴ 関連  *
    *　*　*　*　*　*　*　*　*　*/
  
  /* ロゴ表示部分 */
  header #logo
  {
    position: relative;
    width: auto;
    max-height: auto;
    margin: 1px 0;
  }
  
  header #logo > a
  {
      display: block;
      width: auto;
      max-width: 217px;
      height: 100%;
      margin: 0 auto;
  }
  
  header #logo > a > img
  {
      margin: 0 auto;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  @media screen and (min-width: 769px)
  {
      header #logo
      {
          position: relative;
          width: auto;
          max-height: 156px;
          margin: 21px 0;
      }
  
      header #logo > a
      {
          display: block;
          width: auto;
          max-width: 434px;
          height: 100%;
          margin: 0 auto 0 0;
      }
  
      header #logo > a > img
      {
          margin: 0 auto;
          width: 100%;
          height: 100%;
          object-fit: contain;
      }
  }
  
  /*　*　*　*　*　*　*　*　*　*
    * ヘッダーメニュー 関連  *
    *　*　*　*　*　*　*　*　*　*/
  
  /* PC表示メニュー */
  .gnav
  {
      padding: 0 3px;
      background: #FFF;
      box-shadow: none;
      border-radius: 0 0 0 0;
  }
  
  .gnav .menu-globalmenu-container ul, .gnav .menu ul
  {
      background: none;
  }
  
  .gnav nav#main-navigation li > a
  {
      font-size: 16px;
      color: #333;
      line-height: 1.8;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
      font-weight: normal;
      letter-spacing: 0;
  }
  
  .gnav #main-navigation ul li a:hover
  {
      background: #FFF;
      color: #333;
  }
  @media print,
  screen and (max-width: 768px)
  {
    .gnav
      {
          position: fixed;
          overflow: hidden;
          top: 0;
          left: 0;
          margin: 0;
          padding: 0 0 0;
          width: 100vw;
          height: 100vh;
          max-height: 0;
          overflow-y: auto;
          border-radius: 0;
          -webkit-overflow-scrolling: touch;
          -webkit-transition: max-height .3s ease-out;
                  transition: max-height .3s ease-out;
          z-index: 100;
      }
  
      .gnav.open
      {
          max-height: 100vh;
          padding: 0 0 20px;
          border-radius: 0;
      }
  
      .gnav nav
      {
          display: flex;
          flex-flow: column;
          align-items: center;
          margin: 0;
          /* padding: 60px 0 0; */
          padding: 0;
          width: 100%;
          height: 100%;
          max-width: 100%;
          overflow-y: auto;
      }
  
      .gnav .menu-globalmenu-container ul, .gnav .menu ul
      {
          display: block;
          border-radius: 0;
      }
  
      .gnav nav#main-navigation li > a
      {
          color: #000;
          opacity: 1;
          border-right: none;
      }
  
      .gnav nav#main-navigation li > a:hover
      {
          color: #333;
          text-decoration: none;
      }
  
      .gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
      {
          border-bottom: 1px solid rgba(255, 255, 255, .3);
      }
  
      .gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
      {
          display: block;
          position: relative;
          padding: 10px 40px 10px 20px;
          font-size: 16px;
          line-height: 1.3;
          font-weight: 700;
          text-decoration: none;
          border: 0;
          border-top: 1px solid rgba(255, 255, 255, .3);
          text-align: left;
      }
  
      .gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
      {
          border-top: 0;
          border-bottom: 0;
      }
  
      .gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
      {
          display: block;
          position: relative;
          margin: 0;
          padding: 60px 0 0;
          width: auto;
          border-radius: 0;
      }
  
      .gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
      {
          content: '';
          display: block;
          position: absolute;
          box-sizing: border-box;
          left: auto;
          right: 15px;
          top: 50%;
          width: 6px;
          height: 6px;
          background: none;
          border-top: 2px solid #FFF;
          border-right: 2px solid #FFF;
          opacity: .5;
          transform: translateY(-50%) rotate(45deg);
      }
  }
  @media print,screen and (min-width: 769px)
  {
      .nav-wrapper-pc .nav{
        position: relative;
        display: flex;
      }
      .nav-wrapper-pc .nav li.parent-menu {
        position: relative;
        cursor: pointer;
      }
  }
  /* @media print, */
  /* screen and (max-width: 1559px) */
  @media print,screen and (max-width: 768px)
  {
      .gnav
      {
          position: fixed;
          overflow: hidden;
          top: 0;
          right: 0;
          left: auto;
          margin: 0;
          padding: 0 0 0;
          width: 50vw;
          height: 100vh;
          max-height: 0;
          overflow-y: auto;
          border-radius: 0;
          -webkit-overflow-scrolling: touch;
          -webkit-transition: max-height .3s ease-out;
                  transition: max-height .3s ease-out;
          z-index: 100;
      }
  
      .gnav.open
      {
          max-height: 100vh;
          padding: 0 0 20px;
          border-radius: 0;
      }
  
      .gnav nav
      {
          display: flex;
          flex-flow: column;
          align-items: center;
          margin: 0;
          /* padding: 60px 0 0; */
          padding: 0;
          width: 100%;
          height: 100%;
          max-width: 100%;
          overflow-y: auto;
      }
  
      .gnav .menu-globalmenu-container ul, .gnav .menu ul
      {
          display: block;
          border-radius: 0;
      }
  
      .gnav nav#main-navigation li > a
      {
          color: #000;
          opacity: 1;
          border-right: none;
          font-size: 1.2vw !important;
      }
  
      .gnav nav#main-navigation li > a:hover
      {
          color: #333;
          text-decoration: none;
      }
  
      .gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
      {
          border-bottom: 1px solid rgba(255, 255, 255, .3);
      }
  
      .gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
      {
          display: block;
          position: relative;
          padding: 10px 40px 10px 20px;
          font-size: 16px;
          line-height: 1.3;
          font-weight: 700;
          text-decoration: none;
          border: 0;
          border-top: 1px solid rgba(255, 255, 255, .3);
          text-align: left;
      }
  
      .gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
      {
          border-top: 0;
          border-bottom: 0;
      }
  
      .gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
      {
          display: block;
          position: relative;
          margin: 0;
          padding: 60px 0 0;
          width: auto;
          border-radius: 0;
      }
  
      .gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
      {
          content: '';
          display: block;
          position: absolute;
          box-sizing: border-box;
          left: auto;
          right: 15px;
          top: 50%;
          width: 6px;
          height: 6px;
          background: none;
          border-top: 2px solid #FFF;
          border-right: 2px solid #FFF;
          opacity: .5;
          transform: translateY(-50%) rotate(45deg);
      }
  }
  
  @media screen and (min-width: 1540px)
  {
      .gnav
      {
          padding: 0 15px 0 0;
          box-shadow: none;
          border-radius: 0 0 0 0;
      }
  }
  
  @media screen and (min-width: 1680px)
  {
      .gnav
      {
          padding: 0 37px 0 0;
      }
  
      .gnav #main-navigation li > a
      {
          font-size: 16px;
          line-height: 2.0;
      }
  }
  
  /* SPメニュー(ハンバーガー) */
  
  .menuBtn
  {
      display: inherit;
      position: fixed;
      inset: auto;
      right: 15px;
      margin: auto 0;
  }
  
  .menuBtn.open span::after,
  .menuBtn.open span::before {
      background-color: #793F65 !important;
  }
  
  @media screen and (min-width: 769px) and (max-width: 1279px)
  {
      .menuBtn
      {
          display: inherit;
          position: fixed;
          inset: auto;
          right: 15px;
          margin: auto 0;
      }
  }
  
  @media screen and (min-width: 1560px)
  {
      .menuBtn
      {
          display: none;
      }
  }
  
  /* 電話番号 */
  div#header-bar #phone-number
  {
      margin: 0 0 0 auto;
      padding: 0 20px 0 0;
  }
  
  div#header-bar #phone-number a
  {
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: center;
  }
  
  div#header-bar #phone-number a:hover
  {
      text-decoration: none;
  }
  
  div#header-bar #phone-number a > span.phoneIcon
  {
      font-size: 32px;
      margin-right: 5px;
  }
  
  div#header-bar #phone-number a > span.phoneText
  {
      color: #333;
      font-size: 22px;
      line-height: 1.0;
      letter-spacing: 0;
  }
  
  div#header-bar #phone-number a > span.phoneText > span.small
  {
      font-size: 12px;
      line-height: 1.8;
      margin-left: 2px;
      letter-spacing: 0;
  }
  
  @media screen and (max-width: 1279px)
  {
      div#header-bar #phone-number
      {
          display: none;
      }
  
      div#header-bar #phone-number a > span.phoneText
      {
          font-size: 22px;
      }
  }
  
  @media screen and (min-width: 1680px)
  {
      div#header-bar #phone-number
      {
          padding: 0 64px 0 0;
      }
  
      div#header-bar #phone-number a > span.phoneText
      {
          font-size: 22px;
      }
  }
  
  /* PC表示ボタン */
  div#header-bar #buttons
  {
      height: 100%;
      font-size: 16px;
  }
  
  div#header-bar #buttons ul
  {
      display: flex;
      flex-flow: row nowrap;
      justify-content: right;
      align-items: center;
      height: 100%;
  }
  
  div#header-bar #buttons ul > li
  {
      display: block;
      height: 120px;
      min-width: 120px;
      transition: .4s ease-in;
  }
  
  div#header-bar #buttons ul > li.userLogin
  {
      background: #BF83AA;
  }
  
  div#header-bar #buttons ul > li.userLogin:hover
  {
      opacity: .6;
  }
  
  div#header-bar #buttons ul > li.cart
  {
      background: #793F65;
  }
  
  div#header-bar #buttons ul > li.cart:hover
  {
      opacity: .6;
  }
  
  div#header-bar #buttons ul > li a
  {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-content: center;
      height: 100%;
      opacity: 1;
  }
  
  div#header-bar #buttons ul > li a:hover
  {
      text-decoration: none;
  }
  
  div#header-bar #buttons ul > li a > img
  {
      width: 35px;
      height: auto;
  }
  
  div#header-bar #buttons ul > li a > span
  {
      font-size: 14px;
      font-weight: normal;
      color: #FFF;
  }
  
  @media screen and (max-width: 769px)
  {
      div#header-bar #buttons
      {
          display: none;
      }
  }
  @media screen and (max-width: 1280px)
  {
    div#header-bar #buttons ul > li a > span{
        font-size: 1.2vw !important;
    }
  }
  @media screen and (min-width: 1559px)
  {
      div#header-bar #buttons ul > li
      {
          min-width: 160px;
      }
  
      div#header-bar #buttons ul > li > a > span
      {
          font-size: 16px;
      }
  }
  /*　*　*　*　*　*　*　*　*　*
    * カラム 関連  *
    *　*　*　*　*　*　*　*　*　*/
  
  /* 基本設定 */
  .columns + .columns
  {
      padding-top: 50px;
  }
  
  @media screen and (min-width: 769px)
  {
      .columns + .columns
      {
          padding-top: 0;
      }
  }
  
  /* 2カラム設定 */
  .columns
  {
      display: flex;
      flex-flow: row wrap;
      justify-content: left;
      align-items: flex-start;
      width: 100%;
  }
  
  .columns.align-center
  {
      align-items: center;
  }
  
  .column-l
  {
      display: block;
      width: 100%;
  }
  
  .column-r
  {
      display: block;
      width: 100%;
  }
  
  @media screen and (min-width: 769px)
  {
      .columns
      {
          display: flex;
          flex-flow: row wrap;
          justify-content: left;
          align-items: flex-start;
          width: 100%;
      }
  
      .column-l
      {
          width: 50%;
      }
  
      .column-r
      {
          width: 50%;
      }
  }
  
  /* 画像カラム設定 */
  .column.imageColumn
  {
      width: 100%;
      margin: 0 auto;
  }
  .column.imageColumn img {
    display: block;
  }
  
  .column-l img, .column-r img
  {
      width: 100%;
      height: auto;
  }
  
  @media screen and (min-width: 769px)
  {
      .column-l.imageColumn
      {
          width: calc(50% - 30px);
          margin-left: 0;
          margin-right: auto;
      }
  
      .column-r.imageColumn
      {
          width: calc(50% - 30px);
          margin-left: auto;
          margin-right: 0;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      .column-l.imageColumn
      {
          width: calc(50% - 60px);
          margin-left: 0;
          margin-right: auto;
      }
  
      .column-r.imageColumn
      {
          width: calc(50% - 60px);
          margin-left: auto;
          margin-right: 0;
      }
  }
  
  /* 並べ順の入れ替え */
  @media screen and (min-width: 769px)
  {
      .columns.columns-reverse
      {
          flex-flow: row-reverse wrap;
      }
      .columns.columns-reverse .column-l.imageColumn
      {
          margin-left: auto;
          margin-right: 0;
      }
  
      .columns.columns-reverse .column-r.imageColumn
      {
          margin-left: 0;
          margin-right: auto;
      }
  }
  
  @media screen and (min-width: 1280px)
  {
      .columns.columns-reverse
      {
          flex-flow: row-reverse wrap;
      }
  
      .columns.columns-reverse .column-l.imageColumn
      {
          margin-left: auto;
          margin-right: 0;
      }
  
      .columns.columns-reverse .column-r.imageColumn
      {
          margin-left: 0;
          margin-right: auto;
      }
  }
  
  /* 3カラム設定 */
  .column3
  {
      display: block;
      width: calc(100%);
      padding: 0;
  }
  
  /* 4カラム設定 */
  .column4
  {
      display: block;
      width: calc(100%);
      padding: 0;
  }
  
  @media screen and (max-width: 767.9px)
  {
      .column3:nth-of-type(n+2)
      {
          padding-top: 25px;
      }
  
      .column4:nth-of-type(n+2)
      {
          padding-top: 25px;
      }
  }
  
  /* 3,4カラムPC設定 */
  @media screen and (min-width: 769px)
  {
      .column3
      {
          width: calc((100% / 3) - 40px);
      }
  
      .column3:nth-of-type(n+4)
      {
          padding-top: 50px;
      }
  
      .column4
      {
          width: calc((100% / 4) - 40px);
      }
  }
  
  /* 2カラムtab設定 */
  @media screen and (min-width: 769px) and (max-width: 1239.9px)
  {
      .column2-tab
      {
          width: calc((100% / 2) - 40px);
      }
  
      .column2-tab:nth-of-type(n+3)
      {
          padding-top: 25px;
      }
  }
  
  /* 3カラムtab設定 */
  @media screen and (min-width: 769px) and (max-width: 1239.9px)
  {
      .column3-tab
      {
          width: calc((100% / 3) - 40px);
      }
  
      .column3-tab:nth-of-type(n+4)
      {
          padding-top: 25px;
      }
  }
  
  /* タブレット表示範囲で1カラム化 */
  @media screen and (min-width: 769px) and (max-width: 1239.9px)
  {
      .columns.single-tab
      {
          display: flex;
          flex-flow: column wrap;
          justify-content: space-between;
          align-items: center;
          width: 100%;
      }
  
      .columns.single-tab column
      {
          width: 100%;
          margin: 0 auto;
      }
  
      .columns.single-tab .column-l
      {
          width: 100%;
          margin: 0 auto;
      }
  
      .columns.single-tab .column-r
      {
          width: 100%;
          margin: 0 auto;
      }
  }
  
  /* 縦カラム設定 */
  .columns.vertical
  {
      flex-flow: column wrap;
      justify-content: flex-start;
      align-content: left;
  }
  
  /* 幅の指定 */
  @media screen and (min-width: 769px)
  {
      .w-10
      {
          width: 10%;
      }
  
      .w-20
      {
          width: 20%;
      }
  
      .w-30
      {
          width: 30%;
      }
  
      .w-40
      {
          width: 40%;
      }
  
      .w-50
      {
          width: 50%;
      }
  
      .w-60
      {
          width: 60%;
      }
  
      .w-70
      {
          width: 70%;
      }
  
      .w-80
      {
          width: 80%;
      }
  
      .w-90
      {
          width: 90%;
      }
  }
  
  /* 隙間の設定 */
  .columns.center
  {
      justify-content: center;
  }
  
  .columns.end
  {
      justify-content: flex-end;
  }
  
  .columns.spaceBetween
  {
      justify-content: space-between;
  }
  
  /* 要素の位置合わせ */
  .columns.alignStart
  {
      align-items: flex-start;
  }
  
  .columns.alignCenter
  {
      align-items: center;
  }
  
  .columns.alignEnd
  {
      align-items: flex-end;
  }
  
  .columns.alignStrech
  {
      align-items: stretch;
  }
  
  .columns.alignVStrech
  {
      align-content: stretch;
  }
  
  /* 用途別に胡蝶蘭を探す */
  .columns.purposeColumn
  {
      max-width: 1600px;
      align-items: stretch;
  }
  
  .columns.purposeColumn .column
  {
      margin: 0;
      background: #FFF;
  }
  
  .columns.purposeColumn .column > .columnVisualArea
  {
      width: 100%;
      margin: 0 auto;
      font-size: 0;
  }
  
  .columns.purposeColumn .column > .columnVisualArea > img
  {
      width: 100%;
      height: auto;
  }
  
  .columns.purposeColumn .column > .columnTextArea
  {
      width: 100%;
      margin: 0 auto;
      padding: 50px 20px;
  }
  
  .columns.purposeColumn .column > .columnTextArea > .columnSpacer
  {
      width: 60%;
      margin: 0 auto;
  }
  
  .columns.purposeColumn .columnTextArea > .columnSpacer > .spacerLine
  {
      position: relative;
      display: block;
      width: 100%;
      height: .5em;
      margin-bottom: .5em;
      border-bottom: 1px solid #793F65;
      font-size: 50px;
      line-height: 1.0;
  }
  
  .columns.purposeColumn .columnTextArea > .columnSpacer > .spacerLine::before
  {
      position: absolute;
      content: '';
      top: 0;
      left: -10px;
      width: 4px;
      height: calc(.5em - 3px);
      border-bottom: 4px solid #793F65;
  }
  
  .columns.purposeColumn .columnTextArea > .columnSpacer > .spacerLine::after
  {
      position: absolute;
      content: '';
      top: 0;
      right: -10px;
      width: 4px;
      height: calc(.5em - 3px);
      border-bottom: 4px solid #793F65;
  }
  
  .columns.purposeColumn .columnTextArea > ul.listAnchor
  {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;
      padding: 0 0 0 10px;
  }
  
  .columns.purposeColumn .columnTextArea > ul.listAnchor > li
  {
      position: relative;
      padding: 0 20px;
  }
  
  .columns.purposeColumn .columnTextArea > ul.listAnchor > li::before
  {
      position: absolute;
      content: '▶';
      left: 0;
      color: #793F65;
  }
  
  .columns.purposeColumn .columnTextArea > ul.listAnchor > li a
  {
      color: #222222;
  }
  
  /* エリア：インフォメーション */
  .rowInformation
  {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: stretch;
      padding: 0 0;
  }
  @media screen and (min-width: 769px) and (max-width: 1239.9px)
  {
      .rowInformation
      {
          width: calc(100% + 60px);
          max-width: none;
          margin-left: -30px;
      }
  }
  
  
  .rowInformation .columnInformation
  {
      display: block;
      width: 30.5%;
      padding: 0;
      background: #BF83AA;
  }
  @media screen and (min-width: 769px) and (max-width: 1239.9px)
  {
      .rowInformation .columnInformation
      {
          width: calc(50% - 60px);
          margin: 0 30px 100px;
      }
  }
  @media screen and (max-width: 767.9px)
  {
      .rowInformation .columnInformation
      {
          margin: 0 auto 50px;
          width: 100%;
          max-width: 480px;
      }
  }
  
  
  
  .columnInformation .columnVisualArea
  {
      padding: 0;
  }
  
  .columnInformation .columnVisualArea > a,
  .columnInformation .columnVisualArea > .columnVisualAreaBox
  {
      position: relative;
      display: block;
      padding: 0;
      font-size: 0;
  }
  
  .columnInformation .columnVisualArea > a > img,
  .columnInformation .columnVisualArea > .columnVisualAreaBox > img
  {
      width: 100%;
  }
  
  .columnInformation .columnTextArea
  {
      padding: 50px 27px;
  }
  @media screen and (max-width: 767.9px)
  {
      .columnInformation .columnTextArea
      {
          padding: 25px 15px;
      }
  }
  .columnInformation .columnTextArea > .description
  {
      padding-bottom: 25px;
      color: #FFF;
  }
  
  .columnInformation .columnTextArea > ul.listAnchor
  {
      display: flex;
      flex-flow: row wrap;
      justify-content: left;
      align-items: center;
      /* padding: 0 10px; */
      padding: 0;
  }
  
  .columnInformation .columnTextArea > ul.listAnchor > li
  {
      position: relative;
      padding: 0 20px;
      color: #FFF;
  }
  
  .columnInformation .columnTextArea > ul.listAnchor > li::before
  {
      position: absolute;
      content: '▶';
      left: 0;
  }
  
  .columnInformation .columnTextArea > ul.listAnchor > li a:link, .columnInformation .columnTextArea > ul.listAnchor > li a:visited, .columnInformation .columnTextArea > ul.listAnchor > li a:hover, .columnInformation .columnTextArea > ul.listAnchor > li a:active
  {
      color: #FFF;
      text-decoration: underline;
  }
  
  .columnInformation .columnTextArea > ul.listAnchor > li a
  {
      font-size: 18px;
  }
  
  @media screen and (max-width: 767.9px)
  {
      .columnInformation .columnTextArea > ul.listAnchor > li a
      {
          font-size: 16px;
      }
  }
  
  /* エリア：トップページ   該当箇所：ページ本文最下部バナーリンク */
  .section.footerBannerSection
  {
      width: 100%;
      margin: 0 auto;
      padding: 0;
      padding-left: 0!important;
      padding-right: 0!important;
  }
  
  .footerBannerSection .bannerColumn
  {
      width: 100%;
      margin: 0 auto;
  }
  
  .footerBannerSection .bannerColumn .column
  {
      width: 100%;
      height: auto;
  }
  
  .footerBannerSection .bannerColumn .column > a
  {
      position: relative;
      display: block;
      width: 100%;
      aspect-ratio: 5 / 2.5;
      margin: 0 auto;
      font-size: 0;
      text-decoration: none;
      transition: .4s ease-in;
  }
  
  .footerBannerSection .bannerColumn .column > a::before
  {
      position: absolute;
      display: block;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, .4);
      opacity: 0;
      transition: .4s ease-in;
  }
  
  .footerBannerSection .bannerColumn .column > a:hover
  {
      text-decoration: none;
  }
  
  .footerBannerSection .bannerColumn .column > a:hover:before
  {
      opacity: 1;
  }
  
  .footerBannerSection .bannerColumn .column:nth-child(1) > a
  {
      background-image: url('http://kochoran3.xsrv.jp/kochoran/wp-content/uploads/2023/04/footerbanner-01.jpg');
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .footerBannerSection .bannerColumn .column:nth-child(2) > a
  {
      background-image: url('http://kochoran3.xsrv.jp/kochoran/wp-content/uploads/2023/04/footerbanner-02.jpg');
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .footerBannerSection .bannerColumn .column > a > .textBoxBanner
  {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      width: auto;
      height: 100%;
  }
  
  .footerBannerSection .bannerColumn .column > a > .textBoxBanner > *
  {
      display: block;
      width: calc(100% - 60px);
      background: rgba(255, 255, 255, .6);
      border-radius: 0;
      z-index: 2;
  }
  
  .footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
  {
      margin-top: 0;
      padding: 16px 16px 10px;
      font-size: 16px;
      line-height: 1.8;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      letter-spacing: 1.28px;
  }
  
  .footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
  {
      margin-bottom: 0;
      padding: 0 16px 16px;
      font-size: 12px;
      line-height: 1.8;
      letter-spacing: .96px;
  }
  
  @media screen and (min-width: 769px)
  {
      .footerBannerSection .bannerColumn .column
      {
          width: 100%;
          height: auto;
      }
  
  
      .footerBannerSection .bannerColumn .column > a
      {
          aspect-ratio: 5 / 2;
      }
  
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
      {
          margin-top: 0;
          padding: 25px 0 10px;
          font-size: 28px;
          line-height: 2.0;
          /* margin-top: 0; */
          /* padding: 10px 0 10px; */
          color: #333;
          /* font-size: 16px; */
          /* line-height: 2.0; */
          letter-spacing: 1.28px;
      }
  
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
      {
          margin-bottom: 0;
          padding-bottom: 25px;
          font-size: 16px;
          line-height: 2.0;
          text-align: center;
          /* margin-bottom: 0; */
          /* padding: 0 10px 10px; */
          /* font-size: 12px; */
          /* line-height: 2; */
          letter-spacing: .96px;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      .footerBannerSection .bannerColumn .column {
          width: 50%;
      }
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner
      {
          height: 100%;
      }
  
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > *
      {
          display: block;
          width: calc(100% - 120px);
      }
  
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
      {
          margin-top: 0;
          padding: 25px 0 10px;
          font-size: 28px;
          line-height: 2.0;
      }
  
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
      {
          margin-bottom: 0;
          padding-bottom: 25px;
          font-size: 16px;
          line-height: 2.0;
          text-align: center;
      }
  }
  
  @media screen and (min-width: 1520px)
  {
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > *
      {
          width: 632px;
      }
  
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
      {
          padding: 50px 0 10px;
      }
  
      .footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
      {
          padding-bottom: 50px;
      }
  }
  
  /*　*　*　*　*　*　*　*　*　*　
    * アコーディオン *
    *　*　*　*　*　*　*　*　*　*/
  
  /* Faqリスト */
  .faqListWrap
  {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto;
  }
  
  .faqListWrap .faqList
  {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding-bottom: 50px;
  }
  .faqListWrap .faqList:last-child {
    padding-bottom: 0 !important;
  }
  @media screen and (max-width: 767.9px)
  {
      .faqListWrap .faqList
      {
          padding-bottom: 20px;
      }
  }
  
  .faqList__details
  {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 0;
  }
  
  .faqList__content p.text
  {
      font-size: 14px;
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 20px 10px 0;
      text-align: justify;
      animation: fadeOut .8s ease;
  }
  .faqList__content p.text span
  {
    display: block;
  }
  
  .faqList__content
  {
      height: 0;
      opacity: 0;
      transition: all .4s ease;
  }
  
  .faqList__summary.-on + .faqList__content p.text
  {
      animation: fadeIn .8s ease;
  }
  
  .faqList__summary.-on + .faqList__content
  {
      opacity: 1;
      transition: all .4s ease;
  }
  
  .faqList__summary
  {
      position: relative;
      width: auto;
      height: auto;
      margin: 0 auto;
      padding: 10px 50px 10px 60px;
      background: rgba(191, 131, 170, .2);
      border-radius: 30px;
      font-size: 14px;
      line-height: 1.8;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
      text-align: justify;
  }
  
  .faqList__summary::before
  {
      position: absolute;
      display: block;
      content: 'Q';
      top: calc(50% - 20px);
      left: 10px;
      width: 40px;
      height: 40px;
      background: #793F65;
      text-align: center;
      border-radius: 50%;
      color: #FFF;
      font-size: 16px;
      line-height: 1.0;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .faqList__summary span.icon
  {
      position: absolute;
      display: inline-block;
      background-image: url(../../../wp-content/uploads/arrow-faq.png);
      /* background-size: 100% auto;
      background-repeat: no-repeat; */
      transition: .5s cubic-bezier(.39, .58, .57, 1);
      width: 12px;
      height: 12px;
      top: calc(50% - 6px);
      transform-origin: center 5px;
      right: 21px;
      background-size: 100% auto;
      background-repeat: no-repeat;
  }
  
  .faqList__summary.-on .icon
  {
      transform: rotate(180deg);
  }
  
  .faqList__notes
  {
      padding: 25px 0 !important;
      text-align: left !important;
  }
  
  @media screen and (min-width: 769px)
  {
      .faqList__content p.text
      {
          padding: 20px 30px 0;
          font-size: 16px;
          line-height: 2.0;
      }
  
      .faqList__content p.text span
      {
        display: block;
      }
      .faqList__summary
      {
          padding: 25px 70px 25px 100px;
          border-radius: 60px;
          font-size: 16px;
          line-height: 2.0;
      }
  
      .faqList__summary::before
      {
          left: 30px;
          top: calc(50% - 22.5px);
          width: 45px;
          height: 45px;
      }
  
      .faqList__summary span.icon
      {
          /* top: calc(50% - 22px); */
          right: 30px;
          transform-origin: center 7px;
          width: 20px;
          height: 19px;
          top: calc(50% - 9.5px);
      }
  
      .faqList__notes
      {
          padding: 50px 0 !important;
          text-align: center !important;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      .faqList__content p.text
      {
          padding: 40px 90px 0;
          font-size: 16px;
          line-height: 2.0;
      }
  
      .faqList__summary
      {
          padding: 30px 120px 30px 180px;
          border-radius: 60px;
          font-size: 16px;
          line-height: 2.0;
      }
  
      .faqList__summary::before
      {
          left: 90px;
      }
  
      .faqList__summary span.icon
      {
          right: 90px;
      }
  }
  @media screen and (max-width: 768px)
  {
    .faqList__summary
    {
        min-height: 62px;
        display: flex;
        align-items: center;
    }
  }
  
  /*　*　*　*　*　*　*　*　*　*　
    * リストデザイン *
    *　*　*　*　*　*　*　*　*　*/
  
  /* 装飾 */
  ul.square > li
  {
      position: relative;
      margin-left: 1.5em;
      font-size: 16px;
  }
  
  @media screen and (min-width: 769px)
  {
      ul.square > li
      {
          line-height: 2;
      }
  }
  
  ul.square > li::before
  {
      position: absolute;
      content: '';
      top: .4em;
      left: -1.5em;
      width: 1em;
      height: 1em;
      background: #793F65;
  }
  
  @media screen and (min-width: 769px)
  {
      ul.square > li::before
      {
          top: .5em;
      }
  }
  /* エリア：TOPページ   該当箇所：用途別に胡蝶蘭を探す、胡蝶蘭の育て方、胡蝶蘭のおすすめコラム、胡蝶蘭のマナー・特徴のリンク一覧 */
  li.list1
  {
      border-bottom: dashed 1px #743151;
      font-size: 16px;
      line-height: 1.5;
      list-style-type: none !important;
      padding: .5em 0 .5em 1.4em;
  }
  
  /* エリア：パーツ_汎用 画像つきリンクボックス   該当箇所：用途から胡蝶蘭を選ぶ、種類から胡蝶蘭を選ぶ、色から胡蝶蘭を選ぶ、金額から胡蝶蘭を選ぶ */
  ul.select-list-card
  {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: stretch;
      width: 100%;
      height: auto;
      margin: 0 auto;
  }
  
  ul.select-list-card li
  {
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      max-width: 350px;
      height: auto;
      margin: 0 auto;
      padding: 0;
      margin-left: 15px;
      margin-right: 15px;
  }
  @media screen and (max-width: 480px)
  {
      ul.select-list-card li
      {
          margin-left: auto;
          margin-right: auto;
      }
  }
  
  @media screen and (max-width: 767.9px)
  {
      ul.select-list-card li
      {
          width: 80%;
          padding: 0 !important;
          margin-bottom: 50px;
      }
  }
  
  ul.select-list-card li:first-child
  {
      margin-top: 0;
  }
  
  ul.select-list-card li > .imgColumn
  {
      flex-grow: 0;
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 10px 10px 0 0;
      font-size: 0;
      overflow: hidden;
  }
  
  ul.select-list-card li > .imgColumn img
  {
      width: 100%;
      height: auto;
  }
  
  ul.select-list-card li > .txtColumn
  {
      flex-grow: 1;
      display: flex;
      flex-flow: column wrap;
      justify-content: space-between;
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 25px 15px;
      background: #FFF;
      border-radius: 0 0 10px 10px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .161);
  }
  
  ul.select-list-card li > .txtColumn h3.heading-list
  {
      flex-grow: 0;
      margin: 0;
      padding-bottom: 10px;
      color: #000;
  }
  
  ul.select-list-card li > .txtColumn p.caption
  {
      flex-grow: 1;
      margin: 0;
      padding: 0;
      font-size: 16px;
      line-height: 1.8;
      font-weight: normal;
      text-align: justify;
      padding-bottom: 10px;
  }
  
  ul.select-list-card li > .txtColumn a
  {
      font-family: 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
      flex-grow: 0;
      position: relative;
      display: inline;
      margin: 0;
      padding-right: 16px;
      color: #793F65;
      font-size: 16px;
      line-height: 1.8;
      font-weight: normal;
      text-align: right;
      /* letter-spacing: .08em; */
      letter-spacing: .05rem;
      transition: all .2s;
  }
  .pg_use ul.select-list-card li > .txtColumn a,
  .single-use ul.select-list-card li > .txtColumn a
  {
    font-weight: 500 !important;
  }
  
  ul.select-list-card li > .txtColumn a::after
  {
      position: absolute;
      display: inline;
      content: '';
      background: url(../../../wp-content/uploads/view-more-arrow.svg);
      bottom: 7px;
      right: -3px;
      width: 9px;
      height: 13px;
  }
  ul.select-list-card li > .txtColumn a:hover
  {
      opacity: .7;
  }
  
  @media screen and (min-width: 769px) and (max-width: 1239.9px)
  {
      ul.select-list-card
      {
          /* ２コラムの場合 */
          /* width: calc(100% + 60px);
          max-width: none;
          margin-left: -30px; */
          /* 3コラムの場合 */
          justify-content: flex-start;
          width: calc(100% + 30px);
          max-width: none;
          margin-left: -15px;
      }
  
      ul.select-list-card li
      {
          /* ２コラムの場合 */
          /* display: flex;
          flex-flow: column;
          justify-content: space-between;
          align-items: center;
          width: calc(50% - 60px);
          height: auto;
          margin-bottom: 100px;
          padding: 0; */
          /* ３コラムの場合 */
          display: flex;
          flex-flow: column;
          justify-content: space-between;
          align-items: center;
          width: calc((100% / 3) - 30px);
          height: auto;
          margin: 0 15px 25px;
          padding: 0;
      }
  
      ul.select-list-card li > .txtColumn p.caption
      {
          font-size: 16px;
          line-height: 2.0;
          font-weight: normal;
      }
  }
  
  @media screen and (min-width: 1240px) and (max-width: 1399.9px)
  {
      ul.select-list-card
      {
          width: calc(100% + 80px);
          max-width: none;
          margin-left: -40px;
          justify-content: flex-start;
      }
  
      ul.select-list-card li
      {
          display: flex;
          flex-flow: column;
          justify-content: space-between;
          align-items: center;
          width: calc((100% / 3) - 80px);
          height: auto;
          margin: 0 40px 100px;
          padding: 0;
      }
  
      ul.select-list-card li > .txtColumn p.caption
      {
          font-size: 16px;
          line-height: 2.0;
          font-weight: normal;
      }
  }
  
  @media screen and (min-width: 1400px)
  {
      ul.select-list-card
      {
          width: calc(100% + 80px);
          margin-left: -40px;
          justify-content: flex-start;
      }
  
      ul.select-list-card li
      {
          display: flex;
          flex-flow: column;
          justify-content: space-between;
          align-items: center;
          width: calc(25% - 80px);
          height: auto;
          margin: 0 40px 100px;
          padding: 0;
      }
  
      ul.select-list-card li > .txtColumn p.caption
      {
          font-size: 16px;
          line-height: 2.0;
          font-weight: normal;
      }
  }
  
  /* エリア：最下部メニュー　該当箇所：フッター下部 */
  footer ul#bottommenu, footer .menu-footermenu-container
  {
      display: block;
      width: 100%;
      height: auto;
      max-width: 700px;
      margin: 0 auto;
      padding: 0;
  }
  
  footer ul#bottommenu, footer ul#menu-footermenu
  {
      display: block;
      width: 100%;
  }
  
  footer ul#bottommenu li, footer ul#menu-footermenu li
  {
      list-style-type: none;
      display: block;
      width: 100%;
      text-align: center;
  }
  
  footer ul#bottommenu li a, footer ul#menu-footermenu li a
  {
      padding: 0;
      color: #333;
      background: none;
      font-size: 16px;
      line-height: 1.8;
      text-decoration: none;
  }
  
  footer ul#bottommenu li a, footer ul#menu-footermenu li a:hover
  {
      text-decoration: none;
  }
  
  @media screen and (min-width: 769px)
  {
      footer ul#bottommenu, footer .menu-footermenu-container
      {
          display: flex;
          justify-content: space-between;
          max-width: 700px;
          margin: 0 auto;
      }
  
      footer ul#bottommenu, footer ul#menu-footermenu
      {
          display: flex;
          flex-flow: row-reverse;
          justify-content: space-between;
          width: 100%;
      }
  
      footer ul#bottommenu li, footer ul#menu-footermenu li
      {
          display: inline-block;
          width: auto;
          text-align: left;
      }
  
      footer ul#bottommenu li a, footer ul#menu-footermenu li a
      {
          position: relative;
          padding: 0 10px 0 10px;
          font-size: 16px;
          line-height: 2.0;
          font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
          font-weight: normal;
      }
  
      footer ul#bottommenu li:last-child a, footer ul#menu-footermenu li:last-child a
      {
          padding-left: 0;
      }
  
      footer ul#bottommenu li:not(:first-child) a:before, footer ul#menu-footermenu li:not(:last-child) a:before
      {
          position: absolute;
          content: '';
          bottom: .5em;
          left: 0;
          width: 1px;
          height: 16px;
          margin-right: 0;
          border-left: 1px solid #333;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      footer ul#bottommenu, footer ul#menu-footermenu
      {
          width: auto;
      }
  
      footer ul#bottommenu li, footer ul#menu-footermenu li:last-child
      {
          flex-grow: 1;
      }
  }
  /* エリア：フッター   該当箇所：振込先info */
  .su-table table.type1
  {
      margin: 26px auto !important;
      border-top: 1px solid #FFF !important;
      border-bottom: none #FFF !important;
      border-left: none !important;
      border-right: none !important;
      line-height: 1.8;
  }
  
  table.type1 tr
  {
      border-top: none !important;
      border-bottom: 1px solid #FFF !important;
      border-left: none !important;
      border-right: none !important;
  }
  
  table.type1 tr td
  {
      background: none !important;
      border: none !important;
      color: #FFF;
      font-size: 16px;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  }
  
  table.type1 tr td:nth-of-type(1)
  {
      white-space: nowrap;
  }
  
  @media screen and (min-width: 769px)
  {
      .su-table table.type1
      {
          line-height: 2.0;
      }
  }
  
  /* エリア：フッター   該当箇所：配達日数と送料一覧 */
  .su-table table.type2
  {
      margin: 50px auto 50px !important;
      border-top: 1px solid #FFF !important;
      border-bottom: none #FFF !important;
      border-left: none !important;
      border-right: none !important;
      line-height: 1.8;
  }
  
  @media screen and (min-width: 769px)
  {
      .su-table table.type2
      {
          line-height: 2.0;
      }
  }
  
  table.type2
  {
      margin: 50px auto !important;
      padding: 0 !important;
      border-top: 1px solid #FFF;
      border-bottom: none #FFF;
      border-left: none !important;
      border-right: none !important;
  }
  
  table.type2 tr
  {
      border-top: none !important;
      border-bottom: 1px solid #FFF;
      border-left: none !important;
      border-right: none !important;
  }
  
  table.type2 tr th
  {
      background: none !important;
      color: #FFF !important;
      border: none !important;
      font-size: 16px !important;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: normal !important;
  }
  
  table.type2 tr th:nth-of-type(1)
  {
      background: #9A6B89 !important;
      text-align: center !important;
  }
  
  table.type2 tr th:nth-of-type(2)
  {
      background: #7D4F6D !important;
  }
  
  table.type2 tr td
  {
      background: none !important;
      border: none !important;
      color: #FFF;
      font-size: 16px;
  }
  
  table.type2 tr td:nth-of-type(1)
  {
      background-color: #9A6B89 !important;
      width: 45%;
      text-align: center;
  }
  
  table.type2 tr td:nth-of-type(2)
  {
      background-color: #7D4F6D !important;
      text-align: center;
      width: 30%;
      text-align: center;
  }
  
  table.type2 tr td:nth-of-type(3)
  {
      text-align: center;
      width: 25%;
      padding: .5em 5px !important;
      text-align: center;
  }
  
  @media screen and (min-width: 769px)
  {
      table.type2 tr th:nth-of-type(1)
      {
          text-align: left !important;
      }
  
      table.type2 tr td:nth-of-type(1)
      {
          background-color: #9A6B89 !important;
          width: 50%;
          text-align: left;
      }
  
      table.type2 tr td:nth-of-type(2)
      {
          background-color: #7D4F6D !important;
          width: 26%;
          text-align: center;
      }
  
      table.type2 tr td:nth-of-type(3)
      {
          width: 24%;
          text-align: center;
      }
  }
  
  /* エリア：フッター   該当箇所：配達時間 */
  .su-table table.type3
  {
      margin: 50px auto 26px !important;
      border-top: 1px solid #FFF !important;
      border-bottom: none #FFF !important;
      border-left: none !important;
      border-right: none !important;
      line-height: 1.8;
  }
  
  table.type3 tr
  {
      border-top: none !important;
      border-bottom: 1px solid #FFF;
      border-left: none !important;
      border-right: none !important;
  }
  
  table.type3 tr td
  {
      background: none !important;
      border: none !important;
      color: #FFF;
      font-size: 16px;
      line-height: 1.8;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
      text-align: left;
  }
  
  @media screen and (min-width: 769px)
  {
      .su-table table.type3
      {
          line-height: 2.0;
      }
  }
  /*　*　*　*　*　*　*　*　*　*　*　*　
    * 見出しh1デザイン *
    *　*　*　*　*　*　*　*　*　*　*　*/
  
  /* ex.1 */
  h1.heading1
  {
      font-size: 15px;
      font-family: serif !important;
      position: relative;
      color: #743151;
      line-height: 2.0;
      -webkit-box-reflect: below -10px -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .6));
  }
  
  /* ex.2 */
  h1.heading2
  {
      position: relative;
      padding: .5em .5em .5em 1.5em;
      line-height: 1.4;
      font-size: 16px;
      font-weight: normal;
      color: #743151;
      border-top: dotted 1px #990033;
      border-bottom: dotted 1px #990033;
      background: #FFFAFF;
  }
  
  h1.heading2:before
  {
      font-family: 'Font Awesome 5 Free';
      content: '\f138';
      font-weight: 900;
      position: absolute;
      font-size: 1em;
      left: .25em;
      top: .5em;
      color: #743151;
  }
  
  /* ex.3 */
  h1.heading3
  {
      color: #743151;
      font-size: 16px;
      font-weight: normal;
      padding-bottom: .5em;
      border-bottom: 1px solid #743151;
  }
  
  h1.heading3 span
  {
      display: block;
      margin-bottom: .2em;
      color: #913D65;
      font-size: .9em;
  }
  
  /* ex.4 */
  h1.heading4
  {
      color: #743151;
      font-size: 16px;
      position: relative;
      text-align: center;
  }
  
  h1.heading4 span
  {
      position: relative;
      z-index: 2;
      display: inline-block;
      margin: 0 4em;
      padding: 0 1em;
      background-color: #FBF8FB;
      text-align: left;
  }
  
  h1.heading4::before
  {
      position: absolute;
      top: 50%;
      z-index: 1;
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #990033;
      background: -webkit-linear-gradient(-45deg, transparent, #990033 10%, #990033 90%, transparent);
      background:         linear-gradient(-45deg, transparent, #990033 10%, #990033 90%, transparent);
  }
  
  /* ex.5 */
  h1.heading5
  {
      color: #743151;
      font-size: 16px;
      font-weight: normal;
      position: relative;
      padding: 0 .5em .5em 2em;
  }
  
  h1.heading5::before, h1.heading5::after
  {
      position: absolute;
      content: '';
      border-radius: 100%;
  }
  
  h1.heading5::before
  {
      top: .2em;
      left: .2em;
      z-index: 2;
      width: 18px;
      height: 18px;
      background: rgba(255, 230, 250, 1);
  }
  
  h1.heading5::after
  {
      top: .7em;
      left: .7em;
      width: 13px;
      height: 13px;
      background: rgba(255, 240, 255, 1);
  }
  /*　*　*　*　*　*　*　*　*　*　*　*　
    * 見出しh2デザイン *
    *　*　*　*　*　*　*　*　*　*　*　*/
  
  /* ページ見出し */
  h2.ttl
  {
      text-align: center;
      margin: 0 auto;
      padding: 0 0 50px;
      background: none;
      color: #793F65;
      font-size: 28px;
      line-height: 1.0;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      letter-spacing: 2.24px;
  }
  h2.ttl
  {
      padding: 0 0 25px;
  }
  
  .page-id-4184 .obsessionSection h2.ttl
  {
      color: #333;
  }
  .page-id-4184 .obsessionSection h2.ttl.has-left-line:after, .page-id-4187 .priceHeadingSection h2.ttl.has-left-line:after
  {
      visibility: visible;
      top: 24px;
  }
  .useDetailsColumnSection h2.ttl,
  .useDetailsColumnSection h2.ttl > span.description
  {
      font-size: 24px;
  }
  @media screen and (min-width: 769px)
  {
      h2.ttl.-smaller, h2.ttl.-smaller > span.description
      {
          font-size: 24px;
      }
  }
  @media screen and (max-width: 767.9px)
  {
      .page-id-4184 .obsessionSection h2.ttl.has-left-line:after, .page-id-4187 .priceHeadingSection h2.ttl.has-left-line:after
      {
          top: 18px;
      }
  }
  .page-id-4184 .obsessionSection h2.ttl .description
  {
      color: #793F65;
  }
  .page-id-4187 .priceHeadingSection h2.ttl, .page-id-4187 .priceHeadingSection h2.ttl .description, .page-id-4184 .obsessionSection h2.ttl, .page-id-4184 .obsessionSection h2.ttl .description
  {
      font-size: 20px;
  }
  
  h2.ttl::after
  {
      visibility: hidden;
  }
  
  h2.ttl > span.description
  {
      font-size: 24px;
      line-height: 1.8;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      color: #333;
      letter-spacing: 1.12px;
  }
  .orchisColumnSection h2.ttl
  {
      font-size: 24px;
      line-height: 1.2;
      letter-spacing: 3.84px;
  }
  .orchisColumnSection h2.ttl > span.description
  {
      font-size: 24px;
      line-height: 2.0;
      letter-spacing: 2.56px;
  }
  h2.ttl.pb50{
    padding-bottom: 25px;
  }
  @media screen and (min-width: 769px)
  {
      h2.ttl
      {
          padding: 0 0 100px;
          font-size: 40px;
          line-height: 1.2;
          letter-spacing: 3.2px;
      }
      h2.ttl.pb50{
        padding-bottom: 50px;
      }
  
      .page-id-4187 .priceHeadingSection h2.ttl
      {
          font-size: 24px;
          font-weight: 600;
      }
      .page-id-4187 .priceHeadingSection h2.ttl .description
      {
          font-size: 24px;
          font-weight: 300;
      }
      .page-id-4184 .obsessionSection h2.ttl, .page-id-4184 .obsessionSection h2.ttl .description
      {
          font-size: 24px;
          font-weight: 600;
      }
  
      h2.ttl > span.description
      {
          font-size: 28px;
          line-height: 2.0;
          letter-spacing: 2.56px;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      h2.ttl
      {
          font-size: 48px;
          line-height: 1.2;
          letter-spacing: 3.84px;
      }
  
      .page-id-4187 .priceHeadingSection h2.ttl, .page-id-4187 .priceHeadingSection h2.ttl .description
      {
          font-size: 24px;
          font-weight: 600;
      }
      .page-id-4184 .obsessionSection h2.ttl, .page-id-4184 .obsessionSection h2.ttl .description
      {
          font-size: 24px;
          font-weight: 600;
      }
  
      h2.ttl > span.description
      {
          font-size: 32px;
          line-height: 2.0;
          letter-spacing: 2.56px;
      }
  }
  
  /* ページ見出し 左側に線 */
  h2.ttl.has-left-line
  {
      position: relative;
      text-align: left;
  }
  
  h2.ttl.has-left-line::after
  {
      content: '';
      position: absolute;
      top: 14px;
      left: -70px;
      width: 60px;
      height: 1px;
      background: #793F65;
      visibility: visible;
  }
  
  @media screen and (min-width: 769px)
  {
      h2.ttl.has-left-line::after
      {
          top: 14px;
          left: -60px;
          width: 50px;
      }
  }
  @media screen and (min-width: 1280px)
  {
      h2.ttl.has-left-line::after
      {
          top: 14px;
      }
  }
  @media screen and (min-width: 1400px)
  {
      h2.ttl.has-left-line::after
      {
          left: -320px;
          width: 290px;
      }
  }
  .page-id-2593 h2.ttl.has-left-line::after
  {
      top: 19px;
  }
  @media screen and (min-width: 769px)
  {
      .page-id-2593 h2.ttl.has-left-line::after
      {
          top: 34px;
      }
  }
  
  /* ページ見出し カラム内左寄せ */
  h2.ttl_column_l
  {
      text-align: left;
      margin: 0 auto;
      padding: 0 0 40px;
      background: none;
      color: #793F65;
      font-size: 28px;
      line-height: 1;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  }
  
  h2.ttl_column_l > span.description
  {
      font-size: 14px;
      line-height: 1.8;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      color: #333;
      letter-spacing: 1.12px;
  }
  
  @media screen and (min-width: 769px)
  {
      /* ページ見出し カラム内左寄せ */
      h2.ttl_column_l
      {
          text-align: left;
          margin: 0 auto;
          padding: 0 0 40px;
          font-size: 28px;
          line-height: 1;
      }
  
      h2.ttl_column_l > span.description
      {
          font-size: 20px;
          line-height: 2.0;
          letter-spacing: 1.6px;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      /* ページ見出し カラム内左寄せ */
      h2.ttl_column_l
      {
          text-align: left;
          margin: 0 auto;
          padding: 0 0 40px;
          font-size: 48px;
          line-height: 1;
      }
  
      h2.ttl_column_l > span.description
      {
          font-size: 32px;
          line-height: 2.0;
          letter-spacing: 1.92px;
      }
  }
  
  /* エリア：パーツ 該当箇所：商品のポイントカラム内ポップ付き */
  h2.ttl-has-pop
  {
      text-align: left;
      margin: 0 auto;
      padding: 0;
      background: none;
      color: #793F65;
      font-size: 24px;
      line-height: 2.0;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: normal;
  }
  
  h2.ttl-has-pop > span
  {
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: normal;
  }
  
  @media screen and (min-width: 1240px)
  {
      h2.ttl-has-pop
      {
          font-size: 32px;
      }
  }
  
  /* エリア：フッター   該当箇所：お買い物ガイドの見出し*/
  h2.ttl_m3, .ttl_m3
  {
      margin: 50px 0 12.5px;
      padding: 0;
      background: none;
      /* border-bottom: 1px solid #990033; */
      color: #FFF;
      font-size: 18px;
      line-height: 1.8;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: 600;
      text-align: center;
  }
  
  h2.ttl_m3:before, h2.ttl_m3:after
  {
      display: none;
  }
  
  h2.ttl_m3:first-child
  {
      margin-top: 25px;
  }
  
  .box_g1 + .box_g1 > h2.ttl_m3:first-child
  {
      margin-top: 50px;
  }
  
  @media screen and (min-width: 769px)
  {
      h2.ttl_m3, .ttl_m3
      {
          margin: 50px 0 25px;
          font-size: 24px;
          line-height: 2.0;
      }
  
      h2.ttl_m3:first-child
      {
          margin-top: 0;
      }
  
      .box_g1 + .box_g1 > h2.ttl_m3:first-child
      {
          margin-top: 50px;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      h2.ttl_m3, .ttl_m3
      {
          text-align: justify;
      }
  
      h2.ttl_m3:first-child
      {
          margin-top: 0;
      }
  
      .box_g1 + .box_g1 > h2.ttl_m3:first-child
      {
          margin-top: 0;
      }
  }
  
  /* エリア：トップページ   該当箇所：ページ本文最下部バナーリンク */
  h2.ttl_banner
  {
      padding-bottom: 0;
      color: #222222;
      font-size: 20px;
      line-height: 1.8;
      font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: normal;
      text-align: center;
  }
  
  @media screen and (min-width: 769px)
  {
      h2.ttl_banner
      {
          padding-bottom: 0;
          color: #222222;
          font-size: 20px;
          line-height: 2.0;
          text-align: center;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      h2.ttl_banner
      {
          padding-bottom: 0;
          color: #222222;
          font-size: 32px;
          line-height: 2.0;
          text-align: center;
      }
  }
  
  /* エリア：パーツ    該当箇所：2段カラム片側テキスト */
  h2.ttl span.subttl, h2.ttl span.subttl span.color-black
  {
      background: none;
      color: #793F65;
      font-size: 24px;
      line-height: 1.0;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: 600;
  }
  
  h2.ttl span.subttl span.color-black
  {
      color: #333;
  }
  
  @media screen and (min-width: 769px)
  {
      h2.ttl span.subttl, h2.ttl span.subttl span.color-black
      {
          font-size: 24px;
          line-height: 1.0;
      }
  }
  
  @media screen and (min-width: 1240px)
  {
      h2.ttl span.subttl, h2.ttl span.subttl span.color-black
      {
          font-size: 36px;
          line-height: 1.0;
      }
  }
  
  
  /*　*　*　*　*　*　*　*　*　*　*　*　
    * 見出しh3デザイン *
    *　*　*　*　*　*　*　*　*　*　*　*/
  
  /* 見出しh3基本デザイン */
  h3.heading
  {
      margin: 25px auto;
      padding: 0;
      font-size: 24px;
      line-height: 2.0;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: 300;
      letter-spacing: .08em;
  }
  
  h3.heading::before
  {
      position: relative;
      display: inline-block;
      content: '';
      bottom: 2px;
      width: 11px;
      height: 11px;
      margin-right: 6px;
      padding: 0;
      background: #793F65;
      transform: rotate(45deg) skew(6deg, 6deg);
  }
  
  h3.heading::after
  {
      display: none;
  }
  
  h3.heading.has-spacer
  {
      padding-top: 50px;
      border-top: 1px dashed #222222;
  }
  h3.heading.center
  {
      margin-left: 0em;
  }
  
  @media screen and (min-width: 769px)
  {
      h3.heading::before
      {
          position: relative;
          display: inline-block;
          content: '';
          bottom: 0;
          width: 17px;
          height: 17px;
          margin-right: 10px;
          padding: 0;
          /* width: 17px;
          height: 17px;
          bottom: 1px; */
      }
  
      .columnSection h3.heading::before, .wrapMannersSection h3.heading::before, .orchisColorSection h3.heading::before
      {
          width: 17px;
          height: 17px;
          bottom: 1px;
      }
  
      .columnSection h3.heading, .wrapMannersSection h3.heading, .orchisColorSection h3.heading
      {
          font-size: 24px;
          margin-bottom: 25px;
      }
  }
  
  /* エリア：TOPページ   該当箇所：用途別に胡蝶蘭を探す、胡蝶蘭の育て方、胡蝶蘭のおすすめコラム、胡蝶蘭のマナー・特徴の見出し*/
  h3.heading1, .heading1_m
  {
      background-color: #743151;
      border-radius: 1.5em;
      font-size: 1em;
      font-family: serif;
      color: white;
      margin: .3em 0;
      padding: .5em .5em .5em 2.5em;
      position: relative;
  }
  
  h3.heading1:after
  {
      background-color: white;
      border-radius: 100%;
      content: '';
      height: 13px;
      left: 1em;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 13px;
  }
  
  /* エリア：TOPページ（ランキングページ）   該当箇所：ランキング商品名の見出し*/
  h3.heading2, .heading2_m
  {
      font-family: Hiragino Kaku Gothic Pro;
      font-size: 16px;
      line-height: 1.8;
      font-weight: normal;
  }
  
  @media screen and (min-width: 769px)
  {
      h3.heading2, .heading2_m
      {
          line-height: 2.0;
      }
  }
  
  /* エリア：TOPページ   該当箇所：よくある質問集Qの見出し*/
  h3.heading3, .heading3_m
  {
      color: #990033;
      padding: 0 10px;
      line-height: 1.8;
  }
  
  @media screen and (min-width: 769px)
  {
      h3.heading3, .heading3_m
      {
          line-height: 2.0;
      }
  }
  
  /* エリア：TOPページ   該当箇所：インフォメーション の見出し*/
  h3.heading4
  {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 40px;
      background: rgba(255, 255, 255, .8);
      color: #222222;
      font-size: 24px;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      line-height: 24px;
  }
  
  /* エリア：商品ページ     該当箇所：オプション */
  h3.heading5
  {
      margin: 10px auto;
      font-size: 20px;
      line-height: 1.8;
      text-align: center;
  }
  
  .page-id-4187 h3.heading5
  {
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', 游明朝, YuMincho, HG明朝E, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: 400;
  }
  
  @media screen and (min-width: 769px)
  {
      .page-id-4187 h3.heading5
      {
          font-size: 24px;
          letter-spacing: .08em;
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center;
      }
  }
  
  @media screen and (min-width: 769px)
  {
      h3.heading5
      {
          line-height: 2.0;
      }
  }
  
  /* エリア：パーツ_ギフト・お祝い・贈り物に最適の胡蝶蘭を目的から探す */
  h3.heading6
  {
      color: #793F65;
      font-size: 20px;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      line-height: 2.0;
  }
  
  /* エリア：パーツ_汎用リスト（画像付き） */
  h3.heading-list
  {
      color: #793F65;
      font-size: 20px;
      line-height: 1.8;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      font-weight: normal;
  }
  
  @media screen and (min-width: 1240px)
  {
      h3.heading-list
      {
          font-size: 24px;
          line-height: 2.0;
      }
      .pg_use h3.heading-list,
      .single-use h3.heading-list{
          font-size: 22px;
      }
  }
  /* テキスト */
  h2.ttlBanner
  {
      padding-bottom: 30px;
      font-size: 48px;
      font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      line-height: 1.0;
      font-weight: normal;
  }
  
  @media screen and (max-width: 767.9px)
  {
      h2.ttlBanner
      {
          font-size: 30px;
          text-align: center;
      }
  }
  h2.ttlBanner br
  {
      display: none;
  }
  @media screen and (max-width: 450px)
  {
      h2.ttlBanner
      {
          line-height: 1.3;
      }
      h2.ttlBanner br
      {
          display: block;
      }
  }
  p.textBanner
  {
      font-size: 16px;
      line-height: 48px;
  }
  /* -------------------------------------------------
  LESS THAN 767px WIDTH
  -------------------------------------------------*/
@media print, screen and (max-width: 768px)
{
    body
    {
        /*  font-size: 14px;
    font-size: 1.4rem; */
        font-size: 15px;
        font-size: 1.5rem;
    }
    img
    {
        max-width: 100%;
        height: auto;
    }
    .sp-img-default
    {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .pc, .tab, .pc.tab
    {
        display: none !important;
    }
    .sp
    {
        display: block !important;
    }
    .sp-flex
    {
        display: flex;
    }
    .sp-block
    {
        display: block;
    }
    .sp-in-block
    {
        display: inline-block;
    }
    .sp-text-center
    {
        text-align: center;
    }
    .sp-text-left
    {
        text-align: left;
    }
    .sp-text-right
    {
        text-align: right;
    }
    .font_s
    {
        font-size: 13px;
    }
    .font_l
    {
        font-size: 15px;
    }
    /* ===== FLEX BOX ===== */
    .sp-colWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .sp-colWrap.sp-col
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
    .sp-colWrap.sp-wrap
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .sp-colWrap.sp-col-rev
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    }
    .sp-colWrap.sp-boxAlign-left
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .sp-colWrap.sp-boxAlign-right
    {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .sp-colWrap.sp-boxAlign-center
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sp-colWrap.sp-mdl > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap)
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .sp-colWrap.sp-mdl > * > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap) > *
    {
        width: 100%;
    }
    .sp-colWrap.sp-mdl.ct > *, .sp-colWrap.sp-mdl > .ct, .sp-colWrap > .sp-mdl.ct:not(.sp-colWrap)
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sp-colWrap.sp-col2 > *
    {
        width: 50%;
    }
    .sp-colWrap.sp-col3 > *
    {
        width: 33.33%;
    }
    /* ===== end - FLEX BOX ===== */
    .sp-mt0
    {
        margin-top: 0;
    }
    .sp-mt10
    {
        margin-top: 10px;
    }
    .sp-mt20
    {
        margin-top: 20px;
    }
    .sp-mt30
    {
        margin-top: 30px;
    }
    .sp-mb0
    {
        margin-bottom: 0;
    }
    .sp-mb10
    {
        margin-bottom: 10px;
    }
    .sp-mb20
    {
        margin-bottom: 20px;
    }
    .sp-mb30
    {
        margin-bottom: 30px;
    }
    .sp-pt0
    {
        padding-top: 0;
    }
    .sp-pt10
    {
        padding-top: 10px;
    }
    .sp-pt20
    {
        padding-top: 20px;
    }
    .sp-pt30
    {
        padding-top: 30px;
    }
    .sp-pb0
    {
        padding-bottom: 0;
    }
    .sp-pb10
    {
        padding-bottom: 10px;
    }
    .sp-pb20
    {
        padding-bottom: 20px;
    }
    .sp-pb30
    {
        padding-bottom: 30px;
    }
    /* ----------------------- header ------------------------- */
    header #logo .descr
    {
        display: flex;
        align-items: center;
        align-content: center;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 0 20px;
        padding: 0;
        width: auto;
        height: 70px;
        font-size: 11px;
        text-align: left;
    }
    header .sitename:after
    {
    }
    /* ---------------------------- gnav ---------------------------- */
    .gnav
    {
        position: fixed;
        overflow: hidden;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        max-height: 0;
        overflow-y: auto;
        border-radius: 0;
        background: rgba(0,0,0, .7);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: max-height .3s ease-out;
                transition: max-height .3s ease-out;
        z-index: 100;
    }
    .gnav.open
    {
        max-height: 100vh;
    }
    .gnav nav
    {
        display: block;
        margin: 0;
        /* padding: 60px 0 0; */
        padding: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        overflow-y: auto;
    }
    .gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
    {
        display: block;
        position: relative;
        margin: 0;
        padding: 60px 0 0;
        width: auto;
        border-radius: 0;
    }
    .gnav #main-navigation li, .gnav .menu-globalmenu-container ul > li, .gnav .menu ul > li
    {
        position: relative;
        width: auto;
        height: auto;
    }
    .gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
    {
        display: block;
        position: relative;
        padding: 10px 20px;
        font-size: 16px;
        line-height: 1.3;
        font-weight: 700;
        text-decoration: none;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, .3);
        text-align: left;
    }
    .gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
    {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }
    .gnav #main-navigation li > a:hover, .gnav .menu-globalmenu-container ul > li a:hover, .gnav .menu  ul > li a:hover
    {
        transform: none;
    }
    .gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
    {
        content: '';
        display: block;
        position: absolute;
        box-sizing: border-box;
        left: auto;
        right: 15px;
        top: 50%;
        width: 6px;
        height: 6px;
        background: none;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        opacity: .5;
        transform: translateY(-50%) rotate(45deg);
    }
    .gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
    {
        border-top: 0;
    }
    /* ---------------------- content ------------------------- */
    .container
    {
        padding: 0 15px;
    }
    .ttl, .entry-title
    {
        margin: 20px 0 15px;
        padding: 10px;
        font-size: 20px;
    }
    .ttl2, .ttl2.font_s
    {
        margin-top: 10px;
        padding: 10px 0;
        font-size: 19px;
    }
    .ttl2 .condensed
    {
        display: inline;
    }
    h2.heading
    {
        font-size: 18px;
        line-height: 1.2;
    }
    h3.heading, .heading_m
    {
        font-size: 17px;
    }
    p.cap
    {
        margin: 5px 0;
    }
    .pg_policy .entry-title, .pg_business .entry-title, .ttl3
    {
        margin: 10px 0;
        /*padding: 15px 0px 15px 40px; */
        display: flex;
        align-items: center;
        align-content: center;
        padding: 0 0 15px 40px;
        min-height: 40px;
        font-size: 18px;
        letter-spacing: 2px;
    }
    .pg_policy .entry-title:before, .pg_business .entry-title:before, .ttl3:before
    {
        width: 36px;
        height: 41px;
    }
    .ttl_m2
    {
        padding: 10px 10px 5px 40px;
    }
    .ttl_m2:before
    {
        top: 4px;
        width: 32px;
        height: 30px;
    }
    .pg_board .boardSection .ttl_m3
    {
        margin-bottom: 0;
        padding: 5px 0 20px 45px;
        font-size: 20px;
        letter-spacing: 2px;
    }
    .pg_board .boardSection .ttl_m3:before
    {
        width: 40px;
        height: 41px;
    }
    /* -------------------- .side -------------------- */
    .side
    {
        margin: 30px auto 0 !important;
        max-width: 470px;
    }
    .side .bannerFrame > p, .side .bannerFrame > div
    {
        display: flex;
    }
    .side .bannerFrame > div
    {
        max-width: 230px;
    }
    .side #mybox .sideNav
    {
        margin: 20px auto;
    }
    .side .menu
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .side .menu li
    {
        max-width: 230px;
        width: calc(50% - 4px);
    }
    .side #mybox .sideNav .menu_underh2
    {
        margin: 0 0 5px;
        width: 100% !important;
        max-width: 100% !important;
        background-color: #FBF8FB !important;
        background-position: center center !important;
    }
    /* --------------------------------
    TOP PAGE STYLES
   -------------------------------- */
    .pg_top .ttl + .ttl_m
    {
        font-size: 17px;
    }
    .box03
    {
        margin: 20px 0 15px;
        border-radius: 8px;
    }
    .box03_in
    {
        padding: 10px 15px;
        /*  font-size:13px; */
    }
    .box03 .title
    {
        margin: -15px -20px 20px;
        padding: 10px;
        font-size: 18px;
        box-shadow: 0 2px 5px rgba(0,0,0,.175);
    }
    /*--------------------------------------------
   faq page style
  --------------------------------------------*/
    .faqSection .q, .faqSection .a
    {
        padding: 5px 10px 5px 35px;
    }
    .faqSection .q:before, .faqSection .a:before
    {
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }
    .faqSection .a:before
    {
        background-position: center -30px;
    }
    .faqSection .q
    {
        padding-top: 7px;
        padding-bottom: 4px;
        font-size: 15px;
    }
    /*--------------------------------------------
   guide page style
  --------------------------------------------*/
    .guideSection .areaTbl th
    {
        width: 36%;
        white-space: normal;
    }
    .guideSection .areaTbl .font_s
    {
        font-size: .9em;
    }
    /*--------------------------------------------
   point page style
  --------------------------------------------*/
    .pointSection .pointFrame .article
    {
        margin: 0 0 30px;
    }
    .pointSection .pointFrame .article .head
    {
        margin: 0 0 15px;
        padding: 0 0 5px;
        font-size: 19px;
        line-height: 1.3;
    }
    .pointSection .pointFrame .article .head .hd
    {
        /* display: block; */
        overflow: hidden;
        margin: 0 10px 0 0;
        padding: 0 45px 0 0;
        max-width: 90px;
        height: 33px;
        line-height: 40px;
        font-size: 16px;
        background-size: 40px auto;
    }
    .pointSection .pointFrame .btnFrame .btn_register
    {
        font-size: 20px;
    }
    /*--------------------------------------------
   rapping page style
  --------------------------------------------*/
    .rappingSection .rappingFrame .box
    {
        position: relative;
        padding: 0 25px 0 35px;
    }
    .rappingSection .rappingFrame .txt
    {
        font-size: 22px;
    }
    .rappingSection .rappingFrame .img > div:after
    {
        width: calc(100% - 15px);
        height: calc(100% - 15px);
    }
    /*--------------------------------------------
   policy page style
  --------------------------------------------*/
    .pg_policy .policySection .txt, .pg_policy .policySection .article > p, .pg_policy .policySection .article > ul
    {
        padding: 0;
    }
    /* 共通パーツ [立て札の立て方] */
    /* boardLineupBox */
    .boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
    {
        max-width: 106px;
    }
    .boardFrame.boardLineupBox .img.msg img
    {
        max-width: 150px;
    }
    .boardFrame.boardLineupBox .price
    {
        font-size: 13px;
    }
    .boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
    {
        font-size: 15px;
    }
    .boardFrame.boardLineupBox .note
    {
        font-size: 12px;
    }
    .boardFrame.boardLineupBox .note_s
    {
        font-size: 11px;
    }
    /* boardSampleBox */
    .boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
    {
        font-size: 15px;
    }
    .boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
    {
        font-size: 15px;
    }
    .boardFrame.boardLineupBox .colWrap > div, .boardFrame .sp-center > div
    {
        margin-left: auto;
        margin-right: auto;
    }
}
/* -------------------------------------------------
  LESS THAN 599px WIDTH
  -------------------------------------------------*/
@media print, screen and (max-width: 599px)
{
    .sp2
    {
        display: block !important;
    }
    .sp2-in-block
    {
        display: inline-block !important;
    }
    header #logo
    {
        position: relative;
        height: auto;
    }
    header #logo .descr
    {
        position: relative;
        margin: 0;
        padding: 3px 10px;
        max-width: 100%;
        height: auto;
        line-height: 1.3;
        font-size: 10px;
        background: #9C5CAB;
        color: #FFF;
    }
    header .sitename
    {
        top: calc(26% + 15px);
    }
    @media print, screen and (max-width: 479px)
    {
        header .sitename
        {
            top: calc(26% + 24px);
        }
    }
    #headicon.sp-colWrap
    {
        display: block;
        position: relative;
        padding-bottom: 24px;
    }
    #headicon #hdicon1, #headicon #hdicon2, #headicon #hdicon3
    {
        width: auto;
    }
    #headicon .box + .box
    {
        margin-top: 4px;
    }
    #headicon .ico
    {
        font-size: 18px !important;
    }
    #headicon .ico sup
    {
        font-size: 10px;
        font-weight: normal;
        position: absolute;
        right: 7px;
        bottom: 7px;
    }
    #headicon .note
    {
        position: absolute;
        bottom: 0;
        margin: 0;
        font-size: 12px;
        letter-spacing: -.6px;
        text-align: center;
    }
    .side
    {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 345px;
    }
    .side .menu
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .side .bannerFrame > p, .side .bannerFrame > div
    {
        width: calc(50% - 4px);
        max-width: 168px;
    }
    .side .bannerFrame > p > a, .side .bannerFrame > div a
    {
        background-size: 200% auto !important;
        background-repeat: no-repeat !important;
    }
    .side p#lefticon4 a:hover, .side p#lefticon5 a:hover, .side p.side_login a:hover, .side p#lefticon6 a:hover
    {
        background-position: 100% 0;
    }
    .side .bannerFrame #lefticon1, .side .bannerFrame #lefticon2, .side .bannerFrame #lefticon3
    {
        background-size: 100% auto !important;
        background-repeat: no-repeat !important;
    }
    .side .bannerFrame p#lefticon1
    {
        height: 102px;
    }
    .side .bannerFrame p#lefticon2
    {
        /* height: auto; */
        height: 100%;
    }
    .side .bannerFrame p#lefticon3
    {
        height: 72px;
    }
    .side .bannerFrame p#lefticon4 a
    {
        height: 64px;
    }
    .side .bannerFrame p#lefticon5 a, .side .bannerFrame p.side_login a
    {
        height: 58px;
    }
    .side .bannerFrame p#lefticon6 a
    {
        height: 95px;
    }
    .side #mybox .sideNav .menu_underh2
    {
        background-size: auto 42px !important;
        height: 30px !important;
    }
    .side .menu li
    {
        width: calc(50% - 4px);
        max-width: 168px !important;
    }
    .side #menu-price li
    {
        width: 100%;
        max-width: 100% !important;
    }
    .side ul#menu-usage li a, .side ul#menu-kind li a, .side ul#menu-others li a
    {
        background-size: 200% auto !important;
        width: 100%;
        height: auto;
        min-height: 44px;
    }
    .side ul#menu-usage li a:hover, .side ul#menu-kind li a:hover, .side ul#menu-others li a:hover
    {
        background-position: 100% 0;
    }
    /* osusume */
    .pg_top .osusumeFrame
    {
        display: block;
    }
    .pg_top .osusumeFrame > div
    {
        width: auto;
    }
    /* 共通パーツ [立て札の立て方] */
    /* boardLineupBox */
    .boardFrame.boardLineupBox .colWrap:after
    {
        width: 33.33%;
    }
    .boardFrame.boardLineupBox .colWrap > div
    {
        width: 33.33%;
    }
    /* .boardFrame.boardLineupBox .colWrap > div:nth-child(4n){ */
    .boardFrame.boardLineupBox .colWrap > .msg
    {
        width: 33.33%;
    }
    .boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
    {
        max-width: 90%;
    }
    .boardFrame.boardLineupBox .img.msg img
    {
        max-width: 100%;
    }
    .boardFrame.boardLineupBox .noimg
    {
        display: none;
    }
    .boardFrame.boardLineupBox .price
    {
        font-size: 11px;
    }
    .boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
    {
        font-size: 13px;
    }
    .boardFrame.boardLineupBox .msg p.namae
    {
        max-width: 100%;
        letter-spacing: -1px;
    }
    .boardFrame.boardLineupBox .msg .font_s
    {
        font-size: 10.5px;
    }
    .boardFrame.boardLineupBox .note
    {
        margin-top: 5px;
        font-size: 11px;
    }
    .boardFrame.boardLineupBox .note_s
    {
        font-size: 11px;
        text-align: left;
    }
    .boardFrame.boardLineupBox .note_s br
    {
        display: none;
    }
    /* boardSampleBox */
    .boardFrame.boardSampleBox .colWrap
    {
        display: block;
    }
    .boardFrame.boardSampleBox .colWrap > div
    {
        width: auto;
    }
    .boardFrame.boardSampleBox .txt
    {
        margin: 10px auto;
        max-width: 360px;
        font-size: 13px;
        text-align: center;
    }
    .boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
    {
        font-size: 14px;
    }
    .boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
    {
        font-size: 14px;
    }
    /* boardImgBox */
    .boardFrame.boardImgBox .cap
    {
        line-height: 1.3;
        font-size: 13px;
    }
    /* カテゴリー共通（受賞・流通形態） */
    #box01:before
    {
        background-position: 0 84%;
    }
    #box01 .head
    {
        font-size: 18px;
    }
}
@media print, screen and (min-width: 480px) and (max-width: 599px)
{
    #headicon #hdicon1 br
    {
        display: none;
    }
}
@media print, screen and (max-width: 420px)
{
    /*--------------------------------------------
   rapping page style
  --------------------------------------------*/
    .rappingSection .guideFrame
    {
        display: block;
    }
    .rappingSection .guideFrame > div
    {
        width: auto;
    }
    .rappingSection .guideFrame .img img
    {
        display: block;
        margin: 10px auto 30px;
    }
    .rappingSection .rappingFrame .box
    {
        padding: 0 10px 0 20px;
    }
    .rappingSection .rappingFrame .txt
    {
        font-size: 16px;
        line-height: 1;
    }
    .rappingSection .rappingFrame .img > div
    {
        max-width: 130px;
    }
    /* 共通パーツ [受賞・流通形態]  */
    #box01 .txt
    {
        padding: 0 10px 10px;
    }
    #box01:before
    {
        left: 2%;
        width: 22%;
    }
    #box01 .head
    {
        margin: 15px auto;
        text-align: center;
    }
    #box01 .head  br
    {
        display: inline;
    }
    #box01 .head + p
    {
        padding-left: 24%;
    }
}
@media print, screen and (max-width: 360px)
{
    #headicon.sp-colWrap
    {
        padding-bottom: 20px;
    }
    #headicon .note
    {
        font-size: 10.5px;
    }
}
/*------------------------------------------------------------
  add.css
 ------------------------------------------------------------*/
@charset "UTF-8";
a {
  transition: all 0.6s ease !important;
}
a:hover {
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  br.sp_only {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  span.yohaku.pc_only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 768px) {
  span.yohaku.pc_only {
    display: none !important;
  }
}
#wrapper {
  overflow: hidden;
}
@media (max-width: 1280px) and (min-width: 769px) {
  #wrapper #content article .section {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
}
#pop_up .btnWrap{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}
#pop_up .btnWrap a.btn.btn_detail{
  display: block;
  width: 100%;
  max-width: 240px;
  padding: 12px 20px;
  border-radius: 10px;
  background: #793F65;
  color: #FFF;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  transition: .4s ease-in;
}
@media screen and (min-width: 769px) {
  #pop_up {
    position: fixed;
    bottom: 4%;
    right: 2%;
    max-width: 640px;
    width: 80%;
    opacity: 0;
    z-index: -1;
    transition: all 0.6s ease;
  }
  #pop_up.animate {
    opacity: 1;
    z-index: 7000;
  }
  #pop_up.hide {
    opacity: 0;
    z-index: -1;
  }
  #pop_up_open{
    position: fixed;
    bottom: 15%;
    right: 36px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
    opacity: 0;
    z-index: -1;
    transition: all 0.6s ease;
    cursor: pointer;
  }
  #pop_up_open:hover{
    opacity: 0.6!important;
  }
  #pop_up_open svg{
    width: 22px;
    height: 22px;
  }
  #pop_up_open path{
    fill: #793F65;
  }
  #pop_up_open.animate.scrolled {
    transition-delay: 0.1s;
    opacity: 1;
    z-index: 7000;
  }
  #pop_up_open.hide {
    opacity: 0;
    z-index: -1;
  }
  #pop_up .pop_up-wrapper .pop_up-inner {
    width: 100%;
    padding: 50px 40px;
    background-color: #F9F2F6;
    position: relative;
    border: 1px dashed #793F65;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  }
  #pop_up .pop_up-wrapper .pop_up-inner #pop_up-close {
    color: #793F65;
    font-size: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    line-height: 1;
  }
  #pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h2 {
    color: #793F65;
    font-size: 24px;
    text-align: center;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h3 {
    color: black;
    font-size: 18px;
    margin-top: 15px;
    font-weight: 400;
    text-align: center;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #pop_up .pop_up-wrapper .pop_up-inner .pop_up-text p.content {
    margin-top: 20px;
    color: black;
    font-size: 16px;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #pop_up .btnWrap a.btn.btn_detail{
    padding: 12px 20px;
    font-size: 20px;
    line-height: 2.0;
  }
}
@media screen and (max-width: 768px) {
  #pop_up {
    position: fixed;
    top: 0;
    height: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.6s ease;
  }
  #pop_up.animate {
    opacity: 1;
    z-index: 7000;
  }
  #pop_up.hide {
    opacity: 0;
    z-index: -1;
  }
  #pop_up_open{
    position: fixed;
    bottom: 22px;
    left: 25px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
    opacity: 0;
    z-index: -1;
    transition: all 0.6s ease;
    cursor: pointer;
  }
  #pop_up_open:hover{
    opacity: 0.6;
  }
  #pop_up_open path{
    fill: #793F65;
  }
  #pop_up_open svg{
    width: 22px;
    height: 22px;
  }
  #pop_up_open.animate.scrolled {
    transition-delay: 0.1s;
    opacity: 1;
    z-index: 7000;
  }
  #pop_up_open.hide {
    opacity: 0;
    z-index: -1;
  }
  #pop_up .pop_up-wrapper {
    max-width: 1500px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: rgba(191, 131, 170, 0.4);
  }
  #pop_up .pop_up-wrapper .pop_up-inner {
    width: 80%;
    max-width: 400px;
    padding: 20px 30px;
    background-color: #F9F2F6;
    position: relative;
    border: 1px dashed #793F65;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  }
  #pop_up .pop_up-wrapper .pop_up-inner #pop_up-close {
    color: #793F65;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.6);
  }
  #pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h2 {
    color: #793F65;
    font-size: 20px;
    text-align: center;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h3 {
    color: black;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #pop_up .pop_up-wrapper .pop_up-inner .pop_up-text p.content {
    color: black;
    font-size: 14px;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #pop_up .btnWrap{
    margin-top: 20px;
  }
}
@media screen and (min-width: 1560px) {
  #notfound {
    padding-top: 267px !important;
  }
}
@media (max-width: 1559px) and (min-width: 1280px) {
  #notfound {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
}
@media (max-width: 1280px) and (min-width: 769px) {
  #notfound {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 768px) {
  #notfound {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 769px) {
  #notfound {
    padding-top: 267px;
    padding-bottom: 150px;
  }
  #notfound h1 {
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 3.84px;
    color: #793F65;
    font-size: 48px;
    text-align: center;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: 0;
    margin-bottom: 10px;
  }
  #notfound h2 {
    line-height: 1.2;
    letter-spacing: 3.84px;
    margin: 0 !important;
    color: #333;
    font-size: 32px;
    text-align: center;
    font-weight: 400;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #notfound p {
    color: #333;
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #notfound p br {
    display: none;
  }
  #notfound a {
    letter-spacing: 0.08em;
    border-radius: 10px;
    display: block;
    margin: 50px auto 0;
    width: 300px;
    height: auto;
    text-align: center;
    line-height: 60px;
    background-color: #793F65;
    font-size: 18px;
    font-weight: 400;
    color: white;
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  }
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
  #notfound h1 {
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 3.2px;
    color: #793F65;
    text-align: center;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: 0;
    margin-bottom: 10px;
  }
  #notfound h2 {
    line-height: 1.2;
    letter-spacing: 3.2px;
    margin: 0 !important;
    color: #333;
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
}
@media screen and (max-width: 768px) {
  #notfound {
    padding-top: 140px;
    padding-bottom: 70px;
  }
  #notfound h1 {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.0;
    letter-spacing: 2.24px;
    color: #793F65;
    text-align: center;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: 0;
    margin-bottom: 10px;
  }
  #notfound h2 {
    line-height: 1.0;
    letter-spacing: 2.24px;
    margin: 0 !important;
    color: #333;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #notfound p {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-top: 25px;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #notfound a {
    letter-spacing: 0.08em;
    border-radius: 10px;
    display: block;
    margin: 25px auto 0;
    width: 300px;
    height: auto;
    text-align: center;
    line-height: 56px;
    background-color: #793F65;
    font-size: 18px;
    font-weight: 400;
    color: white;
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  }
}
#wrapper #content article .inner h3.heading {
  line-height: 1.8 !important;
}
h2.ttl_m3, .ttl_m3 {
  line-height: 1.5 !important;
}
#wrapper #content article .inner h2.ttl > span.description {
  line-height: 1.5;
  margin-top: 10px;
  display: inline-block;
}
#wrapper #content article .inner h2.ttl > span.description {
  text-align: center !important;
}
@media screen and (max-width: 500px) {
  article .section {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media screen and (max-width: 768px) {
  article section.columnSection h3.heading {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  #wrapper #content article .rankingSection .inner h2.ttl {
    padding-bottom: 30px;
  }
  #wrapper #content article .FaqSection .inner h2.ttl {
    padding-bottom: 50px !important;
  }
  #wrapper #content article .itemReviewSection .inner h2.ttl {
    padding-bottom: 50px;
  }
  #wrapper #content article .featuredItemSection .inner h2.ttl {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 450px) {
  #wrapper #content article .inner p.long-text {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 450px) {
  #wrapper #content article .inner p.long-text {
    padding-bottom: 10px;
  }
}
#wrapper #content article .inner p.long-text.pb-0,
#wrapper #content article .inner p.pb-0 {
  padding-bottom: 0 !important;
}
@media screen and (min-width: 1280px) {
  #wrapper #content article section.section .inner .sectionDesc {
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    font-size: 16px;
    text-align: center;
    padding-bottom: 50px !important;
  }
  #wrapper #content article section.section .inner .sectionDesc p {
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
  }
  #wrapper #content article section.section .inner .sectionDesc p.text-justify {
    text-align: justify !important;
  }
  #wrapper #content article section.section .inner .sectionDesc p:last-child {
    padding-bottom: 0;
  }
}
@media (min-width: 769px) and (max-width: 1279px) {
  #wrapper #content article section.section .inner .sectionDesc {
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    font-size: 16px;
    text-align: justify !important;
    padding-bottom: 50px !important;
  }
  #wrapper #content article section.section .inner .sectionDesc p {
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    font-size: 16px;
    text-align: justify !important;
    padding-bottom: 20px;
  }
  #wrapper #content article section.section .inner .sectionDesc p:last-child {
    padding-bottom: 0;
  }
  .postid-10814 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .postid-10813 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .postid-10791 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .postid-10792 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .postid-7722  #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .postid-7766  #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .page-id-230 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
  .page-id-237 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
  .page-id-241 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
  .page-id-243 #wrapper #content article section.section.useSelectSection .inner .sectionDesc {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content article section.section .inner .sectionDesc {
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    font-size: 16px;
    text-align: justify !important;
    padding-bottom: 25px !important;
    /* padding-bottom: 50px !important; */
  }
  .postid-10814 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .postid-10813 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
  .page-id-230 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
  .page-id-237 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
  .page-id-241 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
  .page-id-243 #wrapper #content article section.section.useSelectSection .inner .sectionDesc {
    text-align: center !important;
  }
  #wrapper #content article section.section .inner .sectionDesc p {
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
    font-size: 16px;
    text-align: justify !important;
    padding-bottom: 10px;
  }
  #wrapper #content article section.section .inner .sectionDesc p:last-child {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #wrapper #content article section.section .inner h2.ttl.has-left-line {
    padding-bottom: 25px !important;
    font-size: 32px !important;
  }
  #wrapper #content article section.section .inner h2.ttl.has-left-line > span.description {
    font-size: 32px !important;
    line-height: 1.5 !important;
    text-align: justify !important;
  }
  #wrapper #content article section.section .inner h2.ttl.has-left-line:after {
    top: 21px !important;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content article section.section .inner h2.ttl.has-left-line {
    padding-bottom: 25px !important;
    font-size: 20px !important;
  }
  #wrapper #content article section.section .inner h2.ttl.has-left-line > span.description {
    font-size: 24px !important;
    line-height: 1.5 !important;
    text-align: justify !important;
  }
  #wrapper #content article section.section .inner h2.ttl.has-left-line:after {
    top: 11px !important;
  }
}
#wrapper #content article section.section .inner h2.ttl.left > span.description {
  text-align: justify !important;
}
@media screen and (max-width: 768px) {
  #wrapper #content article section.section .inner h2.ttl.center-sp > span.description {
    text-align: center !important;
  }
}
#wrapper #content article section.section .inner p.sectionDesc.text-justify,
#wrapper #content article section.section .inner p.sectionDesc.text-justify-sp-tab {
  text-align: justify !important;
}
@media screen and (min-width: 1280px) {
  #wrapper #content article section.section .inner p.sectionDesc.text-justify-sp-tab {
    text-align: center !important;
  } 
}
#wrapper #content article section.section .inner p.sectionDesc.pb-0 {
  padding-bottom: 0 !important;
}
#wrapper #content article section.section .inner .sectionDesc.text-justify p {
  text-align: justify !important;
}
#wrapper #content article section.section .inner .sectionDesc p.center {
  text-align: center !important;
}
@media screen and (min-width: 1280px) {
  #wrapper #content article section.section .inner .sectionDesc.center {
    text-align: center !important;
  }
}
#wrapper #content article section.section .inner .sectionDesc.centerAll{
  text-align: center !important;
}
#wrapper #content article section.section .inner .sectionDesc.center.pb20 {
  padding-bottom: 20px !important;
}
@media screen and (max-width: 768px) {
  #wrapper #content article section.section .inner .sectionDesc.center.pb20 {
    padding-bottom: 10px !important;
  }
}
#wrapper #content article section.section .inner .sectionDesc.pb-0 {
  padding-bottom: 0 !important;
}
.slickDelivered.item3 {
  margin: 0 auto !important;
  max-width: 1000px !important;
}
.deliveredSection {
  /* padding-left: 0 !important;
  padding-right: 0 !important; */
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
  .slickRanking .rankColumn .rankImg, .slickRankingEx .rankColumn .rankImg {
    max-width: 220px !important;
  }
}
.rankingSection .rankColumn .rankHeading h3 {
  height: 3em; /* 制限したい行数が2の場合 */
  line-height: 1.5em !important; /* heightと同じ値にする */
  overflow: hidden;
  position: relative !important;
  word-wrap: break-word;
}
.rankingSection .rankColumn .rankHeading h3 a {
  margin-right: 1em;
}
.rankingSection .rankColumn .rankHeading h3 a:hover {
  color: #793F65 !important;
}
.rankingSection .rankColumn .rankHeading h3 a:visited {
  color: #793F65 !important;
}
.rankingSection .rankColumn .rankHeading h3::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
  bottom: 0;
  content: "…";
  padding-left: 1em;
  position: absolute;
  right: 0;
}
.rankingSection .rankColumn .rankHeading h3::after {
  background: white; /* 背景色 */
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}
.sectionPink.rankingSection .rankColumn .rankHeading h3::before,
.sectionPink-wrap .rankingSection .rankColumn .rankHeading h3::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(241, 235, 239) 30%);
  bottom: 0;
  content: "…";
  padding-left: 1em;
  position: absolute;
  right: 0;
}
.postid-10813 .sectionPink.rankingSection .rankColumn .rankHeading h3::before {
  background: #fff;
}
.sectionPink.rankingSection .rankColumn .rankHeading h3::after,
.sectionPink-wrap .rankingSection .rankColumn .rankHeading h3::after {
  background: rgb(241, 235, 239); /* 背景色 */
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}
.rankingSection .rankColumn .rankImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.rankingSection .slickRankingEx .rankColumn .rankHeading h3::before{
  display: none;
}
.rankingSection .slickRankingEx .rankColumn .rankHeading h3::after{
  display: none;
}
@media screen and (min-width: 440px) {
  .slickRanking.slick-dotted.slick-slider, .slickRankingEx.slick-dotted.slick-slider {
    padding-bottom: 60px !important;
  }
}
#main-navigation .nav-wrapper-pc a {
  transition: all 0.6s ease;
  font-size: 16px;
}
#main-navigation .nav-wrapper-pc a:hover {
  opacity: 0.6;
}
#wrapper #content {
  position: relative;
  z-index: 1;
}
#wrapper #content.open {
  z-index: -1;
}
#wrapper header.header #header-bar .menuBtn {
  display: none !important;
 }
@media screen and (max-width: 768px) {
  #wrapper header.header #header-bar {
    padding: 0;
  }
  #wrapper header.header #header-bar .menuBtn {
    display: flex !important;
    right: 30px;
  }
}
#wrapper header.header #header-bar .menuBtn {
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  right: 53px;
}
#wrapper header.header #header-bar .menuBtn span {
  background-color: #660000;
  width: 27px;
  height: 1px;
  margin-bottom: 7px;
  transition: all 0.6s ease;
}
#wrapper header.header #header-bar .menuBtn span:before {
  display: none;
}
#wrapper header.header #header-bar .menuBtn span:after {
  display: none;
}
#wrapper header.header #header-bar .menuBtn.hide {
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
  #wrapper header.header #header-bar .menuBtn {
    right: 43px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper header.header #header-bar .menuBtn {
    right: 30px;
  }
}
@media screen and (max-width: 500px) {
  #wrapper header.header #header-bar .menuBtn {
    right: 25px;
  }
}
@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutAnime {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOutAnime {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 768px) {
  .nav-wrapper-pc {
    display: none !important;
  }
  .gnav {
    background-color: #F9F2F6 !important;
    padding: 0 !important;
    max-height: 100vh !important;
    opacity: 0;
    visibility: hidden;
    /* transition: all 0.6s ease !important; */
    display: block;
    -webkit-animation-name: fadeOutAnime;
            animation-name: fadeOutAnime;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-animation-direction: normal;
            animation-direction: normal;     
    z-index: -1;
  }
  .gnav.open {
    display: block;
    -webkit-animation-name: fadeInAnime;
            animation-name: fadeInAnime;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    opacity: 1;
    visibility: visible;
    z-index: 10000;
  }
  .gnav #main-navigation {
    display: flex;
  }
  .gnav #main-navigation .nav-wrapper {
    margin: auto;
    height: auto;
    min-height: auto;
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    max-width: 410px;
  }
  .gnav #main-navigation .nav-wrapper a:hover {
    background: transparent !important;
  }
  .gnav #main-navigation .nav-wrapper #nav-close {
    width: 15px;
    color: #660000;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: 0;
    top: -30px;
    right: auto;
  }
  .gnav #main-navigation .nav-wrapper .nav-header {
    padding-bottom: 19px;
    margin-bottom: 25px;
    border-bottom: dashed 1px #222;
  }
  .gnav #main-navigation .nav-wrapper .nav-header > a {
    align-items: center;
    font-size: 16px;
  }
  .gnav #main-navigation .nav-wrapper .nav-header > a img {
    width: 20px;
    height: 20px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content {
    margin-top: 40px;
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .migi {
    padding-left: 18px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
    font-size: 16px;
    line-height: 1;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion {
    font-size: 16px;
    line-height: 1;
    color: black;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion i::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content {
    transition: max-height 1s ease;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content.open {
    max-height: 200px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li {
    line-height: 1;
    margin-top: 8px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li:before {
    margin-right: 5px;
    font-size: 2px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li a {
    line-height: 1;
    padding: 8px 0 !important;
    font-size: 14px !important;
    color: #000 !important;
  }
  .gnav #main-navigation .nav-wrapper .nav-footer {
    justify-content: center;
  }
  .gnav #main-navigation .nav-wrapper .nav-footer a {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .nav-wrapper{
    display: none!important;
  }
  .nav-wrapper-pc {
    display: flex!important;
  }
}
@media screen and (max-width: 1280px) {
  .gnav nav#main-navigation li > a {
      font-size: 1.2vw !important;
  }
}
@media screen and (max-width: 768px)  {
  .gnav {
    display: block;
    background-color: #F9F2F6 !important;
    padding: 0 !important;
    max-height: 100vh !important;
    opacity: 1;
    transition: transform 0.3s ease!important;
    transform: translateX(50vw);
    z-index: -1;
  }
  .gnav.open {
    display: block;
    opacity: 1;
    z-index: 10000;
    transition: transform 0.3s ease;
    transform: translateX(0);
  }
  .gnav #main-navigation {
    display: flex;
  }
  .gnav #main-navigation .nav-wrapper {
    margin: auto;
    height: auto;
    min-height: auto;
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    max-width: 410px;
  }
  .gnav #main-navigation .nav-wrapper a:hover {
    background: transparent !important;
  }
  .gnav #main-navigation .nav-wrapper #nav-close {
    width: 15px;
    color: #660000;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: 0;
    top: -30px;
    right: auto;
  }
  .gnav #main-navigation .nav-wrapper .nav-header {
    padding-bottom: 19px;
    margin-bottom: 25px;
    border-bottom: dashed 1px #222;
  }
  .gnav #main-navigation .nav-wrapper .nav-header > a {
    align-items: center;
    font-size: 16px;
  }
  .gnav #main-navigation .nav-wrapper .nav-header > a img {
    width: 20px;
    height: 20px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content {
    margin-top: 40px;
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .migi {
    padding-left: 18px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
    font-size: 16px;
    line-height: 1;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion {
    font-size: 16px;
    line-height: 1;
    color: black;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion i::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content {
    transition: max-height 1s ease;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content.open {
    max-height: 200px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li {
    line-height: 1;
    margin-top: 25px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li:before {
    margin-right: 5px;
    font-size: 2px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li a {
    line-height: 1;
    padding: 0 !important;
    font-size: 12px !important;
    color: #000 !important;
  }
  .gnav #main-navigation .nav-wrapper .nav-footer {
    justify-content: center;
  }
  .gnav #main-navigation .nav-wrapper .nav-footer a {
    font-size: 12px;
  }
  .nav-wrapper{
    display: block!important;
  }
}
@media screen and (max-width: 500px) {
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .gnav #main-navigation .nav-wrapper .nav-body .nav-content .migi {
    padding-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  div#header-bar {
    height: 120px !important;
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  header #header-bar #logo > a {
    margin-left: 30px;
    margin-right: auto;
  }
}
@media screen and (max-width: 500px) {
  header #header-bar #logo > a {
    margin-left: 25px;
    margin-right: auto;
  }
}
@media screen and (min-width: 1560px) {
  #pagetop {
    display: none !important;
  }
}
#pagetop {
  position: fixed;
  bottom: 22px;
  right: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease;
  transform: translateY(100px);
  z-index: 3000;
}
#pagetop.animate {
  transform: translate(0);
}
#pagetop.open {
  transform: translate(0) !important;
}
#pagetop .cartBtn {
  width: 60px;
  height: 60px;
  background-color: #793F65;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
}
#pagetop .cartBtn img {
  margin: auto;
  margin-left: 20px;
  width: 25px;
}
#pagetop #menuBtnF {
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
  cursor: pointer;
}
#pagetop #menuBtnF div {
  height: 50px;
  width: 27px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#pagetop #menuBtnF div span {
  width: 100%;
  height: 1px;
  background-color: #660000;
  margin-bottom: 7px;
  transition: all 0.6s ease;
}
#pagetop #menuBtnF div span:last-child {
  margin-bottom: 0;
}
@media (max-width: 1279px) and (min-width: 769px) {
  #pagetop {
    bottom: 25px;
  }
}
@media screen and (max-width: 500px) {
  #pagetop {
    right: 25px;
  }
}
@media screen and (max-width: 768px) {
  section.section.aboutSection .text.show-sp {
    margin-top: 25px;
  }
}
.insert-page.insert-page-11177 .purpose__card {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.161);
}
@media screen and (max-width: 499px) {
  .insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
    min-width: 50%;
    padding-right: 0;
  }
}
@media (min-width: 500px) and (max-width: 768px) {
  .insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
    min-width: 33%;
    padding-right: 0;
  }
}
@media (min-width: 769px) and (max-width: 999px) {
  .insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
    min-width: 50%;
    padding-right: 0;
  }
}
@media (min-width: 1000px) and (max-width: 1240px) {
  .insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
    min-width: 33.33333%;
    padding-right: 0;
  }
}
@media screen and (min-width: 1241px) {
  .insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
    min-width: 50%;
    padding-right: 0;
  }
}
@media screen and (min-width: 500px) {
  .insert-page.insert-page-11169 .-prefectures .areaTable-2 {
    padding: 50px;
    background: #F3F5F4;
    border-radius: 16px;
  }
  .insert-page.insert-page-11169 .-prefectures .areaTable-2 li {
    margin-bottom: 20px;
  }
  .insert-page.insert-page-11169 .-prefectures .areaTable-2 li a {
    font-size: 16px;
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  }
}
@media screen and (max-width: 768px) {
  .insert-page.insert-page-11169 .-prefectures .areaTable-2 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 499px) {
  .insert-page.insert-page-11169 .-prefectures .areaTable-2 {
    padding: 28px 17px;
    background: #F3F5F4;
    border-radius: 16px;
    max-width: 430px;
  }
  .insert-page.insert-page-11169 .-prefectures .areaTable-2 li {
    margin-bottom: 10px;
  }
  .insert-page.insert-page-11169 .-prefectures .areaTable-2 li a {
    font-size: 16px;
    font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  }
}
@media (min-width: 500px) and (max-width: 768px) {
  .relatedItemsWrap.-noslick .relatedItem {
    width: 50% !important;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .relatedItemsWrap.-noslick .relatedItem {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  #wrapper #content article section.section.explain .inner h2.ttl.center-sp > span.description {
    text-align: center !important;
  }
  #wrapper #content article section.section.explain .inner .columns {
    display: block;
  }
  #wrapper #content article section.section.explain .inner .columns .column-l {
    width: 100% !important;
  }
  #wrapper #content article section.section.explain .inner .columns .column-r.imageColumn {
    width: 100%;
  }
  #wrapper #content article section.section.explain .inner .columns .column-r.imageColumn img {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto 0;
  }
  #wrapper #content article section.section.explain .inner .columns .show-pc {
    display: none !important;
  }
  #wrapper #content article section.section.explain .inner .columns .show-sp {
    display: block !important;
  }
  .relatedItemsWrap.-noslick .relatedItem {
    margin-bottom: 75px !important;
  }
  #wrapper #content article .section.pickupSection  {
    padding-bottom: 25px !important;
  }
}
article section.columnSection h3.heading {
  padding: 0 !important;
  margin-bottom: 10px !important;
}
@media screen and (min-width: 769px) {
  article section.columnSection h3.heading {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 768px) {
  article section.columnSection .inner h3.heading:nth-child(3) {
    /* margin-top: 25px !important; */
  }
}
@media (max-width: 1280px) {
  #wrapper #content article section.columnSection a.linkbtn {
    margin-right: auto;
    margin-left: auto;
  }
}
.flow__main.-white .flow__number:before {
  z-index: 0 !important;
}
#wrapper #content article section.flow.sectionPink .inner .flow__main .insert-page.insert-page-10253 .flow__item {
  border: none !important;
  background-color: #FFF !important;
}
@media (max-width: 768px) {
  .insert-page.insert-page-10252 section.distribution {
    overflow-x: hidden;
  }
  .insert-page.insert-page-10252 section.distribution .distribution__diagram {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 450px) {
  .insert-page.insert-page-10252 section.distribution .distribution__diagram p.-text7 span {
    font-size: 8px;
  }
}
#wrapper #content .post article section.section.FaqSection .inner h2.ttl,
#wrapper #content .post article section.section.FaqSection .inner h2.ttl + p {
  padding-bottom: 25px !important;
}
@media (min-width: 769px) {
  #wrapper #content .post article section.section.FaqSection .inner h2.ttl,
  #wrapper #content .post article section.section.FaqSection .inner h2.ttl + p {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1280px) {
  #wrapper #content .post article section.section.FaqSection .inner h2.ttl {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 1279px) {
  .page-id-259 #wrapper #content .post article section.section.FaqSection .inner h2.ttl + p {
    text-align: justify !important; 
  }
}
@media (max-width: 768px) {
  #wrapper #content .post article section.section.FaqSection .faqList__summary {
    font-size: 14px !important;
  }
  #wrapper #content .post article section.section.wrapFaqSection .faqList__summary {
    font-size: 14px !important;
  }
  #wrapper #content .post article section.section.useFaqSection .faqList__summary {
    font-size: 14px !important;
  }
}
#wrapper #content .post article section.section.FaqSection.sectionPink .faqList__summary {
  background-color: white !important;
}
#wrapper #content .post article section.section.wrapFaqSection.sectionPink .faqList__summary {
  background-color: white !important;
}
#wrapper #content .post article section.section.FaqSection .inner p.sectionDesc {
  text-align: center !important;
}
@media (max-width: 768px) {
  #wrapper #content .post article section.section.FaqSection .inner p.sectionDesc {
    text-align: justify !important;
  }
}
@media (max-width: 1280px) {
  .page-id-257 #wrapper #content .post article section.section.FaqSection .inner p.sectionDesc {
    text-align: justify !important;
  }
}
.faqList__summary span.icon {
  display: none !important;
}
.faqList__summary::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 10px solid #793F65;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  cursor: pointer;
  transition: all 0.6s ease;
}
.faqList__summary.open::after {
  transform: translateY(-50%) rotate(-180deg);
}
@media (max-width: 768px) {
  .faqList__summary::after {
    right: 20px;
  }
}
@media (min-width: 1280px) {
  .faqList__summary::after {
    right: 96px;
    border-top: 12px solid #793F65;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
}
.faqList__content .text {
  font-size: 14px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px 10px 0;
  text-align: justify;
  -webkit-animation: fadeOut 0.8s ease;
          animation: fadeOut 0.8s ease;
}
.faqList__summary.-on + .faqList__content .text {
  -webkit-animation: fadeIn 0.8s ease;
          animation: fadeIn 0.8s ease;
}
@media screen and (min-width: 769px) {
  .faqList__content .text {
    padding: 40px 30px 0;
    font-size: 16px;
    line-height: 2;
  }
}
.wkr_reviews .wkr_review .content {
  line-height: 1.8 !important;
}
@media screen and (min-width: 1240px) {
  #wrapper #content section.section.useSelectSection {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 1239px) and (min-width: 769px) {
  #wrapper #content section.section.useSelectSection {
    padding-bottom: 75px !important;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content section.section.useSelectSection {
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content .insert-page.insert-page-11343 section.section.useSelectSection p.sectionDesc {
    text-align: justify !important;
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  #wrapper #content .insert-page.insert-page-11343 section.section.useSelectSection {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .relatedItemsWrap.slickFeatured .relatedItem {
    display: flex;
    width: 240px !important;
    margin: 0 18px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content article section.section.featuredItemSection .inner h2.ttl span.description {
    text-align: center;
  }
}
.relatedItemsWrap .relatedItem .column.itemName {
  margin: 10px auto !important;
  height: auto !important;
}
@media screen and (max-width: 450px) {
  .relatedItemsWrap .relatedItem .column.itemName {
    margin: 20px auto !important;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .relatedItemsWrap .relatedItem .itemInfo > .column.btnWrap {
    margin: 30px auto 0;
  }
  .relatedItemsWrap .relatedItem .itemInfo > .column.btnWrap:before {
    top: -20px;
  }
}
@media (min-width: 769px) and (max-width: 1239.9px) {
  #wrapper #content article section .relatedItemsWrap.-noslick .relatedItem {
    /* width: 28.3%; */
    width: calc((100% / 3) - 4.838%);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  section.section.rankingSection .slickRanking .rankColumn .rankHeading > .ico-rank, section.section.rankingSection .slickRankingEx .rankColumn .rankHeading > .ico-rank {
    top: 39px;
    left: -20px;
    display: block;
    padding: 0;
    width: 70px;
    height: 70px;
    font-weight: normal;
    font-size: 24px;
    line-height: 70px;
    text-align: center;
  }
  section.section.rankingSection .slickRanking .rankColumn .rankHeading > h3.heading2, section.section.rankingSection .slickRankingEx .rankColumn .rankHeading > h3.heading2 {
    left: 58px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content article .insert-page.insert-page-10907 section.section.rankingSection {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#wrapper #content article section.section.FaqSection .inner p.sectionDesc.sectionDesc.text-justify {
  text-align: justify !important;
}
#wrapper #content article section.section.wrapFaqSection .inner p.sectionDesc.text-justify {
  text-align: justify !important;
}
@media screen and (max-width: 1279px) {
  #wrapper #content article section.section.FaqSection .inner p.sectionDesc {
    text-align: justify !important;
  }
  #wrapper #content article section.section.wrapFaqSection .inner p.sectionDesc {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content article section.section.FaqSection .faqList__notes {
    /* text-align: center !important; */
    /* padding-top: 30px !important; */
  }
}
#wrapper #content article section.section.FaqSection .faqList__content {
  transition: all 0.8s ease;
}
@media screen and (min-width: 1280px) {
  #wrapper #content article section.section.originSection .inner .columns .column h2.ttl.has-left-line::after {
    top: 18px !important;
    bottom: auto;
  }
  #wrapper #content article section.section.originSection .inner .columns .column img {
    margin: 0 !important;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  #wrapper #content article section.section.originSection .inner .columns {
    display: block;
  }
  #wrapper #content article section.section.originSection .inner .columns .column {
    width: 100%;
  }
  #wrapper #content article section.section.originSection .inner .columns .column h2.ttl.has-left-line::after {
    top: 20px !important;
    bottom: auto;
  }
  #wrapper #content article section.section.originSection .inner .columns .column .show-pc {
    display: none;
  }
  #wrapper #content article section.section.originSection .inner .columns .column .show-sp {
    display: block;
  }
  #wrapper #content article section.section.originSection .inner .columns .column img {
    max-width: unset !important;
    width: 100% !important;
    margin: 0 auto 25px;
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  #wrapper #content article section.section.awardSection .inner .columns .column-r.imageColumn {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  #wrapper #content article section.section.awardSection .inner .columns {
    display: block;
  }
  #wrapper #content article section.section.awardSection .inner .columns .column {
    width: 100%;
  }
  #wrapper #content article section.section.awardSection .inner .columns .column .show-pc {
    display: none;
  }
  #wrapper #content article section.section.awardSection .inner .columns .column .show-sp {
    display: block;
  }
  #wrapper #content article section.section.awardSection .inner .columns .column .column-r.imageColumn img {
    max-width: 640px;
    width: 90%;
    margin: 0 auto 25px;
    display: block;
  }
  #wrapper #content article section.section.awardSection .inner .columns .column .awardSection__message {
    font-size: 16px;
  }
}
#wrapper #content article section.section.reason .insert-page.insert-page-10254 .reason__item__figure {
  padding-bottom: 0 !important;
  justify-content: center !important;
}
#wrapper #content article section.section.reason .insert-page.insert-page-10254 .reason__item .reason__item__text {
  font-size: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  #wrapper #content article .dividor-vertical {
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1280px) {
  section.section.originSection .column-r.imageColumn {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1280px) and (min-width: 769px) {
  #wrapper #content article section.section.flow h2.ttl {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 1280px) and (min-width: 769px) {
  #wrapper #content article section.section.reason h2.ttl {
    padding-bottom: 50px !important;
  }
}
footer #bottomtitle {
  margin: 0 auto !important;
  line-height: 1.6 !important;
}
@media (max-width: 1280px) and (min-width: 769px) {
  footer #bottom_in .textwidget #bottomtitle {
    font-size: 32px !important;
    padding-bottom: 50px !important;
  }
  footer #bottom_in .textwidget #guide_in1 .box_g1 {
    margin-top: 0 !important;
  }
  footer #bottom_in .textwidget #guide_in1 .box_g1 h2.ttl_m3:first-of-type {
    /* margin-top: 0 !important; */
  }
}
@media screen and (max-width: 768px) {
  footer #bottom_in .textwidget #bottomtitle {
    padding-bottom: 50px !important;
  }
  footer #bottom_in .textwidget #guide_in1 .box_g1 {
    margin-top: 0 !important;
  }
  footer #bottom_in .textwidget #guide_in1 .box_g1 h2.ttl_m3:first-of-type {
    /* margin-top: 0 !important; */
  }
}
@media screen and (max-width: 768px) {
  section.section.rankingSection h2.ttl span.description {
    text-align: center;
  }
  section.section.flow h2.ttl span.description {
    text-align: center;
  }
  section.section.reason h2.ttl span.description {
    text-align: center;
  }
  section.section.FaqSection h2.ttl span.description {
    text-align: center;
  }
  section.section.wrapFaqSection h2.ttl span.description {
    text-align: center;
  }
  section.section.itemReviewSection h2.ttl span.description {
    text-align: center;
  }
  .single-areas section.section.itemReviewSection h2.ttl span.description {
    white-space: nowrap;
  }
  section.section.useDetailsRecommendSection h2.ttl span.description {
    text-align: center;
  }
}