@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

html { font-size: 62.5%;}
body { font-size:1.6rem; margin:0; padding:0; color:#222; background:#fff; font-family: Helvetica, Arial, 'Noto Sans JP', sans-serif;}
.wrapper { width:100%; max-width:1920px; margin:0 auto; overflow:hidden; }

a:focus, *:focus { outline:none;}
img {	vertical-align:bottom;}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  display: block;
}

header, section { width:100%; margin:0; padding:0;}

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

.mb30 { margin-bottom:30px !important;}
.mb50 { margin-bottom:50px !important;}cros
.mb80 { margin-bottom:80px !important;}

.pd50 { padding-bottom:50px !important;}

ul, ol { list-style-type:none; margin:0; padding:0;}

#toTop { position:fixed; right:2%; bottom:6%;}
#toTop a { display:block; width:50px; height:50px;}
#toTop a img { width:100%; height:auto; filter:drop-shadow(0 0 5px rgba(0,0,0,.5)); opacity:.5;}
#toTop a:hover { opacity:1 !important;}
#toTop a:hover img { opacity:1;}
@media screen and (min-width: 62.5em) { /* 1000px */
  #toTop { right:40px; bottom:40px;}
  #toTop a { width:80px; height:60px;}
}

/* front-page */
.header_top { position:relative; width:100%;}

.header_top h1 { text-align:center; height:80px; margin:0 auto; padding-top:14px;}
.header_top h1 img { height:100%; width:auto;}
.header_top .logo_ag { position:absolute; top:16px; left:16px; height:60px;}
.header_top .logo_ag img { height:100%; width:auto;}
.header_kv { width:100%; position:relative; margin:10px auto 0;}
.header_kv .discount { position:absolute; top:-6%; right:23.5%; width:13%; height:13%; z-index:2;}
.header_nav { width:100%; position:relative;}
.header_nav .navbg { width:100%; z-index:-1;}
.header_nav ul { position:absolute; bottom:0; left:50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width:83.3333333%; max-width:1600px; display:flex; align-items:flex-end; margin:0; padding:0;}
.header_nav li { width:50%; margin:0; padding:0;}

@media screen and (max-width: 999px) {
.header_nav ul { width:100%;}
.header_kv .discount { top:-4%; right:14%; width:18%; height:18%;}
}

@media screen and (max-width: 600px) {
.header_top h1 { height:32px; margin:0 0 20px; padding-top:0;}
.header_top .logo_ag { top:16px; left:10px; height:28px;}
/*.header_kv .discount { top:-4%; right:14%; width:18%; height:18%;}*/

}

.bg_summer2025 { background: url(/summer2025/cms/common/img/bg_summer2025.svg);}

.bg_2025_g { background: linear-gradient(#f7efd0,#fffeeb);}
.bg_2025 { background: linear-gradient(#f5aa45,#fad38d);}
.bg_2025_lower { background: #f5aa45;}
.bg_fffdef { background: #fffdef;}

.bg_dot_yellow2024 {
  background:
    radial-gradient(
      circle at 50% 0,
      rgba(255, 151, 184, 0.6),
      rgba(255, 0, 0, 0) 70.71%
    ),
    radial-gradient(
      circle at 6.7% 75%,
      rgba(255, 144, 0, 0.6),
      rgba(0, 0, 255, 0) 70.71%
    ),
    radial-gradient(
      circle at 93.3% 75%,
      rgba(255, 227, 0, 0.6),
      rgba(0, 255, 0, 0) 70.71%
    );
}

.bg_gasfesta2024 {
  background:#443621;
}
.bg_summer2024 {
  margin-top: -10px;
  background-color:#3aa5c6;
  background-image:
    radial-gradient(#8bcade 15%, transparent 15%),
    radial-gradient(#8bcade 15%, transparent 15%);
  background-size:40px 40px;
  background-position:0 0, 20px 20px;
}
.bg_gradeup2024 {
  background-color:#e0f9fc;
  background-image:
    radial-gradient(#bff2f7 15%, transparent 15%),
    radial-gradient(#bff2f7 15%, transparent 15%);
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
.bg_dot_orange { /* 変更※gasfesta2023 */
  background-color:/*#e3794b*/#f7d25e;
  background-image:
    radial-gradient(#ffebac 15%, transparent 15%),
    radial-gradient(#ffebac 15%, transparent 15%);/*#e3794bのときは#f1b554*/
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
.bg_dot_yellow2023 {
  background-color:#afe9f2;
  background-image:
    radial-gradient(#f9f8d2/*#fcf7d8*/ 15%, transparent 15%),
    radial-gradient(#f9f8d2/*#fcf7d8*/ 15%, transparent 15%);
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
.bg_dot_pink {
  background-color:#ff9d9d;
  background-image:
    radial-gradient(#ffc57c 15%, transparent 15%),
    radial-gradient(#ffc57c 15%, transparent 15%);
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
.bg_dot_pink2023 {
  background-color:/*#ffb3b7*/#68dda8;
  background-image:
    radial-gradient(/*#ffd2d4*/#95e7c2 15%, transparent 15%),
    radial-gradient(/*#ffd2d4*/#95e7c2 15%, transparent 15%);
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
.bg_fff0ee { background:#fff0ee;}
.bg_dot_blue {
  background-color:#0093d8;
  background-image:
    radial-gradient(#40aee2 15%, transparent 15%),
    radial-gradient(#40aee2 15%, transparent 15%);
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
.bg_dot_lightblue {
  background-color:#9bdbd8;
  background-image:
    radial-gradient(#fffbce 15%, transparent 15%),
    radial-gradient(#fffbce 15%, transparent 15%);
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
.bg_dot_lightgreen {
  background-color:#68dda8;
  background-image:
    radial-gradient(#95e7c2 15%, transparent 15%),
    radial-gradient(#95e7c2 15%, transparent 15%);
  background-size:30px 30px;
  background-position:0 0, 15px 15px;
}
@media screen and (max-width: 600px) {
/*
.bg_dot_pink {
  background-color:#ff9d9d;
  background-image:
    radial-gradient(#ffc57c 15%, transparent 15%),
    radial-gradient(#ffc57c 15%, transparent 15%);
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
*/
.bg_summer2024 {
  background-size:24px 24px;
  background-position:0 0, 12px 12px;
}
.bg_dot_orange {
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
.bg_dot_blue {
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
.bg_dot_lightblue {
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
.bg_dot_lightgreen,
.bg_dot_pink2023 {
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
}


.innerbox { width:83.3333333%; max-width:1600px; margin:0 auto !important; padding:50px 0; background:#fff;}
#newlife2022 { padding-top:4%; }
#newlife2022 .innerbox { border-radius: 30px 30px 0 0;}
#newlife2022 .innerbox:nth-of-type(2), #newlife2022 .innerbox:last-of-type { border-radius:0 0 0 0;}


.top_banner { width:62.5%; max-width:1000px; margin:0 auto 30px;}
.top_banner_fun { width:100%; margin:0 0 30px; position:relative;}
.top_banner_fun .top_banner_txt { font-size:2.8rem; line-height:2.2; font-weight:700; position:absolute; top:33%; left:16%;}
.top_banner1280 { width:80%; max-width:1280px; margin:0 auto 60px;}
.top_banner1280 img { border-radius:14px;}

.exhibition_banner { width:100%; max-width:1200px; margin:0 auto !important; padding:0 50px 10px;}
.exhibition_note { text-align:center; font-size:1.6rem; margin:0 auto 50px;}
.sale_notice { width:100%; max-width:900px !important; margin:0 auto; padding:0 50px 50px;}

@media screen and (max-width: 1000px) {
  #newlife2022 { padding-top:8%; padding-bottom:8%;}
  #newlife2022 .innerbox { width:90%; margin:0 auto; border-radius: 10px 10px 0 0;}
  #newlife2022 .innerbox:nth-of-type(2) { width:90%; margin:0 auto; border-radius:0;}
  #newlife2022 .innerbox:last-of-type{ width:90%; margin:0 auto; border-radius:0 0 10px 10px;}
  #newlife2022 .innerbox h2 { height:50px; width:100%; object-fit:cover;}

  .innerbox h2.exhibition_banner { object-fit:none; width:90%; height:auto !important; margin:0 auto !important; padding:0 20px 10px;}
  .exhibition_note { object-fit:none; text-align:left; width:90%; font-size:1.2rem; margin:0 auto 20px;}

  .innerbox h2.sale_notice { display:block; width:90%; height:auto !important; margin:0 auto !important; padding:0 20px 20px;}
  .innerbox { width:100%; padding:20px 0;}
  .top_banner { width:80% !important; margin-bottom:20px;}
  .top_banner_fun { width:80%; margin:0 auto 30px;}
  .top_banner_fun .top_banner_txt { font-size:17px !important; width:100% !important; top:55% !important; left:0; line-height:2; text-align:center;}
  .top_banner1280 { width:90%; margin:0 auto 30px;}
}

#rangehood.innerbox {
  background-color:#38BBCE;
  background-image:
    radial-gradient(#64CBDA 15%, transparent 15%),
    radial-gradient(#64CBDA 15%, transparent 15%);
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
#builtinstove.innerbox {
  background-color:#DB6D65;
  background-image:
    radial-gradient(#DF918B 15%, transparent 15%),
    radial-gradient(#DF918B 15%, transparent 15%);
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
#waterheater.innerbox {
  background-color:#ABBFCA;
  background-image:
    radial-gradient(#BDCCD5 15%, transparent 15%),
    radial-gradient(#BDCCD5 15%, transparent 15%);
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
#gasclothesdryer.innerbox {
  background-color:#E19A8B;
  background-image:
    radial-gradient(#E4B3A8 15%, transparent 15%),
    radial-gradient(#E4B3A8 15%, transparent 15%);
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
#enefarm.innerbox {
  background-color:#3DBBCE;
  background-image:
    radial-gradient(#66C9D8 15%, transparent 15%),
    radial-gradient(#66C9D8 15%, transparent 15%);
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}
#systembath.innerbox {
  background-color:#81C594;
  background-image:
    radial-gradient(#92CDA2 15%, transparent 15%),
    radial-gradient(#92CDA2 15%, transparent 15%);
  background-size:16px 16px;
  background-position:0 0, 8px 8px;
}

#rangehood.innerbox,
#gasclothesdryer.innerbox,
#builtinstove.innerbox,
#enefarm.innerbox,
#waterheater.innerbox,
#systembath.innerbox { padding:0 0 50px;}
@media screen and (max-width: 600px) {
  #rangehood.innerbox,
  #gasclothesdryer.innerbox,
  #builtinstove.innerbox,
  #enefarm.innerbox,
  #waterheater.innerbox,
  #systembath.innerbox { padding:0 0 20px;}
}

#newlife2022 h2 { width:100%; margin-bottom:50px;}
#newlife2022 h3 { width:100%; margin-bottom:50px; height:38px !important; text-align:center;}
#newlife2022 h3 > img { height:100%; width:auto;}
#saleitems h3 { width:100%; margin:0 0 30px; padding:0 !important; height:100px !important; text-align:center; position:relative;}
#saleitems h3 > img { height:100%; width:auto;}
#saleitems #rangehood h3::after { position:absolute; top:0; left:0; background:url()}
#saleitems .h3txt { width:100%; margin-bottom:50px; font-size:2.2rem; letter-spacing:2px; color:#fff; font-weight:700; text-align:center;}
#fun h2 { width:100%; margin-bottom:80px;}
@media screen and (max-width: 600px) {
#newlife2022 h2 { margin:0 auto 20px;}
#newlife2022 h3 { margin:0 auto 10px; width:26% !important;}
#newlife2022 h3 > img { height:100%; width:auto;}
#saleitems h3 { margin:0 auto 20px; height:40px !important;}
#saleitems h3 > img { height:100%; width:auto;}
#saleitems .h3txt { width:90%; margin:0 auto 30px; font-size:1.6rem; letter-spacing:.5px;}
#saleitems .flexbox { display:block;} /* 1列 */
#saleitems .flexbox li { width:100%;}
#fun h2 { width:100%; margin-bottom:80px;}
}

.flexbox { display:flex; justify-content:space-between; flex-wrap:wrap; padding:0;}
.flexbox:after { content:""; display:block; width:31.851851%; height:0;}
.estimate_list { width:84.375%; max-width:1350px; margin:0 auto 50px;}
.estimate_list li { margin-bottom:25px;}
.estimate_list li { width:31.851851%; max-width:430px;}
@media screen and (max-width: 600px) {
  .flexbox:after { width:48%;}
  .estimate_list { width:90%; margin:0 auto 20px;}
  .estimate_list li { width:48%; margin-bottom: 4%;}
}
.specialsite_list { width:62.5%; max-width:1000px; margin:0 auto 50px; justify-content:space-around}
.specialsite_list li { margin-bottom:25px; width:43%; max-width:430px;}
@media screen and (max-width: 600px) {
.specialsite_list { width:94%; margin:0 auto 20px;}
.specialsite_list li { width:46%; margin-bottom:0;}
}
/* FHセールがお休みのとき */
.flexbox.specialsite_onlyone { width:84.375%; max-width:1350px; display:block; text-align:center;}
.specialsite_list.specialsite_onlyone li { margin:0 auto 25px !important; width:31.851851%; max-width:430px;}
@media screen and (max-width: 600px) {
  .specialsite_list.specialsite_onlyone { width:90%; margin:0 auto 20px;}
  .specialsite_list.specialsite_onlyone li { width:48%; margin-bottom: 4%;}
}


.col_list1200 { width:84.375%; max-width:1350px; margin:0 auto 50px;}
.saleitem_list { width:78.125%; max-width:1250px; margin:0 auto 50px;}
.saleitem_list li { width:32%; max-width:400px; margin-bottom:40px;}
@media screen and (max-width: 600px) {
.saleitem_list { width:70%;}
#gasclothesdryer .saleitem_list li:first-of-type,
#gasclothesdryer .saleitem_list li:last-of-type,
#enefarm .saleitem_list li:first-of-type,
#enefarm .saleitem_list li:last-of-type,
#systembath .saleitem_list li:first-of-type,
#systembath .saleitem_list li:last-of-type { display:none;}
.col_list1200 { width:100% !important;}
.col_list1200 .btn_rectangle { width:100%;}
}




/* 画像ボタン切り替え */
.hoverimg {
  position: relative;
}
.hoverimg .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .3s;
}
.hoverimg:hover .active {
  opacity: 1;
}
/* その他のボタン画像透過切り替え */
.hoverimg2 { padding:0; background:#fff;}
.hoverimg2 img {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hoverimg2:hover img { opacity:.8;}

/* TOP横長ボタン */
.hoverimg2.btn_rectangle { width:48.333333%; max-width:580px; margin:0 auto 10px;}
.hoverimg2.btn_rectangle a { width:100%;}

.hoverimg3 { width:70%; max-width:400px; padding:0; background:#fff;}
.hoverimg3 img {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hoverimg3:hover img { opacity:.8;}
#nurie .hoverimg3 { background:none;}
@media screen and (max-width: 600px) {
.hoverimg2.btn_rectangle { width:80%;}
#crossword .hoverimg3,
#nurie .hoverimg3 { width:100%;}
}




/* テキスト */
.specialsite_txt { font-size:2.4rem; text-align:center; margin-bottom:20px;}
@media screen and (max-width: 600px) {
  .specialsite_txt { font-size:1.4rem;}
}

/* fun */
.fun_innerbox { width:75%; max-width:1200px; margin:0 auto 100px;}
.fun_img_cw { float:left; display:block; width:35%; max-width:420px; height:auto; padding:10px; border:6px solid #0B6BA8;}
.fun_img_nu { float:left; display:block; width:44.75%; max-width:537px; height:auto;}
.fun_textbox { float:right; width:50%; max-width:600px;}
.fun_textbox p { font-size:2.6rem; line-height:2.2; font-weight:700; padding:0; margin:0 auto 50px;}
.fun_textbox p.nurietxt { margin:0 auto 20px !important;}
.fun_textbox p.smalltxt { font-size:1.8rem; line-height:2; margin-bottom:20px;}
.fun_textbox .hoverimg { width:70%; max-width:420px;}
.fun_textbox .sp_only { display:none;}

.fun_innerbox2 { width:76%; max-width:1200px; margin:-30px auto 40px; padding:.5% 2% .2%; background:#ecf9ff;}
.fun_innerbox2 p { font-size:1.8rem; line-height:1.8; text-align:center;}

@media screen and (max-width: 600px) {
.fun_textbox p.smalltxt { font-size:1.4rem; line-height:1.8;}
.fun_textbox .sp_only { display:block;}
.fun_innerbox2 { width:80%; margin:-40px auto 40px; padding:.5% 3% .3%; background:#ecf9ff;}
.fun_innerbox2 p { font-size:1.4rem; text-align:left;}
}




.innerbox#nurie { margin-top:-80px; padding-top:80px; background:url("../img/map_bg.png") no-repeat #fff; background-size:cover; background-position:center top;}
.innerbox#showroom_add h2 { margin:70px 0;}
#showroom_add .clearfix { width:81.25%; max-width:1300px; margin:50px auto;}
#showroom_add .gmapbox { width:47.5%; max-width:570px; float:left;}
#showroom_add .img_address { width:47.5%; max-width:570px; float:right;}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

@media screen and (max-width: 1000px) {
  .fun_textbox p { font-size:2.2rem; line-height:2; margin:-10px auto 30px;}
  .innerbox#showroom_add h2 { margin:10px 0;}
  #showroom_add .gmapbox { width:100%; float:none; margin:0 auto 20px;}
  #showroom_add .img_address { width:100%; float:none; margin:0 auto ;}
}
@media screen and (max-width: 767px) { /* ショールーム */
  .fun_img_cw,
  .fun_img_nu { float:none; width:70%; margin:0 auto 20px;}
  .fun_textbox { float:none; width:100%; text-align:center;}
  .fun_textbox p { font-size:2rem; line-height:2; margin:10px auto 30px;}
  .fun_textbox .hoverimg { width:100%;}
}

/* pages */
.header_pages { position:relative; width:100%; margin:16px 0 0; padding:0 !important;}
.pages_headline { position:absolute; top:-8px; left:0;}
@media screen and (max-width: 1500px) {
  .header_top { margin-bottom:14px;}
  .header_pages { margin:0;}
  .pages_headline { top:-16px; left:0;}
}
@media screen and (max-width: 767px) {
  .pages_headline { top:-20px;}
}

.header_pages .flexbox { width:90%; max-width:1200px; margin:0 auto; align-items:center; justify-content: space-between;}
.h2_pages { width:50.833333%; max-width:610px; margin:0; padding:0;}
.pages_header_nav { width:46.666666%; max-width:560px; font-size:0; text-align:center;}
.pages_header_nav li { display:inline-block; width:50%; margin-top:1%}
.pages_header_nav li a:hover { opacity:.8;}
@media screen and (max-width: 600px) {
.h2_pages { width:70%;}
.pages_header_nav { width: 28%;}
.pages_header_nav li { width:100%;}
}

#hover-click　{
  position: relative;
}
.pages_nav_list {
  display: none;
  z-index: 9999;/*
  position: absolute;*/
  left:0;
  width: 100%;
  padding: 30px 0;
  background:rgba(255,255,255,.85);
  text-align: left;
}
.pages_nav_list ul { margin-bottom:50px; width:100%; max-width:1200px; margin:0 auto 20px;}
.pages_nav_list li { display:inline-block;}
.pages_nav_list li a { display:block; padding:14px; width:12em; border-radius:14px; background:#ff6e7e/*#f0716d*//*#e3794b*/; font-size:1.6rem; text-decoration:none; margin:4px 4px 4px 0; color:#fff; text-align:center;}
.pages_nav_list li:last-of-type a { margin-right:0;}
.pages_nav_list li a:hover { opacity:.8; transition:.2s;}
.pages_nav_list h3 { font-size:2.2rem; color:#ff6e7e/*#ea613b*/; width:100%; max-width:1200px; margin:0 auto;}
@media screen and (max-width:1222px) {
  .pages_nav_list { text-align:center;}
  .pages_nav_list ul { width:80%; margin:0 auto 20px;}
  .pages_nav_list li a { width:16em; font-size:1.4rem;}
  .pages_nav_list h3 { font-size:1.6rem; text-align:center;}
}

.breadcrumb { width:90%; max-width:1200px; margin:0 auto 20px; padding:8px 0;}
.breadcrumb li { display:inline-block; font-size:1.4rem; color:#777;}
.breadcrumb li::after { content:"／"; font-size:1rem;}
.breadcrumb li:last-of-type::after { content:"";}
.breadcrumb li a { color:#777;}
.breadcrumb li a:hover { color:#df0012;}
@media screen and (max-width:600px) {
  .breadcrumb li { font-size:1.2rem;}
}

.entry-title { width:90%; max-width:1200px; margin:0 auto 30px; font-size:3.2rem; font-weight:700;}
.entry-content { width:90%; max-width:1200px; margin:0 auto 50px;}
@media screen and (max-width:767px) {
  .entry-title { font-size:2.4rem;}
}
.item_sec01,
.item_sec02,
.item_sec03,
.item_sec04 { width:100%; max-width:1200px; margin:0 auto 100px;}
.item_sec01 .go_estimate { width:100%; max-width:580px; margin:20px 0 50px auto;}
.item_sec01 .go_estimate a { display:inline-block; width:100%; max-width:100%; padding:20px; background:#ff3c00; color:#fff; font-weight:700; text-decoration:none; font-size:2.6rem; text-align:center; border-radius:8px; position:relative; vertical-align: middle;}
.item_sec01 .go_estimate a::after { position:absolute; top:0; bottom:0; right:20px; margin:auto; content:""; vertical-align:middle; border-top:2px solid #fff; border-right:2px solid #fff; width:16px; height:16px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.item_sec01 .go_estimate a:hover { opacity:.8;}
.item_sec03 { border-radius:16px; background:#edf9f8; padding:20px;}
.item_sec03 h2,
.item_sec04 h2 { text-align:center; font-size:2.8rem;}
.item_sec03 h3 { border-bottom:2px solid #333; padding:4px 6px; margin:0; font-size:2.4rem;}
.item_sec03 .flexbox { padding:6px;}
.item_sec03 .flexbox dl { width:32%;}
.item_sec03 .flexbox::after { display:block; content:""; width:32%;}
.item_sec03 dt { margin:0; padding:6px 8px; color:#fff; font-weight:700;}
.item_sec03 dd { margin:0 0 10px; padding:6px 8px;}
.item_sec03 .f_cook dt { background:#f26868;}
.item_sec03 .f_clean dt { background:#338ed1;}
.item_sec03 .f_safety dt { background:#56b7a0;}
.item_moviebox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:100px;
}
.item_moviebox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:767px) {
  .item_sec01,
  .item_sec02,
  .item_sec03,
  .item_sec04 { margin:0 auto 50px;}
  .item_sec01 .go_estimate { max-width:767px; margin:0 auto 30px;}
  .item_sec01 .go_estimate a { padding:14px; font-size:2rem;}
  .item_sec03 h2,
  .item_sec04 h2 { font-size:2.2rem;}
  .item_sec03 h3 { font-size:2rem;}
  .item_sec03 .flexbox { display:static;}
  .item_sec03 .flexbox dl { width:100%;}
}



table {
  border-collapse: collapse;
  margin: 0 auto 20px;
  padding: 0;
  width: 100%;
/*  table-layout: fixed;*/
}
table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
  text-align:left;
}
table th {
  background:#eee;
}

@media screen and (max-width: 600px) {
  .tbl_privacypolicy table,
  table.customer_form {
    border: 0;
    width:100%;
  }
  .tbl_privacypolicy table th,
  table.customer_form th,
  table.item_spec th {
    background-color: #eee;
    display: block;
    border-right: none;
  }
  .tbl_privacypolicy table tr,
  table.customer_form tr,
  table.item_spec tr {
    display: block;
    margin-bottom: .625em;
  }
  .tbl_privacypolicy table td,
  table.customer_form td,
  table.item_spec td {
    border-bottom: 1px solid #bbb;
    display: block;
    text-align: left;
    position: relative;
    padding: .625em;
    border-right: none;
  }
  .tbl_privacypolicy table td:last-child,
  table.customer_form td:last-child,
  table.item_spec td:last-child {
    border-bottom: 0;
  }
  .tbl_privacypolicy table tr { border:0 none;}
  .tbl_privacypolicy table td { border:1px solid #ddd; background:#ddd;}
  .tbl_privacypolicy table td:last-of-type { border:1px solid #ddd; border-top:0 none; background:#fff;}

}
@media screen and (min-width: 601px) {
table th { width:30% !important;}

}

/* form */
/* -- input,select,textarea -- */
input,select,textarea {
	font-size: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
select {
	max-width: 100%;
	padding: .5714285em 2.14286em .5714285em .5714285em;
	background: url(images/select-arrow.gif) center right 10px no-repeat;
	border: 1px solid #bbb;
}
textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #bbb;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	padding: .5714285em;
	border: 1px solid #bbb;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding: .714288em 1.42857em;
	background-color: #efefef;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	background-color: #ddd;
	cursor: pointer;
}
input[type="checkbox"] {
	border: 1px solid #ccc;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
input[type="radio"] {
	border: 1px solid #bbb;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}
input[type="file"] {
	border: none;
}

.customer_form .only_bath { display:none;}

.customer_form .sp_only { display:none;}
.customer_form > td > .pc_only { display:inline-block;}
@media screen and (max-width: 820px) {
  .customer_form .sp_only { display:inline-block;}
  .customer_form .pc_only { display:none;}
}


.mw_wp_form_confirm .confirm_hide { display:none !important;}
.mw_wp_form .mwform-file-delete { font-weight:bold; font-size:1.6rem;}

.mw_wp_form .error { padding:4px; font-weight:bold; font-size:1.6rem; color:#ff0000;}


/* フォーム完了画面 */
.mw_wp_form .go_top_btn { text-align:center; margin-top:30px;}
.mw_wp_form .go_top_btn a { display:inline-block; padding:14px 30px; background:#f0716d/*#e3794b*/; color:#fff; font-size:2.4rem; font-weight:700; text-decoration:none; border-raidus:8px;}
.mw_wp_form .go_top_btn a:hover { opacity:.8;}
.form_comp_tit { font-size:2.6rem;}
.form_comp_txt { font-size:2rem; line-height:1.8;}

/* クロスワード */
table.crosswordbox { color:#333; width:100%; max-width:400px; margin:0 auto 30px 0; border-collapse:collapse;}
table.crosswordbox td { width:20%; max-width:80px; background:#eee; border:1px solid #333;  margin:0 !important; padding:0 !important; position:relative; text-align:center;}
table.crosswordbox td input { width:72px !important; padding:0; margin:3px !important; font-size:5rem; line-height:72px; text-align:center; background:#fff; border:1px solid #eee; color:#000;}
.mw_wp_form_preview table.crosswordbox td { background:#fff; font-size:5rem; padding:5px; line-height:80px !important; height:80px;}
table.crosswordbox td.bg_333 { background:#333;}
table.crosswordbox td:after { position:absolute; top:6px; left:6px; font-size:2rem; color:#777; font-weight:bold; line-height:1;}
table.crosswordbox #no01:after { content:"1";}
table.crosswordbox #no02:after { content:"2";}
table.crosswordbox #no03:after { content:"3";}
table.crosswordbox #no04:after { content:"4";}
table.crosswordbox #no05:after { content:"5";}
table.crosswordbox #no06:after { content:"6";}
table.crosswordbox #no07:after { content:"7";}
table.crosswordbox #no08:after { content:"8";}
table.crosswordbox #no09:after { content:"9";}
table.crosswordbox #no10:after { content:"10";}
table.crosswordbox .td_answer { color:#0093d8;}

table.crosswordbox td.bg_fff { background:#fff; font-size:5rem !important; margin:6px 3px 3px !important;}

.cw_table_test th { width:15% !important;}
.cw_table_test td { width:85% !important;}
@media screen and (max-width: 650px) {
  table.crosswordbox,
  table.cw_table_test { display:table; padding:0;}
  table.crosswordbox { color:#333; width:100%; max-width:300px;}
  table.crosswordbox td { display:table-cell; width:60px !important;}
  table.crosswordbox tr { border:none; margin:0; padding:0; line-height:1;}
  table.crosswordbox td input { width:52px !important; padding:0 !important; font-size:3rem; line-height:54px;}
  .mw_wp_form_preview table.crosswordbox td { background:#fff; font-size:5rem; padding:5px; line-height:60px !important; height:60px;}
  table.crosswordbox td.bg_333 { background:#333; width:60px !important;}
  table.crosswordbox td:after { top:4px; left:4px; font-size:2rem;}

  table.crosswordbox td.bg_fff { font-size:3rem !important; line-height:54px !important; padding-top:6px !important;}

  table.cw_table_test th {
    background-color: #eee;
    border-right: none;
    width:100% !important;
  }
  table.cw_table_test tr {
    display: block;
    margin-bottom: .625em;
  }
  table.cw_table_test td {
    width:100% !important;
    border-bottom: 1px solid #bbb;
    display: inline-block;
    text-align: left;
    position: relative;
/*    padding: .625em;*/
    border-right: none;
  }
  table.cw_table_test td:last-child {
    border-bottom: 0;
  }
}

footer { color:#fff; padding:40px;	background:#473a3a; margin:0;}
footer a { color:#fff !important; text-decoration:none;}
footer a:hover { opacity:.8; text-decoration:underline;}
footer a:visited { color:#fff !important;}

.footer-menu .menu-item { padding:4px 0 4px 2.2em; position:relative; font-size:1.4rem;}
.footer-menu .menu-item::before { content:""; display:inline-block; width:28px; height:28px; background-size:contain; vertical-align:middle; position:absolute;}
.footer-menu .menu-item-66::before { background:url(../img/footicon_area.svg) no-repeat; left:0; top:0;}
/*.footer-menu .menu-item-132::before { background:url(/common/img/footicon_howtouse.svg) no-repeat; left:-4px; top:-2px;}*/
.footer-menu .menu-item-68::before { background:url(../img/footicon_faq.svg) no-repeat; left:-4px; top:0;}
.footer-menu .menu-item-70::before { background:url(../img/footicon_aboutus.svg) no-repeat; width:28px; height:30px; left:-2px; top:-2px;}
.footer-menu .menu-item-72::before { background:url(../img/footicon_policy.svg) no-repeat; width:30px; height:30px; left:-6px; top:0;}
.footer-menu .menu-item-74::before { background:url(../img/footicon_tokusho.svg) no-repeat; width:30px; height:30px; left:-4px; top:-3px;}

footer nav { width:90%; max-width:1200px; margin:0 auto 80px;}
footer nav li {	width:20%; margin:0;}
.copyright { text-align:center; margin-bottom:0;}
@media screen and (max-width: 1000px) {
footer nav li {	width:50%; margin-bottom:14px;}
}
@media screen and (max-width: 600px) {
  footer nav { width:94%; margin-bottom:30px;}
  .footer-menu.flexbox { display:block;}
  .footer-menu.flexbox li { width:100%;}
}

/* ページタイトルにもフッタと同じアイコンを表示 */
.page-id-66 .entry-title,
.page-id-68 .entry-title,
.page-id-70 .entry-title,
.page-id-72 .entry-title,
.page-id-132 .entry-title{ position:relative; padding-left:1.4em !important;}
.page-id-66 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_area.svg) no-repeat; left:2px; top:0; opacity:.8;}
.page-id-68 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_faq.svg) no-repeat; left:-2px; top:0; opacity:.8;}
.page-id-70 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_aboutus.svg) no-repeat; left:0; top:-1px; opacity:.8;}
.page-id-72 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_policy.svg) no-repeat; left:0; top:2px; opacity:.8;}
.page-id-132 .entry-title::before { content:""; display:inline-block; width:28px; height:28px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_howtoorder.svg) no-repeat; left:0; top:3px; opacity:.8;}
@media screen and (min-width: 767px) {
.page-id-66 .entry-title,
.page-id-68 .entry-title,
.page-id-70 .entry-title,
.page-id-72 .entry-title { position:relative; padding-left:1.4em !important;}
.page-id-66 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_area.svg) no-repeat; left:2px; top:5px; opacity:.8;}
.page-id-68 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_faq.svg) no-repeat; left:-2px; top:5px; opacity:.8;}
.page-id-70 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_aboutus.svg) no-repeat; left:0; top:4px; opacity:.8;}
.page-id-72 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_policy.svg) no-repeat; left:0; top:8px; opacity:.8;}
.page-id-132 .entry-title::before { content:""; display:inline-block; width:34px; height:34px; background-size:contain; vertical-align:middle; position:absolute; background:url(../img/entrytitleicon_howtoorder.svg) no-repeat; left:0; top:3px; opacity:.8;}
}

.page-id-66 .entry-content { height:150px;}

h1.item_page_title, #content h1.page-title, .page #content h1.entry-title { padding:20px .4% 0; margin-bottom:0;}
.page #content p { line-height:1.8;}
.page .entry-content h2, .item-description h2 {	border-bottom:2px solid #ceabab;}
.page .entry-content h3, .item-description h3 {	border-left: 5px solid #ceabab; padding-left:6px;}
.entry-content p a.linkicon { position:relative; display:inline-block; padding:0 0 0 20px; vertical-align:middle; text-decoration:none; font-weight:bold;}
.entry-content p a.linkicon::before { position:absolute; top:0; bottom:0; left:0; margin:auto; content: ""; vertical-align: middle; width:16px; height:16px; border-radius:2px; background:#473a3a;}
.entry-content p a.linkicon::after { position:absolute; top:0; bottom:0; margin:auto; content: ""; vertical-align: middle; left:4px; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg);}

/* よくあるご質問 */
.post-68 .entry-content h2 { border-bottom:none; color:#962d3f; margin-bottom:10px !important; position:relative; padding-left:36px !important;}
.post-68 .entry-content h2::after { content:""; background:#962d3f; position:absolute; left:0; top:2px; width:30px; height:30px; border-radius:50%; z-index:1;}
.post-68 .entry-content h2::before { content:"Q"; color:#fff; font-size:22px; z-index:2; position:absolute; left:6px; top:0;}
.post-68 .entry-content p { margin-bottom:40px !important; position:relative; padding-left:36px !important;}
.post-68 .entry-content p::after { content:""; background:#962d3f; position:absolute; left:0; top:-4px; width:30px; height:30px; border-radius:50%; z-index:1; opacity:.5;}
.post-68 .entry-content p::before { content:"A"; color:#fff; font-size:22px; font-weight:bold; z-index:2; position:absolute; left:7px; top:-5px;}

/* privacypolicy */
ol.list_parentheses{
  margin:0 0 20px 2em;
}
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
}
ol.list_parentheses li:before{
/*  display: marker;*/
  content: "(" counter(cnt) ") ";
  display:inline-block;
	margin-left:-2em;
	width: 2em;
}
ol.list_annotation {
  margin:0 0 20px 2em;
}
ol.list_annotation li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
}
ol.list_annotation li::before{
/*  display: marker;*/
  content: "※" counter(cnt);
  display:inline-block;
	margin-left:-2em;
	width: 2em;
}
.wp-block-table.tbl_privacypolicy table tr > td:first-of-type { width:30%;}
.wp-block-table.tbl_privacypolicy table tr > td:last-of-type { width:70%;}
.wp-block-table.tbl_privacypolicy table tr > td > ul { margin:0 0 0 1em;}
.wp-block-table.tbl_privacypolicy table tr > td > ul li { list-style-type:none; position:relative;}
.wp-block-table.tbl_privacypolicy table tr > td > ul li::before { position:absolute; top:.5em; bottom:0; left:-.8em; margin:0 auto; content:""; box-sizing:border-box; width:6px; height:6px; border:6px solid transparent; border-left:6px solid #ceabab;}
@media screen and (max-width: 600px) {
  .wp-block-table.tbl_privacypolicy table tr > td:first-of-type { width:100%;}
  .wp-block-table.tbl_privacypolicy table tr > td:last-of-type { width:100%;}
  .wp-block-table.tbl_privacypolicy table tr > td > ul { margin:0 0 0 1em;}
  .wp-block-table.tbl_privacypolicy table tr > td > ul li { list-style-type:none; position:relative;}
  .wp-block-table.tbl_privacypolicy table tr > td > ul li::before { position:absolute; top:.5em; bottom:0; left:-.8em; margin:0 auto; content:""; box-sizing:border-box; width:6px; height:6px; border:6px solid transparent; border-left:6px solid #ceabab;}
}

/* how_to_order */
.page-id-132 .entry-content h3 { font-size:2.4rem; border-left:none; padding-bottom:5px; border-bottom:3px solid #ff6e7e/* #ea613b*/;}
.page-id-132 .entry-content .howto_dl { width:100%; margin:0 0 50px !important; padding:0 !important; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-around;}
.page-id-132 .entry-content .howto_dl dt { width:20% !important; max-width:240px; margin:0 0 30px; padding:0;}
.page-id-132 .entry-content .howto_dl dd { width:76% !important; max-width:912px; margin:0 0 30px; padding:0 0 30px; position:relative;}
.page-id-132 .entry-content .howto_dl dd h4 { font-size:2rem;}
.page-id-132 .entry-content .howto_dl dd ul { list-style-type:disc; margin-left:2em !important; line-height:2; margin:0; padding:0;}
.page-id-132 .entry-content .howto_dl dd li { font-size:1.6rem;}
.page-id-132 .entry-content .howto_dl dd::after { content:""; width:80px; height:50px; background:url(../img/howtoorder_arrow.svg) no-repeat; position:absolute; background-size:contain; top:100%; left:25%;}
.page-id-132 .entry-content .howto_dl dd:last-of-type::after { background:none;}
@media screen and (max-width: 600px) {
  .page-id-132 .entry-content h3 { font-size:2.2rem;}
  .page-id-132 .entry-content .howto_dl { align-items:flex-start;}
  .page-id-132 .entry-content .howto_dl dt { width:16% !important;}
  .page-id-132 .entry-content .howto_dl dd h4 { margin:0 0 30px !important; padding:14px 0;}
  .page-id-132 .entry-content .howto_dl dd ul { margin-left:1.2em; margin-left:-20% !important;}
  .page-id-132 .entry-content .howto_dl dd li { font-size:1.4rem;}
  .page-id-132 .entry-content .howto_dl dd::after { width:50px; height:50px; left:30%;}
}

.font_red { color:#df0012;}

.entry-footer { display:none;}

.btn_comingsoon { position:relative;}
.btn_comingsoon img { opacity:.3;}
.btn_comingsoon p { width:90%; margin:auto; padding:0; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%);  color:#cf0000; font-size:2.6rem; font-weight:bold; text-align:center; z-index:1000;}

.p-country-name { display: none;}

/* チラシの商品番号をページに掲載 */
.item_sec01 .flyer_no { font-size:130%; font-weight:bold;}