@charset "UTF-8";

* { -webkit-text-size-adjust: none; }
img,
#sub-menu-btn { -webkit-tap-highlight-color: rgba(0,0,0,0); }
@media screen and (max-width:670px){
  /* sp/jsp/layout/base/header_css_common.jspにも記述あり */
  body {
    background-color: #333333;
    overflow-x : hidden;
    overflow-y:auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: auto;
  }
}

/* ヘッダー
------------------------------------------------------ */
#header-common { min-width: 10px; }
#header-common #header-simple>div {
  max-width: 1366px;
  margin: 0 auto;
}
#header-area-common.rwd-header { min-width: 0; }
#header-area-common.rwd-header .header-l-wrap { max-width: 190px; }
/* 黒帯 */
#header-member-panel-area { margin-right: -55px; }
#header-area-common.rwd-header .r-panel {
  padding: 0 24px 0 0;
  height: 22px;
}
#header-area-common.rwd-header .r-panel-on {
  overflow: hidden;
  color: #333333;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background: url("/img/common/header/icon_header_cursor_d_on01.gif") #eeeeee center right no-repeat;
}
#header-area-common.rwd-header .cn-elps {
  width: 27% !important;
  vertical-align: text-bottom;
  text-align: right;
}
#header-area-common.rwd-header .r-menu ul { box-shadow: 0 0 15px 20px #333333; }
#header-area-common.rwd-header .com-name { padding: 5px 0 4px 10px; }
#header-area-common.rwd-header .com-name,
#header-area-common.rwd-header .com-name-last { vertical-align: inherit; }
#member-panel-contents { width: 300px !important; }

/*** 検索、カートボタン枠 ***/
#header-area-common.rwd-header #price-btn-area { position: relative; }
/* 検索窓 */
/* -----下段検索窓（TABLETのみ）----- */
.h-tab-search {
  display: block;
  background-color: #eeeeee;
}
/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #header-sp-cont .logged-in-search {
    width: 77% !important;
    text-align: left;
  }
}

/* スマホヘッダー
------------------------------------------------------ */
@media screen and (min-width:941px){
  #header-sp-cont,
  #slide-menu { display: none !important; }
}
@media screen and (max-width:940px){
  #header-fixd-content {
    padding-top: 0 !important;
    background-color: #ffffff;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  #header-area-common.rwd-header { display: none; }
  #header-sp-cont { display: block; }
}
#top {
  position: relative;
  min-height: 100%;
}
#header-sp-cont { line-height: 1; }
#header-sp-cont p { margin: 0; }
#header-sp-cont a:hover { text-decoration: none; }
/* ログイン前訴求文言 */
#header-sp-cont .solicit-txt {
  background-color: #333333;
  color: #ffffff;
  font-size: 12px;
}
#header-sp-cont .solicit-txt p {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  box-sizing: border-box;
  width: 50%;
}
#header-sp-cont .solicit-txt p span { display: inline-block; }
/* 海外版（overseas）切り替え */
#header-sp-cont .overseas-link {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  text-align: right;
}
#header-sp-cont .overseas-link a {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 0px 12px 0px;
  box-sizing: border-box;
  color: #ffffff;
  border-left: 1px #000000 solid;
  box-shadow: -1px 0px #5d5d5d;
  text-align: center;
  background: url('/img/common/icon/icon_overseas.png') no-repeat 95% 14px ;
}
/* -----上段----- */
#header-main {
  border-bottom: 1px #e0e0e0 solid;
  text-align: right;
  height: 57px;
  overflow: hidden;
  background-color: #ffffff;
}
/* ハンバーガー */
#sub-menu-btn {
  display: inline-block;
  vertical-align: middle;
  width: 31%;
  box-sizing: border-box;
  padding: 6px 0 0 20px;
  text-align: left;
  color: #0066cc;
	position: relative;
	z-index: 1;
}
.open #sub-menu-btn {
	z-index: 4;
}
#sub-menu-btn div {
  height: 3px;
  background-color: #0066cc;
  width: 28px;
  margin-bottom: 6px;
  position: relative;
}
#sub-menu-btn .last-line { margin-bottom: 1px; }
.open #sub-menu-btn div.first-line {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-bottom: -3px;
	background-color: #fff;
}
.open #sub-menu-btn div.mid-line {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	background-color: #fff;
}
.open #sub-menu-btn div.first-line {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-bottom: -3px;
}

.open #sub-menu-btn div.last-line { display: none; }
#sub-menu-btn span {
  font-size: 9px;
  display: inline-block;
  text-align: center;
  width: 28px;
}
.open #sub-menu-btn span { display: none; }
/* 未読のお知らせがあるとき */
#sub-menu-btn .news-exist {
  background-color: #dc4d4d;
  border-radius: 100%;
  height: 1.5em;
  line-height: 1.6em;
  width: 1.5em;
  text-align: center;
  position: absolute;
  right: -10px;
  top: -8px;
  color: #ffffff;
  font-size: 10px;
  display: inline-block;
}
.open #sub-menu-btn .news-exist { display: none; }
/* ロゴ */
.head-logo {
  display: inline-block;
  vertical-align: middle;
  width: 38%;
  box-sizing: border-box;
  text-align: center;
  margin: 14px 0;
  line-height: 0;
}
.head-logo img { width: 115px; }
.header-sp-simple {
  box-shadow: 0 0 3px 0 rgba(150,150,150,0.6);
  background-color: #ffffff;
  text-align: center;
}
/* ロゴ右側 */
#header-main .right-cont {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 31%;
  text-align: right;
  height: 100%;
}
#header-main .right-cont * { box-sizing: border-box; }
/* 会員登録 */
.right-cont .sp-entry-box {
  display: inline-block;
  background-color: #dc4d4d;
  background-image: url('/img/common/icon/icon_signin.png');
  background-position: center 9px;
  background-repeat: no-repeat;
  background-size: 25px auto;
  text-align: center;
  padding: 39px 10px 0;
  height: 100%;
}
.right-cont .sp-entry-box p {
  color: #ffffff;
  font-size: 10px;
  margin-top: 4px;
}
/* ログイン */
.right-cont .sp-login-box {
  display: inline-block;
  background-image: url('/img/common/icon/icon_login_bl.png');
  background-position: center 9px;
  background-repeat: no-repeat;
  background-size: 25px auto;
  text-align: center;
  padding: 39px 10px 0;
  height: 100%;
}
.right-cont .sp-login-box p {
  color: #0066cc;
  font-size: 10px;
  margin-top: 4px;
}
/* カートSP/TABLET共通 */
#cart-area-tab p,
#cart-area p { display: none; }
#cart-area-tab .cart-box a,
#cart-area .cart-box a {
  display: block;
  color: #777777;
  line-height: 1;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center 12px;
  background-image: url('/img/common/header/cart/sp_cart_non_00.png');
}
#cart-area-tab .cart-box a {
  padding: 41px 10px 8px;
  background-size: 34px auto;
}
#cart-area .cart-box a {
  padding: 37px 10px 8px;
  background-size: 28px auto;
}
#cart-area-tab .cart-box a span,
#cart-area .cart-box a span { color: #777777; }
#cart-area-tab.cart-in .cart-box,
#cart-area.cart-in .cart-box { background-color: #dc4d4d; }
#cart-area-tab.cart-in .cart-box a,
#cart-area-tab.cart-in .cart-box a span,
#cart-area.cart-in .cart-box a,
#cart-area.cart-in .cart-box a span { color: #ffffff; }
#cart-area-tab.cart-in .cart-box a,
#cart-area.cart-in .cart-box a { background-image: url('/img/common/header/cart/sp_cart_in_00.png'); }
#cart-area-tab .cart-box .cart-price,
#cart-area .cart-box .cart-price {
  display: block;
  white-space: nowrap;
}
/* カート固定時 */
#cart-area-tab .fix-cart.cart-box,
#cart-area .fix-cart.cart-box {
  bottom: -140px;
  position: fixed;
  right: -35px;
  z-index: 10000;
  width: auto;
  border-radius: 50%;
}
#cart-area-tab .fix-cart.cart-box a {
  text-align: right;
  padding: 50px 40px 0 0;
}
#cart-area .fix-cart.cart-box a {
  text-align: right;
  padding: 44px 40px 0 0;
}

#cart-area-tab .fix-cart p,
#cart-area .fix-cart p {
  display: block;
  margin-top: 5px;
}
/* カートsp/tab表示切替 */
#cart-area .cart-box,
#cart-area-tab .cart-box { display: none; }

/* -----下段ナビゲーション----- */
#header-nav {
  padding: 0px;
  margin: 0;
  height: 60px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(150, 150, 150, 0.3);
}
#header-nav * { box-sizing: border-box; }
#header-nav li {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  height: 100%;
}
#header-nav li.nav-alert { width: 20%; }
#header-nav li.nav-trading { width: 21%; }
#header-nav li.nav-wish { width: 21%; }
#header-nav li.nav-history { width: 16%; }
#header-nav li.nav-msg { width: 22%; }
#header-nav li a {
  display: block;
  padding: 38px 0 10px;
  line-height: 1;
  background-size: 25px auto;
  background-position: center 10px;
  background-repeat: no-repeat;
}
#header-nav li.nav-alert a { background-image: url('/img/common/header/sp_alert_00.png'); }
#header-nav li.nav-trading a { background-image: url('/img/common/header/sp_tradinglist_00.png'); }
#header-nav li.nav-wish a { background-image: url('/img/common/header/sp_wishlist_00.png'); }
#header-nav li.nav-history a { background-image: url('/img/common/header/sp_history_00.png'); }
#header-nav li.nav-msg a { background-image: url('/img/common/header/sp_msgbox_00.png'); }
#header-nav li a span {
  display: block;
  color: #333333;
  font-size: 9px;
}

/* -----新着通知パネル----- */
#header-sp-cont{
  background: #f5f5dc;
  position: relative;
}
#header-sp-cont #header-nav .arrival-notice{
  background-color: #06c;
}
#header-sp-cont #header-nav .arrival-notice a{
  background-image: url(/img/common/header/sp_alert_w_00.png);
}
#header-sp-cont #header-nav .arrival-notice a span{
  color: #ffffff;
}
#header-sp-cont .arrival-notice-panel {
  position: absolute;
  top: 118px;
  z-index: 1000000;
  background-color: #fff;
  padding: 15px;
  width: 100%;
  color: #111;
  font-size: 15px;
  border: #0066cc solid 2px;
  box-sizing: border-box;
}
#header-sp-cont .panel-on .menu-list-link:hover{
  color: #111;
  background: url(/img/common/header/bg_header_menu_restock.gif) #eee no-repeat 0 -24px;
}
#header-sp-cont .arrival-notice-panel .notification-link {
  padding: 5px 10px 5px 0px;
  font-weight: bold;
  font-size: 14px;
}
#header-sp-cont .arrival-notice-panel .notification-link .count {
  display: inline-block;
  min-width: 16px;
  height: 14px;
  margin: -1px 3px 0 5px;
  background-color: #dc4d4d;
  color: #e6e6e6!important;
  border-radius: 4px;
  text-align: center;
  line-height: 1.2;
  font-size: 11px;
  padding: 1px 1px 0;
  font-weight: normal;
  vertical-align: middle;
}
#header-sp-cont .arrival-notice-panel .notification-list {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  margin-bottom: 10px;
}
#header-sp-cont .arrival-notice-panel .notification-list ul{
  padding-left: 0px;
  margin: 0 auto;
}
#header-sp-cont .arrival-notice-panel .notification-list li {
  font-size: 13px;
  padding: 5px 0px;
  font-weight: bold;
}
#header-sp-cont .arrival-notice-panel .notification-list li span{
  padding-right: 15px;
  width: 2.6em;
  display: inline-block;
}
#header-sp-cont .arrival-notice-panel .notification-list .read {
  font-weight: normal;
}
#header-sp-cont .arrival-notice-panel .notification-list .more{
  text-align: right;
  font-size: 13px;
  display: block;
  margin-top: 5px;
}
@media screen and (max-width: 940px) and (min-width: 671px){
  #header-sp-cont .arrival-notice-panel {
    top: 129px;
  }
}

/* -----ポイント枠----- */
.header-point-area {
  text-align:right;
  padding:7px;
  background-color:#ffffff;
  border-bottom:1px solid #cccccc;
  border-top: 1px solid #e0e0e0;
  font-size: 11px;
}
.header-point-area.other {
  background-color:#eeeeee;
}
.header-point-area a{
  font-size:12px;
  font-weight:bold;
}

/* -----ドロワーメニュー----- */
.side-menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 4;
}
.open .side-menu-overlay {
	display: block;
}
.open #slide-menu {
	transform: translateX(0);
}
#slide-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  height: 100%;
  background-color: #333333;
  color: #ffffff;
  line-height: 1;
  z-index: 5;
  font-size: 12px;
	overflow: auto;
	transform: translateX(-100%);
	transition: transform 0.3s ease-in-out;
}

#slide-menu * { box-sizing: border-box; }
#slide-menu p { margin: 0; }

/*** ドロワー内ログイン前リンク ***/
#slide-menu .line-link {
  display: block;
  border-bottom: 1px #5d5d5d solid;
  padding: 15px 30px 15px 13px;
  color: #ffffff;
  font-size: 13px;
  background-image: url('/img/common/icon/icon_arrow_right.png');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 14px;
}
#slide-menu .line-link img {
  width: 15px;
  height: auto;
  vertical-align: middle;
  margin-right:5px
}
#slide-menu .line-link span { vertical-align: middle; }

/*** ドロワー内会員情報 ***/
#slide-menu .member-info-box {
  display: table;
  box-sizing: border-box;
  padding: 20px 15px;
  border-bottom: 1px #5d5d5d solid;
  line-height: 1.4;
}
#slide-menu .member-info-box>div { display: table-row; }
/* 店舗写真 */
#slide-menu .member-info-box .store-photo {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  text-align: center;
}
#slide-menu .member-info-box .store-photo>div {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  border: 1px #cccccc solid;
  box-sizing: content-box;
  vertical-align: middle;
  display: table-cell;
}
#slide-menu .member-info-box .store-photo img {
  max-width: 100px;
  max-height: 100px;
  height: auto;
}
/* 店舗名・ポイントなど */
#slide-menu .member-info-box .store-info {
  display: table-cell;
  vertical-align: top;
  word-break: break-all;
  padding-left: 10px;
  width: 130px;
}
#slide-menu .member-info-box .store-info .store-name { margin: 5px 0 10px; }
#slide-menu .member-info-box .store-info .store-code { font-size: 11px; margin: 5px 0; }
#slide-menu .member-info-box .store-info .plan-status {
	margin-bottom: 8px;
	color: #FFF;
	font-size: 11px;
}
#slide-menu .member-info-box .store-info .plan-status .plan-standard {
	padding: 1px 4px 0px;
	display: inline-block;
	background-color: #E4881F;
}
#slide-menu .member-info-box .store-info .plan-status .plan-free {
	padding: 1px 4px 0px;
	display: inline-block;
	background-color: #06C;
}
#slide-menu .member-info-box .store-point { font-size: 11px; }

/*** ドロワー内その他リンク ***/
#slide-menu .sub-nav-menu {
  margin: 0;
  padding: 0;
}
#slide-menu  .member-info-box + .sub-nav-menu a {
  color: #ffffff;
  display: block;
  padding: 17px 25px 0 10px;
  box-sizing: border-box;
  border-bottom: 1px #5d5d5d solid;
  height: 4em;
  background-image: url('/img/common/icon/icon_arrow_right.png');
  background-repeat: no-repeat;
  background-position: 96.8% 50%;
  background-size: 14px;
}
#slide-menu .sub-nav-menu a {
  color: #ffffff;
  display: block;
  padding: 17px 25px 0 10px;
  box-sizing: border-box;
  border-bottom: 1px #5d5d5d solid;
  height: 4em;
  background-image: url('/img/common/icon/icon_arrow_right.png');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 14px;
}
#slide-menu .sub-nav-menu li {
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
  border-left: 1px #5d5d5d solid;
  margin-left: -1px;
}
#slide-menu .sub-nav-menu li:last-child {
  border-right: 1px solid #5d5d5d;
}

#slide-menu .sub-nav-menu .two-row a { padding-top: 8px; }
/* お知らせ件数 */
#slide-menu .sub-nav-menu .news-count {
  display: inline-block;
  padding: 2px;
  min-width: 1.4em;
  text-align: center;
  line-height: 1;
  border-radius: 50%;
  background-color: #dc4d4d;
  margin-left: 5px;
}
/*** ドロワー内検索窓 ***/
#slide-menu #slide-searchbox-field-wrap {
  background: none;
  padding: 10px 4%;
}
#slide-menu .h-search-pre #slide-searchWordTextWrap span,
#slide-menu .h-search-login #slide-searchWordTextWrap span { top: 14px; }
#slide-menu #slide-searchbox-form #slide-search-button { height: 39px; }
#slide-menu #slide-searchbox-form #slide-searchbox-button:before {
  font-size: 15px;
  line-height: 39px;
}
#slide-menu #slide-searchbox-form .searchbox-field input[type="text"] {
  border-radius: 8px 0 0 8px;
  height: 39px;
  width: 101%;
}
/* 画像検索用 */
#slide-searchbox-image.short {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#slide-searchbox-field-wrap.short { width: 196px !important; }
#slide-searchbox-field-wrap .searchbox-field.short { width: 140px; }
#slide-menu #slide-searchbox-field-wrap.short { padding: 10px 0 10px 4%; }
#slide-searchbox-form #slide-searchbox-button.short { width: 48px; }
#slide-searchbox-button.image {
  width: 44px;
  height: 39px;
  margin: 0 4% 0 8px;
  border-radius: 8px;
  background-color: #595959;
  background-image: -moz-linear-gradient(center top, #595959, #000000);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #595959));
  float: right;
}
#slide-searchbox-button.image a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: none;
  cursor: pointer;
  background: url('/img/common/header/search/image_search_icon_white.svg') center no-repeat;
  background-size: 29px auto;
}

/*** ドロワー内ジャンルメニュー ***/
#slide-menu .slide-genre-head {
  background-color: #000000;
  color: #ffffff;
  padding: 6px 8px;
  margin: 0;
}
#slide-menu #slide-genre-box {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
#slide-menu #slide-genre-box h3 {
  font-size: 14px;
  border-bottom: 1px #5d5d5d solid;
  background-image: url('/img/common/icon/icon_arrow_down_02.png');
  background-size: 14px;
  padding: 15px 0 15px 13px;
  margin: 0;
  font-weight: normal;
  background-color: #333333;
}
#slide-menu #slide-genre-box h3,
#slide-menu #slide-genre-box a {
  color: #ffffff;
  display: block;
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
#slide-menu #slide-genre-box .slide-sub-genre {
  display: none;
  margin: 0;
  padding: 0;
}
#slide-menu .slide-sub-genre a {
  font-size: 13px;
  border-bottom: 1px solid #454545;
  background-color: #555555;
  background-image: url('/img/common/icon/icon_arw_r_d.png');
  background-size: 8px;
  padding: 14px 0 13px 19px;
}
.pre-sp-wishlist,
.pre-sp-help-howto {
  font-size: 14px;
  background-image: url(/img/common/icon/icon_arrow_right.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 14px;
}
.pre-sp-wishlist a {
  background: url("/img/common/header/wishlist_icon_heart_01.png") no-repeat;
  background-size: 14px;
  background-position: 14px 50%;
  color: #ffffff;
  display: list-item;
  padding: 13px 0 15px 0;
}
.pre-sp-help-howto a {
  background: url("/img/common/header/help_icon_question_01.png") no-repeat;
  background-size: 14px;
  background-position: 14px 50%;
  color: #ffffff;
  display: list-item;
  padding: 13px 0 15px 0;
  border-bottom: 1px solid #666666;
}
.pre-sp-wishlist span,
.pre-sp-help-howto span {
  padding: 0 0 0 35px;
}
/* ログイン前PR枠 */
#header-btm-common { min-width: 0; }
#header-btm-common .about-txt1-member-register .pr-regist-btn { height: 47px; }
/* PC */
@media screen and (min-width: 941px) {
  #top { display: block!important; }
}
/* SP/TABLET */
@media screen and (max-width: 940px) {
  body {
    background-color: #333333;
    overflow-x : hidden;
    overflow-y:auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: auto;
    min-height: 100%;
  }
  .co-container { background-color: #ffffff; }
  .co-001g {
    background-image: url('/img/common/icon/icon_link_arrow.png');
    background-size: 11px;
  }
  .co-attention2 {
    background-image: url('/img/common/icon/icon_attention_00.png');
    background-size: 14px;
  }
  /* 検索枠
  ------------------------------------------------------ */
  #rwd-searchbox-form,
  #slide-searchbox-form { padding: 0 !important; }
  #rwd-searchbox-field-wrap,
  #slide-searchbox-field-wrap {
    background-color: #eeeeee;
    color: #cccccc;
    width: 100% !important;
  }
  #rwd-searchbox-field-wrap .searchbox-field,
  #slide-searchbox-field-wrap .searchbox-field {
    float: left;
    width: 80%;
    position: relative;
  }
  #rwd-searchbox-form #rwd-searchbox-select,
  #slide-searchbox-form #slide-searchbox-select {
    padding: 0 !important;
  }
  #rwd-searchbox-form #rwd-searchbox-field-wrap:after,
  #slide-searchbox-form #slide-searchbox-field-wrap:after {
    content: '.';
    font-size: 0;
    height: 0;
    clear: both;
    display: block;
  }
  #rwd-searchbox-form #rwd-searchWordTextWrap span,
  #slide-searchbox-form #slide-searchWordTextWrap span {
    position: absolute;
    left: 8px;
    padding: 0 !important;
  }
  #rwd-searchbox-form #rwd-searchbox-button,
  #slide-searchbox-form #slide-searchbox-button {
    float: right;
    width: 20%;
    position: relative;
    right: auto !important;
    text-align:center;
    border-radius: 0 10px 10px 0;
    background-color: #595959;
    background-image: -moz-linear-gradient(center top , #595959, #000000);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #595959));
    background: -ms-linear-gradient(top, #595959 0%, #000000 100%);
    background: linear-gradient(top, #595959 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#595959', endColorstr='#000000');
  }
  #rwd-searchbox-form #rwd-search-button,
  #slide-searchbox-form #slide-search-button {
    background: url('/img/common/header/search/search_btn_00.png') center center no-repeat;
    background-size: 18px;
    border: none;
    padding: 0;
    width: 100%;
  }
  /* ヘッダー下の注記 */
  #header-btm-common {
    position: static;
    min-width: 0;
  }
  #header-btm-common.logged-in-btm {
    background-color: #eeeeee;
    padding-bottom: 10px;
  }
  #header-btm-common .co-trial-info,
  #header-btm-common .co-notice-area {
    border-bottom: 1px solid #dddddd;
    text-align: left;
  }
  #header-btm-common a {
    display: inline-block;
    vertical-align: middle;
  }
  .co-trial-info { padding: 10px; }
  .co-trial-info span {
    white-space: normal;
    background-position: left 2px;
  }
  .co-trial-info .co-attention2 { background-position: left top; }
  #header-btm-common strong { font-weight: normal; }
  /* 画像検索用 */
  .h-tab-search #rwd-searchbox-field-wrap.short {
    width: calc(98% - 52px) !important;
    padding-right: 0;
  }
  .h-tab-search #rwd-searchbox-form .searchbox-field.short {
    width: calc(100% - 96px);
  }
  .h-tab-search #rwd-searchbox-form #rwd-searchbox-button.short {
    width: 96px;
  }
  .h-tab-search #rwd-searchbox-form #rwd-searchbox-button.image {
    width: 47px;
    height: 44px;
    margin: 10px 2% 0 0;
    border-radius: 8px;
    background-color: #595959;
    background-image: -moz-linear-gradient(center top, #595959, #000000);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #595959));
    float: right;
  }
  .h-tab-search #rwd-searchbox-form #rwd-searchbox-button.image a {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url('/img/common/header/search/image_search_icon_white.svg') center no-repeat;
    background-size: 34px 28px;
  }
}
/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #header-main { background-color: #f6f6f6; }
  /* ロゴ */
  .head-logo img { width: 120px; }
  /* ハンバーガー */
  #sub-menu-btn div {
    width: 30px;
    height: 4px;
  }
  #sub-menu-btn span {
    width: 30px;
    font-size: 10px;
  }
  .open #sub-menu-btn div.first-line { margin-bottom: -4px; }
  /* ログイン前overseas */
  #header-sp-cont .overseas-link a {
    padding: 12px 20px 12px 12px;
  }
  /* 海外版リンク */
  #header-sp-cont .overseas-link { font-size: 14px; }
  #header-sp-cont .overseas-link img { width: 20px; }
  /* -----下段会員登録----- */
  .right-cont .sp-entry-box { width: 55%; }
  .right-cont .sp-entry-box img { margin-bottom: 3px; }
  .right-cont .sp-entry-box p { font-size: 12px; }
  /* -----下段ナビゲーション----- */
  #header-nav {
    padding: 0;
    border: 0;
    height: 72px;
  }
  #header-nav li.nav-alert,
  #header-nav li.nav-trading,
  #header-nav li.nav-wish,
  #header-nav li.nav-history,
  #header-nav li.nav-msg {
    width: 16%;
    display: inline-block;
  }
  #header-nav li a {
    padding: 46px 0 10px;
    background-size: 33px auto;
  }
  #header-nav li a span { font-size: 12px; }
  #header-nav li a img { width: 33px; }
  /* カート */
  #header-nav #cart-area-tab {
    width: 18%;
    text-align: right;
    float: right;
  }
  #cart-area-tab .cart-box {
    text-align: center;
    display: inline-block;
    height: 100%;
    width: 100%;
  }
  #cart-area-tab .cart-box .cart-price { font-size: 13px; }
  /* カート固定時 */
  #cart-area-tab .fix-cart.cart-box {
    width: 135px;
    height: 135px;
  }
  #cart-area-tab .fix-cart.cart-box a { line-height: 1.2; }
  #cart-area-tab .fix-cart p { font-size: 12px; }
  /* sp/tab表示切替 */
  #cart-area .cart-box { display: none; }
  #cart-area-tab .cart-box { display: inline-block; }
  /* -----下段検索窓（タブレットのみ）----- */
  .h-tab-search {
    display: block;
    position: relative;
  }
  .h-tab-search * {box-sizing: border-box; }
  /* セレクト */
  .h-tab-search #rwd-searchbox-field-wrap {
    float: left;
    width: 75%;
    padding: 10px 2%;
  }
  .h-tab-search .searchbox-select-wrap {
    background-color: #dbe8f7;
    height: 45px;
    left: 13px;
    position: absolute;
    top: 10px;
    z-index: 1;
    border-radius: 8px 0 0 8px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px 0 1px 1px;
    width: 22%!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .h-tab-search .searchbox-select-top {
    font-size: 13px;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    padding: 0 25px 0 10px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100% !important;
  }
  .h-tab-search .searchbox-select {
    opacity: 0;
    filter: alpha(opacity = 0);
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    cursor: pointer;
    height: 43px;
    width: 100%!important;
  }
  .h-tab-search .searchbox-select-down {
    position: absolute;
    right: 12px;
    top: 11px;
  }
  .h-tab-search .searchbox-select-down:before {
    content: '▼';
    font-size: 10px;
  }
  /* テキスト入力フィールド */
  .h-tab-search #rwd-searchbox-form .searchbox-field { width: 86%; }
  .h-tab-search #rwd-searchbox-form input[type="text"] {
    margin-left: 25.5%;
    width: 75%;
    border-radius: 0;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px 0 1px;
    -webkit-appearance: none;
    height: 45px;
    line-height: 45px;
    padding: 3px 10px;
  }
  .h-tab-search #rwd-searchbox-form #rwd-searchWordTextWrap span {
    display: block;
    left: 27%;
    top: 16px;
  }
  /* 画像検索用 */
  .h-tab-search #rwd-searchbox-form #rwd-searchWordTextWrap span.short { left: 30%; }
  /* 検索ボタン */
  .h-tab-search #rwd-searchbox-form #rwd-searchbox-button {
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px 1px 1px 0;
    border-radius: 0 10px 10px 0;
    width: 14%;
    height: 45px;
  }
  .h-tab-search #rwd-searchbox-form #rwd-searchbox-button:before {
    line-height: 45px;
    font-size: 17px;
  }
  .h-tab-search #rwd-searchbox-form #rwd-search-button { height: 100%; }
}
/* SP */
@media screen and (max-width: 670px) {
  #top {
    position: relative;
    overflow : hidden;
  }
  /* ログイン前PR枠 */
  #header-btm-common .haeder-about-member-register2,
  #header-btm-common .haeder-about-inner-member-register { background: none; }
  #header-btm-common .haeder-about-member-register2,
  #header-btm-common .haeder-about-inner-member-register,
  #header-btm-common .haeder-about-inner-member-register * { height: auto !important; }
  #header-btm-common .haeder-about-member-register2 {
    padding-bottom: 15px;
    margin-bottom: 10px;
    background-color: #eeeeee;
  }
  #header-btm-common .about-txt1-member-register {
    width: auto !important;
    font-size: 85%;
  }
  #header-btm-common .about-txt1-member-register tr:first-child td:first-child,
  #header-btm-common .about-txt1-member-register span {
    white-space: normal;
    font-weight: normal;
  }
  #header-btm-common .about-txt1-member-register tr:last-child td:first-child {
    width: auto !important;
    padding: 0 8px;
  }
  #header-btm-common .about-txt1-member-register .pr-regist-btn {
    padding-right: 8px;
    text-align: center;
  }
  #header-btm-common .about-txt1-member-register .pr-regist-btn .co-btn { margin: 0 !important; }
  #header-btm-common .about-txt1-member-register  .pr-regist-btn .co-btn a {
    width: 10.5em;
    padding: 8px 8px 8px 6px;
  }
  /* ログイン前overseas */
  #header-sp-cont .overseas-link a {
    padding: 12px 22px 12px 5px;
  }
  #cart-area .cart-box {
    text-align: center;
    display: inline-block;
    height: 100%;
  }
  #cart-area .cart-box .cart-price { font-size: 10px; }
  /* カート固定時 */
  #cart-area .fix-cart.cart-box {
    width: 120px;
    height: 120px;
  }
  #cart-area .fix-cart p { font-size: 10px; }
  /* sp/tab表示切替 */
  #cart-area .cart-box { display: inline-block; }
  #cart-area-tab .cart-box { display: none; }
  
  /* -----下段検索窓----- */
  .h-tab-search * { box-sizing: border-box; }
  /* セレクト */
  .h-tab-search #rwd-searchbox-field-wrap {
    float: left;
    width: 75%;
    padding: 10px 2%;
  }
  .h-tab-search .searchbox-select-wrap {
    display:none;
  }
  /* テキスト入力フィールド */
  .h-tab-search #rwd-searchbox-form .searchbox-field { width: 81%; }
  .h-tab-search #rwd-searchbox-form input[type="text"] {
    margin-left: 0%;
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px 0 1px 1px;
    -webkit-appearance: none;
    height: 45px;
    line-height: 45px;
    padding: 3px 10px;
  }
  .h-tab-search #rwd-searchbox-form #rwd-searchWordTextWrap span {
    display: block;
    left: 3%;
    top: 16px;
  }
  /* 検索ボタン */
  .h-tab-search #rwd-searchbox-form #rwd-searchbox-button {
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px 1px 1px 0;
    border-radius: 0 10px 10px 0;
    width: 19%;
    height: 45px;
  }
  .h-tab-search #rwd-searchbox-form #rwd-searchbox-button:before {
    line-height: 45px;
    font-size: 17px;
  }
  .h-tab-search #rwd-searchbox-form #rwd-search-button { height: 100%; }

  /* ヘッダー下の注記 */
  .co-trial-info,
  .co-notice-area { background: #ffffff; }
  .co-trial-info span,
  #header-btm-common strong {
    font-size: 12px;
    display: block;
  }
  .co-trial-info>span { text-align: center; }
  #header-btm-common strong { text-align: left; }
  /* 画像検索用 */
  .h-tab-search #rwd-searchbox-form .searchbox-field.short {
    width: 76%;
  }
  .h-tab-search #rwd-searchbox-field-wrap.short { width: calc(100% - 62px) !important; }
  #header-sp-cont .h-tab-search #rwd-searchbox-form #rwd-searchbox-button.short {
    width: 24%;
  }
  #header-sp-cont .h-tab-search #rwd-searchbox-form #rwd-searchbox-button.image {
    border-radius: 5px;
    background-color: #595959;
    background-image: -moz-linear-gradient(center top, #595959, #000000);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #595959));
    float: right;
  }
}

/* コンテンツ
------------------------------------------------------ */
.rwd-contents {
  min-width: 10px;
  max-width: 1366px;
  width: 96%;
  margin: 0 auto;
}
.co-w750 {
  width: 96%;
  margin: 0 auto;
  max-width: 750px;
}
.co-w960 {
  width: 96%;
  margin: 0 auto;
  max-width: 960px;
}

/*** パンクズ ***/
/* SP */
@media screen and (max-width: 670px) {
  .co-pankuzu { font-size: 10px;}
}

/*** タイトル ***/
/* TABLET */
@media screen and  (min-width: 671px) and (max-width: 940px) {
  .co-container .co-title1 { padding-bottom: 5px;}
}
/* SP */
@media screen and (max-width: 670px) {
  .co-container .co-title1 { padding-bottom: 3px;}
  .co-container .co-title1 span { font-size: 20px ; }
}

/*** フォーム：ステップ ***/
@media screen and (max-width: 670px) {
  .step-info .step-txt { font-size: 10px ; }
  /* 2段階ステップ */
  .step-info.step2:after {
    margin: 0 36%;
    width: 28%;
  }
  .step-info.step2 p { width: 27%; }
  /* 3段階ステップ */
  .step-info.step3:after {
    margin: 0 16%;
    width: 68%;
  }
  .step-info.step3 p { width: 33%; }
  /* 4段階ステップ */
  .step-info.step4:after {
    margin: 0 12%;
    width: 76%;
  }
  .step-info.step4 p { width: 25%; }
  /* 5段階ステップ */
  .step-info.step5:after {
    margin: 0 9%;
    width: 82%;
  }
  .step-info.step5 p { width: 20%; }
  /* 6段階ステップ */
  .step-info.step6:after {
    margin: 0 8%;
    width: 84%;
  }
  .step-info.step6 p { width: 16.6%; }
}

/*** 海外会員登録 ***/
.foreign-form .foreign-input-area form input[type="text"] {
  width: 94%;
  max-width: 350px;
}
.foreign-form .foreign-input-area form .add-cap {
  max-width: 550px;
  width: 96%;
  min-width: 260px;
}
.holiday-slct p { display: inline-block; }
.holiday-slct .weekday p {
  width: 48%;
  max-width: 135px;
}
@media screen and (max-width:670px){
  .holiday-slct p { margin: 2px 0; }
}
/* 完了画面のバナー */
#pr_finish_a {
  width: 96%;
  max-width: 606px;
  margin: 0 auto;
  position: relative;
}
#pr_finish_a img { width: 100%; }

#pr_finish_a .square-title {
  width: 160px;
  height: 30px;
  position: absolute;
  left: -15px;
  top: -20px;
  z-index: 100;
  background-color: #d3d3d3;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  padding-top: 6px;
}

/* SP */
@media screen and (max-width: 670px) {
  #pr_finish_a .square-title {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 12%;
    padding-top: 1px;
    border-radius: 0;
    background-color: #8f8f8f;
    color: #ffffff;
  }
}


/* フォーム
----------------------------------------------------------------------------------------------- */
/* 外枠 */
.fo-contents { width: auto; }
/* テーブル */
.fo-rwd-table .row .th-cap {
  background-color: #eeeeee;
  vertical-align: top;
  border-top: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
  font-weight: bold;
}
.fo-rwd-table .row .td-txt {
  vertical-align: top;
  border-top: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}
.fo-rwd-table .row .td-small-cap {
  display: block;
}
.fo-rwd-table .row .td-inner-box {
  margin-bottom: 8px;
}
.fo-rwd-table .td-inner-box {
  margin-bottom: 8px;
}
.fo-rwd-table .fo-contents table .multiple-frame {
  padding-bottom: 2px;
}
.fo-rwd-table .city-select-area {
  min-width: 280px;
}
.fo-rwd-table .city-select-box-wrap {
  position: relative;
}
.fo-rwd-table .city-select-box {
  position: absolute;
  background-color: #fff;
  box-sizing: border-box;
  padding: 20px 30px 20px 10px;
  min-width: 280px;
  border: 1px solid #aaa;
  top: -1px;
  box-shadow: 2px 2px 3px 0 #bbbbbb;
  -webkit-box-shadow: 2px 2px 3px 0 #bbbbbb;
  -moz-box-shadow: 2px 2px 3px 0 #bbbbbb;
}
.fo-rwd-table .city-select-content {
  position: relative;
}
.fo-rwd-table .city-search-mark {
  position: absolute;
  top: 5px;
  left: 7px;
}
.fo-rwd-table .city-co-tooltip-cancel {
  position: absolute;
  top: 5px;
  right: 7px;
  float: none;
}
.fo-rwd-table .city-select-search {
  width: 100%;
  text-indent: 27px;
  box-sizing: border-box;
}
.fo-rwd-table .city-select-wrap select {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
.fo-rwd-table .radio-33per {
  width: 33%;
  float: left;
}
.fo-rwd-table .radio-33per>label {cursor: pointer;}
@media screen and (max-width:940px){
  .fo-rwd-table .td-txt .fo-error-exclamation {
    background-image: url('/img/common/icon/error_warning.png');
    background-size: 14px 14px;
    background-position: left 2px;
  }
}
/* テーブル内タイトル */
.fo-rwd-info .fo-title {
  border-left: 5px solid #8f8f8f;
  font-weight: bold;
  margin: 0;
  padding: 3px 4px;
}
@media screen and (min-width:671px){
  .fo-rwd-info { padding: 10px; }
  .fo-rwd-table {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }
  .fo-rwd-table .row { display: table-row; }
  .fo-rwd-table .row .th-cap {
    padding: 15px;
    display: table-cell;
    width: 38%;
  }
  .fo-rwd-table .row .td-txt {
    padding: 15px;
    display: table-cell;
    width: 62%;
  }
	/* お問い合わせ */
  .fo-rwd-table-help-form .row .th-cap {
    width: 24%;
  }
  .fo-rwd-table-help-form .row .td-txt {
    width: 76%;
  }
}
.fo-rwd-table-help-form .help-form-message {
	width: 100%;
	box-sizing: border-box;
}
@media screen and (max-width: 940px) and (min-width: 671px) {
  .fo-rwd-table .row .multiple-frame {
    padding-bottom: 7px;
  }
  .fo-rwd-table .city-select-box {
    top: -2px;
    left: 2px;
  }
}
@media screen and (max-width:670px){
  .fo-rwd-info { padding: 10px 3%; }
  .fo-rwd-table {
    border: none;
    display: block;
  }
  .fo-rwd-table .row { display: block; }
  .fo-rwd-table .row .th-cap {
    padding: 10px 3%;
    display: block;
    margin-top: -1px !important;
    border-bottom: 0;
  }
  .fo-rwd-table .row .td-txt {
    padding: 15px 3%;
    display: block;
    margin-top: -1px;
    border-top: 0;
  }
  .fo-rwd-table .row .multiple-frame {
    padding-bottom: 7px;
  }
  .fo-rwd-table .city-search-mark {
    top: 7px;
  }
  .fo-rwd-table .city-select-box {
    top: -2px;
    left: 2px;
  }
}
/* 注記 */
input[type='text'],input[type='password'],
input[type='tel'],input[type='email'],input[type='number'],textarea {
  border: 1px #999999 solid;
  padding: 3px;
}
.fo-rwd-table .notes {
  color: #666666;
  font-size: 80%;
}
/* 入力エリア */
.fo-rwd-table .fo-short {
  max-width: 80px;
  width: 25%;
}
.fo-rwd-table .fo-middle {
  max-width: 130px;
  width: 30%;
}
.fo-rwd-table .fo-long {
  max-width: 240px;
  width: 70%;
}
.fo-rwd-table .fo-vlong {
  max-width: 350px;
  width: 97%;
}
@media screen and (max-width:670px){
  input[type='text'],input[type='file'],input[type='password'],
  input[type='tel'],input[type='email'],input[type='number'] {
    padding: 4px 2%;
    font-size: 14px;
  }
}
/* SSL */
@media screen and (max-width:670px){
  .ssl-box {
    margin-top: 20px;
    width: 235px;
  }
  .ssl-box .ssl-txt {
    margin-top: 4px;
    width: 145px;
  }
  .ssl-box .ssl-sticker { width: 40px; }
  .ssl-box input[name='Sticker'] { width: 30px; }
  .ssl-box .ssl-sticker {
    float: right;
    width: 80px;
    padding: 3px 3px 3px 0;
  }
  .ssl-box .ssl-sticker table,
  .ssl-box .ssl-sticker table img {
    width: 80px;
  }
}
@media screen and (max-width:940px){
  .fo-rwd-table .radio-33per {width: 50%;}
}
/* フッター
------------------------------------------------------ */
#footer-area-common3 {
  width: 100%;
  min-width: initial;/*firefox*/
  min-width: auto;
}
/* PC */
@media screen and (min-width: 941px) {
  #footer-area-common3 { left: 0!important; }
}
@media screen and (max-width: 941px) {
  #footer-area-common3 .up {padding: 40px 0 35px;}
  #footer-area-common3 .up .wrap {
    max-width: 700px;
    padding: 0 20px;
  }
  #footer-area-common3 .up .wrap .left-column {
    width: 45%;
    margin-right: 10%;
  }
  #footer-area-common3 .up .wrap .right-wrap-column {width: 45%;}
  #footer-area-common3 .up .wrap .right-wrap-column .center-column {margin: 0 0 30px;}
  #footer-area-common3 .up .wrap .right-wrap-column .center-column,
  #footer-area-common3 .up .wrap .right-wrap-column .right-column {
    float: none;
    width: 100%;
  }
  #footer-area-common3 .up .wrap .right-wrap-column .right-column .links-wrap {
    display: inline-block;
    margin-top: 0;
  }
  #footer-area-common3 .down {padding: 30px 0 15px;}
  #footer-area-common3 .down .wrap {
    max-width: 530px;
    margin: 0 auto 50px;
  }
  #footer-area-common3 .down .wrap .left-column {
    width: 45%;
    margin-right: 10%;
  }
  #footer-area-common3 .down .main-title {max-width: 550px;}
  #footer-area-common3 .down .wrap .right-wrap-column {width: 45%;}
  #footer-area-common3 .down .wrap .right-wrap-column .center-column {
    margin: 0 0 35px;
  }
  #footer-area-common3 .down .wrap .right-wrap-column .center-column,
  #footer-area-common3 .down .wrap .right-wrap-column .right-column {
    float: none;
    width: 100%;
  }
  #footer-area-common3 .up .loggedin-wrap {max-width: 700px;}
  #footer-area-common3 .up .loggedin-wrap .left-column {width: 44%;}
  #footer-area-common3 .up .loggedin-wrap .right-column {width: 46%;}
  #footer-area-common3 .up .loggedin-wrap .left-column .menu {
    float: none;
    margin: 0 0 6px 0;
  }
  #footer-area-common3 .up .loggedin-wrap .left-column .menu:last-child {margin-bottom: 0;}
}
@media screen and (max-width: 670px) {
  #footer-area-common3 .up,
  #footer-area-common3 .up .wrap>div:last-child {margin: 0 auto;}
  #footer-area-common3 .up .wrap {
    max-width: 100%;
  }
  #footer-area-common3 .up .wrap >div,
  #footer-area-common3 .up .wrap >div>div {float: none;}
  #footer-area-common3 .up .wrap .left-column .title,
  #footer-area-common3 .up .wrap .right-wrap-column .center-column,
  #footer-area-common3 .up .wrap .right-wrap-column .right-column {
    padding: 0 20px;
    box-sizing: border-box;
  }
  #footer-area-common3 .up .wrap .title {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  #footer-area-common3 .up .wrap .left-column {margin: 0 auto 30px;}
  #footer-area-common3 .up .wrap .left-column,
  #footer-area-common3 .up .wrap .right-wrap-column  {width: 100%;}
  #footer-area-common3 .up .wrap .left-column ul li {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    border-top: 1px solid #798ea4;
    padding: 0;
    text-align: center;
    min-height: 53px;
    vertical-align: middle;
  }
  #footer-area-common3 .up .wrap .left-column ul li:nth-child(1) {
    border-right: none;
    border-bottom: none;
  }
  #footer-area-common3 .up .wrap .left-column ul li:nth-child(1),
  #footer-area-common3 .up .wrap .left-column ul li:nth-child(2),
  #footer-area-common3 .up .wrap .left-column ul li:nth-child(4) {line-height: 2.8;}
  #footer-area-common3 .up .wrap .left-column ul li:nth-child(even) {border-left: 1px solid #798ea4;}
  #footer-area-common3 .up .wrap .left-column ul li a {
    display: block;
    width: 100%;
    padding: 8px 0 6px;
    min-height: 36px;
    background: url("/img/common/footer/export_arrow00.png") no-repeat;
    background-position: right 10px center;
    background-size: 7px 12px;
  }
  #footer-area-common3 .up .wrap .left-column .export-button {
    text-align: center;
    width: 100%;
    border: none;
    border-top: 1px solid #798ea4;
    border-bottom: 1px solid #798ea4;
    margin-top: 0;
    background-position: right 10px center;
    padding: 21px 0 18px;
    box-sizing: border-box;
    border-radius: 0;
    min-height: 36px;
  }
  #footer-area-common3 .up .wrap .left-column .export-button:hover {
    border: none;
    border-top: 1px solid #798ea4;
    border-bottom: 1px solid #798ea4;
  }
  #footer-area-common3 .up .wrap .right-wrap-column .right-column>a,
  #footer-area-common3 .up .wrap .right-wrap-column .right-column .links-wrap>a {margin-right: 5px;}
  #footer-area-common3 .up .wrap .right-wrap-column .right-column .links-wrap>a:last-child {margin-right: 0;}
  #footer-area-common3 .down {padding: 20px 0 15px;}
  #footer-area-common3 .down .main-title {margin: 0 auto 15px;}
  #footer-area-common3 .down .main-title,
  #footer-area-common3 .down .wrap {
    max-width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #footer-area-common3 .down .wrap .left-column,
  #footer-area-common3 .down .wrap .right-wrap-column {
    float: none;
    width: 100%;
  }
  #footer-area-common3 .down .wrap .domain .name,
  #footer-area-common3 .down .wrap .sub li {font-weight: normal;}
  #footer-area-common3 .down .wrap .domain .name {font-size: 108%;}
  #footer-area-common3 .down .copyright {
    text-align: center;
    padding: 0 20px;
    font-size: 85%;
  }
  #footer-area-common3 .down .copyright .under {
    display: block;
    margin-top: 3px;
    font-size: 93%;
  }
  #footer-area-common3 .sp-br {display: block!important;}
  #footer-area-common3 .pc-br {display: inline;}
  #footer-area-common3 .up .loggedin-wrap {
    max-width: 100%;
  }
  #footer-area-common3 .up .loggedin-wrap .title {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  #footer-area-common3 .up .loggedin-wrap .left-column, 
  #footer-area-common3 .up .loggedin-wrap .right-column {
    float: none;
    width: 100%;
  }
  #footer-area-common3 .up .loggedin-wrap .left-column {margin: 0 auto 30px;}
  #footer-area-common3 .up .loggedin-wrap .left-column .title,
  #footer-area-common3 .up .loggedin-wrap .right-column {
    padding: 0 20px;
    box-sizing: border-box;
  }
  #footer-area-common3 .up .loggedin-wrap .left-column ul {border-bottom: 1px solid #798ea4}
  #footer-area-common3 .up .loggedin-wrap .left-column ul li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-top: 1px solid #798ea4;
    padding: 0;
    text-align: center;
    min-height: 53px;
    vertical-align: middle;
  }
  #footer-area-common3 .up .loggedin-wrap .left-column ul li:nth-child(2),
  #footer-area-common3 .up .loggedin-wrap ul li:nth-child(3) {line-height: 2.8;}
  #footer-area-common3 .up .loggedin-wrap .left-column ul:last-child li {border-left: 1px solid #798ea4;}
  #footer-area-common3 .up .loggedin-wrap .left-column ul li a {
    display: block;
    width: 100%;
    padding: 8px 0 6px;
    min-height: 36px;
    background: url("/img/common/footer/export_arrow00.png") no-repeat;
    background-position: right 10px center;
    background-size: 7px 12px;
  }
  #footer-area-common3 .up .loggedin-wrap ul .line-h {line-height: 2.8;}
  #footer-area-common3 .up .loggedin-wrap .left-column .menu:first-child {margin-right: 0;}
  #footer-area-common3 .up .loggedin-wrap .left-column .menu {
    margin: 0;
    width: 50%;
    float: left;
  }
}

/* -----------------------------------------------------------------------------------------------------------
  以下はunique的な扱いのもの
----------------------------------------------------------------------------------------------------------- */
/* 海外向け会員登録
------------------------------------------------------- */
#foreign-entry p { margin: 0; }
#foreign-entry h1 { color: #ffffff; }
#foreign-entry h2 {
  border: 0;
  color: #2d70b5;
  margin: 0 auto 20px;
  text-align: center;
  font-weight: normal;
}
@media screen and (min-width: 671px) {
  #foreign-entry h2 { font-size: 26px; }
}
/*** パイオニア ***/
#foreign-entry .pioneer-sd {
  width: 92%;
  max-width: 910px;
  margin: 0 auto;
  position: relative;
}
/* ふきだし */
#foreign-entry .pioneer-sd:before{
  content: "";
  position: absolute;
  bottom: -180px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 50px solid #fff;
  border-right: 120px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 120px solid transparent;
  margin-left: -120px;
  z-index: 3;
}
@media screen and (min-width: 671px) {
  #foreign-entry .pioneer-sd {
    margin: 90px auto 80px;
    display: table;
  }
  #foreign-entry .pioneer-sd .row { display: table-row; }
  #foreign-entry .pioneer-logo {
    width: 39%;
    padding: 0 5.5% 0 1.5%;
  }
  #foreign-entry .pioneer-logo img { width: 100%; }
  #foreign-entry .pioneer-logo,
  #foreign-entry .pioneer-txt {
    display: table-cell;
    vertical-align: middle;
  }
  #foreign-entry .pioneer-txt h2 { text-align: left; }
  #foreign-entry .pioneer-txt {
    line-height: 1.6;
    margin-top: 10px;
  }
  #foreign-entry .pioneer-txt p { font-size: 15px; }
}
@media screen and (max-width: 670px) {
  #foreign-entry .pioneer-sd:before{ bottom: -100px; }
  #foreign-entry .pioneer-logo { display: none; }
  #foreign-entry .pioneer-txt { padding-top: 40px; }
  #foreign-entry .pioneer-txt p {
    width: 92%;
    margin: 0 auto 40px;
  }
}

/*** スーパーデリバリーが選ばれる理由 ***/
#foreign-entry .point-sd {
  background-color: #dde8f2;
  padding: 120px 0 80px;
  position: relative;
  z-index: 1;
}
#foreign-entry .point-box {
  margin: 0 auto;
  padding-top: 35px;
  position: relative;
  text-align: center;
}
#foreign-entry .point-box dl {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  margin: 10px 1% 15px;
}
#foreign-entry .point-box dd {
  font-size: 15px;
  margin-left: 0;
  text-align: left;
}
#foreign-entry .point-box h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
#foreign-entry .point-box dd span { line-height: 1.7em; }
#foreign-entry .point-box .big dd img { float: left; }
#foreign-entry .point-box .small dt {
  margin: 10px 2% 0;
}
#foreign-entry .point-box .small img {
  width: 100%;
  height: auto;
  max-width: 195px;
}
#foreign-entry .point-sd:before {
  border-color: #dde8f2 transparent transparent;
  border-style: solid;
  border-width: 50px 120px;
  bottom: -95px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -120px;
  position: absolute;
  width: 0;
  z-index: 3;
}
@media screen and (min-width: 671px) {
  #foreign-entry .point-box { max-width: 990px; }
  #foreign-entry .point-box .big dt { margin-bottom: 5px; }
  #foreign-entry .point-box .big dl {
    height: 17em;
    padding: 40px 3% 0;
    position: relative;
    width: 40%;
  }
  #foreign-entry .point-box dd { padding-top: 35px; }
  #foreign-entry .point-box .big dd span {
    padding-top: 2em;
  }
  #foreign-entry .point-box .big h3 {
    bottom: 0;
    left: 0;
    margin: 0 10px;
    position: absolute;
    right: 0;
    top: 25px;
  }
  #foreign-entry .point-box .big img {
    float: left;
    padding: 30px 20px 30px 0;
    width: 50%;
    max-width: 175px;
  }
  #foreign-entry .point-box .small dl {
    height: 30.5em;
    padding: 25px 3% 0;
    width: 24%;
  }
  #foreign-entry .point-box .small dd { padding-top: 3.5em; }
  #foreign-entry .point-box .small dt { height: 190px; }
  #foreign-entry .point-box .small img { padding: 0 0 10px; }
}
@media screen and (min-width:671px) and (max-width:940px){
  #foreign-entry .point-box .small dd { padding-top: 1.5em; }
  #foreign-entry .point-box .big img { padding: 40px 20px 60px 0; }
}
@media screen and (max-width: 670px) {
  #foreign-entry .point-sd { padding: 100px 0 40px; }
  #foreign-entry .point-box { padding-top: 0; }
  #foreign-entry .point-box dl {
    margin: 10px auto 15px;
    width: 94%;
    padding-top: 10px;
  }
  #foreign-entry .point-box dd { padding: 15px; }
}

/*** 注文から発送までの流れ ***/
#foreign-entry .order-flow {
  background-color: #f5f5f5;
  position: relative;
}
#foreign-entry .order-flow .flow-area {
  width: 92%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
/* 左側 */
#foreign-entry .order-flow .flow-img img {
  width: 100%;
  max-width: 577px;
}
#foreign-entry .order-flow .flow-img-note { text-align: left; }
/* 右側 */
#foreign-entry .flow-txtbox {
  box-shadow: 0 0 5px 0 rgba(50,50,50,0.2);
  background-color: #ffffff;
  margin-bottom: 20px;
}
#foreign-entry .flow-txtbox h3 {
  background-color: #2d70b5;
  color: #ffffff;
  margin: 0;
  line-height: 1;
  font-weight: normal;
}
#foreign-entry .flow-txt {
  font-size: 13px;
  padding: 10px 15px;
  box-shadow: 0 10px 4px -9px rgba(50, 50, 50, 0.2) inset;
}
#foreign-entry .flow-note {
  background-color: #f5f5f5;
  padding: 10px;
  font-size: 12px;
  margin-top: 10px;
}
#foreign-entry .flow-note span { font-weight: bold; }
/* ふきだし */
#foreign-entry .order-flow:before{
  content: "";
  position: absolute;
  bottom: -99px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 50px solid #f5f5f5;
  border-right: 120px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 120px solid transparent;
  margin-left: -120px;
  z-index: 3;
}
@media screen and (min-width: 671px) {
  #foreign-entry .order-flow { padding: 90px 0 60px; }
  #foreign-entry .order-flow .flow-area { padding-top: 20px; }
  #foreign-entry .order-flow .flow-img-note {
    position: absolute;
    bottom: -20px;
    left: 35px;
    font-size: 16px;
  }
  #foreign-entry .order-flow .flow-img-note.jpn-note { bottom: 20px; }
  #foreign-entry .order-flow .flow-img-note .caution {
    font-size: 14px;
    margin-top: 20px;
    text-indent: -1em;
    padding-left: 1em;
  }
  #foreign-entry .order-flow .flow-img {
    float: left;
    width: 66%;
    text-align: right;
  }
  #foreign-entry .order-flow .flow-img img { margin-bottom: 20px; }
  /* 右側 */
  #foreign-entry .flow-txtbox h3 {
    font-size: 20px;
    padding: 10px 10px 8px;
  }
  #foreign-entry .flow-txtbox {
    float: right;
    width: 29%;
  }
}
@media screen and (max-width:940px) and (min-width: 671px) {
  #foreign-entry .order-flow .flow-img-note {
    position: static;
  }
}
@media screen and (max-width: 670px) {
  #foreign-entry .order-flow { padding: 70px 0 40px; }
  #foreign-entry .order-flow .flow-img-note {
    width: 95%;
    margin: 0 auto 20px;
    font-size: 14px;
  }
  #foreign-entry .order-flow .flow-img-note .caution {
    font-size: 11px;
    margin-top: 10px;
    text-indent: -1em;
    padding-left: 1em;
  }
  #foreign-entry .order-flow .flow-img { text-align: center; }
  #foreign-entry .order-flow .flow-img img { margin-bottom: 10px; }
  /* 右側 */
  #foreign-entry .flow-txtbox h3 {
    font-size: 16px;
    padding: 5px 10px 7px;
  }
}
/** 配送にかかる費用と日数の目安 **/
#foreign-entry .costs-sh {
  margin: 0 auto;
  text-align: center;
  padding: 100px 0 80px;
  position: relative;
}
#foreign-entry .costs-list {
  width: 96%;
  max-width: 840px;
  margin: 0 auto;
}
#foreign-entry .costs-sh table {
  font-size: 13px;
  border-collapse: separate;
  border-radius: 5px;
  width: 100%;
}
#foreign-entry .costs-sh table tr:last-child td:first-child { border-radius: 0 0 0 5px;}
#foreign-entry .costs-sh table tr:last-child td:last-child { border-radius: 0 0 5px 0;}
#foreign-entry .costs-sh table td {
  background-color: #e0e7ca;
  padding: 15px;
}
#foreign-entry .costs-sh table th {
  background-color: #b5d277;
  font-size: 14px;
  width: 20%;
  position: relative;
  border-radius: 5px 5px 0 0;
  padding: 10px;
}
#foreign-entry .costs-sh table th img {
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 14px;
  z-index: 3;
}
#foreign-entry .costs-sh table th:first-child {
  background-color: #fff;
  padding: 0 20px;
}
#foreign-entry .costs-sh table tr td span {
  font-weight: bold;
  font-size: 14px;
}
#foreign-entry .costs-sh table th:first-child:after { border: none;}
#foreign-entry .costs-sh table tr.delitime td {
  background-color: #e6edf2;
  border-top: 8px solid #fff;
}
#foreign-entry .costs-sh table tr.delitime td:first-child {
  background-color: #e6f5ff;
  padding: 13px 0 10px;
  width: 15%;
}
#foreign-entry .costs-sh table tr>td:first-child { background-color: #dae9ae; }
#foreign-entry .costs-sh .supple {
  font-size: 13px;
  margin: 5px auto 0;
}
#foreign-entry .costs-sh .supple p{
  text-align: right;
  font-size: 11px;
}
#foreign-entry .costs-sh .supple ul { text-align: left; }
#foreign-entry .costs-sh .supple ul li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}
/* やじるし */
#foreign-entry .costs-sh:before{
  content: "";
  position: absolute;
  bottom: -100px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 50px solid #fff;
  border-right: 120px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 120px solid transparent;
  margin-left: -120px;
  z-index: 3;
}
/* SP */
@media screen and (max-width: 670px) {
  #foreign-entry .costs-sh { padding: 80px 0 40px; }
  #foreign-entry .costs-sh table { font-size: 11px; }
  #foreign-entry .costs-sh table td { padding: 8px 0;}
  #foreign-entry .costs-sh table th {
    font-size: 11px;
    padding: 5px 3px 0 3px;
  }
  #foreign-entry .costs-sh table th:first-child {
    padding: 0;
    width: 10%;
  }
  #foreign-entry .costs-sh table tr td span { font-size: 10px;}
  #foreign-entry .costs-sh .supple { font-size: 11px;}
  #foreign-entry .costs-sh .supple ul { margin-top: 10px; }
}

/*** 会員登録から利用開始まで ***/
#foreign-entry .starting {
  background-color: #2d70b5;
  padding: 100px 0 55px;
}
#foreign-entry .starting h2 {
  color: #ffffff;
  margin-bottom: 35px;
}
#foreign-entry .starting .start-flow {
  width: 92%;
  max-width: 920px;
  margin: 0 auto;
}
#foreign-entry .starting .start-flow .start-txt {
  background-color: #ffffff;
  color: #2d70b5;
  box-sizing: border-box;
  line-height: 1.6;
}
#foreign-entry .starting .start-flow .start-txt img {
  width: 100%;
  min-width: 74px;
  max-width: 140px;
}
#foreign-entry .starting .start-flow .start-finish {
  color: #2d70b5;
  text-align: center;
  position: relative;
}
#foreign-entry .starting .start-flow .start-finish p {
  position: absolute;
  width: 100%;
}
#foreign-entry .starting .start-flow .start-arw { text-align: center; }
/* 会員資格 */
#foreign-entry .starting .membership {
  max-width: 845px;
  width: 92%;
  margin: 0 auto;
  border: 1px #ffffff solid;
  color: #ffffff;
  margin-top: 40px;
  box-sizing: border-box;
  line-height: 1.6;
}
#foreign-entry .starting .membership h3 { margin: 0 0 5px; }
@media screen and (min-width: 671px) {
  #foreign-entry .starting .start-flow { display: table; }
  #foreign-entry .starting .start-flow .row { display: table-row; }
  #foreign-entry .starting .start-flow .start-txt {
    display: table-cell;
    width: 21.5%;
    text-align: center;
    padding: 20px 10px;
    font-size: 16px;
  }
  #foreign-entry .starting .start-flow .start-arw { width: 4.5%; }
  #foreign-entry .starting .start-flow span { display: block; }
  #foreign-entry .starting .start-flow .start-txt,
  #foreign-entry .starting .start-flow .start-finish,
  #foreign-entry .starting .start-flow .start-arw {
    display: table-cell;
    vertical-align: middle;
  }
  #foreign-entry .starting .start-flow .start-txt img { margin: 10px 0 15px -3%; }
  #foreign-entry .starting .start-flow .start-finish img {
    width: 100%;
    max-width: 194px;
  }
  /* 会員資格 */
  #foreign-entry .starting .membership { padding: 20px 30px; }
  #foreign-entry .starting .membership h3 { font-size: 18px; }
  #foreign-entry .starting .membership p { font-size: 15px; }
}
@media screen and (min-width:941px) {
  #foreign-entry .starting .start-flow .start-finish { font-size: 20px; }
  #foreign-entry .starting .start-flow .start-finish p { bottom: 25%; }
}
@media screen and (max-width:940px) and (min-width: 671px) {
  #foreign-entry .starting .start-flow .start-finish { font-size: 18px; }
  #foreign-entry .starting .start-flow .start-finish p { bottom: 29%; }
}
@media screen and (max-width: 670px) {
  #foreign-entry .starting .start-flow span { display: inline-block; }
  #foreign-entry .starting .start-flow img,
  #foreign-entry .starting .start-flow p { vertical-align: middle; }
  #foreign-entry .starting .start-flow .start-txt img { width: 20%; }
  #foreign-entry .starting .start-txt p {
    display: inline-block;
    width: 70%;
    margin-left: 3%;
  }
  #foreign-entry .starting .start-flow .start-txt { padding: 5px 5px 5px 20px; }
  #foreign-entry .starting .start-flow .start-arw { margin: 3px 0; }
  #foreign-entry .starting .start-flow .start-arw:nth-child(6) { margin: 12px 0; }
  #foreign-entry .starting .start-flow .start-arw img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 10px;
  }
  #foreign-entry .starting .start-flow .start-txt img { margin-left: -7px; }
  #foreign-entry .starting .start-flow .start-finish img {
    width: 50%;
    max-width: 140px;
  }
  #foreign-entry .starting .start-flow .start-finish p {
    bottom: 15%;
    font-size: 15px
  }
  /* 会員資格 */
  #foreign-entry .starting .membership { padding: 10px 15px; }
  #foreign-entry .starting .membership h3 { font-size: 16px; }
}

/*** メアド入力 ***/
#foreign-entry .foreign-form {
  width: 92%;
  max-width: 800px;
  margin: 20px auto;
}
#foreign-entry .input-area {
  border: 1px #cccccc solid;
  border-radius: 5px;
  box-shadow: 0 0 4px 1px #e6e6e6;
  letter-spacing: 1px;
  margin-top: 30px;
  background-color: #f6f6f6;
  text-align: center;
}
#foreign-entry .foreign-form .input-area { margin-bottom: 100px; }
#foreign-entry .foreign-form .mail-catch {
  margin-bottom: 25px;
  color: #2d70b5;
  text-align: center;
  letter-spacing: -0.2px;
}
#foreign-entry .input-area form .add-cap {
  text-align: left;
  color: #666666;
}
#foreign-entry .input-area form input[type='text'] {
  ime-mode: disabled;
  border: 1px #cccccc solid;
  background-color: #ffffff;
  border-radius: 3px;
  vertical-align: middle;
}
#foreign-entry .input-area form .co-btn { vertical-align: middle; }
#foreign-entry .foreign-form .to-regist-btn { display: none; }
/* 固定のとき */
#foreign-entry .foreign-form-fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
#foreign-entry .foreign-form-fix .step-info { display: none; }
#foreign-entry .foreign-form-fix .input-area {
  border-width: 3px 0 0;
  border-radius: 0;
  width: 94%;
  padding: 18px 3% 30px;
  box-shadow: none;
}
#foreign-entry .foreign-form-fix .input-area form {
  max-width: 400px;
  margin: 0 auto;
  width: 45%;
}
#foreign-entry .foreign-form-fix .mail-catch {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -28px;
  font-size: 16px;
  color: #2d70b5;
  text-align: center;
}
#foreign-entry .foreign-form-fix .mail-catch span { font-size: 20px; }
#foreign-entry .foreign-form-fix form { position: relative; }
#foreign-entry .foreign-form-fix input[type='text'],
#foreign-entry .foreign-form-fix .regist-btn,
#foreign-entry .foreign-form-fix .add-cap { display: none !important; }
#foreign-entry .foreign-form-fix .to-regist-btn { display: inline-block; }
#foreign-entry .foreign-form-fix .to-regist-btn a { outline: none; }
/* エラー */
#foreign-entry .input-area form .add-cap.err-txt { margin: 5px auto -25px; }
/* 日本語版 */
#foreign-entry .maker-link {
  text-align: right;
}
#foreign-entry .foreign-form-fix .maker-link {
  background-color: #e6e6e6;
  padding: 5px 10px;
  position: relative;
  z-index: 2;
}
#foreign-entry .en-only-note {
  text-align: center;
  width: 96%;
  margin: 60px auto -20px;
}
@media screen and (min-width: 671px) {
  #foreign-entry .input-area { padding: 25px 30px 45px; }
  #foreign-entry .input-area form .add-cap {
    margin: 0 auto 5px;
    font-size: 14px;
  }
  #foreign-entry .foreign-form .add-cap {
    width: 88%;
    max-width: 640px;
    min-width: 525px;
  }
  #foreign-entry .input-area form input[type='text'] {
    font-size: 26px;
    padding: 6px 8px;
    width: 56.5%;
    margin-right: 1.5%;
  }
  #foreign-entry .foreign-form .mail-catch { font-size: 30px; }
  /* 日本語版 */
  #foreign-entry .foreign-form .jpn-input.input-area { padding-bottom: 90px; }
  #foreign-entry .foreign-form .maker-link { margin: -137px 30px 120px 0; }
}
@media screen and (max-width: 670px) {
  #foreign-entry .input-area { padding: 25px 3% 45px; }
  #foreign-entry .input-area form .add-cap {
    margin: 0 auto;
    font-size: 13px;
  }
  #foreign-entry .foreign-form .add-cap { width: 92%; }
  #foreign-entry .foreign-form input[type='text'] {
    width: 88%;
    font-size: 20px;
    margin: 5px 0 20px;
  }
  #foreign-entry .foreign-form .mail-catch { font-size: 17px; }
  #foreign-entry .foreign-form .mail-catch span { font-size: 20px; }
  /* 固定のとき */
  #foreign-entry .foreign-form-fix .input-area { padding: 13px 3% 25px; }
  #foreign-entry .foreign-form-fix .input-area form { width: 100%; }
  #foreign-entry .foreign-form-fix .mail-catch {
    bottom: -23px;
    font-size: 13px;
  }
  #foreign-entry .foreign-form-fix .mail-catch span { font-size: 16px; }
  /* 日本語版 */
  #foreign-entry .foreign-form .jpn-input.input-area { padding-bottom: 70px; }
  #foreign-entry .foreign-form .maker-link { margin: -137px 30px 120px 0; }
}

/*** 確認画面 ***/
@media screen and (max-width: 670px) {
  #foreign-entry .entry-complete-button .text-reg {
    font-size: 108%;
  }
}

/*** 完了画面 ***/
#foreign-entry .sns-link-area {
  background-color: #f6f6f6;
  padding: 25px;
  margin-top: 20px;
}
#foreign-entry .sns-link-area .sns-head {
  margin-bottom: 20px;
  font-size: 20px;
}
#foreign-entry .sns-link-area a {
  display: inline-block;
  padding: 15px 20px 15px;
  width: 90%;
  max-width: 190px;
  color: #ffffff;
  border-radius: 5px;
}
#foreign-entry .sns-link-area a.insta { background-color: #a28a7b; }
#foreign-entry .sns-link-area a.fb { background-color: #3b5998; }
#foreign-entry .sns-link-area a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#foreign-entry .sns-link-area a .sns-icon {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  text-align: left;
}
#foreign-entry .sns-link-area .sns-icon img {
  max-width: 52px;
  width: 100%;
}
#foreign-entry .sns-link-area a .sns-txt {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  width: 66%;
  line-height: 1;
}
#foreign-entry .sns-link-area a .sns-txt span {
  font-size: 11px;
  display: block;
  margin-top: 5px;
}
@media screen and (min-width:671px) {
  #foreign-entry .sns-link-area a.insta { margin-right: 5px; }
}
@media screen and (max-width: 670px) {
  #foreign-entry .sns-link-area a.insta { margin-bottom: 10px; }
}

/* 利用規約、プライバシーステートメントなど
------------------------------------------------------- */
#exp-rules .txt-box {
  font-size: 14px;
  line-height: 1.6;
}
#exp-rules .co-title2 {
  text-indent: -1.5em;
  padding-left: 2.1em;
}
#exp-rules .co-title2 span { margin-right: 15px; }
#exp-rules .txt-box { margin: 10px 15px 30px; }
#exp-rules .num-txt {
  text-indent: -1.3em;
  padding-left: 1.3em;
}
#exp-rules ul { margin-bottom: 20px; }
#exp-rules ul li {
  margin-bottom: 5px;
}
@media screen and (max-width: 670px) {
  #exp-rules .txt-box { margin: 10px 0 30px; }
  #exp-rules .url-txt { font-size: 12px; }
}

/* 海外向け会員登録 > 完了画面
------------------------------------------------------- */

#foreign-entry .complete-messeage {
  margin: 0 0 50px 40px;
}
#foreign-entry .complete-messeage .img-area {
  float: left;
}
#foreign-entry .complete-messeage .text-area {
  float: left;
  margin: 15px 0 0 15px;
  width: 500px;
}
#foreign-entry .complete-messeage .text-area .thank-you {
  font-size: 185%;
  line-height: 140%;
  font-weight: bold;
}
#foreign-entry .complete-messeage .text-area .comment {
  font-size: 110%;
  margin-top: 10px;
  line-height: 180%;
}
#foreign-entry .complete-messeage .text-area .comment span {
  font-weight: bold;
}
#foreign-entry .storeinfo {
  background-color: #eeeeee;
  padding: 20px;
}
#foreign-entry .storeinfo .text-area {
  position: relative;
  width: 100%;
  margin: auto;
}
#foreign-entry .storeinfo .text-area img {
  position: absolute;
  top: -4em;
  margin: 0 auto;
  left: 0;
  right: 0;
}
#foreign-entry .storeinfo .text-area p {
  padding: 25px 0;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #foreign-entry .complete-messeage {
    margin: 0 auto 50px;
    width: 600px;
  }
  #foreign-entry .complete-messeage .text-area {
    float: left;
    margin: 15px 0 0 15px;
    width: 400px;
  }
  #foreign-entry .complete-messeage .text-area .thank-you {
    font-size: 175%;
    line-height: 140%;
    font-weight: bold;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #foreign-entry .complete-messeage {
    margin: 0 auto 50px;
  }
  #foreign-entry .complete-messeage .img-area {
    display: none;
  }
  #foreign-entry .complete-messeage .text-area {
    margin: 15px 0 0 0;
    width: 100%;
  }
  #foreign-entry .complete-messeage .text-area .thank-you {
    font-size: 150%;
    font-weight: bold;
  }
}

/* 20160705リリース モニター会員募集LP
-------------------------------------------------------------------------- */
/* 基本設定 */
#monitor-lp { letter-spacing: 0.02em; }
#monitor-lp * { -webkit-text-size-adjust: none; }
#monitor-lp + .push {
  height: 0;
  margin: 0;
}
#monitor-lp div, #monitor-lp h1, #monitor-lp h2, #monitor-lp h3, #monitor-lp h4, #monitor-lp p {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
#monitor-lp #monitor-form .form-img {
  z-index: 1;
    position: relative;
}
/* 【content TOP】 */
#monitor-lp .top {
  background: url("/img/contents/lp/monitor/main_bk.png") no-repeat;
  background-color: #f2e7d9;
  background-size: cover;
  background-position: top;
}
#monitor-lp .top-img {
  background: url("/img/contents/lp/monitor/goods_02.png") repeat;
  background-position: center;
  background-size: 1216px;
  height: 165px;
}
#monitor-lp .top-tx {
  padding: 65px 20px 50px 20px;
  max-width: 930px;
  margin: 0 auto;
}
#monitor-lp .title {
  text-align: center;
  position: relative;
}
#monitor-lp .title-main { font-size: 50px; }
#monitor-lp .title-sub {
  font-size: 40px;
  line-height: 1.5em;
  color: #333333;
}
#monitor-lp .title-tx { font-size: 20px; }
#monitor-lp .title-tx span { display: inline-block; }
#monitor-lp .title-tx-b {
  font-size: 23px;
  color: #f28301;
  font-weight: bold;
}
#monitor-lp .free-img {
  position: absolute;
  top: 70px;
  right: 55px;
  width: 135px;
}
#monitor-lp .btn-tx {
  font-size: 17px;
  margin-bottom: -3px;
}

/* ボタン（スクロール） */
#monitor-lp .co-btn-m, #monitor-lp .co-btn-m>span>a,#monitor-lp .co-btn-m>span>span,#monitor-lp .co-btn-m input { min-width: 160px; }

/* SDとは？ */
#monitor-lp .about {
  background-color: rgba(255,255,255,0.5);
  padding: 27px 20px 27px 38px;
  max-width: 670px;
  margin: 0 auto;
  position: relative;
}
#monitor-lp .sd-logo {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -35.5px;
}
#monitor-lp .sd-logo-img {
  width: 85px;
  vertical-align: middle;
}
#monitor-lp .about-tx { padding-left: 100px; }
#monitor-lp .about-title {
  font-size: 16px;
  margin-bottom: 7px;
}
#monitor-lp .about-title-sub {
  font-size: 13px;
  line-height: 1.5em;
}
/*取扱ジャンル*/
#monitor-lp .content-genre {
  text-align:center;
  background: #FFF7E1;
  padding: 70px 20px 30px 0;
}
#monitor-lp .content-genre p {
  font-weight: bold;
  line-height: 1.4;
}
#monitor-lp .content-genre div {
  display: inline-block;
  margin: 30px 5px 40px;
  font-size: 13px;
}
#monitor-lp .content-genre img {
  display: block;
  width: 85%;
  margin: 0 auto 10px;
}

/* from medical 医療福祉関連のみ表示 */


#monitor-lp .med-cp-adjust {
  padding: 8px 10px 20px !important;
}


/* SP */
@media screen and (max-width: 670px) {
/* ここにスマホの記述 */
  #monitor-lp .content-genre {
    padding: 20px 10px 40px;
  }
  #monitor-lp .content-genre p {
    padding: 20px 0 15px;
    font-size: 17px;
  }
  #monitor-lp .content-genre div {
    margin: 0 0 5px;
    width: 11.5em;
    text-align: left;
    font-size: 15px;
  }
  #monitor-lp .content-genre img {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0;
  }
  #monitor-lp .form-base input {
    font-size: 5vw;
  }
  #monitor-lp .content3-title {
    font-size: 7.2vw;
  }
}

/* 【content2】こんなお悩みありませんか */
#monitor-lp .content2-wrap {
  padding: 70px 0 50px 0;
  margin: 0 auto;
  text-align: center;
  display: table;
}
#monitor-lp ul li {
  text-align: left;
  background: url("/img/contents/lp/monitor/icon_01.png") no-repeat;
  background-size: 21px;
  padding: 0 0 4px 31px;
  line-height: 1.6em;
  font-size: 16px;
  margin-bottom: 10px;
}
#monitor-lp .content2-title {
  font-size: 25px;
  font-weight: bold;
  border: none;
  color: #333333;
  margin-bottom: 25px;
}
#monitor-lp .content2-tx {
  line-height: 27px;
  margin-bottom: 20px;
}
#monitor-lp .content2-tx-b {
  font-size: 18px;
  font-weight: bold;
}
#monitor-lp .content2-tx-b2 {
  font-size: 19px;
  font-weight: bold;
  color: #f29700;
}
#monitor-lp .content2-01 {
  display: table-cell;
  vertical-align: top;
}
#monitor-lp .content2-02 {
  display: table-cell;
  vertical-align: middle;
}
#monitor-lp .arrow {
  width: 47px;
  margin: 55px 17px 30px 26px;
}
#monitor-lp .content2-merit-wrap {
  font-size: 15px;
  display: inline-block;
  min-width: 440px;
}
#monitor-lp .content2-merit, .content2-merit02 { float: left; }
#monitor-lp .content2-merit-img { width: 30px; }
#monitor-lp .content2-merit-tx { font-weight: bold; }

/* 【content3】募集する業種一例 */
#monitor-lp .content3-wrap {
  padding: 70px 0;
  background-color: #e0eaf1;
  text-align: center;
}
#monitor-lp .content3-title {
  font-size: 30px;
  margin-bottom: 50px;
  color: #333333;
  line-height: 1.3;
}
#monitor-lp .content3 {
  margin: 0 auto;
  width: 95%;
  max-width: 900px;
  font-size: 16px;
}
#monitor-lp .content3-img { width: 100%; }
#monitor-lp .content3-img-cap {
  margin-top: 3px;
  margin-bottom: 30px;
  text-align: left;
  height: 50px;
}
#monitor-lp .content3-01 {
  float: left;
  max-width: 300px;
  padding: 0 12px;
  width: 33.3%;
  box-sizing: border-box;
}
#monitor-lp .content3-tx {
  font-size: 24px;
  line-height: 1.5em;
}
#monitor-lp .content4-tx {
  font-size: 13px;
  padding: 10px;
  background: #ffffff;
  border-radius: 10px;
  max-width: 860px;
  margin: 0 auto;
  color: #666666;
}
#monitor-lp .content4-tx span { display: inline-block; }
#monitor-lp .triangle {
  background-color: #2d70b5;
  text-align: center;
  line-height: 0;
}

/* フォーム */
#monitor-lp .form:focus { background-color: #ffffff; }
#monitor-lp .form-base {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 35px 20px 20px;
  width: 625px;
  margin: 0 auto;
}
#monitor-lp .form {
  font-size: 19px;
  width: 60%;
  padding: 10px;
  border-radius: 3px;
  background-image: none;
  background-color: #f2f2f2;
  color: #666666;
}
#monitor-lp .form-box {
  position: relative;
  margin-bottom: -8px;
}
#monitor-lp .form-tx {
  margin-bottom: 10px;
  font-size: 30px;
}
#monitor-lp .form-img {
  padding: 50px 0 70px 0;
  background-color: #2d70b5;
  background-image: url(/img/contents/lp/monitor/form_back.png);
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;
}

/* フッター */
.monitor-footer {
  margin-top: 50px;
  background-color: #000000;
  text-align: center;
  padding: 7px 0;
  position: relative;
  z-index: 2;
  font-size: 11px;
  color: #ffffff;
  position: absolute;
  width: 100%;
}
.monitor-footer-dealerlp {
  background: #445c76;
  color: #fff;
  padding: 20px 0;
  margin: 0 auto -85px;
  text-align: center;
  font-size: 14px;
}
.to-dealer-lp .monitor-footer-dealerlp {margin: 0;}
.monitor-footer-dealerlp p:first-child {
  position: relative;
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
  display: inline-block;
  margin-bottom: 5px;
}
.monitor-footer-dealerlp p:first-child:before {
  position: absolute;
  right: 36px;
  bottom: -12px;
  width: 0;
  height: 0;
  content: '';
  border-width: 12px 12px 0 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.monitor-footer-dealerlp p:first-child:after {
  position: absolute;
  right: 34px;
  bottom: -10px;
  width: 0;
  height: 0;
  content: '';
  border-width: 13px 13px 0 0;
  border-style: solid;
  border-color: #445c76 transparent transparent transparent;
}
.monitor-footer-dealerlp a {
  width: 170px;
  padding: 10px;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #798ea4;
  border-radius: 5px;
  vertical-align: middle;
  color: #fff;
  background: #2d4259 url(/img/common/footer/export_arrow00.png) right 12px center no-repeat;
  background-size: 7px 12px;
  min-height: 45px;
  text-decoration: none;
  text-align: left;
}
.monitor-footer-dealerlp a:hover {opacity: 0.8}
.monitor-footer-dealerlp a img {
  width: 30px;
  vertical-align: inherit;
  margin-right: 10px;
}
/* フッターSP */
@media screen and (max-width: 670px) {
  .monitor-footer { 
  position: static; 
  }
}

/* 20160705リリース モニター会員募集LP
-------------------------------------------- */  
/* （業種ごと）専門業者にはない品揃え・こんな方におススメ */
#monitor-lp .byindustry-genre {
  border-right: solid 1px #cccccc;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  position: relative;
  text-indent: 0;
  line-height: 32px;
} 

/* （業種ごと）SDとは */
#monitor-lp .byindustry-content3-title {
  font-size: 30px;
  color: #333333;
}
#monitor-lp .byindustry-content3 {
  margin: 0 auto;
  width: 95%;
  max-width: 960px;
  font-size: 16px;
}
#monitor-lp .byindustry-content3-01 {
  float: left;
  max-width: 320px;
  padding: 0 12px;
  width: 33.3%;
  box-sizing: border-box;
  font-size: 15px;
}
#monitor-lp .byindustry-content3-tx {
  font-size: 16px;
  margin: 20px 0 30px;
  padding: 0px 20px;
}
#monitor-lp .byindustry-content3-img-cap {
  margin-top: 3px;
  text-align: left;
}

/* PC */
@media screen and (min-width: 941px) {
  /* TOP */
  #monitor-lp .title-tx br { display: none; }

  /* SDとは？ */
  #monitor-lp .about-title br { display: none; }

  /* こんなお悩みありませんか */
  #monitor-lp .content2-01 br { display: none; }
  #monitor-lp .content2-merit {
    max-width: 140px;
    width: 32%
  }
  #monitor-lp .content2-merit02 {
    max-width: 157px;
    width: 35%
  }

  /* 募集する業種一例 */
  #monitor-lp .content3-tx br { display: none; }
}

/* TABLET/SP */
@media screen and (max-width: 940px) {
  /* こんなお悩みありませんか */
  #monitor-lp .content2-merit02 { margin-left: 0px; }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  /* TOP */
  #monitor-lp .free-img {
    top: -125px;
    right: 110px;
    width: 110px;
  }
    
  #monitor-lp .title-tx br { display: none; }

  /* SDとは？ */
  #monitor-lp .about-title br { display: none; }

  /* 取扱ジャンル */
  #monitor-lp .content-genre img {
    width: 95px;
  }

  /* こんなお悩みありませんか */
  #monitor-lp .content2-01 { display: block; }
  #monitor-lp .content2-01 br { display: none; }
  #monitor-lp .content2-merit {
    max-width: 140px;
    width: 32%
  }
  #monitor-lp .content2-merit02 {
    max-width: 157px;
    width: 35%
  }
  #monitor-lp .arrow {
    width: 53px;
    margin: 60px 28px 48px 56px;
  }

  /* 募集する業種一例 */
  #monitor-lp .content3 { width: 95%; }
  #monitor-lp .content3-tx br { display: none; }
  #monitor-lp .top-tx {
    padding: 65px 0 50px 0;
    max-width: 660px;
    margin: 0 auto;
  }

  /* （業種ごと）冒頭 */
  #monitor-lp .content4-tx { width: 90%; }
}

/* TABLET SP */
@media screen and (max-width: 940px) {
  #monitor-lp .content2-wrap { display: block; }
  #monitor-lp .content2-01-ul {
    margin: 0 auto;
    padding-left: 5px;
    display: inline-block;
  }
  #monitor-lp .content2-02 {
    display: inline-block;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    margin-top: -40px;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  /* TOP */
  #monitor-lp .top-tx { padding: 45px 10px 50px 10px; }
  #monitor-lp .title-main {
    font-size: 30px;
    font-weight: bold;
  }
  #monitor-lp .title-sub {
    font-size: 18px;
    line-height: 1.8em;
    font-weight: bold;
  }
  #monitor-lp .title-tx {
    font-size: 14px;
    line-height: 1.7em;
  }
  #monitor-lp .title-tx-b { font-size: 19px; }  
  #monitor-lp .free-img { display: none; }
  #monitor-lp .btn-tx {
    font-size: 17px;
    margin-bottom: -3px;
    background-color: #FFFD00;
    display: table;
    margin: 0 auto;
  }
  #monitor-lp .btn-tx-b { font-weight: bold; }
  #monitor-lp .btn-tx-sla { display: none; }

  /* SDとは？ */
  #monitor-lp .about { padding-bottom: 23px; }
  #monitor-lp .about-tx { padding-left: 0; }
  #monitor-lp .about-title { text-align: center; }
  #monitor-lp .sd-logo { display: none; }

  /* こんなお悩みありませんか */
  #monitor-lp .content2-wrap {
    padding-bottom: 40px;
    width: 86%;
    max-width: 431px;
  }
  #monitor-lp .content2-title { font-size: 5.5vw; }
  #monitor-lp .content2-03 br { display: none; }
  #monitor-lp ul li { font-size: 15px; }
  #monitor-lp .content2-tx { font-size: 15px; }
  #monitor-lp .content2-tx-b { font-size: 17px; }
  #monitor-lp .content2-tx-b2 { font-size: 17px; }
  #monitor-lp .content2-merit-wrap {
    text-align: left;
    min-width: 0;
  }
  #monitor-lp .content2-merit, #monitor-lp .content2-merit02 {
    width: 100%;
    float: none;
    margin-bottom: 13px;
  }
  #monitor-lp .content2-merit-tx {
    display: inline;
    font-size: 4.5vw;
  }
  #monitor-lp .content2-merit-img {
    vertical-align: middle;
    width: 25px;
  }
  #monitor-lp .content2-01 { display: block; }
  #monitor-lp .arrow {
    width: 47px;
    margin: 46px 27px 39px 50px;
  }

  /* 募集する業種一例 */
  #monitor-lp .content3-wrap { padding: 70px 15px; }
  #monitor-lp .content3-tx {
    font-size: 20px;
    line-height: 1.5em;
  }
  #monitor-lp .content3 {
    font-size: 15px;
    width: 93%;
  }
  #monitor-lp .content3-01 {
    max-width: 290px;
    padding: 0 10px;
    width: 50%;
    line-height: 1.2em;
  }
  #monitor-lp .content4-tx { width: 85%; }

  /* フォーム */
  #monitor-lp .form-base {
    padding: 30px 15px 20px 15px;
    width: 85%;
    min-width: 0;
  }
  #monitor-lp .form { width: 85%; }
  #monitor-lp .form-tx {
    font-size: 16px;
    font-weight: bold;
  }
  #monitor-lp .form-img { background-size: 990px; }
  
  /* （業種ごと）専門業者にはない品揃え・こんな方におススメ */
  #monitor-lp .byindustry-genre {
    border-right: solid 1px #cccccc;
    margin: 0 8px 0 0;
    padding: 5px 8px 5px 0;
    position: relative;
    text-indent: 0;
    line-height: 28px;
  }

  /* （業種ごと）SDとは */
  #monitor-lp .byindustry-content3-title {
    font-size: 20px;
    color: #333333;
  }
  #monitor-lp .byindustry-content3 {
    margin: 0 auto;
    width: 95%;
    max-width: 960px;
    font-size: 16px;
  }
  #monitor-lp .byindustry-content3-01 {
    float: none;
    max-width: 250px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 auto;
  }
  #monitor-lp .byindustry-content3-tx {
    font-size: 16px;
    margin: 20px 0 30px;
    text-align: left;
  }
  #monitor-lp .byindustry-content3-img-cap {
    margin: 3px 0 20px;
    text-align: center;
  }  
}

/* 201607 Web展LP
-------------------------------------------------------------------------- */
#webexlp {
  background-color: #ede8e1;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: -86px;
}
#webexlp div,
#webexlp p {
  padding: 0; margin: 0;
}

/* メインビジュアル */
#webexlp .main-visual {
  width: 100%;
  margin: 0px auto;
}
#webexlp .main-visual {
  background: transparent url("/img/contents/pre_sale/201607_lp/main_bnr.png") no-repeat scroll center center;
  height: 700px;
  position: relative;
  width: 100%;
  margin: 0px auto;
}
#webexlp .h1-wrap {
  max-width: 565px;
  width: 100%;
  margin: 0px auto;
  position: relative;
}
#webexlp .h1-wrap .h1 {
  margin: 0px auto;
  text-align: center;
}
#webexlp .h1-wrap .txt .main-catch {
  margin: 0px auto;
  text-align: center;
  padding-bottom: 10px;
}

/* 厳選企業イメージ */
#webexlp .selected-company {
  background-color: #e1dad1;
  text-align: center;
}
#webexlp .selected-company .ttl {
  margin: 0px auto 30px;
  text-align: center;
  padding-top: 70px;
}
#webexlp .selected-company .ttl .black {
  font-size: 33px;
}
#webexlp .selected-company .ttl .red {
  font-size: 54px;
  color: #ff6161;
}
#webexlp .selected-company .ttl .slash {
  font-size: 46px;
}
#webexlp .selected-company .image-wrap {
  width: 960px;
  margin: 0px auto;
}
#webexlp .selected-company .image-wrap .company {
  width: 310px;
  float: left;
  padding: 0px 5px;
  margin: 0px 0px 20px 0px;
}
#webexlp .selected-company .image-wrap .company img {
  width: 100%;
  max-width: 320px;
}
#webexlp .selected-company .image-wrap .company .name {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: -5px;
}
#webexlp .selected-company .red-button {
  font-size: 31px;
  margin-top: 30px;
  padding-bottom: 120px;
  display: block;
}
#webexlp .selected-company .red-button a {
  padding: 22px 24px;
}
#webexlp .selected-company .red-button a:hover {
  padding: 24px 24px 20px;
}
#webexlp .selected-company .red-button a:before {
  content:url('/img/common/icon/icon_btn_page_02.png');
}
/* PC */
@media screen and (min-width: 941px) {
  #webexlp .h1-wrap {
    position: relative;
  }
  #webexlp .main-visual .main-banner-sp {
    display: none;
  }
  #webexlp .h1-wrap .txt {
    position: absolute;
    top: 485px;
    width: 565px;
  }
}
/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
/* ここにTABLETの記述 */
  #webexlp .main-visual {
    background: transparent url("/img/contents/pre_sale/201607_lp/main_bnr.png") no-repeat scroll center center;
    height: 700px;
    width: 100%;
    height: 630px;
    position: relative;
    margin: 0px auto;
    background-size: cover;
  }
  #webexlp .h1-wrap {
    max-width: 500px;
  }
  #webexlp .main-visual .main-banner-sp {
    display: none;
  }
  #webexlp .h1-wrap .txt {
    position: absolute;
    top: 417px;
    width: 505px;
    font-size: 15px;
    line-height: 1.65;
  }
  #webexlp .h1-wrap .txt .main-catch {
    margin: 0px auto;
    text-align: center;
    padding-bottom: 10px;
  }
  
  /* 厳選企業イメージ */
  #webexlp .selected-company .ttl {
    padding-top: 50px;
  }
  #webexlp .selected-company .ttl .black {
    font-size: 27px;
  }
  #webexlp .selected-company .ttl .red {
    font-size: 37px;
  }
  #webexlp .selected-company .ttl .slash {
    font-size: 33px;
  }
  #webexlp .selected-company .image-wrap {
    width: 100%;
    margin: 0px auto;
  }
  #webexlp .selected-company .image-wrap .company {
    width: 32%;
    float: left;
    padding: 0px 0.5%;
    margin: 0px 0px 2% 0px;
  }
  #webexlp .selected-company .image-wrap .company img {
    width: 100%;
    max-width: 280px;
  }
  #webexlp .selected-company .image-wrap .company .name {
    font-size: 15px;
  }
  #webexlp .selected-company .red-button {
    padding-bottom: 80px;
    display: block;
  }
}
/* SP */
@media screen and (max-width: 670px) {
/* ここにスマホの記述 */
  #webexlp {
    margin-bottom: -85px;
  }
  #webexlp .pankuzu {
    font-size: 12px;
  } 
  #webexlp .txt-block {
    display: block;
  }
  #webexlp .main-visual {
    line-height: 0; 
    margin: 0 auto; 
    position: relative; 
    width: 100%;
    height: auto;
    background: none;
  }
  #webexlp .h1-wrap {
    margin: 0 auto;
    max-width: 957px;
    width: 100%;
    position: relative;
  }
  #webexlp .h1-wrap .txt {
    padding: 5% 6%;
    font-size: 15px;
    line-height: 1.65;
  }
  #webexlp .h1-wrap .txt img {
    width: 100%;
    max-width: 493px;
    height: auto;
  }
  #webexlp .h1-wrap .txt .main-catch {
    margin: 20px auto;
    text-align: center;
    padding-bottom: 0px;
  }
  /* 厳選企業イメージ */
  #webexlp .selected-company .ttl {
    padding-top: 30px;
    margin: 0 auto 15px;
  }
  #webexlp .selected-company .ttl .black {
    font-size: 18px;
  }
  #webexlp .selected-company .ttl .red {
    font-size: 28px;
  }
  #webexlp .selected-company .ttl .slash {
    font-size: 25px;
  }
  #webexlp .selected-company .image-wrap {
    width: 96%;
    margin: 0px auto;
    padding: 0 5%;
  }
  #webexlp .selected-company .image-wrap .company {
    width: 46%;
    float: left;
    padding: 0px 0.5%;
    margin: 0px 0px 2% 0px;
  }
  #webexlp .selected-company .image-wrap .company img {
    width: 100%;
    max-width: 280px;
  }
  #webexlp .selected-company .image-wrap .company .name {
    font-size: 13px;
    line-height: 1.3;
  }
  #webexlp .selected-company .image-wrap .co-pc {
    display: none;
  }
  #webexlp .selected-company .red-button {
    display: block;
    font-size: 23px;
    margin-top: 0;
    min-width: 180px;
    padding: 20px 0 80px;
  }
  #webexlp .selected-company .red-button a {
    padding: 16px 18px;
  }
  #webexlp .selected-company .red-button a:hover {
    padding: 18px 18px 14px;
  }
}

/* 20160909リリース モニター会員募集LP（理美容）
-------------------------------------------- */
/* 冒頭（木目部分） */
#monitor-lp .beauty-top {
  background: url("/img/contents/lp/monitor/main_bk.png") no-repeat;
  background-color: #f2e7d9;
  background-size: cover;
  background-position: top;
  border-bottom: solid 1px #c5d9e;
}
#monitor-lp .beauty-top .top-tx {
  padding: 55px 20px 55px 20px;
  max-width: 930px;
  margin: 0 auto;
}
#monitor-lp .beauty-top-img {
  background: url("/img/contents/lp/monitor/beauty/goods.png") repeat;
  background-position: center;
  background-size: 1216px;
  height: 165px;
}
#monitor-lp .beauty-top .top-tx .border {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 410px;
  margin: 0 auto;
}
#monitor-lp .beauty-title-message {
  width: 410px;
  color: #333333;
  padding: 5px 0px;
    display: inline-block;
  border-top: #333333 1px dashed;
  border-bottom: #333333 1px dashed;
}
#monitor-lp .beauty-title-message .first {
  font-size: 19px;
}
#monitor-lp .top-tx .main-ttl-wrap {
  margin-top: 20px;
}
#monitor-lp .beauty-top-right {
  width: 570px;
  float: left;
  text-align: left;
  margin-top: 5px;
}
#monitor-lp .beauty-top-left {
  width: 260px;
  float: left;
  text-align: right;
  padding: 0 10px 0 0px;
}
#monitor-lp .beauty-top-left img {
  width: 160px;
}
#monitor-lp .beauty-title-sub {
  font-size: 37px;
  line-height: 1.4em;
  color: #333333;
  margin-bottom: 10px;
}
#monitor-lp .beauty-title-big {
  font-size: 55px;
  color: #dc4d4d;
  font-weight: bold;
}
#monitor-lp .beauty-title-sml {
  font-size: 38px;
  color: #dc4d4d;
  font-weight: bold;
}
#monitor-lp .beauty-title-xsml {
  font-size: 30px;
  color: #333333;
}
#monitor-lp .beauty-btn-tx {
  font-size: 17px;
  margin-bottom: 10px;
}
#monitor-lp .beauty-title-tx-b {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
#monitor-lp .top-tx .items-wrap {
  margin: 0px auto 35px;
  text-align: center;
  width: 700px;
  font-size: 16px;
}
#monitor-lp .top-tx .items-wrap .items-block {
  display: inline;
}
#monitor-lp .top-tx .items-wrap .second {
  font-weight: bold;
  font-size: 16px;
}
#monitor-lp .top-tx .items-wrap .byindustry-genre {
  border-right: 1px solid #666666;
  margin: 0 6px 0 0;
  padding: 0 12px 0 0;
  position: relative;
  text-indent: 0;
}
#monitor-lp .top-tx .items-wrap .byindustry-genre-02 {
    border-right: 1px solid #666666;
    margin: 0 6px 0 0;
    padding: 0 12px 0 0;
    position: relative;
    text-indent: 0;
}

/* 商品点数が豊富なので、お客様のこんな悩みを解決できます */
#monitor-lp .beauty-mid {
  background: #ffffff;
}
#monitor-lp .beauty-mid .top-tx {
  padding: 30px 20px 30px 20px;
  max-width: 930px;
  margin: 0 auto;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap {
  padding: 40px 0;
  margin: 0 auto;
  text-align: center;
  display: table;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .beauty-content2-title {
  font-size: 28px;
  color: #333333;
  border: none;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .underborder {
  display: none;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .cont-wrap {
  width: 820px;
  margin: 20px auto;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .photo {
  width: 284px;
  float: left;
  text-align: left;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .photo img {
  width: 284px;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .txt-wrap {
  width: 525px;
  float: right;
  text-align: left;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .blue-ttl {
  font-size: 22px;
  color: #2d659f;
  margin-bottom: 5px;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .resolution-wrap {
  display: table;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .resolution {
  background: #2d70b5;
  padding: 3px 5px;
  width: 136px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .line {
  margin: -3px 0px;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .items {
  background: #e0eaf1;
  padding: 10px;
  width: 435px;
  display: table-cell;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .caution {
  margin: 5px;
  font-size: 12px;
  text-align: right;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .sml {
  font-size: 14px;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .big {
  font-size: 18px;
  font-weight: bold;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .other {
  width: 820px;
  margin: 0 auto;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .yellow-box {
  border: 1px solid #333333;
  background: #fff100;
  padding: 2px 5px;
  margin-right: 10px;
  float: left;
  font-weight: bold;
  font-size: 14px;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .txt {
  font-size: 18px;
  float: left;
}

/* PC */
@media screen and (min-width: 941px) {
  /* TOP */
  #monitor-lp .title-tx br { display: none; }
  #monitor-lp .br-pc { display: block; }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  /* TOP */
  #monitor-lp .title-tx br { display: none; }
  #monitor-lp .br-pc { display: block; }
  #monitor-lp .beauty-mid .top-tx {
    padding: 65px 0 50px 0;
    max-width: 740px;
    margin: 0 auto;
  }

  /* 冒頭（木目） */
  #monitor-lp .top-tx .main-ttl-wrap {
    margin: 20px auto 0px;
    width: 600px;
  }
  #monitor-lp .beauty-top-right {
    float: left;
    text-align: left;
    width: 440px;
  }
  #monitor-lp .beauty-top-left {
    float: left;
    text-align: right;
    padding: 0 15px 0 15px;
    width: 120px;
  }
  #monitor-lp .beauty-top-left img{
    width: 125px;
  }
  #monitor-lp .beauty-title-big {
    font-size: 45px;
  }  
  #monitor-lp .beauty-title-sub {
    font-size: 29px;
    margin-bottom: 10px;
  }
  #monitor-lp .beauty-title-sml {
    font-size: 27px;
  }
  #monitor-lp .beauty-title-xsml {
    font-size: 25px;
  }
  #monitor-lp .top-tx .items-wrap {
    font-size: 14px;
    width: 600px;
  }
  #monitor-lp .top-tx .items-wrap .second {
    font-size: 14px;
  }
  
  /* 商品点数が豊富なので、お客様のこんな悩みを解決できます */
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .beauty-content2-title {
    font-size: 21px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .underborder {
    display: none;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .cont-wrap {
    width: 540px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .resolution-wrap {
    margin: 0 auto;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .txt-wrap {
    margin: 0px auto 15px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .resolution {
    margin: 0px auto -8px;
    width: 180px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .items {
    width: 72%;
    margin: 0 auto;
    text-align: left;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .caution {
    width: 97%;
    margin: 5px auto 0px;
  }
}

/* TABLET SP */
@media screen and (max-width: 940px) {
  #monitor-lp .top-tx .block { display: inline; }
  #monitor-lp .top-tx .br { display: block; }
  #monitor-lp .br-sp-tab { display: block; }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .beauty-content2-title .hidden { display: none; }
  #monitor-lp .content2-wrap { display: block; }
  #monitor-lp .content2-01-ul {
    margin: 0 auto;
    padding-left: 5px;
    display: inline-block;
  }
  #monitor-lp .content2-02 {
    display: inline-block;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    margin-top: -40px;
  }
  
  /* 商品点数が豊富なので、お客様のこんな悩みを解決できます */
  #monitor-lp .beauty-mid .top-tx {
    padding: 30px 20px 30px 20px;
    max-width: 930px;
    margin: 0 auto;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .center {
    margin: 0px auto;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .beauty-content2-title {
    font-size: 28px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .underborder {
    display: block;
    border-bottom: 2px solid #333333;
    width: 40px;
    margin: 10px auto;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .photo {
    display: none;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .blue-ttl {
    font-size: 20px;
    text-align: center;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .items .caution {
    margin: 10px 0px 0px 0px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .other {
    width: 100%;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .yellow-box {
    float: none;
    margin: 0 auto 5px;
    width: 60px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .txt {
    font-size: 18px;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp .br-sp { display: block; }
  #monitor-lp .br-pc { display: inline; }
  #monitor-lp .title-main {
    font-size: 30px;
    font-weight: bold;
  }
  #monitor-lp .title-sub {
    font-size: 18px;
    line-height: 1.8em;
    font-weight: bold;
  }
  #monitor-lp .title-tx {
    font-size: 15px;
    line-height: 1.7em;
  }
  #monitor-lp .title-tx-b { font-size: 19px; }  
  #monitor-lp .free-img { display: none; }
  #monitor-lp .btn-tx {
    font-size: 17px;
    margin-bottom: -3px;
    background-color: #FFFD00;
    display: table;
    margin: 0 auto;
  }
  #monitor-lp .btn-tx-b { font-weight: bold; }
  #monitor-lp .btn-tx-sla { display: none; }

	/* 冒頭（木目） */
	#monitor-lp .beauty-top .top-tx {
		margin: 0 auto;
		max-width: 930px;
		padding: 45px 10px;
	}
	#monitor-lp .beauty-mid .top-tx {
		padding: 30px 10px 30px 10px;
		max-width: 930px;
		margin: 0 auto;
	}
	#monitor-lp .beauty-top-right {
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 17px;
	}
	#monitor-lp .beauty-top-left {
		float: left;
		text-align: right;
		padding: 0 15px 0 15px;
		display: none;
	}
	#monitor-lp .beauty-top-left img{
		width: 150px;
	}
	#monitor-lp .beauty-title-main {
		font-size: 30px;
		color: #dc4d4d;
		font-weight: bold;
	}
	#monitor-lp .beauty-title-sub {
		font-size: 21px;
		line-height: 1.5em;
		color: #333333;
		margin-bottom: 10px;
	}
	#monitor-lp .beauty-title-big {
		font-size: 34px;
	}
	#monitor-lp .beauty-title-sml {
		font-size: 21px;
	}
	#monitor-lp .beauty-title-xsml {
		font-size: 21px;
	}
	#monitor-lp .beauty-top .top-tx .border {
		width: 290px;
	}
	#monitor-lp .beauty-title-message {
		border-bottom: 1px dashed #333333;
		border-top: 1px dashed #333333;
		color: #333333;
		display: inline-block;
		padding: 5px 0;
		width: 290px;
	}
	#monitor-lp .beauty-title-message .first {
		font-size: 13px;
	}
	#monitor-lp .beauty-title-message .second {
		font-size: 19px;
	}
	#monitor-lp .beauty-btn-tx {
		font-size: 15px;
		margin-bottom: 10px;
	}
	#monitor-lp .beauty-title-tx-b {
		font-size: 16px;
		color: #333333;
		font-weight: bold;
		background-color: #FFEE00;
		margin: 0 auto;
		padding: 5px 0;
		width: 18em;
		display: block;
	}
	#monitor-lp .top-tx .items-wrap {
		width: 100%;
	}
	#monitor-lp .top-tx .items-wrap .items-block {
		display: block;
	}
	#monitor-lp .top-tx .items-wrap .second {
		font-size: 16px;
	}
	#monitor-lp .top-tx .items-wrap .byindustry-genre-02 {
		border-right: none;
	}

  /* （業種ごと）専門業者にはない品揃え・こんな方におススメ */
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .beauty-content2-title {
    font-size: 20px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .underborder {
    display: block;
    border-bottom: 2px solid #333333;
    width: 40px;
    margin: 10px auto;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .cont-wrap {
    width: 100%;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .txt-wrap {
    width: 100%;
    margin-bottom: 15px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .resolution-wrap {
    display: block;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .resolution {
    width: 90%;
    display: block;
    padding: 10px;
    margin: 0 auto;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .items {
    width: 90%;
    display: block;
    text-align: left;
    padding: 15px 10px 20px 10px;
    margin: 0 auto;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .caution {
    width: 95%;
    margin: 5px auto 0px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .sml {
    font-size: 11px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .big {
    font-size: 14px;
  }
  #monitor-lp .beauty-mid .beauty-content2-title {
    font-size: 20px;
    color: #de701b;
    border: none;
  }
  #monitor-lp .top-tx .items-wrap {
    font-size: 13px;
    line-height: 1.2;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .big {
    font-size: 16px;
  }
}

/* 20170110リリース モニター会員募集LP（民泊）
-------------------------------------------- */
#monitor-lp .minpaku-title-message {
  width: 605px;
  color: #333333;
  padding-top : 1px;
    display: inline-block;
  background-color: #fff100;

  font-size: 20px;
}
#monitor-lp .minpaku-title-message .title-top {
  width: 605px;
  background-color: #fff100;
  border-bottom: #333333 1px dashed;
  display: block;
  height: 7px;
  margin-bottom: 3px;
}
#monitor-lp .minpaku-title-message .title-bottom {
  width: 605px;
  background-color: #fff100;
  border-top: #333333 1px dashed;
  display: block;
  height: 7px;
  margin-top: 3px;
}
#monitor-lp .minpaku-title-sub {
  font-size: 37px;
  line-height: 1.4em;
  color: #333333;
  margin-bottom: 10px;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-title {
  margin: 10px 0 50px 0;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-top {
  font-size: 23px;
  border-top: #333333 1px dashed;
  border-bottom: #333333 1px dashed;
  padding: 10px 0;
  color: #333;
  width: 95%;
  margin: 0 auto;
}
#monitor-lp ul.minpaku-product-wrap {
  padding-left: 5%;
}
#monitor-lp ul li.minpaku-product {
  float: left;
    background: none;
    padding: 0;
    margin: 0 0 20px 0;
    width: 33%;
    line-height: 0;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product img {
  border: 1px solid #333;
  width: 86%;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product .minpaku-text {
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  width: 86%;
  line-height: 1.4;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product .minpaku-text .minpaku-text-item {
  background-color: #333;
  color: #fff;
  display: inline-block;
  padding: 3px 12px;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-bottom {
  font-size: 23px;
  border-top: #333333 1px dashed;
  border-bottom: #333333 1px dashed;
  padding: 18px 0;
  color: #333;
  width: 95%;
  margin: 30px auto 0 auto;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-room-wrap {
  line-height: 0;
  width: 100%;
  margin: 0 auto 0 3%;
}
#monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-room-wrap img {
  width: 31.4%;
  margin: 0 1px 1px 0;
  float: left;
}
/* HSロゴ */
#monitor-lp div.hs-logo {
  background-color:#dddddd;
  text-align: center;
  padding: 13px 0 10px;
  font-size: 12px;
  color: #555555;
  width: 100%;
}
#monitor-lp div.hs-logo img {
   width: 240px;
}
#monitor-lp div.hs-logo p {
    padding-top: 3px;
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp .minpaku-title-message {
    font-size: 17px;
    width: 400px;
  }
  #monitor-lp .minpaku-title-message .title-top,
  #monitor-lp .minpaku-title-message .title-bottom {
    width: 400px;
  }
  #monitor-lp .minpaku-title-sub {
    font-size: 29px;
    margin-bottom: 10px;
    width: 605px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-title {
    margin: 0 auto 35px auto;
    width: 90%;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-top,
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-bottom {
    font-size: 21px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-top {
    padding: 10px 0 0;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product .minpaku-text {
    line-height: 1.7;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product .minpaku-text .minpaku-text-item {
    font-size: 15px;
    padding: 2px 8px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-bottom {
    margin: 20px auto 0;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp .minpaku-title-message {
    font-size: 12px;
    width: 280px;
  }
  #monitor-lp .minpaku-title-message .title-top,
  #monitor-lp .minpaku-title-message .title-bottom {
    width: 280px;
  }
  #monitor-lp .minpaku-title-sub {
    font-size: 21px;
    line-height: 1.5em;
    color: #333333;
    margin-bottom: 10px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-title {
    width: 90%;
    margin: 0 auto 35px auto;
  }
  #monitor-lp .minpaku-title-sub br {
    display: none;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-top,
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-bottom {
    font-size: 20px;
  }
  #monitor-lp ul li.minpaku-product {
    float: none;
    margin: 0 auto 20px auto;
    max-width: 300px;
    width: 100%;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product img {
    width: 90%;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product .minpaku-text {
    line-height: 1.5;
    width: 90%;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-product .minpaku-text .beauty-title-sml {
    font-size: 28px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-content2-title-bottom {
    margin: 20px auto 0;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-room-wrap {
    margin: 0 auto 1px 5%;
    max-width: 350px;
  }
  #monitor-lp .beauty-mid .top-tx .beauty-content2-wrap .minpaku-room-wrap img {
    width: 90%;
  }
}

/* 20170223リリース モニター会員募集LP（ホームステージング事業者向け）
-------------------------------------------- */
#monitor-lp .content3-wrap .benefit {
  width: 100%;
  max-width: 680px;
  background: url("/img/contents/lp/monitor/minpaku/bg_gold.png") repeat scroll 0 0;
  background-size: 16px;
  background-color: #ffffff;
  margin: 50px auto -70px;
  padding: 1em;
}
#monitor-lp .content3-wrap .benefit .inner {
  background: #ffffff;
  padding: 4%;
}
#monitor-lp .content3-wrap .benefit .inner .ttl-wrap {
  width: 64%;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp .content3-wrap .benefit .inner .ttl-wrap .light {
  width: 48px;
  float: left;
  padding-right: 10px;
}
#monitor-lp .content3-wrap .benefit .inner .ttl-wrap .light img {
  width: 100%;
  max-width: 48px;
  height: auto;
}
#monitor-lp .content3-wrap .benefit .inner .ttl-wrap .ttl {
  width: 340px;
  float: right;
  margin: 10px 0px 25px;
  text-align: left;
}
#monitor-lp .content3-wrap .benefit .inner .ttl-wrap .ttl .sub {
  font-size: 16px;
}
#monitor-lp .content3-wrap .benefit .inner .ttl-wrap .ttl .main {
  font-size: 30px;
  font-weight: bold;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap {
  width: 95%;
  margin: 0 auto;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .left {
  width: 45%;
  float: left;
  text-align: left;
  margin-top: 20px;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .blk-sml {
  font-size: 16px;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .bold {
  font-size: 22px;
  font-weight: bold;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .yellow {
  background: #fef336;
  line-height: 1.7em;
  padding-top: 5px;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .red-big {
  font-size: 30px;
  color: #d64c4c;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .red-sml {
  font-size: 22px;
  color: #d64c4c;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .right {
  width: 52%;
  float: right;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .image {
  width: 100%;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .image img {
  width: 100%;
  max-width: 262px;
  height: auto;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .txt {
  width: 100%;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .txt .lefty {
  width: 50%;
  float: left;
  text-align: center;
  padding-right: 5%;
}
#monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .txt .righty {
  width: 45%;
  float: right;
  text-align: center;
  font-weight: bold;
}
#monitor-lp .sp-block {
  display: inline;
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp .sp-block {
    display: inline;
  }
  #monitor-lp .content3-wrap .benefit {
    width: 100%;
    max-width: 610px;
  }
  #monitor-lp .content3-wrap .benefit .inner .ttl-wrap {
    width: 74%;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .left {
    width: 49%;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .right {
    width: 51%;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp .sp-block {
    display: block;
  }
  #monitor-lp .content3-wrap .benefit {
    width: 90%;
    max-width: 90%;
  }
  #monitor-lp .content3-wrap .benefit .inner {
    padding: 5% 0%;
  }
  #monitor-lp .content3-wrap .benefit .inner .ttl-wrap {
    width: 90%;
  }
  #monitor-lp .content3-wrap .benefit .inner .ttl-wrap .light {
    float: none;
    padding-right: 0px;
    width: 38px;
    margin: 0 auto;
  }
  #monitor-lp .content3-wrap .benefit .inner .ttl-wrap .light img {
    float: none;
    padding-right: 0px;
    width: 38px;
    margin: 0 auto;
  }
  #monitor-lp .content3-wrap .benefit .inner .ttl-wrap .ttl {
    float: none;
    text-align: center;
    margin: 0px;
    width: 100%;
  }
  #monitor-lp .content3-wrap .benefit .inner .ttl-wrap .ttl .sub {
    font-size: 13px;
    margin-top: 5px;
  }
  #monitor-lp .content3-wrap .benefit .inner .ttl-wrap .ttl .main {
    margin-top: 5px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap {
    width: 90%;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .left {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .blk-sml {
    font-size: 14px;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .bold {
    font-size: 20px;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .left .red-big {
    font-size: 25px;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .right {
    float: none;
    width: 100%;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .image img {
    max-width: 230px;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .txt {
    margin: 5px auto;
    text-align: center;
    width: 100%;
    max-width: 320px;
    line-height: 1.2;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .txt .lefty {
    font-size: 13px;
  }
  #monitor-lp .content3-wrap .benefit .inner .explain-wrap .right .txt .righty {
    font-size: 13px;
  }
}

/* 20170704リリース モニター会員募集LP特典部分変更（ホームステージング事業者向け）
-------------------------------------------- */
#monitor-lp .content3-wrap .benefit02 {
  width: 100%;
  max-width: 685px;
  background: url("/img/contents/lp/monitor/minpaku/bg_gold.png") repeat scroll 0 0;
  background-size: 16px;
  background-color: #ffffff;
  margin: 50px auto -70px;
  padding: 1em;
}
#monitor-lp .content3-wrap .benefit02 .inner {
  background: #ffffff;
  padding: 5% 5% 6%;
}
#monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .light {
  width: 12%;
  display: inline-block;
}
#monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .light img {
  width: 100%;
  max-width: 48px;
  height: auto;
}
#monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl {
  width: 70%;
  display: inline-block;
  margin: 0 0 10px;
  text-align: left;
}
#monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl .sub {
  font-size: 18px;
}
#monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl .main {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.01em;
}
#monitor-lp .content3-wrap .benefit02 .inner .explain-wrap {
  width: 87%;
  margin: 0 auto;
  position: relative;
  display: table;
}
#monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .ttl {
  background-color: #fdf460;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  height: 6.2em;
  box-sizing: border-box;
  overflow: hidden;
}
#monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .blk-sml {
  font-size: 22px;
}
#monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .bold {
  font-size: 28px;
  font-weight: bold;
  line-height: 0.8;
}
#monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .red {
  color: #d64c4c;
}
#monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .red-big {
  font-size: 42px;
}
#monitor-lp .content3-wrap .benefit02 .inner .tri {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  position: relative;
  overflow: hidden;  
}
#monitor-lp .content3-wrap .benefit02 .inner .tri:before{
  content: '';
  display: block;
  border-color: #fdf460 #ffffff;
  width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
  top: 0;
  z-index: 10001;
}
#monitor-lp .content3-wrap .benefit02 .inner .tri01:before {
    border-width: 3.2em 0 3.2em 20px;
  left: 0;
}
#monitor-lp .content3-wrap .benefit02 .inner .tri02:before {
    border-width:3.2em 20px 3.2em 0;
  right: 0;
}
#monitor-lp .sp-iblock {
  display: inline;
}
#monitor-lp .sp-block {
  display: inline;
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp .content3-wrap .benefit02 {
    width: 100%;
    max-width: 600px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap {
    width: 100%;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap {
    width: 96%;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .blk-sml {
    font-size: 21px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .bold {
    font-size: 27px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .red-big {
    font-size: 41px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl .sub {
    font-size: 16px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl {
      width: 63%;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp .sp-iblock {
    display: inline-block;
  }
  #monitor-lp .content3-wrap .benefit02 {
    width: 94%;
    max-width: 400px;
    padding: 10px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner {
    padding: 20px 5px 25px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap {
    width: 90%;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .light {
    float: none;
    padding-right: 0px;
    width: 35px;
    margin: 0 auto;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .light img {
    float: none;
    padding-right: 0px;
    width: 35px;
    margin: 0 auto;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl {
    float: none;
    text-align: center;
    margin: 0px;
    width: 100%;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl .sub {
    font-size: 14px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .ttl-wrap .ttl .main {
    margin: 2px auto 0;
    font-size: 22px;
    line-height: 1.2;
    width: 93%;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap {
    width: 96%;
    max-width: 300px;
    margin-top: 5px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .ttl {
    padding: 0;
    height: 6.6em;
    box-sizing: border-box;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .blk-sml {
    font-size: 13px;
    margin-left: 6px;
    letter-spacing: -0.02em;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .bold {
    font-size: 20px;
    line-height: 1.1;
    margin-top: 0;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .explain-wrap .red-big {
    font-size: 31px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .tri01:before {
    border-width: 3.4em 0 3.4em 20px;
  }
  #monitor-lp .content3-wrap .benefit02 .inner .tri02:before {
    border-width: 3.4em 20px 3.4em 0;
  }
  #monitor-lp .sp-block {
    display: block;
  }
}
/* 201702リリース モニターLP改修（飲食）
-------------------------------------------- */
/* 冒頭（メインビジュアル部分） */
#monitor-lp-ver2 a {
  transition: background-color 0.1s ease-in,color 0.1s ease-in;
}
#monitor-lp-ver2 .blue-logo-wrap {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 15px 0;
}
#monitor-lp-ver2 .blue-logo-wrap .logo {
  float: left;
}
#monitor-lp-ver2 .blue-logo-wrap .logo img {
  border-right: 1px solid #333;
  padding-right: 10px;
  vertical-align: middle;
  width: 111px;
}
/* 業種別特集へのリンク（冒頭部分） */
#monitor-lp-ver2 .event-wrap-top {
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 6px 0 #c5c5c5;
  margin: 0px auto;
  padding: 5px 20px 5px;
  max-width: 950px;
  text-align: center;
  z-index: 2;
  position: relative;
  top: -145px;
  width: 100%;
}
#monitor-lp-ver2 .event-wrap-top .form-tx {
  font-size: 25px;
  margin-bottom: 10px;
}
#monitor-lp-ver2 .event-wrap-top .all-wrap {
  margin: 0px auto 40px;
  text-align: center;
}
#monitor-lp-ver2 .event-wrap-top .all-wrap .banner-wrap {
  display: inline-block;
  margin-right: 1px;
  width: 32.8%;
}
#monitor-lp-ver2 .event-wrap-top .all-wrap .banner-wrap .image img  {
  max-width: 316px;
  width: 100%;
  height: auto;
}
#monitor-lp-ver2 .event-wrap-top .all-wrap .banner-wrap .image img:hover  {
  opacity: 0.7;
  transition: 0.1s ease-in,color 0.1s ease-in;
}
#monitor-lp-ver2 .event-wrap-top .banner-wrap .button {
  background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 20px center no-repeat;
  background-size: 6px 8px;
  border: 1px solid #eb4f50;
  color: #ffffff;
  display: block;
  margin: -38px auto;
  padding: 15px 0;
  position: relative;
  max-width: 240px;
  text-align: center;
}
#monitor-lp-ver2 .event-wrap-top .banner-wrap .button:hover {
  background: #ffffff url("/img/contents/lp/monitor/restaurant/arrow_whitebutton.png") right 20px center no-repeat;
  background-size: 6px 8px;
  border: 1px solid #eb4f50;
  color: #eb4f50;
  text-decoration: none;
}
/* フォーム部分ここから */
#monitor-lp-ver2 .form-wrap-top {
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 6px 0 #c5c5c5;
  margin: 0px auto;
  padding: 5px 20px 5px;
  width: 746px;
  text-align: center;
  z-index: 2;
  position: relative;
  top: -70px;
}
#monitor-lp-ver2 .form-wrap-top .form-tx {
  font-size: 25px;
  margin-bottom: 10px;
}
#monitor-lp-ver2 .entry-form-action {
  max-width: 645px;
  margin: 0 auto;
}
#monitor-lp-ver2 .entry-form-box {
  width: 365px;
  float: left;
}
#monitor-lp-ver2 .form {
  background-color: #ffffff;
  background-image: none;
  border-radius: 3px;
  color: #666666;
  font-size: 19px;
  width: 345px;
  height: 40px;
  padding-left: 15px;
}
#monitor-lp-ver2 .mail-button {
  width: 272px;
  float: right;
  position: relative;
}
#monitor-lp-ver2 .flat-red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 45px center no-repeat;
  background-size: 8px 12px;
  border-radius: 25px;
  color: #ffffff;
  font-size: 19px;
  font-weight: bold;
  padding: 10px;
  width: 272px;
  height: 48px;
  float: right;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  cursor: pointer;
}
#monitor-lp-ver2 .flat-red-button:hover {
  opacity: 0.8;
}
#monitor-lp-ver2 .form-wrap-top .notice {
  margin: 0 auto;
  font-size: 13px;
  max-width: 500px;
}
#monitor-lp-ver2 .form-wrap-top .notice ul {
  text-align: left;
  margin-left: -10px;
}
#monitor-lp-ver2 .form-wrap-top .notice li {
  list-style-type: disc;
}
#monitor-lp-ver2 .form-wrap-other {
  background-color: #333333;
  box-sizing: border-box;
  padding: 5px 20px 5px;
  text-align: center;
  z-index: 2;
  position: relative;
}
#monitor-lp-ver2 .form-wrap-other .form-tx {
  font-size: 25px;
  margin-bottom: 10px;
  color: #ffffff;
}
#monitor-lp-ver2 .form-wrap-other .notice {
  margin: 15px auto 20px;
  font-size: 13px;
  max-width: 500px;
  color: #ffffff;
}
/* SDとは部分 */
#monitor-lp-ver2 .about,
#monitor-lp-ver2 .about-restaurant {
  background: #eeeeee;
  padding: 210px 0px 80px;
  height: 400px;
}
#monitor-lp-ver2 .about {
  margin: -210px 0px 0px 0px;
}
#monitor-lp-ver2 .about-restaurant {
  margin: -331px 0px 0px 0px;
}
#monitor-lp-ver2 .about .inside-wrap,
#monitor-lp-ver2 .about-restaurant .inside-wrap {
  width: 95%;
  max-width: 950px;
  margin: 0px auto 0;
}
#monitor-lp-ver2 .about .inside-wrap .left,
#monitor-lp-ver2 .about-restaurant .inside-wrap .left {
  width: 54%;
  float: left;
}
#monitor-lp-ver2 .about .inside-wrap .left .ttl,
#monitor-lp-ver2 .about-restaurant .inside-wrap .left .ttl {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.6;
}
#monitor-lp-ver2 .about .inside-wrap .left .txt,
#monitor-lp-ver2 .about-restaurant .inside-wrap .left .txt {
  width: 92%;
  font-size: 17px;
  line-height: 1.8;
  margin-top: -5px;
}
#monitor-lp-ver2 .about .inside-wrap .right,
#monitor-lp-ver2 .about-restaurant .inside-wrap .right {
  width: 46%;
  float: right;
  margin-top: 30px;
}
#monitor-lp-ver2 .about .inside-wrap .right img,
#monitor-lp-ver2 .about-restaurant .inside-wrap .right img {
  width: 100%;
  height: auto;
}
/* スーパーデリバリーが安い理由 */
#monitor-lp-ver2 .lowprice-bck,
#monitor-lp-ver2 .lowprice-bck-restaurant {
  background: url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") center top no-repeat;
  height: 281px;
  margin-top: -340px;
  text-align: center;
  background-color: #ffe475;
}
#monitor-lp-ver2 .eng-ttl {
  padding-top: 215px;
  font-size: 21px;
  color: #eb4f50;
}
#monitor-lp-ver2 .big-ttl {
  font-size: 40px;
  font-weight: bold;
  border-bottom: none;
  color: #333333;
  line-height: 1.3;
}
#monitor-lp-ver2 .lowprice-wrap {
  background: #ffe475;
  padding-bottom: 60px;
  text-align: center;
  padding-top: 14px;
}
#monitor-lp-ver2 .underline {
  width: 70px;
  border: 2px solid #333333;
  margin: 15px auto 20px;
}
#monitor-lp-ver2 .explain {
  width: 90%;
  font-size: 17px;
  line-height: 1.8;
  margin: 0 auto;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap {
  margin: 45px auto 0px;
  text-align: center;
  max-width: 950px;
  width: 95%;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .left {
  width: 49%;
  float: left;
  padding-right: 5px;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .right {
  width: 49%;
  float: right;
  padding-left: 5px;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .red-ttl {
  background: #eb4f50;
  padding: 5px 10px;
  font-weight: bold;
  color: #ffffff;
  margin: -20px auto;
  position: relative;
  display: table;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .black-ttl {
  background: #333333;
  padding: 5px 10px;
  font-weight: bold;
  color: #ffffff;
  margin: -20px auto;
  position: relative;
  display: table;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap img {
  max-width: 466px;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box {
  background: #ffffff;
  padding: 30px;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box {
  background: #ffffff;
  padding: 20px 10px 30px 10px;
  margin: 0 auto;
  max-width: 446px;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .main-txt {
  margin: 0px;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .main-txt .black {
  font-size: 20px;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .main-txt .red {
  font-size: 33px;
  font-weight: bold;
  color: #eb4f50;
  text-decoration: underline;
}
#monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .caution {
  font-size: 15px;
}
/* 見出し部分 */
#monitor-lp-ver2 .titles {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 .titles .eng-ttl {
  padding-top: 60px;
  margin-bottom: -5px;
  font-size: 21px;
  color: #eb4f50;
}
#monitor-lp-ver2 .titles .big-ttl {
  font-size: 40px;
  font-weight: bold;
  border-bottom: none;
  color: #333333;
  line-height: 1.3;
}
#monitor-lp-ver2 .titles .underline {
  width: 70px;
  border: 2px solid #333333;
  margin: 7px auto 20px;
}
/* 主な取扱商品 */
#monitor-lp-ver2 .main-items {
  background: url("/img/contents/lp/monitor/restaurant/mainitems_bck_grey_pc.png") repeat scroll center center;
  background-color: #eeeeee;
  background-size: cover;
  background-position: bottom;
  margin: 0 auto;
  text-align: center;
  height: 340px;
}
#monitor-lp-ver2 .genre {
  max-width: 800px;
  background: #ffffff;
  padding: 30px;
  margin: -65px auto 0px;
  text-align: center;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}
#monitor-lp-ver2 .yellow-bck {
  background: #ffeea6;
  padding-bottom: 60px;
}
#monitor-lp-ver2 .yellow-bck .photo {
  max-width: 1100px;
  margin: 0px auto;
  padding: 20px 20px 0px;
}
#monitor-lp-ver2 .yellow-bck .photo img {
  width: 100%;
  height: auto;
}
/* 業種別特集へのリンク枠 */
#monitor-lp-ver2 .event-wrap-other {
  background: url("/img/contents/lp/monitor/restaurant/event_bck_01.jpg") center center no-repeat;
  background-color: #000000;
  height: 208px;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
}
#monitor-lp-ver2 .event-wrap-other .ttl {
  font-size: 26px;
  margin-bottom: 20px;
  color: #ffffff;
}
#monitor-lp-ver2 .event-wrap-other .sml-banner-wrap {
  margin: 0 auto;
  max-width: 1010px;
}
#monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner {
  border: 1px solid #eb4f50;
  display: inline-block;
  margin: 0 5px;
  max-width: 320px;
}
#monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .button {
  display: table;
}
#monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .button:hover {
  opacity: 0.9;
  text-decoration: none;
}
#monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .icon {
  background: #ffffff;
  display: table-cell;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
#monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .button img {
  width: 35px;
}
#monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .txt {
  background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 10px center no-repeat;
  background-size: 6px 8px;
  border: 1px solid #eb4f50;
  color: #ffffff;
  display: table-cell;
  padding: 15px 0;
  min-width: 220px;
  text-align: center;
  vertical-align: middle;
}
/* 商品の一部をご紹介！ */
#monitor-lp-ver2 .item-intro {
  background: url("/img/contents/lp/monitor/restaurant/mainitems_bck_grey_pc.png") repeat scroll center center;
  background-color: #eeeeee;
  background-size: 1470px auto;
  background-position: bottom;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 .wrap {
  margin: 37px auto 0px;
  text-align: center;
  max-width: 970px;
  padding-bottom: 60px;
}
#monitor-lp-ver2 .wrap .box {
  width: 23%;
  padding: 0px 1%;
  float: left;
}
#monitor-lp-ver2 .wrap .box-02 {
  width: 23%;
  padding: 0px 1%;
  float: left;
  margin-top: 60px;
}
#monitor-lp-ver2 .wrap .company-name {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
#monitor-lp-ver2 .wrap .company-name .border {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding: 3px;
}
#monitor-lp-ver2 .wrap .company-name .lifestyle {
  font-size: 12px;
  padding: 6px 0;
}
#monitor-lp-ver2 .wrap .item-name {
  font-size: 14px;
  margin: 5px 0px 10px;
  line-height: 1.5em;
  min-height: 42px;
}
#monitor-lp-ver2 .wrap img {
  width: 100%;
  height: auto;
}
/* お客様の声 */
#monitor-lp-ver2 .voices-up {
  background-color: #ffffff;
  margin: 0 auto;
  text-align: center;
  height: 380px;
}
#monitor-lp-ver2 .voices-up .tools-01 {
  background: url("/img/contents/lp/monitor/restaurant/voices_toolimage_01.png") right top no-repeat;
  background-size: contain;
  background-position: right;
  right: 0px;
  top: -26px;
  width: 100%;
  height: 487px;
  max-width: 1150px;
  position: relative;
  margin: 0 auto;
}
#monitor-lp-ver2 .voices-down .tools-02 {
  background: url("/img/contents/lp/monitor/restaurant/voices_toolimage_02.png") left bottom no-repeat;
  background-size: contain;
  background-position: left;
  right: 0px;
  bottom: 160px;
  width: 100%;
  height: 147px;
  max-width: 1150px;
  position: relative;
  margin: 0 auto -160px;
}
#monitor-lp-ver2 .voices-down {
  background: #ffeea6;
  padding-bottom: 60px;
}
#monitor-lp-ver2 .voices-down .box {
  max-width: 893px;
  margin: -60px auto 30px;
}
#monitor-lp-ver2 .voices-down .photo-01 {
  width: 310px;
  float: left;
  margin: -110px 0px 0px;
}
#monitor-lp-ver2 .voices-down .photo-01 img {
  width: 100%;
  height: auto;
}
#monitor-lp-ver2 .voices-down .photo-02 {
  width: 310px;
  float: left;
  margin: 40px 0px 0px;
}
#monitor-lp-ver2 .voices-down .photo-02 img {
  width: 100%;
  height: auto;
}
#monitor-lp-ver2 .voices-down .white-01 {
  width: 52%;
  float: left;
  padding: 4% 5%;
  background: #ffffff;
  margin: -110px 0px 0px;
}
#monitor-lp-ver2 .voices-down .white-02 {
  width: 52%;
  float: left;
  padding: 4% 5%;
  background: #ffffff;
  margin: 40px 0px 0px;
}
#monitor-lp-ver2 .voices-down .intro {
  font-size: 17px;
  line-height: 1.8;
}
#monitor-lp-ver2 .voices-down .ttl {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.5;
  border-left: 3px solid #333333;
  padding: 0 0 0 15px;
  margin: 19px 0px 10px;
}
#monitor-lp-ver2 .voices-down .txt {
  font-size: 17px;
  line-height: 1.8;
}
/* 開業準備中の方もご登録ください！ */
#monitor-lp-ver2 .dont-worry {
  background: #000000 url("/img/contents/lp/monitor/restaurant/openready_bck_pc.jpg") center center no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 550px;
}
#monitor-lp-ver2 .house {
  background: url("/img/contents/lp/monitor/restaurant/openready_house_pc.png") center bottom no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 470px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 40px;
}
#monitor-lp-ver2 .house .inner {
  width: 520px;
  margin: 0 auto;
}
#monitor-lp-ver2 .house .inner .eng-ttl {
  color: #eb4f50;
  font-size: 18px;
  padding-top: 95px;
}
#monitor-lp-ver2 .house .inner .big-ttl {
  border-bottom: medium none;
  color: #333333;
  font-size: 31px;
  font-weight: bold;
  line-height: 1.3;
}
#monitor-lp-ver2 .house .inner .txt {
  font-size: 15px;
  margin: 35px 0 20px;
  line-height: 1.5;
}
#monitor-lp-ver2 .house .inner .red-ribbon {
  margin: 0 auto;
}
#monitor-lp-ver2 .house .inner .red-ribbon img {
  width: 363px;
  height: auto;
}
#monitor-lp-ver2 .house .inner .box {
  background: #ffffff;
  border: 1px solid #cc373e;
  margin: -21px auto 0px;
  padding: 20px 20px 30px;
  max-width: 420px;
}
#monitor-lp-ver2 .house .inner .box ul {
  margin-left: -10px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 0px;
}
#monitor-lp-ver2 .house .inner .box li {
  list-style-type: disc;
}
#monitor-lp-ver2 .house .inner .box .notice {
  font-size: 13px;
  text-align: left;
  display: block;
  margin: 2px 0px 0px 10px;
}
#monitor-lp-ver2 + .push {
  height: 0;
  margin: 0;
}

@media screen and (max-width: 940px) {
  #monitor-lp-ver2 .blue-logo-wrap, #monitor-lp-ver2 .white-logo-wrap {
    width: 95%;
  }
  #monitor-lp-ver2 .voices-up .tools-01 {
    display: none;
  }
  #monitor-lp-ver2 .voices-down .tools-02 {
    display: none;
  }
}

/* PCのみ */
@media screen and (min-width: 941px) {
  #monitor-lp-ver2 .pc-block {
    display: block;
  }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-ver2 .pc-block {
    display: block;
  }
  #monitor-lp-ver2 .titles .big-ttl {
    font-size: 35px;
    margin-bottom: 3px;
  }
  #monitor-lp-ver2 .form-wrap-top {
    width: 93%;
  }
  #monitor-lp-ver2 .event-wrap-top {
    width: 93%;
  }
  #monitor-lp-ver2 .event-wrap-top .all-wrap .banner-wrap {
    width: 31.8%;
  }
  #monitor-lp-ver2 .event-wrap-top .banner-wrap .button {
    background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 10px center no-repeat;
    background-size: 6px 8px;
    padding: 10px 0;
    max-width: 230px;
    font-size: 13px;
  }
  #monitor-lp-ver2 .entry-form-box {
    width: 52%;
    text-align: left;
  }
  #monitor-lp-ver2 .form {
    width: 90%;
  }
  #monitor-lp-ver2 .mail-button {
    width: 48%;
  }
  #monitor-lp-ver2 .flat-red-button {
    width: 100%;
  }
  #monitor-lp-ver2 .eng-ttl {
    margin-bottom: -7px;
    line-height: 1.5em;
  }
  #monitor-lp-ver2 .titles .eng-ttl {
    margin-bottom: -7px;
    line-height: 1.5em;
  }
  #monitor-lp-ver2 .big-ttl {
    font-size: 35px;
    line-height: 1.6em;
  }
  #monitor-lp-ver2 .lowprice-wrap {
    padding-top: 15px;
  }
  #monitor-lp-ver2 .about {
    margin: -210px 0 0;
    padding: 160px 0px 80px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap {
    width: 90%;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .left {
    padding-right: 1%;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .red-ttl {
    font-size: 15px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .right .red-ttl {
    font-size: 15px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .main-txt .black {
    font-size: 17px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .main-txt .red {
    font-size: 25px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .caution {
    font-size: 13px;
  }
  #monitor-lp-ver2 .event-wrap-other {
    height: 368px;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap {
    width: 95%;
    margin: 0 auto;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner {
    display: block;
    margin: 10px auto;
    max-width: 420px;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .icon {
    background: #ffffff;
    display: table-cell;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .button img {
    width: 35px;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .txt {
    background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 20px center no-repeat;
    background-size: 6px 8px;
    min-width: 354px;
  }
  #monitor-lp-ver2 .wrap {
    width: 75%;
    margin-bottom: 0px;
    padding-bottom: 30px;
  }
  #monitor-lp-ver2 .wrap .box {
    width: 48%;
    margin-bottom: 30px;
  }
  #monitor-lp-ver2 .wrap .box-02 {
    width: 48%;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  #monitor-lp-ver2 .genre {
    width: 73%;
    padding: 3%;
    margin: -90px auto 0px;
  }
  #monitor-lp-ver2 .voices-down .box {
    width: 90%;
  }
  #monitor-lp-ver2 .voices-down .photo-01 {
    margin: -110px auto 0;
    top: -70px;
    width: 50%;
    position: relative;
    float: none;
  }
  #monitor-lp-ver2 .voices-down .white-01 {
    margin: -100px auto 0;
    width: 90%;
  }
  #monitor-lp-ver2 .voices-down .photo-02 {
    margin: -110px auto 0;
    top: 50px;
    width: 50%;
    position: relative;
    float: none;
  }
  #monitor-lp-ver2 .voices-down .white-02 {
    margin: 20px auto 0;
    width: 90%;
  }
  #monitor-lp-ver2 .voices-down .intro {
    margin-top: 25px;
  }
  #monitor-lp-ver2 .house .inner .big-ttl {
    margin-bottom: 3px;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver2 .pc-block {
    display: inline;
  }
  #monitor-lp-ver2 .sp-block {
    display: block;
  }
  #monitor-lp-ver2 .logo img {
    border-right: none !important;
  }
  #monitor-lp-ver2 .event-wrap-top {
    top: -985px;
    width: 93%;
  }
  #monitor-lp-ver2 .event-wrap-top .all-wrap .banner-wrap {
    display: block;
    margin: 3% auto 60px;
    width: 100%;
  }
  #monitor-lp-ver2 .event-wrap-top .all-wrap .banner-wrap .image img {
    max-width: 400px;
  }
  #monitor-lp-ver2 .event-wrap-top .banner-wrap .button {
    background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 10px center no-repeat;
    background-size: 6px 8px;
    padding: 10px 0;
    max-width: 300px;
    font-size: 16px;
  }
  #monitor-lp-ver2 .form-wrap-top {
    margin: -70px auto;
    width: 85%;
    z-index: 2;
  }
  #monitor-lp-ver2 .form-wrap-top .form-tx {
    font-size: 22px;
  }
  #monitor-lp-ver2 .event-wrap-top .form-tx {
    font-size: 16px;
  }
  #monitor-lp-ver2 .entry-form-action {
    width: 100%;
  }
  #monitor-lp-ver2 .entry-form-box {
    width: 100%;
    float: none;
  }
  #monitor-lp-ver2 .form {
    width: 90%;
    height: 30px;
    font-size: 13px;
    padding-left: 5px;
  }
  #monitor-lp-ver2 .mail-button {
    width: 100%;
    float: none;
  }
  #monitor-lp-ver2 .flat-red-button {
    background: url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") no-repeat scroll right 10% center / 8px 12px;
    background-color: #eb4f50;
    display: block;
    float: none;
    font-size: 16px;
    width: 100%;
    max-width: 380px;
    margin: 10px auto 0px;
  }
  #monitor-lp-ver2 .form-wrap-top .notice li {
    text-indent: 0;
  }
  #monitor-lp-ver2 .eng-ttl {
    font-size: 16px;
    padding-top: 200px;
  }
  #monitor-lp-ver2 .big-ttl {
    font-size: 27px;
    line-height: 1.2;
  }
  #monitor-lp-ver2 .titles .big-ttl {
    font-size: 27px;
    margin-bottom: 7px;
  }
  #monitor-lp-ver2 .titles .eng-ttl {
    font-size: 16px;
    margin-bottom: -2px;
    padding-top: 60px;
  }
  #monitor-lp-ver2 .welfare-about {
    padding: 70px 0 120px !important;
    margin: -233px 0 0 0 !important;
  }
  #monitor-lp-ver2 .about {
    margin: -220px 0 0;
    padding: 50px 0 0;
  }
  #monitor-lp-ver2 .about-restaurant {
    margin: -930px 0 0;
    padding: 10px 0 0;
  }
  #monitor-lp-ver2 .about .inside-wrap {
    margin: 130px auto;
    width: 87%;
  }
  #monitor-lp-ver2 .about-restaurant .inside-wrap {
    margin: 30px auto;
    width: 87%;
  }
  #monitor-lp-ver2 .about .inside-wrap .left,
  #monitor-lp-ver2 .about-restaurant .inside-wrap .left {
    float: none;
    width: 100%;
  }
  #monitor-lp-ver2 .about .inside-wrap .left .ttl,
  #monitor-lp-ver2 .about-restaurant .inside-wrap .left .ttl {
    font-size: 19px;
  }
  #monitor-lp-ver2 .about .inside-wrap .left .txt,
  #monitor-lp-ver2 .about-restaurant .inside-wrap .left .txt {
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
  }
  #monitor-lp-ver2 .about .inside-wrap .right,
  #monitor-lp-ver2 .about-restaurant .inside-wrap .right {
    display: none;
  }
  #monitor-lp-ver2 .lowprice-bck {
    background: #ffe475 url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") no-repeat scroll center top;
    height: 281px;
    margin-top: -40%;
  }
  #monitor-lp-ver2 .lowprice-bck-restaurant {
    background: #ffe475 url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") no-repeat scroll center top;
    height: 281px;
    margin-top: -60%;
  }
  #monitor-lp-ver2 .lowprice-wrap {
    padding-bottom: 60px;
  }
  #monitor-lp-ver2 .explain {
    width: 87%;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .left {
    float: none;
    padding-right: 0px;
    width: 85%;
    margin: 0 auto;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .red-ttl {
    font-size: 14px;
    padding: 5px 5px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .right {
    float: none;
    padding-left: 0px;
    width: 85%;
    margin: 40px auto 0px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .right .red-ttl {
    font-size: 15px;
    padding: 5px 5px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .main-txt .black {
    font-size: 17px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .main-txt .red {
    font-size: 28px;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .txt-box .caution {
    font-size: 13px;
  }
  #monitor-lp-ver2 .main-items {
    height: 380px;
  }
  #monitor-lp-ver2 .event-wrap-other {
    height: 368px;
  }
  #monitor-lp-ver2 .event-wrap-other .ttl {
    font-size: 23px;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap {
    width: 95%;
    margin: 0 auto;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner {
    display: block;
    margin: 10px auto;
    max-width: 294px;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .icon {
    background: #ffffff;
    display: table-cell;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .button img {
    width: 35px;
  }
  #monitor-lp-ver2 .event-wrap-other .sml-banner-wrap .banner .txt {
    background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 20px center no-repeat;
    background-size: 6px 8px;
    min-width: 230px;
  }
  #monitor-lp-ver2 .genre {
    width: 73%;
    padding: 8%;
    text-align: left;
    font-size: 15px;
    margin: -130px auto 0px;
  }
  #monitor-lp-ver2 .wrap {
    width: 95%;
    margin-bottom: 0px;
    padding-bottom: 30px;
  }
  #monitor-lp-ver2 .wrap .box {
    width: 47%;
    float: none;
    display: inline-block;
    margin-bottom: 30px;
  }
  #monitor-lp-ver2 .wrap .box-02 {
    width: 47%;
    float: none;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  #monitor-lp-ver2 .wrap .company-name {
    font-size: 13px;
    margin: 0 0 3px;
    display: inline-block;
  }
  #monitor-lp-ver2 .wrap .company-name .border {
    padding: 3px 0;
    display: block;
  }
  #monitor-lp-ver2 .wrap .company-name .lifestyle {
    padding: 5px 0;
  }
  #monitor-lp-ver2 .wrap .item-name {
    font-size: 12px;
    margin: 5px 0 10px;
  }
  #monitor-lp-ver2 .voices-down {
    padding-bottom: 40px;
  }
  #monitor-lp-ver2 .voices-down .box {
    width: 90%;
  }
  #monitor-lp-ver2 .voices-down .photo-01 {
    margin: 0px auto;
    top: -150px;
    width: 70%;
    position: relative;
    float: none;
  }
  #monitor-lp-ver2 .voices-down .white-01 {
    margin: -175px auto 0;
    width: 81.5%;
    padding: 9%;
  }
  #monitor-lp-ver2 .voices-down .photo-02 {
    margin: 0px auto;
    top: 30px;
    width: 70%;
    position: relative;
    float: none;
  }
  #monitor-lp-ver2 .voices-down .white-02 {
    margin: 5px auto 0;
    width: 81.5%;
    padding: 9%;
  }
  #monitor-lp-ver2 .voices-down .intro {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
  }
  #monitor-lp-ver2 .voices-down .ttl {
    font-size: 17px;
  }
  #monitor-lp-ver2 .voices-down .txt {
    font-size: 16px;
    line-height: 1.6;
  }
  #monitor-lp-ver2 .dont-worry {
    height: 540px;
    width: 100%;
  }
  #monitor-lp-ver2 .house {
    background: url("/img/contents/lp/monitor/restaurant/openready_house_sp.png") center top no-repeat;
    background-size: cover;
    height: 450px;
    top: 40px;
    width: 95%;
  }
  #monitor-lp-ver2 .house .inner {
    width: 95%;
  }
  #monitor-lp-ver2 .house .inner .eng-ttl {
    font-size: 16px;
    padding-top: 50px;
  }
  #monitor-lp-ver2 .house .inner .big-ttl {
    font-size: 27px;
    margin-bottom: 5px;
  }
  #monitor-lp-ver2 .house .inner .txt {
    margin: 10px auto 20px;
    max-width: 80%;
  }
  #monitor-lp-ver2 .house .inner .red-ribbon img {
    max-width: 270px;
  }
  #monitor-lp-ver2 .house .inner .box {
    background: #eeeeee;
    border: none;
    margin: -10px auto 0;
    max-width: 300px;
    padding: 0px;
  }
}

/* 201703リリース モニターLP改修（ヘアサロン）
-------------------------------------------- */
/* 冒頭（メインビジュアル部分） */
#monitor-lp-ver2 .hairsalon-main-visual {
  background: url("/img/contents/lp/monitor/beauty/main_image.jpg") no-repeat scroll center;
  background-size: cover;
  background-position: top;
  margin-top: -108px;
  height: 610px;
}
#monitor-lp-ver2 .white-logo-wrap {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 15px 0;
}
#monitor-lp-ver2 .white-logo-wrap .logo {
  float: left;
}
#monitor-lp-ver2 .white-logo-wrap .logo img {
  border-right: 1px solid #ffffff;
  padding-right: 10px;
  vertical-align: middle;
  width: 111px;
}
#monitor-lp-ver2 .hairsalon-main-visual .txt {
  margin: 5px 0 0 10px;
  vertical-align: middle;
  font-size: 82%;
  color: #ffffff;
}
#monitor-lp-ver2 .hairsalon-main-visual .main-catch {
  margin: 110px auto 0px;
  text-align: center;
}
#monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch01 {
  margin-bottom: 10px;
}
#monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch02 {
  margin-bottom: 8px;
}
#monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch03 {
  margin-bottom: 15px;
}
#monitor-lp-ver2 .hairsalon-form-wrap-top {
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 6px 0 #c5c5c5;
  margin: 0px auto;
  padding: 5px 20px 5px;
  width: 746px;
  text-align: center;
  z-index: 2;
  position: relative;
  top: -140px;
}
#monitor-lp-ver2 .hairsalon-form-wrap-top .form-tx {
  font-size: 25px;
  margin-bottom: 10px;
}
#monitor-lp-ver2 .hairsalon-form-wrap-top .notice {
  font-size: 13px;
  margin: 0 auto;
  max-width: 340px;
}
#monitor-lp-ver2 .hairsalon-form-wrap-top .notice ul {
  margin-left: -10px;
  text-align: left;
}

#monitor-lp-ver2 .hairsalon-form-wrap-top .notice li {
  list-style-type: disc;
}
#monitor-lp-ver2 .hairsalon-about {
  background: #eeeeee none repeat scroll 0 0;
  height: 360px;
  margin: -210px 0 0;
  padding: 90px 0 140px;
}
#monitor-lp-ver2 .hairsalon-about .inside-wrap {
  margin: 45px auto 0px;
  max-width: 950px;
  width: 95%;
}
#monitor-lp-ver2 .hairsalon-about .inside-wrap .left {
  float: left;
  width: 50%;
}
#monitor-lp-ver2 .hairsalon-about .inside-wrap .left .ttl {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
}
#monitor-lp-ver2 .hairsalon-about .inside-wrap .left .txt {
  font-size: 17px;
  line-height: 1.8;
  margin-top: 15px;
  width: 92%;
}
#monitor-lp-ver2 .hairsalon-about .inside-wrap .right {
  float: right;
  width: 48%;
}
#monitor-lp-ver2 .hairsalon-about .inside-wrap .right img {
  height: auto;
  width: 100%;
}
#monitor-lp-ver2 .hairsalon-lowprice-bck {
  background: #ffe475 url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") no-repeat scroll center top;
  height: 281px;
  margin-top: -340px;
  text-align: center;
}
#monitor-lp-ver2 .hairsalon-lowprice-wrap {
  background: #ffe475 none repeat scroll 0 0;
  padding-top: 14px;
  text-align: center;
}
#monitor-lp-ver2 .recommend-bck {
  background: url("/img/contents/lp/monitor/beauty/recommend_bck_01.jpg") no-repeat scroll center;
  background-size: cover;
  background-position: top;
  margin-top: 95px;
  height: 477px;
  position: relative;
}
#monitor-lp-ver2 .recommend-wrap {
  margin: 0px auto;
  max-width: 950px;
  text-align: center;
  width: 95%;
  position: relative;
  top: -70px;
}
#monitor-lp-ver2 .recommend-wrap .left {
  float: left;
  margin-right: 9px;
  width: 48.5%;
}
#monitor-lp-ver2 .recommend-wrap .right {
  float: right;
  margin-left: 9px;
  width: 48.5%;
}
#monitor-lp-ver2 .recommend-wrap img {
  height: auto;
  max-width: 445px;
  vertical-align: bottom;
  width: 100%;
}
#monitor-lp-ver2 .recommend-wrap .txt-box {
  background: #ffffff none repeat scroll 0 0;
  margin: 0 auto;
  max-width: 445px;
  padding: 10px;
}
#monitor-lp-ver2 .recommend-wrap .txt-box .ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}
#monitor-lp-ver2 .recommend-wrap .txt-box .main-txt {
  line-height: 1.8;
  padding: 0 35px;
  text-align: left;
}
#monitor-lp-ver2 .hairsalon-main-items {
  background: #eeeeee url("/img/contents/lp/monitor/beauty/mainitems_bck_grey_pc.png") repeat scroll center bottom / cover ;
  height: 335px;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 .lowprice-wrap .hairsalon-mt {
  margin-top: -60px;
}
#monitor-lp-ver2 .lowprice-wrap .hairsalon-mt .left .red-ttl {
  background: #eb4f50 none repeat scroll 0 0;
  color: #ffffff;
  font-weight: bold;
  margin: -20px auto;
  max-width: 280px;
  padding: 5px 10px;
  position: relative;
}
#monitor-lp-ver2 .lowprice-wrap .hairsalon-mt .right .red-ttl {
  background: #eb4f50 none repeat scroll 0 0;
  color: #ffffff;
  font-weight: bold;
  margin: -20px auto;
  max-width: 320px;
  padding: 5px 10px;
  position: relative;
}
#monitor-lp-ver2 .item-intro-beauty {
  background: #eeeeee url("/img/contents/lp/monitor/beauty/mainitems_bck_grey_pc.png") repeat scroll center bottom / 1470px auto;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 .haisalon-item-mb {
  padding-bottom: 90px;
}
#monitor-lp-ver2 .hairsalon-genre {
  background: #ffffff;
  line-height: 1.8;
  margin: 20px auto 0px;  
  max-width: 650px;
  padding: 30px;
  position: relative;
  text-align: center;
  z-index: 1;
}
#monitor-lp-ver2 .hairsalon-genre .ttl {
  background: #ffe375;
  margin: -50px auto 20px;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  padding: 5px;
  max-width: 200px;
}
#monitor-lp-ver2 .hairsalon-dont-worry {
  background: #000000 url("/img/contents/lp/monitor/beauty/openready_bck_pc.jpg") center center no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 550px;
}

/* SP */
@media screen and (max-width: 940px) {
  #monitor-lp-ver2 .white-logo-wrap {
    width: 95%;
  }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-ver2 .longttl-block {
    display: block;
  }
  #monitor-lp-ver2 .hairsalon-main-visual {
    margin-top: 0px;
  }
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch {
    width: 95%;
  }
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch01,
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch02,
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch03{
    max-width: 100%;
  }
  #monitor-lp-ver2 .hairsalon-form-wrap-top {
    width: 93%;
  }
  #monitor-lp-ver2 .hairsalon-form-wrap-top .form-tx {
    font-size: 22px;
  }
  #monitor-lp-ver2 .lowprice-bck {
    margin-top: -250px;
  }
  #monitor-lp-ver2 .lowprice-bck-restaurant {
    margin-top: -260px;
  }
  #monitor-lp-ver2 .big-ttl {
    font-size: 35px;
    margin-bottom: 3px;
    line-height: 1.3;
  }
  #monitor-lp-ver2 .hairsalon-lowprice-wrap {
    padding-top: 5px;
  }
  #monitor-lp-ver2 .recommend-bck {
    padding-bottom: 60px;
  }
  #monitor-lp-ver2 .hairsalon-lowprice-bck {
    margin-top: -260px;
  }
  #monitor-lp-ver2 .lowprice-wrap .hairsalon-mt {
    margin-top: -40px;
  }
  #monitor-lp-ver2 .recommend-wrap .txt-box .ttl {
    font-size: 21px;
  }
  #monitor-lp-ver2 .lowprice-wrap .hairsalon-mt .left .red-ttl {
    font-size: 14px;
    max-width: 260px;
    padding: 5px;
  }
  #monitor-lp-ver2 .lowprice-wrap .hairsalon-mt .right .red-ttl {
    font-size: 14px;
    max-width: 270px;
    padding: 5px;
  }
  #monitor-lp-ver2 .hairsalon-genre {
    width: 73%;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver2 .hairsalon-main-visual {
    margin-top: 0px;
  }
  #monitor-lp-ver2 .logo img {
    border-right: none !important;
  }
  #monitor-lp-ver2 .hairsalon-main-visual .txt {
    display: none;
  }
  #monitor-lp-ver2 .hairsalon-main-visual {
    background: url("/img/contents/lp/monitor/beauty/main_image_sp.png") no-repeat scroll center;
    background-size: cover;
    background-position: top;
    height: 560px;
  }
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch {
    margin: 100px auto 0;
    text-align: center;
  }
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch01,
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch02,
  #monitor-lp-ver2 .hairsalon-main-visual .main-catch .maincatch03 {
    max-width: 90%;
  }
  #monitor-lp-ver2 .hairsalon-form-wrap-top {
    margin: 3% auto 0px;
    width: 85%;
    z-index: 2;
  }
  #monitor-lp-ver2 .hairsalon-form-wrap-top .form-tx {
    font-size: 21px;
  }
  #monitor-lp-ver2 .hairsalon-about {
    background: #eeeeee none repeat scroll 0 0;
    height: 280px;
    margin: -315px 0 0;
    padding: 170px 0 140px;
  }
  #monitor-lp-ver2 .hairsalon-lowprice-wrap {
    margin-top: -17px;
    padding-top: 0px;
  }
  #monitor-lp-ver2 .hairsalon-about .inside-wrap {
    margin: 30px auto;
    width: 87%;
  }
  #monitor-lp-ver2 .hairsalon-about .inside-wrap .left {
    float: none;
    width: 100%;
  }
  #monitor-lp-ver2 .hairsalon-about .inside-wrap .left .ttl {
    font-size: 19px;
  }
  #monitor-lp-ver2 .hairsalon-about .inside-wrap .left .txt {
    font-size: 16px;
    line-height: 1.8;
    width: 100%;
  }
  #monitor-lp-ver2 .hairsalon-about .inside-wrap .right {
    display: none;
  }
  #monitor-lp-ver2 .hairsalon-lowprice-bck {
    background: #ffe475 url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") no-repeat scroll center top;
    margin-top: -60%;
    padding-bottom: 10px;
    text-align: center;
  }
  #monitor-lp-ver2 .recommend-bck {
    height: 1010px;
  }
  #monitor-lp-ver2 .recommend-wrap .left {
    float: none;
    margin: 0px auto;
    width: 95%;
  }
  #monitor-lp-ver2 .recommend-wrap .right {
    float: none;
    margin: 40px auto 0px;
    width: 95%;
  }
  #monitor-lp-ver2 .recommend-wrap .txt-box .ttl {
    font-size: 20px;
  }
  #monitor-lp-ver2 .recommend-wrap .txt-box .main-txt {
    line-height: 1.8;
    padding: 0 3%;
    text-align: left;
  }
  #monitor-lp-ver2 .lowprice-wrap .data-wrap .right .red-ttl {
    font-size: 14px;
  }
  #monitor-lp-ver2 .hairsalon-genre {
    width: 80%;
  }
}

/* 202102リリース モニターLP改修（飲食）
-------------------------------------------- */
#monitor-lp-ver3 a { transition: background-color 0.1s ease-in,color 0.1s ease-in; }
/* 各タイトル部分（※ヘアサロンと共通）*/
#monitor-lp-ver3 .titles {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3 .titles .eng-ttl {
  padding-top: 60px;
  margin-bottom: -5px;
  font-size: 21px;
  color: #eb4f50;
}
#monitor-lp-ver3 .titles .big-ttl {
  font-size: 40px;
  font-weight: 600;
  border-bottom: none;
  color: #333333;
  line-height: 1.3;
  margin: 0;
}
#monitor-lp-ver3 .titles .underline {
  width: 70px;
  border: 2px solid #333333;
  margin: 7px auto 20px;
}
/* ロゴ（※ヘアサロンと共通）*/
#monitor-lp-ver3 .logo-wrap {
  position: absolute;
  top: 3%;
  left: 2%;
  width: 25%;
}
#monitor-lp-ver3 .logo-wrap img { 
  max-width: 284px;
  width: 80%;
}
#monitor-lp-ver3 .logo-wrap h1 {
  margin-top: 20px;
  font-size: 16px;
  color: #FFFFFF;
}
/* フォーム（※ヘアサロンと共通）*/
#monitor-lp-ver3 .form-wrap-other {
  background-color: #383335;
  box-sizing: border-box;
  padding: 5px 20px 15px;
  text-align: center;
  z-index: 2;
  position: relative;
}
#monitor-lp-ver3 .form-wrap-other .form-tx {
  font-size: 27px;
  margin-bottom: 5px;
  color: #FFFFFF;
}
#monitor-lp-ver3 .form-wrap-other .form-tx span {
  font-size: 40px;
  color: #FFEA01;
  position: relative;
}
#monitor-lp-ver3 .form-wrap-other .form-tx span::before {
  top: -5px;
  left: -26px;
  width : 30px;
  height: 32px;
  content: '';
  position: absolute;
  background: url("/img/contents/lp/monitor/restaurant/2021/icon01.png") no-repeat;
}
#monitor-lp-ver3 .entry-form-action {
  max-width: 645px;
  margin: 0 auto;
}
#monitor-lp-ver3 .entry-form-box {
  width: 365px;
  float: left;
}
#monitor-lp-ver3 .form {
  background-image: none;
  border-radius: 3px;
  color: #666666;
  font-size: 19px;
  width: 345px;
  height: 40px;
  padding-left: 15px;
}
#monitor-lp-ver3 .mail-button {
  width: 272px;
  float: right;
  position: relative;
}
#monitor-lp-ver3 .flat-red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") right 45px center no-repeat;
  background-size: 8px 12px;
  border-radius: 25px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  padding: 10px;
  width: 272px;
  height: 48px;
  float: right;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  cursor: pointer;
}
#monitor-lp-ver3 .flat-red-button:hover { opacity: 0.8; }
#monitor-lp-ver3 .form-wrap-other .notice {
  margin: 15px auto 20px;
  font-size: 13px;
  max-width: 500px;
  color: #ffffff;
}
/* BOX型フォーム（メインビジュアル部分）（※ヘアサロンと共通）*/
#monitor-lp-ver3 .form-wrap-other.top-box {
  position: absolute;
  top: 440px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  max-width: 958px;
  width: 95%;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 6px #C5C5C5;
  padding: 35px 0 50px;
}
#monitor-lp-ver3 .form-wrap-other.top-box .form-tx { 
  font-size: 30px;
  margin-bottom: 10px;
}
#monitor-lp-ver3 .form-wrap-other.top-box .form-tx span { font-size: 45px; }
#monitor-lp-ver3 .form-wrap-other.top-box .entry-form-action { max-width: 815px; }
#monitor-lp-ver3 .form-wrap-other.top-box .entry-form-box { width: 460px; }
#monitor-lp-ver3 .form-wrap-other.top-box .form {
  font-size: 24px;
  width: 460px;
  height: 50px;
}
#monitor-lp-ver3 .form-wrap-other.top-box .mail-button { width: 345px; }
#monitor-lp-ver3 .form-wrap-other.top-box .flat-red-button {
  border-radius: 50px;
  font-size: 24px;
  width: 325px;
  height: 58px;
}
#monitor-lp-ver3 .form-wrap-other.top-box .notice { font-size: 16px; }
/* SDとは（※ヘアサロンと共通）*/
#monitor-lp-ver3 .about {
  background: #eeeeee;
  padding: 210px 0px 80px;
  height: 400px;
}
#monitor-lp-ver3 .about { margin-top: -210px 0px 0px 0px; }
#monitor-lp-ver3 .about { margin-top: -60px; }
#monitor-lp-ver3 .about .inside-wrap {
  width: 95%;
  max-width: 950px;
  margin: 0 auto;
}
#monitor-lp-ver3 .about .inside-wrap .left {
  width: 54%;
  float: left;
}
#monitor-lp-ver3 .about .inside-wrap .left .ttl {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.6;
}
#monitor-lp-ver3 .about .inside-wrap .left .txt {
  width: 92%;
  font-size: 18px;
  line-height: 1.8;
  margin-top: -5px;
}
#monitor-lp-ver3 .about .inside-wrap .right {
  width: 46%;
  float: right;
  margin-top: 30px;
}
#monitor-lp-ver3 .about .inside-wrap .right img {
  width: 100%;
  height: auto;
}
/* スーパーデリバリーが安い理由 */
#monitor-lp-ver3 .lowprice-bck-restaurant {
  background: url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") center top no-repeat;
  height: 281px;
  margin-top: -330px;
  text-align: center;
  background-color: #ffe475;
}
#monitor-lp-ver3 .titles .eng-ttl.lbr { padding-top: 214px; }
#monitor-lp-ver3 .titles .big-ttl.lbr { padding-top: 5px; }
#monitor-lp-ver3 .lowprice-wrap {
  background: #ffe475;
  padding: 12px 0 60px;
  text-align: center;
}
#monitor-lp-ver3 .underline {
  width: 70px;
  border: 2px solid #333333;
  margin: 15px auto 20px;
}
#monitor-lp-ver3 .explain {
  width: 90%;
  font-size: 17px;
  line-height: 1.8;
  margin: 0 auto;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap {
  margin: 45px auto 0px;
  text-align: center;
  max-width: 950px;
  width: 95%;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap .left {
  width: 49%;
  float: left;
  padding-right: 5px;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap .right {
  width: 49%;
  float: right;
  padding-left: 5px;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap .black-ttl {
  background: #333333;
  padding: 10px 10px 8px 10px;
  font-weight: 600;
  color: #ffffff;
  margin: -20px auto 0;
  position: relative;
  max-width: 446px;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap img {
  max-width: 466px;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box {
  background: #ffffff;
  padding: 15px 10px 15px 10px;
  margin: 0 auto 7px;
  max-width: 446px;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt { margin: 0; }
#monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt .black1 {
  font-size: 18px;
  color: #FFFFFF;
  background-color: #333333;
  padding: 1px 5px 0;
  margin-right: 6px;
  vertical-align: text-bottom;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt .black2 { font-size: 20px; }
#monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt .red {
  font-size: 33px;
  font-weight: 600;
  color: #eb4f50;
}
#monitor-lp-ver3 .lowprice-wrap .data-wrap .caution { font-size: 13px; }
/* 主な取扱商品（※ヘアサロンと共通）*/
#monitor-lp-ver3 .main-items {
  background: url("/img/contents/lp/monitor/restaurant/mainitems_bck_grey_pc.png") repeat scroll center center;
  background-color: #eeeeee;
  background-size: cover;
  background-position: bottom;
  margin: 0 auto;
  text-align: center;
  height: 340px;
}
#monitor-lp-ver3 .genre {
  max-width: 800px;
  background: #ffffff;
  padding: 30px;
  margin: -65px auto 0px;
  text-align: center;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}
#monitor-lp-ver3 .genre span { margin: 0 12px; }
#monitor-lp-ver3 .genre span:first-of-type { margin: 0 12px 0 0; }
#monitor-lp-ver3 .genre span:last-of-type { margin: 0 0 0 12px; }
#monitor-lp-ver3 .yellow-bck {
  background: #ffeea6;
  padding-bottom: 90px;
}
#monitor-lp-ver3 .yellow-bck .photo {
  max-width: 1100px;
  margin: 0px auto 70px;
  padding: 20px 20px 0px;
}
#monitor-lp-ver3 .yellow-bck .photo img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/* カフェ・飲食業向けおすすめ特集3選 */
#monitor-lp-ver3 .event-wrap-other {
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 40px 0 36px;
  text-align: center;
  max-width: 1110px;
  width: 98%;
  border-radius: 10px;
}
#monitor-lp-ver3 .event-wrap-other .ttl {
  font-size: 22px;
  margin: 0 0 20px 0;
}
#monitor-lp-ver3 .event-wrap-other .ttl::before {
  content: '＼';
  display:inline-block;
  margin-right: 8px;
}
#monitor-lp-ver3 .event-wrap-other .ttl::after {
  content: '／';
  display:inline-block;
  margin-left: 8px;
}
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner {
  width: 282px;
  height: 170px;
  background: url("/img/contents/lp/monitor/restaurant/2021/img04.png") no-repeat center center;
  position: relative;
}
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner:nth-child(2) {
  margin: 0 52px;
  background: url("/img/contents/lp/monitor/restaurant/2021/img05.png") no-repeat center center;
}
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner:nth-child(3) {
  background: url("/img/contents/lp/monitor/restaurant/2021/img06.png") no-repeat center center;
}
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner:hover { opacity: 0.7; }
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner a:hover { text-decoration: none; }
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner .txt {
  border: 1px solid #ffffff;
  border-radius: 100px;
  color: #ffffff;
  padding: 12px 12px 10px;
  text-align: center;
  line-height: 10.5;
}
#monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner .txt::after {
  content: '>';
  display:inline-block;
  margin-left: 5px;
}
/* 商品の一部をご紹介！（※ヘアサロンと共通）*/
#monitor-lp-ver3 .item-intro {
  background: url("/img/contents/lp/monitor/restaurant/mainitems_bck_grey_pc.png") repeat scroll center center;
  background-position: bottom;
  text-align: center;
  padding-bottom: 50px;
}
#monitor-lp-ver3 .item-bg {
  background-color: #ECEDED;
  margin: 0 auto;
  max-width: 1200px;
}
#monitor-lp-ver3 .wrap {
  margin: 37px auto 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 90px;
  max-width: 990px;
  width: 100%;
}
#monitor-lp-ver3 .wrap .box {
  width: 23%;
  padding: 0px 1%;
}
#monitor-lp-ver3 .wrap .company-name {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  background-color: #333333;
  color: #FFFFFF;
  padding: 5px 2px 2px;
}
#monitor-lp-ver3 .wrap .company-name .lifestyle {
  font-size: 12px;
  padding: 6px 0;
}
#monitor-lp-ver3 .wrap .item-name {
  font-size: 14px;
  margin: 5px 0px 10px;
  line-height: 1.5em;
  min-height: 42px;
}
#monitor-lp-ver3 .wrap img {
  width: 100%;
  height: auto;
}
/* お客様の声 */
#monitor-lp-ver3 .voices-up {
  background-color: #ffffff;
  margin: 0 auto;
  text-align: center;
  height: 380px;
}
#monitor-lp-ver3 .voices-up .tools-01 {
  background: url("/img/contents/lp/monitor/restaurant/voices_toolimage_01.png") right top no-repeat;
  background-size: contain;
  background-position: right;
  right: 0px;
  top: -26px;
  width: 100%;
  height: 487px;
  max-width: 1150px;
  position: relative;
  margin: 0 auto;
}
#monitor-lp-ver3 .voices-down .tools-02 {
  background: url("/img/contents/lp/monitor/restaurant/voices_toolimage_02.png") left bottom no-repeat;
  background-size: contain;
  background-position: left;
  right: 0px;
  bottom: 160px;
  width: 100%;
  height: 147px;
  max-width: 1150px;
  position: relative;
  margin: 0 auto -160px;
}
#monitor-lp-ver3 .voices-down {
  background: #ffeea6;
  padding-bottom: 60px;
}
#monitor-lp-ver3 .voices-down .box {
  max-width: 893px;
  margin: -60px auto 30px;
}
#monitor-lp-ver3 .voices-down .photo-01 {
  width: 310px;
  float: left;
  margin: -110px 0px 0px;
}
#monitor-lp-ver3 .voices-down .photo-01 img {
  width: 100%;
  height: auto;
}
#monitor-lp-ver3 .voices-down .photo-02 {
  width: 310px;
  float: left;
  margin: 40px 0px 0px;
}
#monitor-lp-ver3 .voices-down .photo-02 img {
  width: 100%;
  height: auto;
}
#monitor-lp-ver3 .voices-down .white-01 {
  width: 52%;
  float: left;
  padding: 4% 5%;
  background: #ffffff;
  margin: -110px 0px 0px;
}
#monitor-lp-ver3 .voices-down .white-02 {
  width: 52%;
  float: left;
  padding: 4% 5%;
  background: #ffffff;
  margin: 40px 0px 0px;
}
#monitor-lp-ver3 .voices-down .intro {
  font-size: 17px;
  line-height: 1.8;
}
#monitor-lp-ver3 .voices-down .ttl {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.5;
  border-left: 3px solid #333333;
  padding: 0 0 0 15px;
  margin: 19px 0px 10px;
}
#monitor-lp-ver3 .voices-down .txt {
  font-size: 17px;
  line-height: 1.8;
}
/* 開業準備中の方もご登録ください！（※ヘアサロンと共通）*/
#monitor-lp-ver3 .dont-worry {
  background: #000000 url("/img/contents/lp/monitor/restaurant/2021/re_bg00.png") center center no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 550px;
}
#monitor-lp-ver3 .house {
  background: url("/img/contents/lp/monitor/restaurant/openready_house_pc.png") center bottom no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 470px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 40px;
}
#monitor-lp-ver3 .house .inner {
  width: 520px;
  margin: 0 auto;
}
#monitor-lp-ver3 .house .inner .eng-ttl {
  color: #eb4f50;
  font-size: 18px;
  padding-top: 95px;
}
#monitor-lp-ver3 .house .inner .big-ttl {
  border-bottom: medium none;
  color: #333333;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
#monitor-lp-ver3 .house .inner .txt {
  font-size: 15px;
  margin: 35px 0 20px;
  line-height: 1.5;
}
#monitor-lp-ver3 .house .inner .red-ribbon { margin: 0 auto; }
#monitor-lp-ver3 .house .inner .red-ribbon img {
  width: 363px;
  height: auto;
}
#monitor-lp-ver3 .house .inner .box {
  background: #ffffff;
  border: 1px solid #cc373e;
  margin: -21px auto 0px;
  padding: 20px 20px 30px;
  max-width: 420px;
}
#monitor-lp-ver3 .house .inner .box ul {
  margin-left: -10px;
  text-align: left;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0px;
}
#monitor-lp-ver3 .house .inner .box li { list-style-type: disc; }
#monitor-lp-ver3 .house .inner .box .notice {
  font-size: 13px;
  text-align: left;
  display: block;
  margin: 2px 0px 0px 10px;
}
#monitor-lp-ver3 + .push {
  height: 0;
  margin: 0;
}
@media screen and (max-width: 940px) {
  /* 各タイトル部分（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .titles .eng-ttl {
    margin-bottom: -7px;
    line-height: 1.5em;
  }
  #monitor-lp-ver3 .titles .big-ttl {
    font-size: 35px;
    line-height: 1.6em;
  }
  /* ロゴ（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .logo-wrap {
    position: static;
    padding: 30px 20px 0;
    width: 100%;
    box-sizing: border-box;
  }
  #monitor-lp-ver3 .logo-wrap img { width: 142px; }
  #monitor-lp-ver3 .logo-wrap h1 {
    margin-top: -10px;
    margin-left: 5px;
    padding: 0 0 10px 15px;
    font-size: 14px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  #monitor-lp-ver3 .logo-wrap h1::before { 
    content: "";
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color:#333333;
    position: absolute;
    top: -8px;
    left: 3px;
  }
  /* フォーム（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .entry-form-box {
    width: 52%;
    text-align: left;
  }
  #monitor-lp-ver3 .form { width: 90%; }
  #monitor-lp-ver3 .mail-button { width: 48%; }
  #monitor-lp-ver3 .flat-red-button { width: 100%; }
  /* BOX型フォーム（メインビジュアル部分）（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .form-wrap-other.top-box {
    top: 60%;
    left: 0;
    transform: none;
    box-sizing: border-box;
    width: 95%;
    padding: 5px 15px 25px;
    margin: 0 2.5%;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .entry-form-action { max-width: 100%; }
  #monitor-lp-ver3 .form-wrap-other.top-box .entry-form-box { 
    width: 100%;
    float: none;
    text-align: center;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .form {
    width: 90%;
    margin-bottom: 20px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .mail-button { 
    width: 80%;
    float: none;
    margin: 0 auto;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .flat-red-button { width: 100%; }
  /* SDとは（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .about {
    margin-top: 0;
    background-image: none;
    padding: 0 0 40px;
    height: auto;
  }
  #monitor-lp-ver3 .about .inside-wrap { 
    max-width: 100%;
    width: 100%;
    padding: 45px 8%;
    box-sizing: border-box;
  }
  #monitor-lp-ver3 .about .inside-wrap .left {
    width: 100%;
    float: none;
  }
  #monitor-lp-ver3 .about .inside-wrap .left p {
    margin: 0;
    padding: 0;
  }
  #monitor-lp-ver3 .about .inside-wrap .left .txt {
    width: 100%;
    margin-top: 10px;
  }
  #monitor-lp-ver3 .about .inside-wrap .right { display: none; }
  /* スーパーデリバリーが安い理由（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .lowprice-bck-restaurant {
    height: auto;
    margin-top: -260px;
  }
  #monitor-lp-ver3 .titles .eng-ttl.lbr { padding-top: 220px; }
  #monitor-lp-ver3 .lowprice-wrap { padding-top: 1px; }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap { width: 90%; }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .left { padding-right: 1%; }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt .red { font-size: 25px; }
  /* 主な取扱商品（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .genre {
    width: 73%;
    padding: 3%;
    margin: -90px auto 0px;
  }
  #monitor-lp-ver3 .yellow-bck { padding-bottom: 70px; }
  #monitor-lp-ver3 .yellow-bck .photo { margin: 0px auto 20px; }
  /* カフェ・飲食業向けおすすめ特集3選 */
  #monitor-lp-ver3 .event-wrap-other {
    padding: 40px 2% 36px;
    margin: 0 auto;
    width: 92%;
  }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner { width: 33.3%; }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner:nth-child(2) { margin: 0 20px; }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner .txt {
    padding: 12px 10px;
    font-size: 14px;
    line-height: 12;
  }
  /* 商品の一部をご紹介！（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .item-bg { width: 90%; }
  #monitor-lp-ver3 .wrap {
    padding-bottom: 30px;
    width: 90%;
  }
  #monitor-lp-ver3 .wrap .box {
    width: 46%;
    padding: 0px 2%;
  }
  /* お客様の声 */
  #monitor-lp-ver3 .voices-up .tools-01 { display: none; }
  #monitor-lp-ver3 .voices-down .tools-02 { display: none; }
  #monitor-lp-ver3 .voices-down .box { width: 90%; }
  #monitor-lp-ver3 .voices-down .photo-01 {
    margin: -110px auto 0;
    top: -70px;
    width: 50%;
    position: relative;
    float: none;
  }
  #monitor-lp-ver3 .voices-down .photo-02 {
    margin: -110px auto 0;
    top: 50px;
    width: 50%;
    position: relative;
    float: none;
  }
  #monitor-lp-ver3 .voices-down .white-01 {
    margin: -100px auto 0;
    width: 90%;
  }
  #monitor-lp-ver3 .voices-down .white-02 {
    margin: 20px auto 0;
    width: 90%;
  }
  #monitor-lp-ver3 .voices-down .intro { margin-top: 25px; }
  /* 開業準備中の方もご登録ください！ */
  #monitor-lp-ver3 .house .inner .big-ttl { margin-bottom: 3px; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 各タイトル部分（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .titles .eng-ttl {
    font-size: 14px;
    margin-bottom: -2px;
    padding-top: 40px;
  }
  #monitor-lp-ver3 .titles .big-ttl {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 1.2;
  }
  /* ロゴ（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .logo-wrap { padding: 10px 10px 0; }
  #monitor-lp-ver3 .logo-wrap img { width: 90px; }
  #monitor-lp-ver3 .logo-wrap h1 {
    font-size: 10px;
    padding: 0 0 0 10px;
    width: 64%;
    display: inline-block;
    line-height: 1.2;
  }
  #monitor-lp-ver3 .logo-wrap h1::before { 
    height: 112%;
    top: -10%;
  }
  /* フォーム（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .form-wrap-other { padding: 5px 20px 5px; }
  #monitor-lp-ver3 .form-wrap-other .form-tx { font-size: 15px; }
  #monitor-lp-ver3 .form-wrap-other .form-tx span { font-size: 23px; }
  #monitor-lp-ver3 .form-wrap-other .form-tx span::before {
    left: -13px;
    width : 15px;
    height: 16px;
    background-size: contain;
  }
  #monitor-lp-ver3 .entry-form-action { width: 100%; }
  #monitor-lp-ver3 .entry-form-box {
    width: 100%;
    float: none;
  }
  #monitor-lp-ver3 .form {
    width: 97%;
    height: 30px;
    font-size: 13px;
    padding-left: 3px;
  }
  #monitor-lp-ver3 .mail-button {
    width: 100%;
    float: none;
    max-width: 380px;
    margin: 0 auto;
  }
  #monitor-lp-ver3 .flat-red-button {
    margin: 10px auto 0px;
    height: 38px;
    font-size: 14px;
    padding: 8px;
  }
  /* BOX型フォーム（メインビジュアル部分）（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .form-wrap-other.top-box {
    top: 55%;
    padding: 0 10px;
    border-radius: 5px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .form {
    height: 28px;
    font-size: 13px;
    padding-left: 5px;
    margin-bottom: 0;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .form-tx { 
    font-size: 16px;
    margin-bottom: 10px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .form-tx span { font-size: 25px; }
  #monitor-lp-ver3 .form-wrap-other.top-box .mail-button { width: 90%; }
  #monitor-lp-ver3 .form-wrap-other.top-box .flat-red-button {
    margin: 10px auto 0px;
    height: 38px;
    font-size: 14px;
    padding: 8px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box .notice { font-size: 12px; }
  /* SDとは */
  #monitor-lp-ver3 .about { padding: 0; }
  #monitor-lp-ver3 .about .inside-wrap { padding: 25px 5% 0; }
  #monitor-lp-ver3 .about .inside-wrap .left .ttl { font-size: 18px; }
  #monitor-lp-ver3 .about .inside-wrap .left .txt { font-size: 15px; }
  /* スーパーデリバリーが安い理由 */
  #monitor-lp-ver3 .lowprice-bck-restaurant { margin-top: -170px; }
  #monitor-lp-ver3 .titles .eng-ttl.lbr { padding-top: 210px; }
  #monitor-lp-ver3 .lowprice-wrap { padding: 1px 0 40px; }
  #monitor-lp-ver3 .underline {
    width: 50px;
    margin: 20px auto;
  }
  #monitor-lp-ver3 .explain {
    font-size: 15px;
    text-align: left;
    line-height: 1.6;
  }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap {
    margin: 15px auto 0px;
    width: 90%;
  }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .left {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 20px;
  }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .right {
    width: 100%;
    float: none;
    padding-left: 0;
  }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .black-ttl {
    padding: 8px;
    margin: 0 auto;
    font-size: 12px;
    max-width: 450px;
  }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box {
    padding: 10px 10px 5px 10px;
    margin: 0 auto;
  }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt .black1 {
    font-size: 14px;
    padding: 1px 5px 0;
    margin-right: 0;
    vertical-align: text-top;
  }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt .black2 { font-size: 16px; }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .txt-box .main-txt .red { font-size: 30px; }
  #monitor-lp-ver3 .lowprice-wrap .data-wrap .caution { font-size: 12px; }
  /* 主な取扱商品（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .genre {
    padding: 8%;
    text-align: left;
    font-size: 14px;
    margin: -180px auto 0px;
  }
  #monitor-lp-ver3 .yellow-bck { padding-bottom: 50px; }
  #monitor-lp-ver3 .main-items { height: 380px; }
  #monitor-lp-ver3 .event-wrap-other .ttl { font-size: 23px; }
  /* カフェ・飲食業向けおすすめ特集3選 */
  #monitor-lp-ver3 .event-wrap-other {
    width: 90%;
    padding: 40px 30px;
    box-sizing: border-box;
  }
  #monitor-lp-ver3 .event-wrap-other .ttl {
    font-size: 13px;
    margin: 0 0 20px 0;
  }
  #monitor-lp-ver3 .event-wrap-other .ttl::before { margin-right: 4px; }
  #monitor-lp-ver3 .event-wrap-other .ttl::after { margin-left: 4px; }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap {
    margin: 0 auto;
    display: inherit;
  }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner {
    width: 100%;
    height: 170px;
  }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner:nth-child(2) { margin: 20px 0; }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner .button { margin: 0 auto; }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner .txt {
    background-size: 6px 8px;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 12;
  }
  #monitor-lp-ver3 .event-wrap-other .sml-banner-wrap .banner .txt::after {
    content: '>';
    display:inline-block;
    margin-left: 5px;
  }
  /* 商品の一部をご紹介！ */
  #monitor-lp-ver3 .item-intro { padding-bottom: 0; }
  #monitor-lp-ver3 .item-bg { width: 100%; }
  #monitor-lp-ver3 .wrap { 
    padding-bottom: 20px;
    width: 95%;
  }
  #monitor-lp-ver3 .wrap .box {
    margin: 0;
    vertical-align: top;
  }
  #monitor-lp-ver3 .wrap .company-name { font-size: 13px; }
  #monitor-lp-ver3 .wrap .company-name .lifestyle { padding: 5px 0; }
  #monitor-lp-ver3 .wrap .item-name {
    font-size: 10px;
    margin: 5px 0px 12px;
    min-height: 0;
    line-height: 1.1;
  }
  /* お客様の声 */
  #monitor-lp-ver3 .voices-up { height: 340px; }
  #monitor-lp-ver3 .voices-down { padding-bottom: 20px; }
  #monitor-lp-ver3 .voices-down .photo-01 {
    margin: 0px auto;
    top: -150px;
    width: 70%;
  }
  #monitor-lp-ver3 .voices-down .photo-02 {
    margin: 0px auto;
    top: 30px;
    width: 70%;
    position: relative;
    float: none;
  }
  #monitor-lp-ver3 .voices-down .white-01 {
    margin: -175px auto 0;
    width: 81.5%;
    padding: 9%;
  }
  #monitor-lp-ver3 .voices-down .white-02 {
    margin: 5px auto 0;
    width: 81.5%;
    padding: 9%;
  }
  #monitor-lp-ver3 .voices-down .intro {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
  }
  #monitor-lp-ver3 .voices-down .ttl { font-size: 17px; }
  #monitor-lp-ver3 .voices-down .txt {
    font-size: 15px;
    line-height: 1.6;
  }
  /* 開業準備中の方もご登録ください！（※ヘアサロンと共通）*/
  #monitor-lp-ver3 .dont-worry { 
    background: #000000 url("/img/contents/lp/monitor/restaurant/2021/re_bg00_sp.png") center center no-repeat;
    background-size: cover;
    background-position: center;
  }
  #monitor-lp-ver3 .house {
    background: url("/img/contents/lp/monitor/restaurant/openready_house_sp.png") center top no-repeat;
    background-size: cover;
    height: 450px;
    width: 95%;
  }
  #monitor-lp-ver3 .house .inner { width: 95%; }
  #monitor-lp-ver3 .house .inner .eng-ttl {
    font-size: 16px;
    padding-top: 50px;
  }
  #monitor-lp-ver3 .house .inner .big-ttl {
    font-size: 27px;
    margin-bottom: 5px;
  }
  #monitor-lp-ver3 .house .inner .txt {
    margin: 10px auto 20px;
    max-width: 80%;
  }
  #monitor-lp-ver3 .house .inner .red-ribbon img { max-width: 270px; }
  #monitor-lp-ver3 .house .inner .box {
    background: #eeeeee;
    border: none;
    margin: -10px auto 0;
    max-width: 300px;
    padding: 0;
  }
}
/* 会員登録モバイルFix*/
#monitor-lp-ver3 .mail-entry-fix-button {
  position: fixed;
  background-color: rgba(255,255,255,0.8);
  left: 0;
  z-index: 1000;
  padding: 4px 0 !important;
  width: 100%;
}
#monitor-lp-ver3 .mail-entry-fix-button .anchor-red-button {
  display: block;
  float: none;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  max-width: 280px;
  margin: 5px auto 5px !important;
  border-radius: 100px;
  padding: 12px !important;
  color: #ffffff;
  border: 0px;
  text-align: center;
  text-decoration: none;
  background: #eb4f50 url(/img/contents/lp/monitor/restaurant/arrow_redbutton.png) right 40px center no-repeat;
  background-size: 7px 10px;
}
#monitor-lp-ver3 .mail-entry-fix-button .anchor-red-button a {
  text-decoration: none;
  color: #ffffff;
}
@media screen and (min-width: 940px) {
  #monitor-lp-ver3 .mail-entry-fix-button {
    display: none;
  }
}  
/* 202102リリース モニターLP改修（ヘアサロン）
-------------------------------------------- */
/* メインビジュアル */
#monitor-lp-ver3 .hairsalon-main-visual {
  margin-top: -108px;
  height: 645px;
  background-image: url("/img/contents/lp/monitor/restaurant/main_bck_yellow.png");
  background-position: center top;
  background-repeat: repeat;
  position: relative;
}
#monitor-lp-ver3 .hairsalon-main-visual .mv-bg::before{
  top: 0;
  left: 0;
  width : 23%;
  height: 645px;
  content: '';
  position: absolute;
  background: url("/img/contents/lp/monitor/beauty/2021/sa_mv_pc00.png") no-repeat;
}
#monitor-lp-ver3 .hairsalon-main-visual .mv-bg::after{
  top: 0;
  right: 0;
  width : 23%;
  height: 645px;
  content: '';
  position: absolute;
  background: url("/img/contents/lp/monitor/beauty/2021/sa_mv_pc01.png") no-repeat;
}
#monitor-lp-ver3 .hairsalon-main-visual .top-tx {
  text-align: center;
  padding-top: 40px;
}
#monitor-lp-ver3 .hairsalon-main-visual .top-tx h2 {
  padding: 8px 0px;
  font-size: 17px;
  font-weight: 600;
  margin: 0px auto 45px;
  max-width: 530px;
  border: 1px #333333 solid;
  color: #333333;
}
#monitor-lp-ver3 .hairsalon-main-visual .top-tx h2 span {
  margin: 0 0 0 1rem;
}
#monitor-lp-ver3 .hairsalon-main-visual .top-tx h3 {
  margin: 0px auto;
  text-align: center;
  margin-top: 25px;
}
#monitor-lp-ver3 .hairsalon-main-visual .top-tx h3 img { 
  width: 50%;
  max-width: 740px;
  position: absolute;
  bottom: 59%;
  right: 50%;
  transform: translate(50%, 50%);
}
/* フォーム*/
#monitor-lp-ver3 .form-wrap-other.hairsalon-form .notice { max-width: 630px; }
/* BOX型フォーム（メインビジュアル部分）*/
#monitor-lp-ver3 .form-wrap-other.top-box.hairsalon-form { top: 410px; }
/* SDとは */
#monitor-lp-ver3 .about.hairsalon-about { padding: 170px 0px 220px; }
#monitor-lp-ver3 .about.hairsalon-about-other { padding: 440px 0px 220px; }
#monitor-lp-ver3 .about.hairsalon-about .inside-wrap .left .ttl { width: 98%; }
/* サロン業界で売れている理由 */
#monitor-lp-ver3 .hairsalon-lowprice-bck {
  background: #ffe475 url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") no-repeat scroll center top;
  height: 281px;
  margin-top: -470px;
  text-align: center;
}
#monitor-lp-ver3 .hairsalon-lowprice-bck .eng-ttl {
  padding-top: 215px;
  margin-bottom: -5px;
  font-size: 21px;
  color: #eb4f50;
}
#monitor-lp-ver3 .hairsalon-lowprice-bck .big-ttl {
  font-size: 40px;
  font-weight: 600;
  border-bottom: none;
  color: #333333;
  line-height: 1.3;
  margin: 0;
}
#monitor-lp-ver3 .hairsalon-lowprice-wrap {
  background: #ffe475;
  padding: 12px 0 90px;
  text-align: center;
}
#monitor-lp-ver3 .recommend-bck {
  margin: 0px auto;
  max-width: 1060px;
  width: 95%;
  text-align: center;
}
#monitor-lp-ver3 .recommend-box { display: flex; }
#monitor-lp-ver3 .recommend-box:first-of-type { margin: 30px 0 23px; }
#monitor-lp-ver3 .recommend-box img { vertical-align: bottom; }
#monitor-lp-ver3 .recommend-box .txt-box {
  background-color: #ffffff;
  padding: 27px 43px;
}
#monitor-lp-ver3 .recommend-box .txt-box .ttl {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 15px;
  padding-bottom: 12px;
  border-bottom: #333333 1.5px dotted;
}
#monitor-lp-ver3 .recommend-box .txt-box .main-txt {
  line-height: 1.8;
  text-align: left;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
#monitor-lp-ver3 .recommend-box .txt-box .main-txt span {
  font-weight: 600;
  color: #EB4F50;
}
/* スーパーデリバリーはこんなに安い！ */
#monitor-lp-ver3 .hairsalon-main-items {
  background: #eeeeee url("/img/contents/lp/monitor/beauty/mainitems_bck_grey_pc.png") repeat scroll center bottom / cover ;
  height: 335px;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3 .lowprice-wrap .hairsalon-mt { margin-top: -60px; }
/* 主な取扱商品 */
#monitor-lp-ver3 .hairsalon-genre {
  background: #ffffff;
  line-height: 1.8;
  margin: 20px auto 0px;  
  max-width: 650px;
  padding: 30px;
  position: relative;
  text-align: center;
  z-index: 1;
}
#monitor-lp-ver3 .hairsalon-genre .ttl {
  background: #ffe375;
  margin: -50px auto 20px;
  text-align: center;
  font-weight: 600;
  font-size: 17px;
  padding: 5px;
  max-width: 200px;
}
#monitor-lp-ver3 .hairsalon-genre span { margin: 0 12px; }
#monitor-lp-ver3 .hairsalon-genre span:first-of-type { margin: 0 12px 0 0; }
#monitor-lp-ver3 .hairsalon-genre span:last-of-type { margin: 0 0 0 12px; }
/* 商品の一部をご紹介！ */
#monitor-lp-ver3 .item-intro.item-intro-beauty { padding-bottom: 30px; }
#monitor-lp-ver3 .item-intro.item-intro-beauty .wrap { padding-bottom: 55px; }
#monitor-lp-ver3 .item-intro.item-intro-beauty .item-bg { padding-bottom: 60px; }
#monitor-lp-ver3 .item-intro.item-intro-beauty .company-name.small-txt1 { 
  font-size: 13px;
  line-height: 1.9;
}
@media screen and (max-width: 940px) {
  #monitor-lp-ver3 .hairsalon-main-visual { 
    margin-top: 0px;
    height: auto;
    padding-bottom: 40%;
  }
  /* メインビジュアル */
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx { padding-top: 0; }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx h2 {
    padding: 6px 0px;
    font-size: 16px;
    margin: 20px auto;
  }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx h3 { margin-top: 2%; }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx h3 img { 
    width: 80%;
    max-width: 740px;
    position: static;
    transform: none;
  }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx .sa_ttl00 { width: 50%; }
  #monitor-lp-ver3 .hairsalon-main-visual .ts-mv-img00 { 
    width: 100%;
    margin-top: 45px;
    vertical-align: bottom;
  }
  /* BOX型フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3 .form-wrap-other.top-box.hairsalon-form { top: 62%; }
  /* SDとは */
  #monitor-lp-ver3 .about.hairsalon-about  { padding: 0 0 40px; }
  #monitor-lp-ver3 .about.hairsalon-about-other { padding: 0 0 40px; }
  
  #monitor-lp-ver3 .about.hairsalon-about .inside-wrap { 
    max-width: 100%;
    width: 100%;
    padding: 45px 6% 25px;
    box-sizing: border-box;
  }
  #monitor-lp-ver3 .about.hairsalon-about .inside-wrap .left .ttl { width: 100%; }
  /* サロン業界で売れている理由 */
  #monitor-lp-ver3 .hairsalon-lowprice-bck {
    height: auto;
    margin-top: -230px;
  }
  #monitor-lp-ver3 .hairsalon-lowprice-wrap { padding: 10px 0 35px; }
  #monitor-lp-ver3 .hairsalon-lowprice-wrap .explain { text-align: left; }
  #monitor-lp-ver3 .recommend-box { 
    display: block;
    float: right;
    width: 49%;
    margin: 30px 0 23px;
  }
  #monitor-lp-ver3 .recommend-box:first-of-type { float: left; } 
  #monitor-lp-ver3 .recommend-box img { width: 100%; }
  #monitor-lp-ver3 .recommend-box .txt-box {
    padding: 14px 20px;
    margin: 0 auto;
    height: 280px;
  }
  #monitor-lp-ver3 .recommend-box .txt-box .ttl { 
    font-size: 20px;
    padding-bottom: 7px;
  }
  #monitor-lp-ver3 .recommend-box .txt-box .main-txt { font-size: 16px }
  /* 主な取扱商品 */
  #monitor-lp-ver3 .hairsalon-genre { width: 73%; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* メインビジュアル */
  #monitor-lp-ver3 .hairsalon-main-visual {
    margin-top: 0px;
    padding-bottom: 90%;
    height: 220px;
  }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx { margin: 0; }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx h2 {
    font-size: 10px;
    margin: 10px auto;
    padding: 3px 0px;
    max-width: 300px;
  }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx .sa_ttl00 { width: 60%; }
  #monitor-lp-ver3 .hairsalon-main-visual .top-tx h3 img { width: 90%; }
  #monitor-lp-ver3 .hairsalon-main-visual .ts-mv-img00 { margin-top: 15px; }
  /* BOX型フォーム（メインビジュアル部分） */
  #monitor-lp-ver3 .form-wrap-other.top-box.hairsalon-form { top: 55%; }
  /* SDとは */
  #monitor-lp-ver3 .about.hairsalon-about { padding: 0; }
  #monitor-lp-ver3 .about.hairsalon-about .inside-wrap { padding: 20px 6% 25px; }
  /* サロン業界で売れている理由 */
  #monitor-lp-ver3 .hairsalon-lowprice-bck { margin-top: -200px; }
  #monitor-lp-ver3 .hairsalon-lowprice-bck .eng-ttl {
    padding-top: 215px;
    font-size: 14px;
  }
  #monitor-lp-ver3 .hairsalon-lowprice-bck .big-ttl { font-size: 22px; }
  #monitor-lp-ver3 .hairsalon-lowprice-wrap { padding: 1px 0 47px; }
  #monitor-lp-ver3 .recommend-bck { width: 100%; }
  #monitor-lp-ver3 .recommend-box { 
    float: none;
    width: 100%;
  }
  #monitor-lp-ver3 .recommend-box:first-of-type { float: none; }
  #monitor-lp-ver3 .recommend-box img { width: 90%; }
  #monitor-lp-ver3 .recommend-box .txt-box {
    margin: 0 5%;
    height: auto;
  }
  #monitor-lp-ver3 .recommend-box .txt-box .ttl {
    font-size: 17px;
    padding-bottom: 8px;
  }
  #monitor-lp-ver3 .recommend-box .txt-box .main-txt {
    line-height: 1.6;
    font-size: 15px;
  }
  /* スーパーデリバリーはこんなに安い！ */
  #monitor-lp-ver3 .hairsalon-main-items {
    height: auto;
    padding-bottom: 86px;
  }
  /* 主な取扱商品 */
  #monitor-lp-ver3 .hairsalon-genre { 
    padding: 8%;
    font-size: 14px;
  }
  /* 商品の一部をご紹介！*/
  #monitor-lp-ver3 .item-intro.item-intro-beauty .item-bg { padding-bottom: 20px; }
  #monitor-lp-ver3 .item-intro.item-intro-beauty .wrap { padding-bottom: 20px; }
  #monitor-lp-ver3 .item-intro.item-intro-beauty .company-name { line-height: 2.5; }
  #monitor-lp-ver3 .item-intro.item-intro-beauty .company-name.small-txt1 {
    font-size: 12px;
    line-height: 1.3;
  }
  #monitor-lp-ver3 .item-intro.item-intro-beauty .company-name.small-txt2 {
    font-size: 12px;
    line-height: 1.3;
  }
}

/* 飲食・ヘアサロン共通1000ptキャンペーン部分
-------------------------------------------- */
#monitor-lp-ver3 .campaign-1000pt {
  background: #ffe475;
  padding: 40px 0;
  font-weight: bold;
}
#monitor-lp-ver3 .campaign-1000pt .box {
  max-width: 980px;
  margin: 0 auto;
}
#monitor-lp-ver3 .campaign-1000pt .box .left {
  float: left;
  width: 48%;
  margin: 100px 0 0;
}
#monitor-lp-ver3 .campaign-1000pt .box .left .more {
  background: url("/img/contents/lp/monitor/jafica/icon_title_02.png") no-repeat scroll left 0px center / 101px 29px;
  font-size: 19px;
  color: #ffe475;
  padding-left: 10px;
  margin: 0 0 5px;
  text-align: left;
}
#monitor-lp-ver3 .campaign-1000pt .box .left .title {
  font-size: 36px;
  margin: 0;
}
#monitor-lp-ver3 .campaign-1000pt .box .left .txt {
  font-size: 21px;
  margin-top: 25px;
  line-height: 1.4;
}
#monitor-lp-ver3 .campaign-1000pt .box .left .txt .red {
  font-size: 42px;
  color: #dc4d4d;
}
#monitor-lp-ver3 .campaign-1000pt .box .left .txt .blk {
  font-size: 30px;
}
#monitor-lp-ver3 .campaign-1000pt .box .right {
  float: right;
  width: 52%;
}
#monitor-lp-ver3 .campaign-1000pt .box .right img {
  width: 470px;
  height: auto;
}
/* SP/TABLET共通 */
@media screen and (max-width: 940px) {
  #monitor-lp-ver3 .campaign-1000pt .box .left {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .left .more {
    background: rgba(0, 0, 0, 0) url("/img/contents/lp/monitor/jafica/icon_title_02.png") no-repeat scroll center center / 101px 29px;
    padding-left: 0;
    text-align: center;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .left .txt {
    margin-top: 15px;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .right {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .right img {
    max-width: 470px;
    width: 100%;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver3 .campaign-1000pt .box {
    padding: 0 10px;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .left .more {
    font-size: 16px;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .left .title {
    font-size: 22px;
    margin: 0;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .left .txt {
    font-size: 16px;
    margin-top: 25px;
    line-height: 1.4;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .left .txt .red {
    font-size: 33px;
    color: #dc4d4d;
  }
  #monitor-lp-ver3 .campaign-1000pt .box .left .txt .blk {
    font-size: 24px;
  }
}
/* 薬局向けLPキャンペーン部分
-------------------------------------------- */
#monitor-lp-ver3 .campaign-1000pt.pharmacy {
  background: #9AE2FE;
}
#monitor-lp-ver3 .campaign-1000pt.pharmacy .box {
  max-width: 960px;
}
#monitor-lp-ver3 .campaign-1000pt.pharmacy .box .left {
  width: 54%;
  padding: 0 20px;
  box-sizing: border-box;
}
#monitor-lp-ver3 .campaign-1000pt.pharmacy .box .left .more {
  color: #9AE2FE;
}
#monitor-lp-ver3 .campaign-1000pt.pharmacy .box .right {
  width: 46%;
}
#monitor-lp-ver3 .campaign-1000pt.pharmacy .box .right img {
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
}
/* SP/TABLET共通 */
@media screen and (max-width: 940px) {
  #monitor-lp-ver3 .campaign-1000pt.pharmacy .box .left {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #monitor-lp-ver3 .campaign-1000pt.pharmacy .box .left .more {
    text-align: center;
  }
  #monitor-lp-ver3 .campaign-1000pt.pharmacy .box .left .txt {
    margin-top: 15px;
  }
  #monitor-lp-ver3 .campaign-1000pt.pharmacy .box .right {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  #monitor-lp-ver3 .campaign-1000pt.pharmacy .box .right img {
    max-width: 470px;
    padding-right: 0;
  }
}

/* 202103リリース モニターLP（フェアトレード）
-------------------------------------------- */
/* 共通 */
#monitor-lp-ver3.fairtrade .title-area {
  text-align: center;
  margin: 0 auto 35px;
}
#monitor-lp-ver3.fairtrade .title-area .title { margin: 0 auto; }
#monitor-lp-ver3.fairtrade .title-area .top-txt {
  font-size: 18px;
  line-height: 1.8;
}
#monitor-lp-ver3.fairtrade .inner {
  width: 95%;
  max-width: 1020px;
  margin: 0 auto;
}
/* フォーム*/
#monitor-lp-ver3.fairtrade .form-oh-wrap { overflow: hidden;}
#monitor-lp-ver3.fairtrade .form-oh {
  max-width: 876px;
  margin: 0 auto;
  height: 236px;
  position: relative;
  z-index: 1;
}
#monitor-lp-ver3.fairtrade .form-oh-wrap .left-img {
  width: 22%;
  position: absolute;
  left: -15%;
  bottom: 0;
}
#monitor-lp-ver3.fairtrade .form-oh-wrap .right-img {
  width: 16%;
  position: absolute;
  right: -12%;
  bottom: 0;
}
#monitor-lp-ver3.fairtrade .form-bg {
  background-image: url("/img/contents/lp/monitor/fairtrade/bg_01.png");
  background-size: cover;
  padding: 100px 0;
  margin: -489px auto 0;
}
#monitor-lp-ver3.fairtrade .form-wrap {
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  max-width: 876px;
  padding: 30px 40px;
  margin: 0 auto;
  border-radius: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}
#monitor-lp-ver3.fairtrade .form-wrap .form-left {
  width: 474px;
  margin-right: 28px;
  text-align: center;
  z-index: 2;
}
#monitor-lp-ver3.fairtrade .form-wrap .form-right {
  width: 344px;
  position: relative;
  text-align: center;
  margin-left: 30px;
}
#monitor-lp-ver3.fairtrade .form-wrap .form-right::before { 
  content: "";
  display: inline-block;
  height: 277px;
  position: absolute;
  top: -30px;
  left: -30px;
  border-left: dashed 1px #CCCCCC;
}
#monitor-lp-ver3.fairtrade .form-wrap .form-right-tx {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 7px;
}
#monitor-lp-ver3.fairtrade .form-wrap .form-right-tx::before {
  content: '＼';
  display:inline-block;
  margin-right: 8px;
}
#monitor-lp-ver3.fairtrade .form-wrap .form-right-tx::after {
  content: '／';
  display:inline-block;
  margin-left: 8px;
}
#monitor-lp-ver3.fairtrade .form-wrap .form-right img { width: 303px; }
#monitor-lp-ver3.fairtrade .form-wrap .form-tx {
  font-size: 22px;
  margin: 0 0 10px 0;
  color: #333333;
}
#monitor-lp-ver3.fairtrade .entry-form-action {
  margin: 0 auto;
  max-width: none;
}
#monitor-lp-ver3.fairtrade .entry-form-box {
  width: 432px;
  float: none;
}
#monitor-lp-ver3.fairtrade .entry-form-box input[type='email'] {
  border: 1px #cccccc solid;
  background-color: #F8F8F8;
  padding: 0 5px;
  box-sizing: content-box;
}
#monitor-lp-ver3.fairtrade .form {
  background-image: none;
  border-radius: 3px;
  font-size: 18px;
  width: 422px;
  height: 44px;
}
#monitor-lp-ver3.fairtrade .mail-button {
  width: 432px;
  float: none;
  position: static;
}
#monitor-lp-ver3.fairtrade .flat-red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #eb4f50;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  width: 432px;
  height: 44px;
  margin-top: 13px;
  float: none;
  -webkit-appearance: none;
}
#monitor-lp-ver3.fairtrade .flat-red-button:hover { opacity: 0.8; }
#monitor-lp-ver3.fairtrade .form-wrap .notice {
  margin: 22px auto 0;
  font-size: 13px;
  max-width: 350px;
  color: #333333;
  text-align: left;
  line-height: 0.8;
}
#monitor-lp-ver3.fairtrade .form-wrap .left-img { display: none; }
#monitor-lp-ver3.fairtrade .form-wrap .right-img { display: none; }
/* ロゴ*/
#monitor-lp-ver3.fairtrade .logo-wrap {
  position: absolute;
  top: 20px;
  left: 22px;
  width: 24%;
}
#monitor-lp-ver3.fairtrade .logo-wrap img { 
  width: 125px;
  padding-right: 10px;
  margin-right: 8px;
}
#monitor-lp-ver3.fairtrade .logo-wrap h1 {
  margin: 0;
  padding: 7px 0 8px 0;
  font-size: 13px;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: top;
}
#monitor-lp-ver3.fairtrade .logo-wrap h1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  border-right: dotted 0.1em #FFFFFF;
  position: absolute;
  top: 0;
  left: 135px;
}
@media screen and (max-width: 1268px) {
  #monitor-lp-ver3.fairtrade .logo-wrap h1::after {
    visibility: hidden;
  }
}
/* メインビジュアル */
#monitor-lp-ver3.fairtrade .main-visual {
  background-image: url("/img/contents/lp/monitor/fairtrade/mv_00.png"),url("/img/contents/lp/monitor/fairtrade/bg_00.png");
  background-repeat: no-repeat,repeat;
  background-position: top center,top center;
  background-size: cover,auto;
  margin-top: -108px;
  padding-top: 39px;
  height: 486px;
  position: relative;
}
#monitor-lp-ver3.fairtrade .main-visual h2 {
  padding: 7px 0 5px;
  font-size: 14px;
  font-weight: normal;
  margin: 0 auto 43px;
  max-width: 386px;
  background-color: #444444;
  color: #FFFFFF;
  text-align: center;
  border-bottom: none;
}
#monitor-lp-ver3.fairtrade .main-visual .top-tx {
  position: relative;
  width: 810px;
  margin: 0 auto;
}
#monitor-lp-ver3.fairtrade .main-visual .top-tx h3 {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.fairtrade .main-visual .top-tx h3 img { 
  width: 33%;
  min-width: 499px;
}
#monitor-lp-ver3.fairtrade .main-visual .pt-mv-left {
  position: absolute;
  top: -5%;
  left: 0;
  width: 140px;
}
#monitor-lp-ver3.fairtrade .main-visual .pt-mv-right {
  position: absolute;
  top: -1%;
  right: 1%;
  width: 107px;
}
/* フォーム（メインビジュアル部分）*/
#monitor-lp-ver3.fairtrade .form-wrap.top-box {
  position: absolute;
  top: 410px;
  right: 50%;
  transform: translateX(50%);
  box-shadow: 0 3px 5px 1px #CCCCCC;
  z-index: 1;
}
/* about */
#monitor-lp-ver3.fairtrade .about-oh-wrap { overflow: hidden; }
#monitor-lp-ver3.fairtrade .about-oh {
  max-width: 1170px;
  margin: 0 auto;
  height: 245px;
  position: relative;
}
#monitor-lp-ver3.fairtrade .about-oh .bg-img {
  width: 22%;
  position: absolute;
  right: -10%;
  top: 8%;
}
#monitor-lp-ver3.fairtrade .about {
  background: #F4F0E4;
  padding: 0 0 11px;
  margin-top: 0;
}
#monitor-lp-ver3.fairtrade .about .about-bg {
  max-width: 1170px;
  height: 103%;
  border-radius: 40% / 100% 100% 0 0;
  background: #FFFFFF;
  margin: -245px auto 0;
}
#monitor-lp-ver3.fairtrade .about .about-imgarea {
  width: 95%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  position: relative;
}
#monitor-lp-ver3.fairtrade .about .left-img {
  width: 30%;
  position: absolute;
  bottom: -1%;
  left: 12%;
}
#monitor-lp-ver3.fairtrade .about .right-img { 
  width: 52%;
  position: absolute;
  bottom: 17%;
  right: 6%;
}
/* 人気商品をご紹介 */
#monitor-lp-ver3.fairtrade .item-list {
  background: url("/img/contents/lp/monitor/fairtrade/bg_03.gif") center top repeat;
  margin: 0 0 253px 0;
  padding: 60px 0 100px;
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 10px 0
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap .box {
  width: 31%;
  height: 100%;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap .genre-wrap {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap .item-genre {
  font-size: 20px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 8px 22px 5px;
  margin: 0 0 0 -10px;
  color: #FFFFFF;
  background: #248357;
  position: absolute;
  top: -10px;
  line-height: 1.4;
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap .item-genre:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 10px #04331D;
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap img {
  height: 196px;
  width: 100%;
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap .maker {
  font-size: 14px;
  font-weight: 600;
  color: #248357;
  margin: 10px 0;
  line-height: 1.4;
}
#monitor-lp-ver3.fairtrade .item-list .item-wrap .name {
  font-size: 16px;
  line-height: 1.4;
  min-height: 42px;
  margin: 0;
}
#monitor-lp-ver3.fairtrade .item-list .item-btn {
  background-color: #248357;
  border-radius: 8px;
  height: 226px;
}
#monitor-lp-ver3.fairtrade .item-list .item-btn img { 
  width: 100%;
  height: 226px;
}
#monitor-lp-ver3.fairtrade .item-list .item-btn a { 
  transition: 0.3s;
  display: block;
}
#monitor-lp-ver3.fairtrade .item-list .item-btn a:hover { 
  opacity: 0.8;
  filter: brightness(120%);
}
/* 仕入れの悩みを解消します */
#monitor-lp-ver3.fairtrade .solution {
  background-color: #F4F0E4;
  margin-top: 0;
  padding: 60px 0 100px;
}
#monitor-lp-ver3.fairtrade .solution .box-area {
  display: flex;
  justify-content: space-between;
}
#monitor-lp-ver3.fairtrade .solution ul {
  padding: 0 0 10px 0;
  margin: 0;
  width: 48%;
}
#monitor-lp-ver3.fairtrade .solution li {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  box-sizing: border-box;
}
#monitor-lp-ver3.fairtrade .solution .img-wrap {
  width: 230px;
  text-align: center;
}
#monitor-lp-ver3.fairtrade .solution .img-wrap img { vertical-align: bottom; }
#monitor-lp-ver3.fairtrade .solution .txt {
  font-size: 18px;
  margin-left: 16px;
  line-height: 1.8;
  max-width: 216px;
}
#monitor-lp-ver3.fairtrade .solution .top-box {
  background-color: #F6F6F6;
  border: solid 1px #CCCCCC;
  height: 143px;
}
#monitor-lp-ver3.fairtrade .solution .bottom-box {
  background-color: #FFFFFF;
  border: solid 4px #248357;
  height: 164px;
}
#monitor-lp-ver3.fairtrade .solution .bottom-box .txt {
  font-weight: 600;
  color: #248357;
}
#monitor-lp-ver3.fairtrade .solution .box-area .left-top { width: 111px; }
#monitor-lp-ver3.fairtrade .solution .box-area .left-bottom { width: 206px; }
#monitor-lp-ver3.fairtrade .solution .box-area .right-top { width: 201px; }
#monitor-lp-ver3.fairtrade .solution .box-area .right-bottom { width: 149px; }
#monitor-lp-ver3.fairtrade .solution .arrow {
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 19px solid #248357;
  margin: 16px auto;
}
/* 様々な業種に使われています */
#monitor-lp-ver3.fairtrade .voice {
  background: url("/img/contents/lp/monitor/fairtrade/bg_02.png") center top no-repeat;
  background-size: cover;
  margin: 0 0 253px 0;
  padding: 60px 0 113px;
}
#monitor-lp-ver3.fairtrade .voice .title-area { margin-bottom: 0; }
#monitor-lp-ver3.fairtrade .voice .voice-inner {
  width: 95%;
  max-width: 1020px;
  margin: 0 auto;
}
#monitor-lp-ver3.fairtrade .voice .notice {
  text-align: right;
  font-size: 13px;
}
#monitor-lp-ver3.fairtrade .voice .voice-wrap {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 85px 0 0
}
#monitor-lp-ver3.fairtrade .voice .voice-wrap .box {
  width: 28%;
  height: 190px;
  margin-bottom: 110px;
  border-radius: 10px;
  background-color: #FFFFFF;
  position: relative;
  padding: 30px 20px;
}
#monitor-lp-ver3.fairtrade .voice .voice-wrap .box:nth-child(n+4) { margin-bottom: 0; }
#monitor-lp-ver3.fairtrade .voice .voice-wrap .box img {
  width: 120px;
  position: absolute;
  top: -85px;
  left: 0;
  right: 0;
  margin: auto;
}
#monitor-lp-ver3.fairtrade .voice .voice-wrap .sector {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: #FFFFFF;
  padding: 0 0 10px 0;
  border-bottom: dotted 1.5px #333333;
}
#monitor-lp-ver3.fairtrade .voice .voice-wrap .txt {
  font-size: 16px;
  margin: 0;
  line-height: 1.6;
}
#monitor-lp-ver3.fairtrade .voice .voice-wrap .txt span {
  font-weight: 600;
  color: #248357;
}
/* bottom-area */
#monitor-lp-ver3.fairtrade .bottom-area {
  background-color: #F6F6F6;
  text-align: center;
  padding: 12px 0 6px;
  z-index: 1;
  position: relative;
}
#monitor-lp-ver3.fairtrade .bottom-area img { width: 71px; }
#monitor-lp-ver3.fairtrade .bottom-area p {
  font-size: 12px;
  margin: 0;
}
@media screen and (max-width: 940px) {
  /* 共通 */
  #monitor-lp-ver3.fairtrade .title-area { margin: 0 auto 30px; }
  #monitor-lp-ver3.fairtrade .title-area .title img { width: 100%; }
  #monitor-lp-ver3.fairtrade .inner { width: 93%; }
  /* フォーム*/
  #monitor-lp-ver3.fairtrade .form-oh-wrap { display: none;}
  #monitor-lp-ver3.fairtrade .form-bg { 
    padding: 80px 0;
    margin: 0 auto;
  }
  #monitor-lp-ver3.fairtrade .form-wrap {
    width: 95%;
    display: block;
    overflow: visible;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .form-left {
    width: 100%;
    margin-right: 0;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right {
    width: 100%;
    margin-left: 0;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right::before { display: none; }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right-tx {
    margin: 20px 0 15px;
    padding: 4px 0;
    border-top: solid 1.5px #333333;
    border-bottom: solid 1.5px #333333;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right-tx::before,
  #monitor-lp-ver3.fairtrade .form-wrap .form-right-tx::after {
    display: none;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right img { width: 49%; }
  #monitor-lp-ver3.fairtrade .entry-form-box {
    width: 60%;
    display: inline-block;
  }
  #monitor-lp-ver3.fairtrade .form { width: 95%; }
  #monitor-lp-ver3.fairtrade .mail-button {
    width: 39%;
    display: inline-block;
  }
  #monitor-lp-ver3.fairtrade .flat-red-button {
    width: 100%;
    margin-top: 0;
    font-size: 16px;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .left-img {
    width: 13%;
    left: 3%;
    top: -28%;
    display: block;
    position: absolute;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .right-img {
    width: 10%;
    right: 4%;
    bottom: -24%;
    display: block;
    position: absolute;
  }
  /* ロゴ*/
  #monitor-lp-ver3.fairtrade .logo-wrap {
    padding: 0;
    width: 125px;
  }
  #monitor-lp-ver3.fairtrade .logo-wrap img { 
    border-right: none;
    padding-right: 0;
  }
  #monitor-lp-ver3.fairtrade .logo-wrap h1 { display: none; }
  /* メインビジュアル */
  #monitor-lp-ver3.fairtrade .main-visual {
    background-image: url("/img/contents/lp/monitor/fairtrade/bg_00.png");
    background-repeat: repeat;
    background-position: top center;
    background-size: auto;
    padding-top: 18px;
    margin-top: 0;
    height: auto;
  }
  #monitor-lp-ver3.fairtrade .main-visual h2 {
    padding: 7px 1% 5px;
    margin: 0 auto 27px;
    vertical-align: top;
    width: 52%;
  }
  #monitor-lp-ver3.fairtrade .main-visual .top-tx { width: 100%; }
  #monitor-lp-ver3.fairtrade .main-visual .top-tx h3 img { 
    width: 33%;
    min-width: 499px;
  }
  #monitor-lp-ver3.fairtrade .main-visual .pt-mv-left {
    top: 1%;
    left: 1%;
  }
  #monitor-lp-ver3.fairtrade .main-visual .pt-mv-right {
    top: 1%;
    right: 1%;
  }
  #monitor-lp-ver3.fairtrade .main-visual .top-tx .ts-mv { 
    width: 100%;
    margin-top: 5%;
    vertical-align: bottom;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.fairtrade .form-wrap.top-box {
    top: 76%;
    left: 0;
    transform: none;
    box-sizing: border-box;
    margin: 0 2.5%;
  }
  /* about */
  #monitor-lp-ver3.fairtrade .about-oh-wrap { display: none; }
  #monitor-lp-ver3.fairtrade .about { padding: 0; }
  #monitor-lp-ver3.fairtrade .about .about-bg {
    width: 95%;
    height: auto;
    margin: 0 auto;
  }
  #monitor-lp-ver3.fairtrade .about .bg-img { display: none; }
  #monitor-lp-ver3.fairtrade .about .about-imgarea { padding-top: 355px; }
  #monitor-lp-ver3.fairtrade .about .left-img {
    width: 34%;
    left: 4%;
  }
  #monitor-lp-ver3.fairtrade .about .right-img {
    width: 58%;
    bottom: 15%;
    right: 3%;
  }
  /* 人気商品をご紹介 */
  #monitor-lp-ver3.fairtrade .item-list { 
    margin: 0;
    padding: 50px 0 80px;
  }
  #monitor-lp-ver3.fairtrade .item-list .title-area .title { width: 28%; }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap { padding: 0 0 10px 4%; }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap .box {
    width: 46%;
    margin: 0 0 20px 0;
    padding: 0 4% 0 0;
  }
  #monitor-lp-ver3.fairtrade .item-list .item-btn { height: 250px; }
  #monitor-lp-ver3.fairtrade .item-list .item-btn img { height: 250px; }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap img { height: auto; }
  #monitor-lp-ver3.fairtrade .item-list .item-btn img { width: 100%; }
  /* 仕入れの悩みを解消します */
  #monitor-lp-ver3.fairtrade .solution { padding: 50px 0 80px; }
  #monitor-lp-ver3.fairtrade .solution .title-area .title { width: 38%; }
  #monitor-lp-ver3.fairtrade .solution ul {
    margin: 0 2.2% 0 0;
    width: 100%;
  }
  #monitor-lp-ver3.fairtrade .solution ul:last-of-type{ margin: 0 0 0 2.5%; }
  #monitor-lp-ver3.fairtrade .solution li {
    width: 100%;
    display: block;
    text-align: center;
  }
  #monitor-lp-ver3.fairtrade .solution .img-wrap { margin: 0 auto; }
  #monitor-lp-ver3.fairtrade .solution .txt {
    margin: 22px 0 8px 0;
    line-height: 1.4;
    max-width: 100%;
  }
  #monitor-lp-ver3.fairtrade .solution .top-box { height: 165px; }
  #monitor-lp-ver3.fairtrade .solution .bottom-box {
    height: 180px;
  }
  #monitor-lp-ver3.fairtrade .solution .box-area .left-top { width: 67px }
  #monitor-lp-ver3.fairtrade .solution .box-area .left-bottom { width: 140px; }
  #monitor-lp-ver3.fairtrade .solution .box-area .right-top { width: 126px; }
  #monitor-lp-ver3.fairtrade .solution .box-area .right-bottom { width: 99px; }
  /* 様々な業種に使われています */
  #monitor-lp-ver3.fairtrade .voice {
    margin: 0;
    padding: 60px 0 80px;
  }
  #monitor-lp-ver3.fairtrade .voice .voice-inner { width: 93%; }
  #monitor-lp-ver3.fairtrade .voice .title-area .title { width: 42%; }
  #monitor-lp-ver3.fairtrade .voice .top-txt {
    width: 80%;
    margin: 30px auto 0;
  }
  #monitor-lp-ver3.fairtrade .voice .top-txt img { width: 100%; }
  #monitor-lp-ver3.fairtrade .voice .voice-wrap .box {
    width: 42.5%;
    height: 160px;
    margin-bottom: 110px;
    padding: 30px 20px;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #monitor-lp-ver3.fairtrade .title-area { 
    margin: 0 20px 30px;
  }
  #monitor-lp-ver3.fairtrade .title-area .top-txt { 
    font-size: 15px;
    line-height: 1.5;
  }
  #monitor-lp-ver3.fairtrade .inner { width: 85%; }
  /* フォーム*/
  #monitor-lp-ver3.fairtrade .form { width: 96%; }
  #monitor-lp-ver3.fairtrade .form-bg { padding: 50px 0; }
  #monitor-lp-ver3.fairtrade .form-wrap {
    width: 92%;
    padding: 25px 25px 34px 25px;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right { display: block; }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right-tx {
    margin: 20px 0 11px;
    padding: 2px 0;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .form-right img { width: 100%; }
  #monitor-lp-ver3.fairtrade .entry-form-box {
    width: 100%;
    display: inline-block;
  }
  #monitor-lp-ver3.fairtrade .mail-button { width: 100%; }
  #monitor-lp-ver3.fairtrade .flat-red-button {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .notice {
    margin: 15px auto 0;
    font-size: 12px;
    line-height: 1.6;
    padding-left: 1em;
    text-indent: -1em;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .notice p { margin: 0; }
  #monitor-lp-ver3.fairtrade .form-wrap .left-img {
    width: 23%;
    top: -17%;
  }
  #monitor-lp-ver3.fairtrade .form-wrap .right-img {
    width: 17%;
    bottom: -11%;
  }
  /* ロゴ*/
  #monitor-lp-ver3.fairtrade .logo-wrap { 
    margin-left: 4%;
    position: static;
  }
  #monitor-lp-ver3.fairtrade .logo-wrap img { margin: 0; }
  /* メインビジュアル */
  #monitor-lp-ver3.fairtrade .main-visual {
    background-image: url("/img/contents/lp/monitor/fairtrade/sp_bg_00.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    margin: 0 auto;
  }
  #monitor-lp-ver3.fairtrade .main-visual h2 {
    padding: 6px 0 4px;
    margin: 7px auto 18px;
    font-size: 12px;
    width: 92%;
  }
  #monitor-lp-ver3.fairtrade .main-visual .top-tx h3 img {
    width: 83%;
    min-width: auto;
  }
  #monitor-lp-ver3.fairtrade .main-visual .top-tx .ts-mv { 
    margin: 0 auto;
    margin-top: calc(50% - 118px);
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.fairtrade .form-wrap.top-box { 
    margin: 0 4%;
    top: 80%;
  }
  /* about */
  #monitor-lp-ver3.fairtrade .about { 
    margin: 0 auto;
    padding-top: 365px;
    text-align: center;
    width: 100%;
  }
  #monitor-lp-ver3.fairtrade .about .about-bg {
    border-radius: 85% 85% 0 0 / 100% 100% 0 0;
    width: 120%;
    margin: 0 -10%;
    position: static;
  }
  #monitor-lp-ver3.fairtrade .about .bg-img { display: none; }
  #monitor-lp-ver3.fairtrade .about .about-imgarea {
    width: 100%;
    padding-top: 15%;
    display: block;
  }
  #monitor-lp-ver3.fairtrade .about .left-img {
    width: 34%;
    position: static;
    vertical-align: bottom;
  }
  #monitor-lp-ver3.fairtrade .about .right-img {
    width: 58%;
    position: static;
  }
  #monitor-lp-ver3.fairtrade .about .left-img { width: 52%; }
  #monitor-lp-ver3.fairtrade .about .right-img { width: 52%; }
  /* 人気商品をご紹介 */
  #monitor-lp-ver3.fairtrade .item-list { font-size: 15px; }
  #monitor-lp-ver3.fairtrade .item-list .title-area .title { width: 47%; }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap { padding: 0 0 10px 0; }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap .maker {
    font-size: 13px;
    margin: 10px 0 5px;
  }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap .name { font-size: 14px; }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap .box {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
  }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap .item-genre { font-size: 14px; }
  #monitor-lp-ver3.fairtrade .item-list .item-wrap img { height: auto; }
  #monitor-lp-ver3.fairtrade .item-list .item-btn { 
    height: 100%;
    background: none;
    margin-top: 20px;
  }
  #monitor-lp-ver3.fairtrade .item-list .item-btn img { height: 100%; }
  /* 仕入れの悩みを解消します */
  #monitor-lp-ver3.fairtrade .solution .title-area .title { width: 72%; }
  #monitor-lp-ver3.fairtrade .solution .box-area { display: block; }
  #monitor-lp-ver3.fairtrade .solution ul {
    margin: 0;
    padding: 0 0 30px;
    width: 100%;
  }
  #monitor-lp-ver3.fairtrade .solution ul:last-of-type{ 
    margin: 0;
    padding: 0;
  }
  #monitor-lp-ver3.fairtrade .solution .txt { font-size: 15px; }
  #monitor-lp-ver3.fairtrade .solution .arrow { margin: 12px auto; }
  /* 様々な業種に使われています */
  #monitor-lp-ver3.fairtrade .voice { padding: 50px 0 80px; }
  #monitor-lp-ver3.fairtrade .voice .title-area .title { width: 75%; }
  #monitor-lp-ver3.fairtrade .voice .voice-inner { width: 92%; }
  #monitor-lp-ver3.fairtrade .voice .notice { font-size: 11px; }
  #monitor-lp-ver3.fairtrade .voice .top-txt { width: 90%; }
  #monitor-lp-ver3.fairtrade .voice .top-txt img { width: 100%; }
  #monitor-lp-ver3.fairtrade .voice .voice-wrap { display:block; }
  #monitor-lp-ver3.fairtrade .voice .voice-wrap .box {
    width: 100%;
    height: auto;
    padding: 30px 20px 20px;
    margin: 0 auto 100px;
    box-sizing: border-box;
  }
  #monitor-lp-ver3.fairtrade .voice .voice-wrap .box:nth-child(n+4) { margin-bottom: 100px; }
  #monitor-lp-ver3.fairtrade .voice .voice-wrap .box:last-child { margin-bottom: 0; }
  /* bottom-area */
  #monitor-lp-ver3.fairtrade .bottom-area { padding: 12px 4% 6px; }
  #monitor-lp-ver3.fairtrade .bottom-area img { 
    width: 71px;
    display: inline-block;
    margin-right: 9px;
  }
  #monitor-lp-ver3.fairtrade .bottom-area p {
    font-size: 11px;
    padding-top: 8px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    width: 64%;
  }
}

/* 201704リリース モニターLP（建設業向け）
-------------------------------------------- */
/* 冒頭（メインビジュアル部分） */
#monitor-lp-ver2 .interior-main-visual {
  background: url("/img/contents/lp/monitor/interior/main_image_pc.jpg") repeat scroll center center;
  background-size: cover;
  background-position: center;
  margin-top: -108px;
  height: 500px;
}
#monitor-lp-ver2 .interior-main-visual .logo {
  float: left;
}
#monitor-lp-ver2 .interior-main-visual .logo img {
  border-right: 1px solid #ffffff;
  padding-right: 10px;
  vertical-align: middle;
  width: 111px;
}
#monitor-lp-ver2 .interior-main-visual .txt {
  margin: 5px 0 0 10px;
  vertical-align: middle;
  font-size: 82%;
  color: #ffffff;
}
#monitor-lp-ver2 .interior-main-visual .top-tx {
  margin: 30px auto;
  text-align: center;
}
#monitor-lp-ver2 .interior-main-visual .top-tx .yellow-ttl {
  background: #ffe400;
  padding: 5px;
  font-size: 19px;
  font-weight: bold;
  margin: 0px auto 15px;
  max-width: 320px;
  letter-spacing: 0.05em;
}
#monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl {
  width: 95%;
  margin: 0px auto;
  text-align: center;
}
#monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .sml {
  font-size: 42px;
  font-weight: bold;
  color: #ffffff;
  display: block;
}
#monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .lg-wrap {
  line-height: 1;
  display: block;
}
#monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .lg-yellow {
  font-size: 81px;
  color: #ffe400;
  font-weight: bold;
}
#monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .sml-yellow {
  font-size: 67px;
  font-weight: bold;
  color: #ffe400;
}
#monitor-lp-ver2 .interior-main-visual .top-tx .service-ttl {
  padding: 5px;
  font-size: 19px;
  font-weight: bold;
  margin: 10px auto;
  max-width: 615px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}

/* メインビジュアル下の会員登録枠*/
#monitor-lp-ver2 .form-wrap-top .notice-ver2 {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  font-size: 13px;
  margin: 0 auto;
  max-width: 340px;
  text-align: center;
}
#monitor-lp-ver2 .form-wrap-top .notice-ver2 ul {
  margin-left: -10px;
  text-align: left;
}

#monitor-lp-ver2 .form-wrap-top .notice-ver2 li {
  list-style-type: disc;
}

/* スーパーデリバリーが安い理由*/
#monitor-lp-ver2 .reason-wrap {
  width: 90%;
  height: auto;
  max-width: 950px;
  margin: 60px auto 70px;
}
#monitor-lp-ver2 .reason-wrap .reason-txt {
  background: #ffffff;
  padding: 5% 6%;
  display: table-cell;
  width: 49%;
  margin-top: -2.5%;
}
#monitor-lp-ver2 .reason-wrap .reason-txt .icon-01 {
  margin: 0px;
}
#monitor-lp-ver2 .reason-wrap .reason-txt .icon-01 img {
  margin: 0 auto;
  width: 100%;
  max-width: 72px;
  height: auto;
}
#monitor-lp-ver2 .reason-wrap .reason-txt .icon-02 {
  margin: 20px 0px 0px;
}
#monitor-lp-ver2 .reason-wrap .reason-txt .icon-02 img {
  margin: 0 auto;
  width: 82px;
  height: auto;
}
#monitor-lp-ver2 .reason-wrap .reason-txt .ttl {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}
#monitor-lp-ver2 .reason-wrap .reason-txt .txt {
  text-align: left;
  margin: 0px;
  font-size: 17px;
  line-height: 1.7em;
}
#monitor-lp-ver2 .reason-wrap .reason-photo {
  display: table-cell;
  width: 52%;
  vertical-align: middle;
}
#monitor-lp-ver2 .reason-wrap .reason-photo img {
  width: 100%;
  height: auto;
  max-width: 504px;
  max-height: 100%;
  vertical-align: middle;
}

/* 会員登録枠（黒）*/
#monitor-lp-ver2 .form-wrap-other .notice-black {
  font-size: 13px;
  margin: 0 auto;
  max-width: 340px;
  text-align: center;
  color: #ffffff;
}
#monitor-lp-ver2 .form-wrap-other .notice-black ul {
  margin-left: -10px;
  text-align: left;
}
#monitor-lp-ver2 .form-wrap-other .notice-black li {
  list-style-type: disc;
}
@media screen and (max-width: 940px) {
#monitor-lp-ver2 .mail-entry-pc-hidden {
    display: none;
  }
}

/* どんなテイストの部屋にも*/
#monitor-lp-ver2 .main-items-interior {
  background: #eeeeee url("/img/contents/lp/monitor/interior/mainitems_bck_grey_pc.png") repeat scroll center bottom / cover ;
  height: 340px;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 .yellow-bck .photo-interior {
  margin: -50px auto 0;
  max-width: 1470px;
}
#monitor-lp-ver2 .yellow-bck .photo-interior img {
  width: 100%;
  height: auto;
}

/* 商品の一部をご紹介！*/
#monitor-lp-ver2 .item-intro-interior {
  background: #eeeeee url("/img/contents/lp/monitor/interior/mainitems_bck_grey_pc.png") repeat scroll center bottom / 1470px auto;
  margin: 0 auto;
  text-align: center;
}

/* ホームステージング協会*/
#monitor-lp-ver2 .homestaging {
  background: #ffffff;
  padding: 40px 5% 0px;
  margin: 50px 0 25px;
}
#monitor-lp-ver2 .homestaging .logo {
  display: inline-block;
  padding: 0px 45px 0px 0px;
}
#monitor-lp-ver2 .homestaging .logo img {
  max-width: 356px;
  width: 100%;
  height: auto;
}
#monitor-lp-ver2 .homestaging .txt {
  display: inline-block;
  text-align: left;
}

@media screen and (max-width: 940px) {
  #monitor-lp-ver2 .interior-main-visual {
    margin-top: 0px;
  }
  #monitor-lp-ver2 .reason-wrap {
    margin: 30px auto;
    width: 95%;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt {
    display: block;
    padding: 7%;
    margin: 0 auto;
  }
  #monitor-lp-ver2 .reason-wrap .reason-photo {
    display: none;
  }
  #monitor-lp-ver2 .homestaging .logo {
    display: block;
    padding: 0px;
  }
}

/* 会員登録モバイルFix*/
div[id^="monitor-lp"] .mail-entry-fix-button {
  position: fixed;
    background-color: rgba(255,255,255,0.8);
    left: 0;
    z-index: 1000;
    padding: 8px 0 !important;
    width: 100%;
}
div[id^="monitor-lp"] .mail-entry-fix-button .anchor-red-button {
    background-color: #eb4f50;
    display: block;
    float: none;
    font-size: 15px;
    width: 100%;
    max-width: 280px;
    margin: 5px auto 5px !important;
    border-radius: 10px;
    padding: 10px !important;
    color: #ffffff;
    border: 0px;
    text-align: center;
    text-decoration: none;
}
div[id^="monitor-lp"] .mail-entry-fix-button .anchor-red-button a {
    text-decoration: none;
    color: #ffffff;
}
@media screen and (min-width: 940px) {
div[id^="monitor-lp"] .mail-entry-fix-button {
    display: none;
  }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-ver2 .pc-block {
    display: block;
  }
  #monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .lg-yellow {
    font-size: 70px;
  }
  #monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .sml-yellow {
    font-size: 55px;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt {
    width: 81%;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt .icon-01 img {
    max-width: 80px;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt .icon-02 img {
    max-width: 80px;
    width: 100%;
    height: auto;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt .ttl {
    font-size: 19px;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver2 .pc-block {
    display: inline;
  }
  #monitor-lp-ver2 .sp-block {
    display: block;
  }
  #monitor-lp-ver2 .interior-main-visual .logo img {
    border-right: none;
  }
  #monitor-lp-ver2 .interior-main-visual {
    background-image: url("/img/contents/lp/monitor/interior/main_image_sp.png");
    height: 610px;
  }
  #monitor-lp-ver2 .interior-main-visual .txt {
    display: none;
  }
  #monitor-lp-ver2 .interior-main-visual .top-tx {
    margin: 40px auto;
  }
  #monitor-lp-ver2 .interior-main-visual .top-tx .yellow-ttl {
    font-size: 15px;
    padding: 3px 0 3px 8px;
    max-width: 260px;
  }
  #monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .sml {
    font-size: 23px;
  }
  #monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .lg-yellow {
    font-size: 58px;
    line-height: 1;
  }
  #monitor-lp-ver2 .interior-main-visual .top-tx .main-ttl .sml-yellow {
    font-size: 38px;
  }

  #monitor-lp-ver2 .interior-main-visual .top-tx .service-ttl {
    font-size: 13px;
    max-width: 295px;
  }
  #monitor-lp-ver2 .lowprice-bck {
    background: #ffe475 url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") no-repeat scroll center top;
    height: 281px;
    margin-top: -30%;
  }
  #monitor-lp-ver2 .lowprice-bck-restaurant {
    background: #ffe475 url("/img/contents/lp/monitor/restaurant/lowprice_bck_yellow_pc.png") no-repeat scroll center top;
    height: 281px;
    margin-top: -60%;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt {
    width: 71%;
    max-width: 382px;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt .icon-01 img {
    max-width: 60px;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt .icon-02 img {
    max-width: 70px;
    width: 100%;
    height: auto;
  }
  #monitor-lp-ver2 .reason-wrap .reason-txt .ttl {
    font-size: 18px;
  }
}

/* 201705リリース モニターLP（福祉施設向け）
-------------------------------------------- */
/* 冒頭（メインビジュアル部分） */
#monitor-lp-ver2 .welfare-main-visual {
  margin-top: -108px;
  height: 530px;
  position: relative;
  z-index: 1;
}
#monitor-lp-ver2 .welfare-main-visual .background {
  width: 100%;
  height: 100%;
  background: url('/img/contents/lp/monitor/welfare/main_image_pc.png') no-repeat 60% bottom;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#monitor-lp-ver2 .welfare-main-visual .gradation-left,
#monitor-lp-ver2 .welfare-main-visual .gradation-right  {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -2;
}
#monitor-lp-ver2 .welfare-main-visual .gradation-left {
  left: 0;
  background: url('/img/contents/lp/monitor/welfare/gradation_left.png') repeat-x bottom;
}
#monitor-lp-ver2 .welfare-main-visual .gradation-right {
  right: 0;
  background: url('/img/contents/lp/monitor/welfare/gradation_right.png') repeat-x bottom;
}
#monitor-lp-ver2 .welfare-main-visual .txt {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  font-size: 82%;
  color: #000000;
}
#monitor-lp-ver2 .welfare-main-visual .txt .sp-br {
  display: none;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx {
  margin: 50px auto;
  text-align: center;
  min-width: 650px;
  position: relative;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .top-inner {
  width: 650px;
  position: absolute;
  top: 0;
  left: calc(50% - 425px);
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl {
  font-size: 21px;
  font-weight: bold;
  position: relative;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:before {
  content: "";
  width: 25px;
  height: 27.5px;
  background: url('/img/contents/lp/monitor/welfare/em_l.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -1.5em;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:after {
  content: "";
  width: 25px;
  height: 27.5px;
  background: url('/img/contents/lp/monitor/welfare/em_r.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -1.5em;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl {
  width: 95%;
  margin: 15px auto 0;
  text-align: center;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .sml {
  font-size: 31px;
  font-weight: bold;
  color: #333333;
  display: block;
}
#monitor-lp-ver2 .yellow-under {
  background: linear-gradient(transparent 50%, #fff000 50%);
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-wrap-down {
  line-height: 1.2;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-red {
  font-size: 70px;
  color: #eb4f50;
  font-weight: bold;
}
#monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .sml-black {
  font-size: 49px;
  font-weight: bold;
  color: #333333;
}
#monitor-lp-ver2 .welfare-form-wrap-top {
  border: 1px solid #c5c5c5;
}
#monitor-lp-ver2 .form-wrap-top .welfare-entry-form {
  padding: 0 0 25px;
  border-bottom: 1px solid #cccccc;
}
#monitor-lp-ver2 .welfare-about {
  padding: 200px 0 80px;
  margin: -233px 0 0 0;
}
#monitor-lp-ver2 .about .txt .note {
  display: block;
  font-size: 15px;
}
#monitor-lp-ver2 .welfare-selected-reason-ttl {
  background: #c6d7e5 url("/img/contents/lp/monitor/welfare/lowprice_bck_skyblue_pc.png") no-repeat scroll center top;
  height: 281px;
  margin-top: -350px;
  text-align: center;
}
#monitor-lp-ver2 .welfare-selected-reason-ttl .eng-ttl {
  padding-top: 240px;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap {
  background: #c6d7e5;
  padding-bottom: 1px;
  padding-top: 35px;
  text-align: center;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 10px;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dl {
  width: 50%;
  text-align: left;
  padding: 0 30px;
  position: relative;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dl:after {
  content: "";
    display: block;
    padding-top: 85%;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dt {
  font-size: 23px;
  color: #2f6aa8;
  font-weight: bold;
  padding: 10px 0 10px 60px;
  position: relative;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dd {
  font-size: 17px;
  line-height: 1.7;
  margin: 10px 0 0;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-1 {
  border-right: 2px dashed #c6d7e5;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-1 dt:before,
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-2 dt:before {
  content: "";
  width: 51px;
  height: 51px;
  position: absolute;
  top: calc(50% - 25.5px);
  left: 0;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-1 dt:before {
  background: url('/img/contents/lp/monitor/welfare/reason01_img.png') no-repeat;
  background-size: contain;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-2 dt:before {
  background: url('/img/contents/lp/monitor/welfare/reason02_img.png') no-repeat;
  background-size: contain;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .image,
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .image img  {
  width: 100%;
}
#monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .image {
  box-sizing: border-box;
  padding: 0 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#monitor-lp-ver2 .welfare-genre-wrap {
  background: #f2ece4;
  padding: 60px 0px;
}
#monitor-lp-ver2 .welfare-genre-title {
  text-align: center;
  margin: 0 0 30px;
}
#monitor-lp-ver2 .welfare-genre-title .explain {
  font-size: 21px;
  line-height: 1.5;
}
#monitor-lp-ver2 .welfare-genre-title .explain .big-red {
  font-size: 33px;
  font-weight: bold;
  color: #eb4f50;
}
#monitor-lp-ver2 .welfare-genre-title .explain .small {
  font-size: 27px;
}
#monitor-lp-ver2 .welfare-genre-title .explain-sub {
  font-size: 15px;
  margin: 0;
}
#monitor-lp-ver2 .welfare-genre {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  max-width: 970px;
  text-align: center;
  margin: 0px auto;
}
#monitor-lp-ver2 .welfare-genre .genre-item {
  flex-basis: 25%;
  padding: 18px 18px 25px;
  border: 2px solid #bca5a1;
  margin: 0 1% 60px;
  position: relative;
}
#monitor-lp-ver2 .welfare-genre .genre-item img {
  width: 100%;
}
#monitor-lp-ver2 .welfare-genre .genre-title-wrap {
  display: inline-block;
  background-color: #f2ece4;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,50%);
  padding: 0 10px;
}
#monitor-lp-ver2 .welfare-genre .genre01 .genre-title-wrap {
  width: 225px;
}
#monitor-lp-ver2 .welfare-genre .genre02 .genre-title-wrap,
#monitor-lp-ver2 .welfare-genre .genre04 .genre-title-wrap {
  width: 146px;
} 
#monitor-lp-ver2 .welfare-genre .genre03 .genre-title-wrap {
  width: 205px;
}
#monitor-lp-ver2 .welfare-genre .genre05 .genre-title-wrap,
#monitor-lp-ver2 .welfare-genre .genre06 .genre-title-wrap {
  width: 108px;
}
#monitor-lp-ver2 .welfare-genre .genre-title {
  display: inline-block;
  background-color: #6c5753;
  font-size: 19px;
  color: #f2ece4;
  padding: 5px 20px 5px 50px;
  border-radius: 20px;
  position: relative;
}
#monitor-lp-ver2 .welfare-genre .genre-title:before {
  content: "";
  display: block;
  position: absolute;
}
#monitor-lp-ver2 .welfare-genre .genre01 .genre-title:before {
  width: 27px;
  height: 44px;
  background: url('/img/contents/lp/monitor/welfare/genre01_02.png') no-repeat center;
  background-size: contain;
  top: calc(50% - 22px);
  left: 20px;
} 
#monitor-lp-ver2 .welfare-genre .genre02 .genre-title:before {
  width: 30px;
  height: 54px;
  background: url('/img/contents/lp/monitor/welfare/genre02_02.png') no-repeat center;
  background-size: contain;
  top: calc(50% - 27px);
  left: 17px;
}
#monitor-lp-ver2 .welfare-genre .genre03 .genre-title:before {
  width: 31px;
  height: 45px;
  background: url('/img/contents/lp/monitor/welfare/genre03_02.png') no-repeat center;
  background-size: contain;
  top: calc(50% - 22.5px);
  left: 17px;
}
#monitor-lp-ver2 .welfare-genre .genre04 .genre-title:before {
  width: 25px;
  height: 42px;
  background: url('/img/contents/lp/monitor/welfare/genre04_02.png') no-repeat center;
  background-size: contain;
  top: calc(50% - 21px);
  left: 17px;
}
#monitor-lp-ver2 .welfare-genre .genre05 .genre-title:before {
  width: 31px;
  height: 42px;
  background: url('/img/contents/lp/monitor/welfare/genre05_02.png') no-repeat center;
  background-size: contain;
  top: calc(50% - 21px);
  left: 13px;
}
#monitor-lp-ver2 .welfare-genre .genre06 .genre-title:before {
  width: 31px;
  height: 44px;
  background: url('/img/contents/lp/monitor/welfare/genre06_02.png') no-repeat center;
  background-size: contain;
  top: calc(50% - 22px);
  left: 15px;
}
#monitor-lp-ver2 .welfare-entry-form-black {
  padding: 0 0 25px;
  border-bottom: 1px solid #ffffff;
}
#monitor-lp-ver2 .welfare-scene-title {
  padding: 60px 0 0;
}
#monitor-lp-ver2 .welfare-scene-wrap {
  width: 90%;
  max-width: 950px;
  margin: 50px auto 0;
}
#monitor-lp-ver2 .welfare-scene {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  margin: 0 0 50px;
}
#monitor-lp-ver2 .welfare-scene div {
  flex-basis: 50%;
  max-width: 50%;
}
#monitor-lp-ver2 .welfare-scene .scene-txt {
  box-sizing: border-box;
  padding: 50px 40px;
  position: relative;
}
#monitor-lp-ver2 .welfare-scene .scene-txt:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-right: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 25px solid #ffffff;
  position: absolute;
  top: calc(50% - 35px);
  right: -60px;
}
#monitor-lp-ver2 .welfare-scene .scene-txt dt {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 10px;
}
#monitor-lp-ver2 .welfare-scene .scene-txt dd {
  font-size: 17px;
  margin: 0;
}
#monitor-lp-ver2 .welfare-scene .scene-txt .scene-icon {
  display: flex;
  align-items: center;
  font-size: 0;
  padding: 15px;
  border: 2px solid #2f6aa8;
  border-radius: 44px;
  margin: 0 auto 20px;
}
#monitor-lp-ver2 .welfare-scene .scene-txt .scene-icon img {
  width: 100%;
  vertical-align: middle;
}
#monitor-lp-ver2 .scene01 .scene-icon {
  width: 52px;
  height: 52px;
}
#monitor-lp-ver2 .scene02 .scene-icon {
  width: 52.5px;
  height: 52.5px;
}
#monitor-lp-ver2 .scene03 .scene-icon {
  width: 54px;
  height: 54px;
}
#monitor-lp-ver2 .scene01 .scene-image {
  background: url('/img/contents/lp/monitor/welfare/scene01_img.png') no-repeat center;
  background-size: cover;
}
#monitor-lp-ver2 .scene02 .scene-image {
  background: url('/img/contents/lp/monitor/welfare/scene02_img.png') no-repeat center;
  background-size: cover;
}
#monitor-lp-ver2 .scene03 .scene-image {
  background: url('/img/contents/lp/monitor/welfare/scene03_img.png') no-repeat center;
  background-size: cover;
}
#monitor-lp-ver2 .welfare-item-title {
  padding-top: 60px;
}
#monitor-lp-ver2 .welfare-item-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  max-width: 970px;
  padding-bottom: 60px;
  margin: 37px auto 0px;
}
#monitor-lp-ver2 .welfare-item {
  flex-basis: 20%;
  padding: 2%;
}
#monitor-lp-ver2 .welfare-item img {
  width: 100%;
  margin: 0 0 10px;
}
#monitor-lp-ver2 .welfare-item .item-name {
  font-weight: bold;
  padding: 3px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
/* SP/TABLET共通 */
@media screen and (max-width: 940px) {
  #monitor-lp-ver2 .welfare-main-visual {
    margin-top: 0px;
  }
  #monitor-lp-ver2 .welfare-item .item-name {
    text-align: left;
  }
  #monitor-lp-ver2 .welfare-item .item-name .pc-br {
    display: none;
  }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-ver2 .welfare-main-visual .top-tx .top-inner {
    left: calc(50% - 410px);
  }
  #monitor-lp-ver2 .pc-block {
    display: block;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl {
    font-size: 17px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:before,
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:after {
    width: 20px;
    height: 22.5px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:before {
    left: -1.5em;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:after {
    right: -1.5em;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .sml {
    font-size: 25px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-red {
    font-size: 65px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .sml-black {
    font-size: 40px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-wrap-up {
    line-height: 1.5;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-wrap-down {
    line-height: 0.9;
  }
  #monitor-lp-ver2 .welfare-selected-reason-ttl {
    margin-top: -270px;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver2 .blue-logo-wrap .logo img {
    border-right: 1px solid #333333 !important;
    margin: 6px 0 0;
  }
  #monitor-lp-ver2 .welfare-main-visual {
    background: url('/img/contents/lp/monitor/welfare/main_image_sp.png') no-repeat center bottom;
    background-size: cover;
    height: 610px;
  }
  #monitor-lp-ver2 .welfare-main-visual .background,
  #monitor-lp-ver2 .welfare-main-visual .gradation-left,
  #monitor-lp-ver2 .welfare-main-visual .gradation-right  {
    display: none;
  }
  #monitor-lp-ver2 .welfare-main-visual .txt .sp-br {
    display: block;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx {
    min-width: 0;
    margin: 10px auto;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .top-inner {
    width: auto;
    position: static;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl {
    font-size: 14px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:before,
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:after {
    width: 15px;
    height: 17.5px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:before {
    left: -1.7em;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .sub-ttl:after {
    right: -1.7em;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .sml {
    font-size: 17px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-red {
    font-size: 35px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .sml-black {
    font-size: 23px;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-wrap-up {
    line-height: 1.5;
  }
  #monitor-lp-ver2 .welfare-main-visual .top-tx .main-ttl .lg-wrap-down {
    line-height: 1;
  }
  #monitor-lp-ver2 .welfare-form-wrap-top {
    margin: -150px auto;
  }
  #monitor-lp-ver2 .about .txt .note {
    font-size: 13px;
  }
  #monitor-lp-ver2 .welfare-selected-reason-ttl {
    margin-top: -220px;
  }
  #monitor-lp-ver2 .welfare-selected-reason-ttl .eng-ttl {
    padding-top: 220px;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt {
    display: block;
    width: 85%;
    max-width: 420px;
    padding: 30px 20px;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dl {
    width: 100%;
    padding: 0;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dl:after {
    display: none;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dt {
    font-size: 20px;
    padding: 10px 0 10px 45px;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt dd {
    font-size: 15px;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .image {
    position: static;
    padding: 0;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-1 {
    border-right: none;
    border-bottom: 2px dashed #c6d7e5;
    padding: 0 0 30px;
    margin: 0 0 20px;
  }
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-1 dt:before,
  #monitor-lp-ver2 .welfare-selected-reason-wrap .reason-wrap .reason-txt .reason-2 dt:before {
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
  }
  #monitor-lp-ver2 .welfare-genre-title .explain {
    font-size: 17px;
    text-align: center;
  }
  #monitor-lp-ver2 .welfare-genre-title .explain .big-red {
    font-size: 28px;
  }
  #monitor-lp-ver2 .welfare-genre-title .explain .small {
    font-size: 20px;
  }
  #monitor-lp-ver2 .welfare-genre-title .explain-sub {
    font-size: 13px;
  }
  #monitor-lp-ver2 .welfare-genre .genre-item {
    flex-basis: 40%;
    padding: 10px 10px 15px;
    margin: 0 1% 40px;
  }
  #monitor-lp-ver2 .welfare-genre .genre-title {
    font-size: 13px;
    padding: 5px 10px 5px 35px;
  }
  #monitor-lp-ver2 .welfare-genre .genre01 .genre-title-wrap {
    width: 149px;
  }
  #monitor-lp-ver2 .welfare-genre .genre02 .genre-title-wrap,
  #monitor-lp-ver2 .welfare-genre .genre04 .genre-title-wrap {
    width: 97px;
  }
  #monitor-lp-ver2 .welfare-genre .genre03 .genre-title-wrap {
    width: 136px;
  }
  #monitor-lp-ver2 .welfare-genre .genre05 .genre-title-wrap,
  #monitor-lp-ver2 .welfare-genre .genre06 .genre-title-wrap {
    width: 71px;
  }
  #monitor-lp-ver2 .welfare-genre .genre01 .genre-title:before,
  #monitor-lp-ver2 .welfare-genre .genre02 .genre-title:before,
  #monitor-lp-ver2 .welfare-genre .genre03 .genre-title:before,
  #monitor-lp-ver2 .welfare-genre .genre04 .genre-title:before,
  #monitor-lp-ver2 .welfare-genre .genre06 .genre-title:before {
    left: 5px;
  }
  #monitor-lp-ver2 .welfare-genre .genre05 .genre-title:before {
    left: 0;
  }
  #monitor-lp-ver2 .welfare-scene-title .explain {
    text-align: center;
  }
  #monitor-lp-ver2 .welfare-scene {
    display: block;
  }
  #monitor-lp-ver2 .welfare-scene div {
    max-width: none;
  }
  #monitor-lp-ver2 .welfare-scene .scene-txt {
    padding: 30px;
  }
  #monitor-lp-ver2 .welfare-scene .scene-txt dt {
    font-size: 18px;
  }
  #monitor-lp-ver2 .welfare-scene .scene-txt dd {
    font-size: 15px;
  }
  #monitor-lp-ver2 .welfare-scene .scene-txt:after {
    border-top: 25px solid #ffffff;
    border-right: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid transparent;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: calc(-100% - 60px);
  }
  #monitor-lp-ver2 .scene-image {
    height: 250px;
  }
  #monitor-lp-ver2 .welfare-item {
    flex-basis: 40%;
    padding: 3%;
  }
}

/* 202106 ホームステージングＬＰ
-------------------------------------------- */
/*** 共通 ***/
#monitor-lp-homestaging * { box-sizing: border-box; }
#monitor-lp-homestaging {
  color: #813631;
  font-size: 16px;
  text-align: center;
}
#monitor-lp-homestaging p,
#monitor-lp-homestaging ul,
#monitor-lp-homestaging figure,
#monitor-lp-homestaging h4 {
  margin: 0;
  padding: 0;
}
#monitor-lp-homestaging figure { line-height: 0; }
#monitor-lp-homestaging p { line-height: 1.8; }
#monitor-lp-homestaging section {
  padding: 70px 4%;
  overflow: hidden;
}
#monitor-lp-homestaging img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
#monitor-lp-homestaging .title {
  border: none;
  margin: 0 auto 70px;
}
#monitor-lp-homestaging .orange { color: #f7572c; }
#monitor-lp-homestaging .b-yellow { background-color: #ffeea6; }
/* 登録 */
#monitor-lp-homestaging .form-wrap {
  background-color: #ffffff;
  padding: 30px 60px;
  margin: 0 auto;
  width: 766px;
  border-radius: 10px;
  box-shadow: 0px 6px 0px 0px #be9898;
  color: #333333;
  position: relative;
}
#monitor-lp-homestaging .form-wrap .form-ttl {
  font-size: 25px;
  margin: 0 auto 20px;
}
#monitor-lp-homestaging .form-wrap .form-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
#monitor-lp-homestaging .form-wrap .form-action .form-box .form {
  background-color: #eeeeee;
  background-image: none;
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-size: 18px;
  width: 345px;
  height: 48px;
  padding-left: 15px;
}
#monitor-lp-homestaging .form-wrap .form-action .form-box input::placeholder { color: #bababa; }
/* 登録-赤ボタン */
#monitor-lp-homestaging .form-wrap .form-action .flat-red-button,
div[id^="monitor-lp-homestaging"] .mail-entry-fix-button .anchor-red-button {
  border-radius: 24px;
  background-color: #eb4f50;
  color: #ffffff;
  font-size: 19px;
  padding: 0 25px;
  height: 48px;
  border: 1px solid #eb4f50;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  margin-left: 10px;
  -webkit-appearance: none;
}
/* 登録-注記 */
#monitor-lp-homestaging .form-wrap .notice {
  font-size: 13px;
  margin: 20px auto 0;
  width: 25.5em;
}
#monitor-lp-homestaging.form-wrap .notice li {
  padding-left: 1em;
  margin-bottom: 3px;
}
#monitor-lp-homestaging .form-wrap .notice li:before {
  content: '・';
  display: inline-block;
  width: 1em;
  heigth: 1em;
}
/* PCのみ */
@media screen and (min-width: 941px) {
/* 登録-赤ボタン */
  #monitor-lp-homestaging .form-wrap .form-action .flat-red-button:hover {
    color: #eb4f50;
    background-color: #ffffff;
  }
}
/* TABLET・SP */
@media screen and (max-width: 940px) {
  /* 登録 */
  #monitor-lp-homestaging .form-wrap,
  #monitor-lp-homestaging .form-wrap .form-action .form-box .form { width: 100%; }
  /* 登録-赤ボタン */
  #monitor-lp-homestaging .form-wrap .form-action .flat-red-button { font-size: 16px; }
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  /* 共通 */
  #monitor-lp-homestaging section { padding: 60px 30px }
  #monitor-lp-homestaging .title { margin: 0 auto 40px; }
  /* 登録 */
  #monitor-lp-homestaging .form-wrap {
    padding: 30px 7%;
    max-width: 800px;
    z-index: 1;
  }
  #monitor-lp-homestaging .form-wrap .form-ttl { font-size: 22px; }
  #monitor-lp-homestaging .form-wrap .form-action .form-box .form { max-width: 420px; }
  /* 登録-赤ボタン */
  #monitor-lp-homestaging .form-wrap .form-action .flat-red-button {
    width: 50%;
    max-width: 300px;
    padding: 0 20px;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #monitor-lp-homestaging section { padding: 40px 4% }
  #monitor-lp-homestaging p { font-size: 14px; }
  #monitor-lp-homestaging .title { margin: 0 auto 30px; }
  /* 登録 */
  #monitor-lp-homestaging .form-wrap { padding: 30px 8% 25px; }
  #monitor-lp-homestaging .form-wrap .form-ttl {
    font-size: 20px;
    margin-bottom: 15px;
  }
  #monitor-lp-homestaging .form-wrap .form-action { flex-direction: column; }
  #monitor-lp-homestaging .form-wrap .form-action .form-box .form {
    max-width: 470px;
    margin-bottom: 15px;
  }
  #monitor-lp-homestaging .form-wrap .form-action .form-box input::placeholder { font-size: 15px; }
  /* 登録-赤ボタン */
  #monitor-lp-homestaging .form-wrap .form-action .flat-red-button {
    width: 100%;
    max-width: 300px;
    padding: 0 20px;
    margin-left: 0;
  }
  /* 登録-注記 */
  #monitor-lp-homestaging .form-wrap .notice {
    width: 90%;
    max-width: 25.5em;
  }
}

/*** メイン ***/
#monitor-lp-homestaging .main {
  margin-top: -110px;
  padding-top: 0;
  background: url("/img/contents/lp/monitor/homestaging/main_back_00.png") center top no-repeat , #ffe15d;
  background-size: 1407px 543px;
  height: 570px;
  overflow: visible;
}
#monitor-lp-homestaging .main.adjustment {
  background-position: center top -35px;
  height: 530px;
}
#monitor-lp-homestaging .main .logo {
  padding: 20px 10px 5px 20px;
  width: 120px;
  height: auto;
  box-sizing: content-box;
  background-color: #ffe15d;
}
#monitor-lp-homestaging h1 {
  display: flex;
  flex-direction: column;
  margin-top: -15px;
}
#monitor-lp-homestaging .main .sub-title,
#monitor-lp-homestaging .main .main-title,
#monitor-lp-homestaging .main .text { margin: 0 auto; }
#monitor-lp-homestaging .main .sub-title {
  width: 304px;
  height: 42px;
}
#monitor-lp-homestaging .main .main-title {
  width: 744px;
  height: 190px;
  padding-left: 230px;
  background: url("/img/contents/lp/monitor/homestaging/main_img_00.png") left 5px center no-repeat;
  background-size: 200px 190px;
  margin-top: 30px;
  margin-bottom: 25px;
}
#monitor-lp-homestaging .main .main-title.adjustment { margin-bottom: 40px; }
#monitor-lp-homestaging .main .text {
  border-top: 1px solid #813631;
  width: 728px;
  padding-top: 20px;
  margin-bottom: 20px;
}
#monitor-lp-homestaging .main .text .limited {
  border: 1px solid #813631;
  padding: 5px 8px;
  margin-right: 10px;
}
#monitor-lp-homestaging .main .text .big { font-size: 22px; }
#monitor-lp-homestaging .main .text .fs { font-size: 18px; }
/* TABLET・SP */
@media screen and (max-width: 940px) {
  #monitor-lp-homestaging .main { margin-top: 0; }
  #monitor-lp-homestaging .main .logo { padding: 15px 5px 5px 0px; }
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-homestaging .main {
    background-size: 1060px 408px;
    background-position: top -25px center;
    height: 468px;
  }
  #monitor-lp-homestaging .main.adjustment { height: 420px; }
  #monitor-lp-homestaging .main .sub-title { 
    width: 252px;
    height: 34px;
  }
  #monitor-lp-homestaging .main .main-title {
    width: 600px;
    height: 160px;
    padding-left: 180px;
    background-size: 166px 158px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #monitor-lp-homestaging .main .main-title.adjustment { margin-bottom: 30px; }
  #monitor-lp-homestaging .main .text {
    width: 90%;
    max-width: 570px;
    font-size: 14px;
  }
  #monitor-lp-homestaging .main .text .big { font-size: 18px; }
  #monitor-lp-homestaging .main .text .fs { font-size: 14px; }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-homestaging .main { height: 438px; }
  #monitor-lp-homestaging .main.adjustment { height: 350px; }
  #monitor-lp-homestaging .main h1 { margin-top: 10px; }
  #monitor-lp-homestaging .main .sub-title { 
    width: 201px;
    height: 28px;
  }
  #monitor-lp-homestaging .main .main-title {
    width: 290px;
    height: 80px;
    padding-left: 90px; 
    background-size: 82px 80px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #monitor-lp-homestaging .main .main-title.adjustment { margin-bottom: 20px; }
  #monitor-lp-homestaging .main .text {
    width: 100%;
    font-size: 14px;
    padding-top: 15px;
    max-width: 300px;
    margin-bottom: 10px;
  }
  #monitor-lp-homestaging .main .text .limited {
    width: 100%;
    display: block;
    max-width: 230px;
    padding: 2px;
    margin: 0 auto 6px;
  }
  #monitor-lp-homestaging .main .text .big { font-size: 16px; }
  #monitor-lp-homestaging .main .text .fs { font-size: 14px; }
}

/*** ホームステージングでこんなお悩みありませんか？ ***/
#monitor-lp-homestaging .problem {
  background: #f3eceb;
  padding: 115px 0 0;
}
#monitor-lp-homestaging .problem .title {
  width: 390px;
  height: 80px;
  margin-bottom: -10px;
}
#monitor-lp-homestaging .problem .wrap {
  display: flex;
  padding: 45px 0 20px;
  justify-content: center;
}
#monitor-lp-homestaging .problem .wrap .huki-wrap {
  display: flex;
  justify-content: center;
  width: 78%;
  max-width: 800px;
}
#monitor-lp-homestaging .problem .wrap .huki-wrap li {
  width: calc((100% - 30px) /3 );
  max-width: 252px;
  margin-left: 15px;
}
#monitor-lp-homestaging .problem .wrap .huki-wrap li:first-child { margin-left: 0; }
#monitor-lp-homestaging .problem .wrap .huki-wrap li .huki {
  width: 100%;
  height: auto;
}
#monitor-lp-homestaging .problem .wrap .image {
  width: 138px;
  height: auto;
  margin: -60px -108px -8px -15px;
  position: relative;
  bottom: -20px;
}
/* TABLET・SP */
@media screen and (max-width: 940px) {
  #monitor-lp-homestaging .problem .wrap {
    margin: 0 auto;
    overflow: hidden;
  }
  #monitor-lp-homestaging .problem .wrap .huki-wrap { width: 100%; }
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-homestaging .problem { padding: 140px 0 0; }
  #monitor-lp-homestaging .problem .title {
    width: 364px;
    height: 76px;
  }
  #monitor-lp-homestaging .problem .wrap {
    padding: 40px 0 20px;
    position: relative;
    width: 500px;
  }
  #monitor-lp-homestaging .problem .wrap .huki-wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #monitor-lp-homestaging .problem .wrap .huki-wrap li {
    width: 240px;
    margin-left: 0;
    margin-bottom: 10px;
  }
  #monitor-lp-homestaging .problem .wrap .image {
    position: absolute;
    bottom: -54px;
    right: 175px;
  }
}
@media screen and (max-width: 670px) {
  #monitor-lp-homestaging .problem { padding: 200px 0 0; }
  #monitor-lp-homestaging .problem .title {
    width: 260px;
    height: 54px;
  }
  #monitor-lp-homestaging .problem .wrap {
    padding: 40px 4% 0;
    width: 100%;
    flex-flow: column;
  }
  #monitor-lp-homestaging .problem .wrap .huki-wrap {
    flex-flow: column;
    align-items: center;
  }
  #monitor-lp-homestaging .problem .wrap .huki-wrap li {
    width: 240px;
    margin-left: 0;
    margin-bottom: 10px;
  }
  #monitor-lp-homestaging .problem .wrap .image {
    width: 110px;
    height: 216px;
    margin: -25px auto 0;
  }
}

/*** そのお悩みネット仕入れ「スーパーデリバリー」で解決できます！ ***/
#monitor-lp-homestaging .solve { padding: 0 4% 57px }
#monitor-lp-homestaging .solve .arrow {
  color: #ffffff;
  width: 150px;
  height: 30px;
  background-color: #813631;
  font-size: 20px;
  padding: 12px 5px 0;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#monitor-lp-homestaging .solve .arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 28px;
  left: calc( 50% - 95px );
  border-width: 40px 95px 0 95px;
  border-style: solid;
  border-color: #813631 transparent transparent transparent;
  z-index: -1;
}
#monitor-lp-homestaging .solve .title {
  width: 644px;
  height: 94px;
  margin-top: 80px;
}
#monitor-lp-homestaging .solve .wrap {
  display: flex;
  justify-content: center;
}
#monitor-lp-homestaging .solve .wrap .text {
  width: 424px;
  line-height: 2;
  text-align: left;
  margin-right: 10px;
  margin-top: 20px;
}
#monitor-lp-homestaging .solve .wrap .text .big { font-size: 21px; }
#monitor-lp-homestaging .solve .wrap .pc {
  width: 520px;
  height: auto;
  margin-right: -140px;
}
#monitor-lp-homestaging .solve .wrap .image {
  width: 154px;
  height: auto;
  position: relative;
  left : 20px;
  top: 65px;
}
/* TABLET・SP */
@media screen and (max-width: 940px) {
  #monitor-lp-homestaging .solve .wrap {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  #monitor-lp-homestaging .solve .wrap .text { margin: 0; }
  #monitor-lp-homestaging .solve .wrap .pc { margin-right: 0; }
  #monitor-lp-homestaging .solve .wrap .image {
    position: absolute;
    top: auto;
    left: auto;
  }
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-homestaging .solve .arrow {
    font-size: 18px;
    width: 140px;
  }
  #monitor-lp-homestaging .solve .arrow:after {
    left: calc( 50% - 90px );
    border-width: 30px 90px 0 90px;
  }
  #monitor-lp-homestaging .solve .title {
    width: 544px;
    height: 82px;
    margin-top: 70px;
  }
  #monitor-lp-homestaging .solve .wrap .text {
    width: 90%;
    max-width: 640px;
  }
  #monitor-lp-homestaging .solve .wrap .text .big {  }
  #monitor-lp-homestaging .solve .wrap .pc {
    max-width: 570px;
    width: 80%;
    margin-top: 40px;
  }
  #monitor-lp-homestaging .solve .wrap .image {
    width: 132px;
    height: 274px;
    bottom: -56px;
    right: 60px;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-homestaging .solve  { padding-bottom: 40px; }
  #monitor-lp-homestaging .solve .arrow {
    font-size: 14px;
    width: 120px;
    height: 25px;
    padding: 7px 5px 0;
  }
  #monitor-lp-homestaging .solve .arrow:after {
    left: calc( 50% - 75px );
    border-width: 20px 75px 0 75px;
    top: 25px;
  }
  #monitor-lp-homestaging .solve .title {
    width: 274px;
    height: 98px;
    margin-top: 50px;
  }
  #monitor-lp-homestaging .solve .wrap .text {
    width: 100%;
    font-size: 14px;
  }
  #monitor-lp-homestaging .solve .wrap .text .big { font-size: 16px; }
  #monitor-lp-homestaging .solve .wrap .pc {
    width: 100%;
    margin-top: 30px;
  }
  #monitor-lp-homestaging .solve .wrap .image {
    width: 106px;
    height: 222px;
    bottom: -45px;
    right: 5px;
  }
}

/*** 実例紹介！ワンルームのホームステージングのポイント ***/
#monitor-lp-homestaging .point {
  background: url("/img/contents/lp/monitor/homestaging/point_img1_00.svg") no-repeat,
        url("/img/contents/lp/monitor/homestaging/point_img2_00.svg") no-repeat,
        url("/img/contents/lp/monitor/homestaging/point_img3_00.svg") no-repeat,
        url("/img/contents/lp/monitor/homestaging/point_img4_00.svg") no-repeat,
        #fbeaa3;
  background-size: 154px auto , 108px auto , 154px auto , 108px auto;
  background-position: right calc(50% - 632px) top 2230px , left calc(50% - 610px) top 4170px , left calc(50% - 622px) bottom 2960px , right calc(50% - 610px) bottom 1020px;
  padding: 0;
}
#monitor-lp-homestaging .point > div { padding: 0 4%; }
#monitor-lp-homestaging .point > div:first-child { padding-top: 70px; }
#monitor-lp-homestaging .point > div:nth-child(2) { border-bottom: 1px solid #813631; }
#monitor-lp-homestaging .point > div:nth-child(3) { padding-top: 40px; }
#monitor-lp-homestaging .point .title {
  width: 511px;
  height: 84px;
  margin: 0 auto 50px;
}
#monitor-lp-homestaging .point .intro {
  margin: 0 auto;
  margin-bottom: 80px;
  line-height: 2;
}
#monitor-lp-homestaging .point .intro span,
#monitor-lp-homestaging .point .outro .end-text { background-color: #ffd42a; }
#monitor-lp-homestaging .point .link-button-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 140px;
  max-width: 1024px;
  background: url("/img/contents/lp/monitor/homestaging/point_arrow_00.svg") no-repeat,
        url("/img/contents/lp/monitor/homestaging/point_arrow_00.svg") no-repeat,
        url("/img/contents/lp/monitor/homestaging/point_arrow_00.svg") no-repeat;
  background-size: 51px 24px , 51px 24px , 51px 24px;
  background-position: center bottom , center bottom 36px , center bottom 72px;
}
#monitor-lp-homestaging .point .link-button-area li {
  background-color: #ffffff;
  padding: 11px 30px 35px 17px;
  max-width: 492px;
  margin-right: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#monitor-lp-homestaging .point .link-button-area li:last-child { margin-right: 0; }
#monitor-lp-homestaging .point .link-button-area li .case-link-button {
  width: 96%;
  max-width: 416px;
  max-height: 80px;
  padding: 10px;
  color: #813631;
  font-size: 18px;
  background-color: #F3ECEB;
  border: 1px solid #813631;
  border-radius: 40px;
  margin: 30px 0 0 13px;
  text-decoration: none;
  line-height: 1.4;
  position: relative;
  transition: all 0.3s ease 0s;
}
#monitor-lp-homestaging .point .link-button-area li .case-link-button:hover {
  background-color: #813631;
  color: #ffffff;
}
#monitor-lp-homestaging .point .link-button-area li .case-link-button:before {
  content: '';
  display: block;
  width: 38px;
  height: 38px;
  background-color: #f7572c;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
#monitor-lp-homestaging .point .link-button-area li .case-link-button:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 7px 0 7px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  right: 32px;
  bottom: 32px;
}
#monitor-lp-homestaging .point .link-button-area li .case-link-button span { font-size: 24px; }
#monitor-lp-homestaging .point .case-type { 
  margin: 0 auto;
  padding-top: 40px;
  height: 110px;
}
#monitor-lp-homestaging .point .case-type#one-room { 
  width: 542px;
}
#monitor-lp-homestaging .point .case-type#family-room { 
  width: 638px;
}
#monitor-lp-homestaging .point .case-wrap {
  max-width: 1024px;
  margin: 0 auto;
  text-align: left;
}
#monitor-lp-homestaging .point .case { margin-top: 60px; }
#monitor-lp-homestaging .point .case .case-title {
  font-size: 30px;
  background-color: #ffffff;
  padding: 10px 30px 5px;
  height: 60px;
  margin: 0 0 0 50px;
  border-radius: 5px 5px 0 0;
  position: relative;
}
#monitor-lp-homestaging .point .case .case-title:before,
#monitor-lp-homestaging .point .case .case-title:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 5px;
  border-style: solid;
}
#monitor-lp-homestaging .point .case .case-title span { font-size: 24px;}
#monitor-lp-homestaging .point .case .case-title:before {
  left: -10px;
  border-width: 0 0 55px 10px;
  border-color: transparent transparent #ffffff transparent;
}
#monitor-lp-homestaging .point .case .case-title:after {
  right: -10px;
  border-width: 0 10px 55px 0;
  border-color: transparent transparent #ffffff transparent;
}
#monitor-lp-homestaging .point .case .wrap {
  background-color: #ffffff;
  padding: 50px 40px;
  width: 100%;
}
#monitor-lp-homestaging .point .case .wrap .complete { border-bottom: 1px solid #813631; }
#monitor-lp-homestaging .point .case .wrap .pict-and-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
#monitor-lp-homestaging .point .case .wrap .picture {
  width: 530px;
  line-height: 0;
}
#monitor-lp-homestaging .point .case .wrap .case-info {
  width: calc( 100% - 530px - 25px );
  margin-left: 25px;
  line-height: 1.6;
}
#monitor-lp-homestaging .point .case .wrap .case-information dt {
  padding: 4px 5px;
  background-color: #f3eceb;
  margin-bottom: 13px;
  line-height: 0;
}
#monitor-lp-homestaging .point .case .wrap .case-information dt img {
  margin: 0 auto;
  height: 37px;
}
#monitor-lp-homestaging .point .case .wrap .case-information .total { margin-bottom: 0; }
#monitor-lp-homestaging .point .case-family-room .case.case1 .wrap .case-information .total {
  display: flex;
  justify-content: center;
  align-items: center;
}
#monitor-lp-homestaging .point .case .wrap .case-information .total .note {
  font-size: 12px;
  line-height: 1.3;
  margin-left: 10px;
  margin-right: -19%;
}
#monitor-lp-homestaging .point .case .wrap .case-information .total img { width: 78px; }
#monitor-lp-homestaging .point .case-family-room .case.case1 .wrap .case-information .total img { margin: 0; }
#monitor-lp-homestaging .point .case .wrap .case-information .total + dd {
  color: #f7572c;
  font-size: 32px;
  margin-bottom: 5px;
}
#monitor-lp-homestaging .point .case .wrap .case-information .total + dd span { font-size: 48px; }
#monitor-lp-homestaging .point .case .wrap .case-information .case-point img { width: 105px; }
#monitor-lp-homestaging .point .case .wrap .case-information .use img { width: 218px; }
#monitor-lp-homestaging .point .case .wrap .case-information dd { margin: 0;}
#monitor-lp-homestaging .point .case .wrap .case-elements { width: 100%; }
#monitor-lp-homestaging .point .case .wrap .case-elements dd figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
#monitor-lp-homestaging .point .case .wrap .case-elements dd figure img {
  width: calc( (100% - 51px) / 11 );
  max-height: 300px;
  border: 1px solid #dddddd;
  margin-right: 5px;
  margin-bottom: 5px;
}
#monitor-lp-homestaging .point .case .wrap .case-elements dd figure img:nth-child(11n){ margin-right: 0; }
#monitor-lp-homestaging .point .case .wrap .case-elements dd .note {
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.4;
}
/****** 写真が縦の場合↓ ******/
#monitor-lp-homestaging .point .case.vertical .wrap { display: flex; }
#monitor-lp-homestaging .point .case.vertical .wrap .vertical-case-info {
  width: calc( 100% - 370px - 25px );
  margin-left: 25px;
}
#monitor-lp-homestaging .point .case.vertical .wrap .picture { width: 370px }
#monitor-lp-homestaging .point .case.vertical .wrap .case-info {
  width: 100%;
  margin-left: 0;
}
#monitor-lp-homestaging .point .case.vertical .wrap .case-elements dd figure img {
  width: calc( (100% - 51px) / 6 );
  max-width: 82px;
  max-height: 82px;
}
#monitor-lp-homestaging .point .case.vertical .wrap .case-information .total + dd { margin-bottom: 15px; }
#monitor-lp-homestaging .point .case.vertical .wrap .case-information .case-point + dd { margin-bottom: 30px; }
/****** 写真が縦の場合↑ ******/
#monitor-lp-homestaging .point .case .wrap .complete .result {
  width: 100%;
  font-size: 20px;
  background: url("/img/contents/lp/monitor/homestaging/point_img4_00.png") no-repeat;
  background-size: 130px 118px;
  line-height: 1.4;
}
#monitor-lp-homestaging .point .case.case1 .wrap .complete .result {
  background-position: left calc(50% - 320px) bottom -2px;
  padding-bottom: 34px;
  padding-top: 20px;
}
#monitor-lp-homestaging .point .case.case2 .wrap .complete .result {
  background-position: left calc(50% - 310px) bottom -3px;
  padding-bottom: 34px;
  margin-top: 30px;
  line-height: 1.2;
}
#monitor-lp-homestaging .point .case .wrap .complete .result .big { font-size: 26px; }
#monitor-lp-homestaging .point .case .wrap .complete .result .big span { font-size: 39px; }
#monitor-lp-homestaging .point .case.case2 .wrap .complete .result .adjustment {
  display: inline-block;
  margin-top: 5px;
  margin-top: 0px;
  line-height: 1.5;
}
#monitor-lp-homestaging .point .case .wrap .cheap .cheap-text {
  font-size: 28px;
  margin: 30px auto 15px;
}
#monitor-lp-homestaging .point .case.case3 .wrap .case-information .total + dd .small {
  font-size: 28px;
  padding-right: 8px;
}
#monitor-lp-homestaging .point .case.case3 .wrap .elements-area {
  display: flex;
  justify-content: space-between;
}
#monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-elements { width: calc( ( 100% - 25px ) /2 ); }
#monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-information .b-use img { width: 381px; }
#monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-information .k-use img { width: 352px; }
#monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-elements dd figure img { width: calc( (100% - 20px) / 5 ); }
#monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-elements dd figure img:nth-child(5n) { margin-right: 0; }
#monitor-lp-homestaging .point .outro {
  text-align: left;
  background: url("/img/contents/lp/monitor/homestaging/point_img3_00.png") no-repeat;
  background-size: 191px 217px;
  background-position-y: 35px;
  padding-left: 215px;
  padding-bottom: 80px;
  margin: 70px auto 0;
  width: calc( 215px + 44em );
}
#monitor-lp-homestaging .point .outro.outro2 { padding-bottom: 70px; }
#monitor-lp-homestaging .point .outro .outro-title {
  width: 468px;
  height: 32px;
  margin-bottom: 10px;
}
#monitor-lp-homestaging .point .outro.outro2 .outro-title {
  width: 652px;
  height: 76px;
  margin-bottom: 20px;
}
#monitor-lp-homestaging .point .outro .outro-text .big { font-size: 21px; }
#monitor-lp-homestaging .point .outro .outro-text .small { font-size: 14px; }
#monitor-lp-homestaging .point .outro a {
  margin-top: 5px;
  display: inline-block;
}
/* TAB・SP */
@media screen and (max-width: 940px) {
  #monitor-lp-homestaging .point .intro { text-align: left; }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button { margin: 20px 0 0 10px; }
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-homestaging .point { padding: 0; }
  #monitor-lp-homestaging .point > div:first-child { padding-top: 60px; }
  #monitor-lp-homestaging .point .title {
    max-width: 439px;
    height: 72px;
    margin-bottom: 40px;
    width: 100%;
  }
  #monitor-lp-homestaging .point .intro {
    margin-bottom: 50px;
    max-width: 630px;
    width: 90%;
  }
  #monitor-lp-homestaging .point .link-button-area {
    padding-bottom: 125px;
    background-size: 45px 21px , 45px 21px , 45px 21px;
    background-position: center bottom , center bottom 31px , center bottom 62px;
  }
  #monitor-lp-homestaging .point .link-button-area li {
    padding: 6px 18px 30px 8px;
    margin-right: 20px;
  }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button { font-size: 14px; }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button:before {
    width: 32px;
    height: 32px;
    right: 15px;
    bottom: 16px;
  }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button:after {
    border-width: 9px 7px 0 7px;
    right: 24px;
    bottom: 26px;
  }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button span { font-size: 18px; }
  #monitor-lp-homestaging .point .case-type {
    padding-top: 30px;
    height: 90px;
  }
  #monitor-lp-homestaging .point .case-type#one-room { width: 450px; }
  #monitor-lp-homestaging .point .case-type#family-room { width: 528px; }
  #monitor-lp-homestaging .point .case { margin-top: 40px; }
  #monitor-lp-homestaging .point .case .case-title {
    font-size: 20px;
    height: 42px;
    padding: 10px 20px 5px;
    margin: 0 0 0 40px;
  }
  #monitor-lp-homestaging .point .case .case-title span { font-size: 16px; }
  #monitor-lp-homestaging .point .case .wrap { padding: 30px 20px; }
  #monitor-lp-homestaging .point .case .wrap .pict-and-info { margin-bottom: 20px; }
  #monitor-lp-homestaging .point .case .wrap .picture { width: 50%; }
  #monitor-lp-homestaging .point .case .wrap .case-info {
    width: calc( 50% - 15px );
    margin-left: 15px;
    font-size: 14px;
    line-height: 1.6;
  }
  #monitor-lp-homestaging .point .case .wrap .case-information dt img { height: 33px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .total img { width: 71px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .total + dd { font-size: 26px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .total + dd span { font-size: 39px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .case-point img { width: 94px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .use img { width: 195px; }
  #monitor-lp-homestaging .point .case .wrap .case-elements dd figure img { width: calc( (100% - 41px) / 9 ); }
  #monitor-lp-homestaging .point .case .wrap .case-elements dd figure img:nth-child(11n){ margin-right: 5px; }
  #monitor-lp-homestaging .point .case .wrap .case-elements dd figure img:nth-child(9n){ margin-right: 0; }
  /****** 写真が縦の場合↓ ******/
  #monitor-lp-homestaging .point .case.vertical .wrap .vertical-case-info {
    width: calc( 100% - 255px - 15px );
    margin-left: 15px;
  }
  #monitor-lp-homestaging .point .case.vertical .wrap .picture { width: 255px }
  #monitor-lp-homestaging .point .case.vertical .wrap .case-elements dd figure img {
    width: calc( (100% - 51px) / 5 );
    max-width: 87px;
    max-height: 87px;
  }
  #monitor-lp-homestaging .point .case.vertical .wrap .case-information .total + dd { margin-bottom: 5px; }
  #monitor-lp-homestaging .point .case.vertical .wrap .case-information .case-point + dd { margin-bottom: 20px; }
  /****** 写真が縦の場合↑ ******/
  #monitor-lp-homestaging .point .case .wrap .complete .result {
    font-size: 16px;
    padding-bottom: 28px;
    background-size: 103px 94px;
  }
  #monitor-lp-homestaging .point .case.case1 .wrap .complete .result {
    background-position-x: calc(50% - 255px);
    padding-bottom: 28px;
  }
  #monitor-lp-homestaging .point .case.case2 .wrap .complete .result {
    background-position: left calc(50% - 245px) bottom -3px;
    padding-bottom: 25px;
    margin-top: 20px;
  }
  #monitor-lp-homestaging .point .case .wrap .complete .result .big { font-size: 20px; }
  #monitor-lp-homestaging .point .case .wrap .complete .result .big span { font-size: 30px; }
  #monitor-lp-homestaging .point .case .wrap .cheap .cheap-text {
    font-size: 22px;
    margin: 20px auto 10px;
  }
  #monitor-lp-homestaging .point .case.case3 .wrap .case-information .total + dd .small { font-size: 26px; }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-elements { width: calc( ( 100% - 15px ) /2 ); }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-information .b-use img {
    max-width: 293px;
    width: 95%;
  }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-information .k-use img {
    max-width: 270px;
    width: 89%;
  }
  #monitor-lp-homestaging .point .outro {
    padding-left: 0;
    padding-bottom: 100px;
    margin-top: 50px;
    background-size: 118px 135px;
    background-position: left calc(50% - 10px) bottom -36px;
    max-width: 620px;
    width: 90%;
  }
  #monitor-lp-homestaging .point .outro .outro-title {
    margin: 0 auto 10px;
    width: 379px;
    height: 26px;
  }
  #monitor-lp-homestaging .point .outro.outro2 { padding-bottom: 100px; }
  #monitor-lp-homestaging .point .outro.outro2 .outro-title {
    width: 518px;
    height: 60px;
  }
  #monitor-lp-homestaging .point .outro .outro-text .big { font-size: 21px; }
  #monitor-lp-homestaging .point .outro .outro-text .small { font-size: 14px; }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-homestaging .point { padding: 0; }
  #monitor-lp-homestaging .point > div:first-child { padding-top: 40px; }
  #monitor-lp-homestaging .point > div:nth-child(3) { padding-top: 10px; }
  #monitor-lp-homestaging .point .title {
    width: 329px;
    height: 54px;
    margin-bottom: 30px;
  }
  #monitor-lp-homestaging .point .intro { margin-bottom: 30px; }
  #monitor-lp-homestaging .point .link-button-area {
    flex-direction: column;
    padding-bottom: 115px;
    background-size: 45px 21px , 45px 21px , 45px 21px;
    background-position: center bottom , center bottom 31px , center bottom 62px;
  }
  #monitor-lp-homestaging .point .link-button-area li {
    margin: 0;
    max-width: 400px;
    padding: 6px 18px 25px 8px;
  }
  #monitor-lp-homestaging .point .link-button-area li:last-child { margin-top: 20px; }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button { font-size: 13px; }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button:before {
    width: 26px;
    height: 26px;
    right: 15px;
    bottom: 19px;
  }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button:after {
    border-width: 7px 6px 0 6px;
    right: 22px;
    bottom: 27px;
  }
  #monitor-lp-homestaging .point .link-button-area li .case-link-button span { font-size: 16px; }
  #monitor-lp-homestaging .point .case-type {
    padding-top: 30px;
    height: 75px;
  }
  #monitor-lp-homestaging .point .case-type#one-room { width: 300px; }
  #monitor-lp-homestaging .point .case-type#family-room {
    width: 197px;
    height: 94px;
  }
  #monitor-lp-homestaging .point .case { margin-top: 30px; }
  #monitor-lp-homestaging .point .case .case-title {
    font-size: 14px;
    height: 30px;
    padding: 6px 10px 0;
    margin: 0 0 0 17px;
  }
  #monitor-lp-homestaging .point .case .case-title span { font-size: 12px; }
  #monitor-lp-homestaging .point .case .case-title:before {
    border-width: 0 0 25px 7px;
    left: -7px;
  }
  #monitor-lp-homestaging .point .case .case-title:after {
    border-width: 0 7px 25px 0;
    right: -7px;
  }
  #monitor-lp-homestaging .point .case .wrap { padding: 20px 15px; }
  #monitor-lp-homestaging .point .case .wrap .pict-and-info {
    flex-direction: column;
    margin-bottom: 20px;
  }
  #monitor-lp-homestaging .point .case .wrap .picture {
    width: 100%;
    margin-bottom: 20px;
  }
  #monitor-lp-homestaging .point .case .wrap .case-info {
    width: 100%;
    margin-left: 0;
  }
  #monitor-lp-homestaging .point .case .wrap .case-information dt img { height: 27px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .total img { width: 55px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .total .note { font-size: 11px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .total + dd {
    font-size: 22px;
    margin-bottom: 10px;
  }
  #monitor-lp-homestaging .point .case .wrap .case-information .total + dd span { font-size: 33px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .case-point img { width: 74px; }
  #monitor-lp-homestaging .point .case .wrap .case-information .use img { width: 154px; }
  #monitor-lp-homestaging .point .case .wrap .case-information dd { font-size: 14px; }
  #monitor-lp-homestaging .point .case .wrap .case-elements dd figure img { width: calc( (100% - 21px) / 5 ); }
  #monitor-lp-homestaging .point .case .wrap .case-elements dd figure img:nth-child(5n){ margin-right: 0; }
  #monitor-lp-homestaging .point .case .wrap .case-elements dd figure img:nth-child(11n){ margin-right: 5px; }
  #monitor-lp-homestaging .point .case .wrap .complete .result { font-size: 14px; }
  #monitor-lp-homestaging .point .case.case1 .wrap .complete .result {
    background-position: left calc(50% + 10px) bottom -2px;
    background-size: 94px 86px;
    padding-bottom: 100px;
  }
  #monitor-lp-homestaging .point .case .wrap .complete .result .big { font-size: 14px; }
  #monitor-lp-homestaging .point .case .wrap .complete .result .big span { font-size: 20px; }
  /****** 写真が縦の場合↓ ******/
  #monitor-lp-homestaging .point .case.vertical .wrap {
    flex-direction: column;
    align-items: center;
  }
  #monitor-lp-homestaging .point .case.vertical .wrap .vertical-case-info {
    width: 100%;
    margin: 0 auto;
  }
  #monitor-lp-homestaging .point .case.vertical .wrap .picture {
    width: 66%;
    max-width: 300px;
    min-width: 210px;
  }
  #monitor-lp-homestaging .point .case.vertical .wrap .case-elements dd figure img { width: calc( (100% - 21px) / 5 ); }
  #monitor-lp-homestaging .point .case.vertical .wrap .case-information .total + dd { margin-bottom: 10px; }
  #monitor-lp-homestaging .point .case.vertical .wrap .case-information .case-point + dd { margin-bottom: 20px; }
  /****** 写真が縦の場合↑ ******/
  #monitor-lp-homestaging .point .case .wrap .cheap .cheap-text {
    font-size: 18px;
    margin: 20px auto 10px;
  }
  #monitor-lp-homestaging .point .case.case3 .wrap .case-information .total + dd .small { font-size: 22px; }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area { flex-direction: column; }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-elements { width: 100%; }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-information .b-use img {
    width: 100%;
    max-width: 246px;
  }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-information .k-use { margin-top: 20px; }
  #monitor-lp-homestaging .point .case.case3 .wrap .elements-area .case-information .k-use img {
    width: 100%;
    max-width: 227px;
  }
  #monitor-lp-homestaging .point .outro {
    padding-left: 0;
    padding-bottom: 100px;
    margin-top: 50px;
    background-size: 118px 135px;
    background-position: left calc(50% + 10px) bottom -36px;
    max-width: 640px;
    width: 100%;
  }
  #monitor-lp-homestaging .point .outro .outro-title {
    width: 200px;
    height: 43px;
    margin: 0 auto 10px;
  }
  #monitor-lp-homestaging .point .outro.outro2 .outro-title {
    width: 229px;
    height: 65px;
  }
  #monitor-lp-homestaging .point .outro.outro2 { padding-bottom: 100px; }
  #monitor-lp-homestaging .point .outro .outro-text .big { font-size: 18px; }
  #monitor-lp-homestaging .point .outro .outro-text .small { font-size: 12px; }
  #monitor-lp-homestaging .point .outro a {
    font-size: 14px;
    margin-top: 0;
  }
}
/*** 欲しい商品は特集から空間別に探せます！ ***/
#monitor-lp-homestaging .search .title {
  width: 730px;
  height: 42px;
}
#monitor-lp-homestaging .search .wrap {
  display: flex;
  justify-content: center;
}
#monitor-lp-homestaging .search .wrap .text-wrap {
  width: 376px;
  line-height: 2;
  text-align: left;
  margin-right: 30px;
  margin-top: 100px
}
#monitor-lp-homestaging .search .wrap .pc {
  width: 590px;
  height: auto;
  margin-right: -140px;
}
#monitor-lp-homestaging .search .wrap .image {
  width: 164px;
  height: auto;
  position: relative;
  left: 0;
  top: 205px;
}
#monitor-lp-homestaging .search .limited {
  color: #ffffff;
  background-color: #f7572c;
  padding: 6px 20px;
  height: 40px;
  position: relative;
  margin: 58px auto 0;
  z-index: 1;
}
#monitor-lp-homestaging .search .limited:before,
#monitor-lp-homestaging .search .limited:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #f7572c transparent;
  position: absolute;
  top: 0;
}
#monitor-lp-homestaging .search .limited:before {
  left: -10px;
  border-width: 20px 0 20px 10px;
}
#monitor-lp-homestaging .search .limited:after {
  right: -10px;
  border-width: 20px 10px 20px 0;
}
#monitor-lp-homestaging .search .present {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3eceb;
  padding: 30px 30px 40px;
  max-width: 1024px;
  margin: -20px auto 0;
  position: relative;
  z-index: 0;
}
#monitor-lp-homestaging .search .present .text-wrap .text {
  font-size: 30px;
  line-height: 1.5;
}
#monitor-lp-homestaging .search .present .text-wrap .text .big { font-size: 42px; }
#monitor-lp-homestaging .search .present .text-wrap .now {
  width: 86px;
  height: 48px;
  margin-left: -50px;
  margin-bottom: -10px;
}
#monitor-lp-homestaging .search .present .coin {
  width: 296px;
  height: 140px;
  margin-top: 30px;
  margin-left: 20px;
}
/* TABLET・SP */
@media screen and (max-width: 940px) {
  #monitor-lp-homestaging .search .wrap {
    flex-direction: column;
    position: relative;
  }
  #monitor-lp-homestaging .search .wrap .text-wrap {
    width: 90%;
    max-width: 640px;
    margin: 0 auto;
  }
  #monitor-lp-homestaging .search .wrap .image {
    position: absolute;
    top: auto;
    left: auto;
  }
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-homestaging .search .title {
    width: 616px;
    height: 34px;
  }
  #monitor-lp-homestaging .search .wrap .text-wrap { text-align: left; }
  #monitor-lp-homestaging .search .wrap .pc {
    margin-right: 0;
    max-width: 570px;
    width: 80%;
    margin: 35px auto 0;
  }
  #monitor-lp-homestaging .search .wrap .image {
    width: 136px;
    height: 276px;
    bottom: -85px;
    right: 60px;
  }
  #monitor-lp-homestaging .search .limited {
    font-size: 16px;
    height: 32px;
  }
  #monitor-lp-homestaging .search .limited:before { border-width: 16px 0 16px 10px; }
  #monitor-lp-homestaging .search .limited:after { border-width: 16px 10px 16px 0 }
  #monitor-lp-homestaging .search .present {
    padding: 20px 30px 30px;
    max-width: 760px;
  }
  #monitor-lp-homestaging .search .present .text-wrap .text { font-size: 20px; }
  #monitor-lp-homestaging .search .present .text-wrap .text .big { font-size: 28px; }
  #monitor-lp-homestaging .search .present .text-wrap .now {
    width: 70px;
    height: 38px;
  }
  #monitor-lp-homestaging .search .present .coin {
    width: 192px;
    height: 90px;
    margin-left: 10px;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-homestaging .search .title {
    width: 246px;
    height: 62px;
  }
  #monitor-lp-homestaging .search .wrap .text-wrap {
    font-size: 14px;
    width: 100%;
  }
  #monitor-lp-homestaging .search .wrap .pc {
    width: 100%;
    max-width: 500px;
    margin: 30px auto 0;
  }
  #monitor-lp-homestaging .search .wrap .image {
    width: 96px;
    height: 192px;
    bottom: -50px;
    right: 5px;
  }
  #monitor-lp-homestaging .search .limited {
    font-size: 13px;
    height: 26px;
    margin: 30px auto 0;
    padding: 3px 10px;
  }
  #monitor-lp-homestaging .search .limited:before { border-width: 13px 0 13px 10px; }
  #monitor-lp-homestaging .search .limited:after { border-width: 13px 10px 13px 0 }
  #monitor-lp-homestaging .search .present {
    flex-direction: column;
    padding: 30px 20px;
    margin: -15px auto 0;
  }
  #monitor-lp-homestaging .search .present .text-wrap .text { font-size: 15px; }
  #monitor-lp-homestaging .search .present .text-wrap .text .big { font-size: 19px; }
  #monitor-lp-homestaging .search .present .text-wrap .now {
    width: 60px;
    height: 33px;
    margin-left: -40px;
  }
  #monitor-lp-homestaging .search .present .coin {
    width: 146px;
    height: 68px;
    margin: 15px auto 0;
  }
}
/*** 仕入れサイト「スーパーデリバリー」でホームステージングをはじめよう！ ***/
#monitor-lp-homestaging .entry {
  background: url("/img/contents/lp/monitor/homestaging/entry_back_00.png") center top no-repeat , #ffe15d;
  background-size: 1398px 380px;
}
#monitor-lp-homestaging .entry .title {
  width: 642px;
  height: 95px;
  margin-bottom: 40px;
}
#monitor-lp-homestaging .entry .wrap {
  max-width: 766px;
  margin: 0 auto;
  position: relative;
}
#monitor-lp-homestaging .entry .image {
  width: 286px;
  height: 274px;
  position: absolute;
  bottom: -70px;
  right: -158px;
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-homestaging .entry {
    background-size: 862px 234px;
    top: -30px;
  }
  #monitor-lp-homestaging .entry .title {
    width: 460px;
    height: 68px;
  }
  #monitor-lp-homestaging .entry .image {
    width: 120px;
    height: 115px;
    bottom: 213px;
    right: calc(50% - 320px);
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-homestaging .entry {
    background-size: 532px 144px;
    background-position: bottom 10px left calc( 50% + 180px );
    top: -30px;
    padding-bottom: 140px;
  }
  #monitor-lp-homestaging .entry .title {
    width: 274px;
    height: 134px;
  }
  #monitor-lp-homestaging .entry .image {
    width: 136px;
    height: 130px;
    bottom: -150px;
    right: calc( 50% - 120px );
  }
}
/* フッター */
#monitor-lp-homestaging .monitor-footer {
  margin-top: 50px;
  background-color: #000000;
  text-align: center;
  padding: 7px 0;
  z-index: 2;
  font-size: 11px;
  color: #ffffff;
  position: absolute;
  width: 100%;
}
#monitor-lp-homestaging div.hs-logo {
  background-color: #dddddd;
  color: #555555;
  font-size: 12px;
  padding: 13px 0 10px;
  text-align: center;
  width: 100%;
  z-index: 1;
  position: relative;
}
#monitor-lp-homestaging div.hs-logo img { width: 240px; }
#monitor-lp-homestaging div.hs-logo p {
  padding-top: 3px;
  margin: 0;
}
#monitor-lp-homestaging + .push {
  height: 0;
  margin: 0;
}
/*** 下部Fixボタン、上へ戻るボタン  ***/
div[id^="monitor-lp-homestaging"] #page-top {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
div[id^="monitor-lp-homestaging"] #page-top > div {
  max-width: 1450px;
  margin: 0 auto;
  position: relative;
}
div[id^="monitor-lp-homestaging"] #page-top > div a {
  display: block;
  position: absolute;
  border: 1px solid #813631;
  border-radius: 50%;
  background: url("/img/contents/lp/monitor/homestaging/top_scroll_00.svg") center top no-repeat , #ffffff;
  background-position: top 10px center;
  background-size: 45px 36px;
  right: 25px;
  bottom: 60px !important;
  z-index: 1000;
  width: 80px;
  height: 80px;
  font-size: 12px;
  color: #813631;
  padding: 50px 5px 0;
}
div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button {
  display: block;
  position: fixed;
  background-color: rgba(129,54,49,0.8);
  left: 0;
  bottom: 0;
  z-index: 1000;
  padding: 7px 0 !important;
  width: 100%;
  color: #ffffff;
  font-size: 15px;
}
div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-color: #f7572c;
  border-radius: 50%;
  position: fixed;
  right: calc(50% - 108px);
  bottom: 6px;
}
div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  right: calc(50% - 102px);
  bottom: 13px;
}
div[id^="monitor-lp-homestaging"] #page-top > div a:hover,
div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
div[id^="monitor-lp-homestaging"] #page-top > div a:hover { background-color: #FFE15D; }
div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button:hover { background-color: rgba(167,105,101,0.8); }
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
  div[id^="monitor-lp-homestaging"] #page-top > div a {
    width: 70px;
    height: 70px;
    background-size: 36px 29px;
    padding: 39px 5px 0;
    background-position: top 8px center;
    right: 20px;
    bottom: 50px !important;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  div[id^="monitor-lp-homestaging"] #page-top > div a {
    background-image: none;
    width: 50px;
    height: 50px;
    padding: 8px 5px 5px;
    line-height: 1.4;
    right: 10px;
    bottom: 40px !important;
  }
  div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button { font-size: 13px; }
  div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button:before {
    width: 20px;
    height: 20px;
    right: calc(50% - 95px);
    bottom: 7px;
  }
  div[id^="monitor-lp-homestaging"] #mail-entry-scroll-button:after {
    border-width: 5px 5px 0 5px;
    right: calc(50% - 90px);
    bottom: 14px;
  }
}
/* Google翻訳ツール */
.google-translate-wrap {
  background: #333333;
  position: relative;
  height: 35px;
  overflow: hidden;
}
.google-translate {
  width: 110px;
  position: absolute;
  right: 5px;
  overflow: hidden;
}
.pre-google-trans-wrap {
  float: right;
  width: 55%;
}
#header-sp-cont .google-translate select {
  font-size: 13px;
  width: 100%;
  padding: 5px;
  border: solid 1px #333333;
  -webkit-border-radius: 3px;
  height: 25px !important;
}

/* SDアンケート(No.028601) */
#superdelivery-questionnaire-form .fo-rwd-table .td-txt {border-left: 1px solid #ccc;}
#superdelivery-questionnaire-form .fo-contents .select-present {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
}
#superdelivery-questionnaire-form .fo-contents .select-present>li {display: inline-block;}
#superdelivery-questionnaire-form .fo-contents .select-present>li:first-child {margin-right: 10px;}
@media screen and (max-width: 670px) {
  #superdelivery-questionnaire-form .fo-rwd-table .td-txt {border-left: none;}
  #superdelivery-questionnaire-form .fo-contents .select-present>li {display: block;}
  #superdelivery-questionnaire-form .fo-contents .select-present>li:first-child {margin: 0 0 5px 0;}
}

/*-------------------------------------------------------------------------------------------------------------------------------------
あらいぐま雑貨店
------------------------------------------------------- */
/*** 共通 ***/
#shoprac .contents h2 { border: none; }
#shoprac a,
#shoprac .brand .brand-box .brand-list .brand-link .brand-content,
#shoprac .brand .brand-box .brand-list .brand-link .brand-name-box,
#shoprac .brand .andmore .other-brand-box li { transition: 0.2s ease-in; }
#shoprac a:hover { text-decoration: none; }
#shoprac a { color: #111111; }
#shoprac .contents {
  padding-top: 100px;
  padding-bottom: 40px;
  text-align: center;
  padding-left: 2%;
  padding-right: 2%;
}
#shoprac .ttl {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#shoprac .ttl:after {
  content: "";
  display: inline-block;
  width: 20px;
  border-bottom: 1px solid #c6c6bd;
  margin-top: 30px;
}
#shoprac .button {
  display: inline-block;
  width: 270px;
  font-size: 14px;
  border: 1px solid #333333;
  padding: 18px 0;
  border-radius: 30px;
  position: relative;
  margin-top: 60px;
  background-color: #ffffff;
}
#shoprac .button:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  margin-left: 13px;
  margin-bottom: 5px;
  transform: rotate(45deg);
  vertical-align: bottom;
}
#shoprac [class*="-sub-ttl"] { margin-bottom: 20px; }
/*** TAB/SP ***/
/* 共通 */
@media screen and (max-width: 940px) {
  #shoprac a,
  #shoprac .brand .brand-box .brand-list .brand-link .brand-content,
  #shoprac .brand .brand-box .brand-list .brand-link .brand-name-box,
  #shoprac .brand .andmore .other-brand-box li { transition: none 0s ease 0s; }
}
/*** TAB ***/
/* 共通 */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #shoprac .contents {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}
/*** SP ***/
/* 共通 */
@media screen and (max-width: 670px) {
  #shoprac .contents { padding: 50px 15px; }
  #shoprac .ttl { margin-bottom: 20px; }
  #shoprac .button {
    width: 250px;
    padding: 16px 0;
  }
}
/*** メイン ***/
#shoprac .main {
  height: 390px;
  background: url("/img/contents/shopraccoon/main_02.png") #ffffff top 44% center no-repeat;
  background-size: cover;
}
#shoprac .main .main-logo {
  display: flex;
  flex-direction: column;
  padding: 40px 0 0 30px;
  color: #ffffff;
  font-size: 14px;
  margin: auto auto 5px 10px;
  text-shadow: 0 0 3px #111111;
}
#shoprac .main .main-logo img {
  width: 350px;
  margin-left: -8px;
}

#shoprac .main .logo-b { display: none; }
/*** TAB ***/
/* メイン */
@media screen and (max-width: 940px) and (min-width: 671px) {
 #shoprac .main { height: 350px; }
 #shoprac .main .main-logo { padding: 30px 0 0 20px; }
 #shoprac .main .main-logo img {
  width: 320px;
  margin-left: -6px;
  }
}

/*** SP ***/
/* メイン */
@media screen and (max-width: 670px) {
  #shoprac .main {
    height: 260px;
    margin-top: 75px;
    position: relative;
  }
  #shoprac .main .main-logo {
    position: absolute;
    top: -60px;
    left: calc(50% - 145px);
    padding: 0;
    align-items: center;
    color: #111111;
    font-size: 12px;
    margin: 0 0 5px 0;
    text-shadow: none;
    letter-spacing: -0.04em;
  }
  #shoprac .main .main-logo img {
    display: block;
    width: 200px;
  }
}
/*** 日々の暮らしに彩りを ***/
#shoprac .intro .intro-ttl { width: 320px; }
#shoprac .intro .text {
  font-size: 14px;
  line-height: 2.8;
  margin-top: -5px;
}
/*** TAB ***/
/* 日々の暮らしに彩りを */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #shoprac .intro .intro-ttl{ width: 280px; }
}
/*** SP ***/
/* 日々の暮らしに彩りを */
@media screen and (max-width: 670px) {
  #shoprac .intro{
    padding-left: 4%;
    padding-right: 4%;
  }
  #shoprac .intro .intro-ttl { width: 240px; }
  #shoprac .intro .text {
    font-size: 13px;
    line-height: 2.0;
    text-align: justify;
  }
}
/*** ハンドメイド ***/
#shoprac .handmade .handmade-sub-ttl { width: 84px; }
#shoprac .handmade .handmade-ttl { width: 146px; }
#shoprac .handmade .handmade-area {
  display: flex;
  background-color: #efefef;
  padding: 5px;
  max-width: 1100px;
  margin: 0 auto;
}
#shoprac .handmade .handmade-area figure {
  width: 50%;
  height: 100%;
  margin: 0;
}
#shoprac .handmade .handmade-area figure img {
  width: 100%;
  height: 100%;
}
#shoprac .handmade .handmade-area .handmade-text {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
}
#shoprac .handmade .handmade-area .handmade-text h3 {
  font-size: 20px;
  margin: 0;
}
#shoprac .handmade .handmade-area .handmade-text p {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
#shoprac .handmade .handmade-area .handmade-text .button { margin-top: 20px;}
#shoprac .handmade .handmade-area .handmade-text .button:hover { background-color: #e5e5df; }
/*** TAB/SP ***/
/* ハンドメイド */
@media screen and (max-width: 940px) {
  #shoprac .handmade .handmade-ttl { width: 120px; }
  #shoprac .handmade .handmade-area { flex-direction: column; }
  #shoprac .handmade .handmade-area figure { width: 100%; }
  #shoprac .handmade .handmade-area .handmade-text h3 { margin: 0; }
  #shoprac .handmade .handmade-area .handmade-text p { margin-top: 10px; }
  #shoprac .handmade .handmade-area .handmade-text .button:hover { background-color: #fff; }
  
}
/*** TAB ***/
/* ハンドメイド */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #shoprac .handmade .handmade-area .handmade-text { padding: 35px 30px; }
  #shoprac .handmade .handmade-area .handmade-text h3 { font-size: 20px; }
  #shoprac .handmade .handmade-area .handmade-text p .ps-only { display: none; }
}
/*** SP ***/
/* ハンドメイド */
@media screen and (max-width: 670px) {
  #shoprac .handmade .handmade-area .handmade-text { padding: 25px 20px; }
  #shoprac .handmade .handmade-area .handmade-text h3 { font-size: 16px; }
  #shoprac .handmade .handmade-area .handmade-text p { font-size: 13px; }
  #shoprac .handmade .handmade-area .handmade-text .button { margin-top: 10px; }
}
/*** ブランド一覧 ***/
#shoprac .brand .brand-sub-ttl { width: 136px; }
#shoprac .brand .brand-ttl { width: 257px; }
#shoprac .brand .brand-box {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#shoprac .brand .brand-box .brand-list {
  margin: 0 5px 5px 0;
  width: calc((100% - 10.5px) / 3);
}
#shoprac .brand .brand-box .brand-list:nth-of-type(3n) { margin: 0 0 5px 0; }
#shoprac .brand .brand-box .brand-list .brand-link {
  display: block;
  width: 100%;
  padding-bottom: 99.9%;
  position: relative;
}
#shoprac [class^=icon-new] {
  display: inline-block;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  width: 4em;
  height: 2em;
  background-color: #dc6767;
  position: absolute;
  top: 0;
  right: 10px;
}
#shoprac .icon-new-sp { display: none; }
#shoprac .icon-new-pc:after {
  content: "";
  border-color: #dc6767 #dc6767 transparent;
  border-width: 0 2em 0.6em;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 2em;
  left: 0;
}
#shoprac .brand .brand-box .brand-list [class*="brand-img-"] {
  background-size: cover;
  background-position: center center;
}
#shoprac .brand .brand-box .brand-list .brand-img-sisa{ background-image: url(/img/contents/shopraccoon/brandlist/sisa00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-paii{ background-image: url(/img/contents/shopraccoon/brandlist/paii00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-gran{ background-image: url(/img/contents/shopraccoon/brandlist/gran00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-inic{ background-image: url(/img/contents/shopraccoon/brandlist/inic00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-souk{ background-image: url(/img/contents/shopraccoon/brandlist/souk00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-miws{ background-image: url(/img/contents/shopraccoon/brandlist/miws00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-anfo{ background-image: url(/img/contents/shopraccoon/brandlist/anfo00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-tiny{ background-image: url(/img/contents/shopraccoon/brandlist/tiny00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-visi{ background-image: url(/img/contents/shopraccoon/brandlist/visi00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-humm{ background-image: url(/img/contents/shopraccoon/brandlist/humm00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-f2rl{ background-image: url(/img/contents/shopraccoon/brandlist/f2rl00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-teat{ background-image: url(/img/contents/shopraccoon/brandlist/teat00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-inns{ background-image: url(/img/contents/shopraccoon/brandlist/inns00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-deck{ background-image: url(/img/contents/shopraccoon/brandlist/deck00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-roku{ background-image: url(/img/contents/shopraccoon/brandlist/roku00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-slow{ background-image: url(/img/contents/shopraccoon/brandlist/slow00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-myho{ background-image: url(/img/contents/shopraccoon/brandlist/myho00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-clip{ background-image: url(/img/contents/shopraccoon/brandlist/clip00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-bagg{ background-image: url(/img/contents/shopraccoon/brandlist/bagg00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-tomi{ background-image: url(/img/contents/shopraccoon/brandlist/tomi00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-ashi{ background-image: url(/img/contents/shopraccoon/brandlist/ashi00.jpg); }
#shoprac .brand .brand-box .brand-list .brand-img-yana{ background-image: url(/img/contents/shopraccoon/brandlist/yana00.jpg); }

#shoprac .brand .brand-box .brand-list .brand-link .brand-content,
#shoprac .brand .brand-box .brand-list .brand-link .brand-name-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding:0 10%;
}
#shoprac .brand .brand-box .brand-list .brand-link .brand-content {
  color: #ffffff;
  background-color: rgba(0,0,0,0.6);
  font-size: 13px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 83%;
}
#shoprac .brand .brand-box .brand-list .brand-link:hover .brand-content{ opacity: 1; }
#shoprac .brand .brand-box .brand-list .brand-link .brand-content .brand-text { line-height: 1.8; }
#shoprac .brand .brand-box .brand-list .brand-link .brand-content .brand-look {
  border: 1px solid #ffffff;
  padding: 0.15em;
  width: 6em;
  margin: 0 auto;
}
#shoprac .brand .brand-box .brand-list .brand-link .brand-name-box {
  background-color: rgba(255,255,255,0.75);
  font-size: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 17%;
  width: 100%;
  box-sizing: border-box;
}
#shoprac .brand .brand-box .brand-list .brand-link:hover .brand-name-box {
  background-color: #333333;
  color: #ffffff;
}
#shoprac .brand .brand-box .brand-list .brand-link .brand-name-box .brand-name {
  word-break : break-all;
  line-height: 1.3;
}
/* andmore */
#shoprac .brand .andmore {
  max-width: 940px;
  margin: 50px auto 0;
}
#shoprac .brand .andmore-ttl {
  width: 88px;
  height: auto;
  margin-bottom: 30px;
}
#shoprac .brand .andmore .other-brand-box {
  display: flex;
  flex-wrap: wrap;
}
#shoprac .brand .andmore .other-brand-box li {
  flex-basis: 20%;
  align-items:center;
  margin-right: -1px;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
#shoprac .brand .andmore .other-brand-box li:hover {
  background-color: #858585;
  color: #ffffff;
  z-index: 3;
}
#shoprac .brand .andmore .other-brand-box .other-brand-link {
  display: block;
  width: 100%;
  height: 56px;
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  word-break : break-all;
  font-size: 13px;
  line-height: 1.3;
  position: relative;
}
#shoprac .brand .andmore .other-brand-box li:hover .other-brand-link span:before,
#shoprac .brand .andmore .other-brand-box li:hover .other-brand-link span:after { background-color: #858585; }
#shoprac .brand .andmore .other-brand-box .other-brand-link span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 18px;
  position: relative;
}
#shoprac .brand .andmore .other-brand-box li:hover span,
#shoprac .brand .andmore .other-brand-box li:hover .other-brand-link { color: #ffffff; }
#shoprac .brand .andmore .other-brand-box .other-brand-link:before,
#shoprac .brand .andmore .other-brand-box .other-brand-link:after,
#shoprac .brand .andmore .other-brand-box .other-brand-link span:before,
#shoprac .brand .andmore .other-brand-box .other-brand-link span:after {
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  z-index: 1;
}
#shoprac .brand .andmore .other-brand-box .other-brand-link:before,
#shoprac .brand .andmore .other-brand-box .other-brand-link:after {
  width: calc(100% - 14px);
  border-top: 1px dashed #858585;
  left: 7px;
}
#shoprac .brand .andmore .other-brand-box .other-brand-link:before { top: 0; }
#shoprac .brand .andmore .other-brand-box .other-brand-link:after { bottom: 0; }
#shoprac .brand .andmore .other-brand-box .other-brand-link span:before,
#shoprac .brand .andmore .other-brand-box .other-brand-link span:after {
  height: calc(100% - 14px);
  border-left: 1px dashed #858585;
  background-color: #ffffff;
  top: 7px;
}
#shoprac .brand .andmore .other-brand-box .other-brand-link span:before { left: 0; }
#shoprac .brand .andmore .other-brand-box li .other-brand-link span:after { right: 0; }
/* すべてのブランドを見る */
#shoprac .brand .brand-scroll.open:after {
  transform: rotate(135deg);
  vertical-align: middle;
}
#shoprac .brand .brand-scroll.close:after {
  transform: rotate(315deg);
  vertical-align: -8px;
}
#shoprac .brand .brand-scroll:hover,
#shoprac .brand .brand-scroll.close,
#shoprac .brand .brand-scroll.close:hover,
#shoprac .other-item:hover {
  opacity: 1;
  background-color: #e5e5df;
  border: 1px solid #e5e5df;
  cursor: pointer;
}
/*** TAB/SP ***/
/* ブランド一覧 */
@media screen and (max-width: 940px) {
  #shoprac .brand .brand-ttl{ width: 225px; }
  #shoprac .brand .andmore .other-brand-box li:hover,
  #shoprac .brand .andmore .other-brand-box li:hover span,
  #shoprac .brand .andmore .other-brand-box li:hover .other-brand-link {
    background-color: transparent;
    color: #111111;
  }
  #shoprac .brand .andmore .other-brand-box li:hover .other-brand-link span:before,
  #shoprac .brand .andmore .other-brand-box li:hover .other-brand-link span:after {
    background-color: transparent;
  }
  /* すべてのブランドを見る */
  #shoprac .brand .brand-scroll:hover,
  #shoprac .other-item:hover {
    background-color: transparent;
    border: 1px solid #333333;
  }
}
/*** TAB ***/
/* ブランド一覧 */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #shoprac .brand .brand-box .brand-list {
    margin: 0 3px 3px 0;
    width: calc((100% - 6px) / 3);
  }
  #shoprac .brand .brand-box .brand-list:nth-of-type(3n) { margin: 0 0 3px 0; }
  #shoprac .brand .brand-box .brand-list .brand-link .brand-content { display: none; }
  #shoprac .brand .brand-box .brand-list .brand-link .brand-name-box { height: 20%; }
  #shoprac .brand .brand-box .brand-list .brand-link .brand-name-box .brand-name { font-size: 13px; }
  #shoprac .brand .brand-box .brand-list .brand-link:hover .brand-name-box {
    background-color: rgba(255,255,255,0.75);
    color: #111111;
  }
  /* andmore */
  #shoprac .brand .andmore { margin: 40px auto 0; }
  #shoprac .brand .andmore .other-brand-box li { flex-basis: 33.33% }
  #shoprac .brand .andmore .other-brand-box li:nth-child(-n+5) .other-brand-link:before { display: none; }
  #shoprac .brand .andmore .other-brand-box li:nth-child(5n) .other-brand-link span:after { display: none; }
  #shoprac .brand .andmore .other-brand-box li:nth-child(-n+3) .other-brand-link:before,
  #shoprac .brand .andmore .other-brand-box li:nth-child(3n) .other-brand-link span:after{
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    z-index: 1;
  }
  #shoprac .brand .andmore .other-brand-box li:nth-child(-n+3) .other-brand-link:before{
    width: calc(100% - 14px);
    border-top: 1px dashed #858585;
    left: 7px;
  }
  #shoprac .brand .andmore .other-brand-box li:nth-child(-n+3) .other-brand-link:before { top: 0; }
  #shoprac .brand .andmore .other-brand-box li:nth-child(3n) .other-brand-link span:after {
    height: calc(100% - 14px);
    border-left: 1px dashed #858585;
    top: 7px;
  }
  #shoprac .brand .andmore .other-brand-box li:nth-child(3n) .other-brand-link span:after { right: 0; }
}
/*** SP ***/
/* ブランド一覧 */
@media screen and (max-width: 670px) {
  #shoprac .brand .brand-box { display: block; }
  #shoprac .brand .brand-box .brand-list {
    width: 100%;
    height: 161px;
    text-align: left;
    box-sizing: border-box;
    padding: 10px 0;
    border-top: 1px solid #cccccc;
    margin: 0;
    position: relative;
  }
  #shoprac .brand .brand-box .brand-list:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #111111;
    margin-right: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 7.07px);
    right: 0;
  }
  #shoprac .brand .brand-box .brand-list:last-of-type {
    height: 162px!important;
    border-bottom: 1px solid #cccccc;
  }
  #shoprac .no-border { border-bottom: none!important; }
  #shoprac .brand .brand-box .brand-list [class*="brand-img-"] {
    background-repeat: no-repeat;
    background-size: 140px 140px;
    background-position: left center;
  }
  #shoprac .brand .brand-box .brand-list .brand-link {
    height: 100%;
    font-size: 0;
    box-sizing: border-box;
    padding: 0 0 0 140px;
  }
  #shoprac .brand .brand-box .brand-list .brand-link .brand-content { display: none; }
  #shoprac .brand .brand-box .brand-list .brand-link .brand-name-box {
    position: static;
    height: 100%;
    background-color: transparent;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0 30px 0 20px;
  }
  #shoprac .brand .brand-box .brand-list .brand-link:hover .brand-name-box {
    background-color: transparent;
    color: #111111;
    padding: 0 30px 0 20px;
  }
  #shoprac .brand .brand-box .brand-list .brand-link .brand-name-box .brand-name { max-width: 315px; }
  #shoprac .icon-new-pc { display: none; }
  #shoprac .icon-new-sp {
    display: inline-block;
    position: relative;
    right: 0;
    width: 34px;
    height: 18px;
    line-height: 18px;
    margin: 0 calc(100% - 34px) 5px 0;
  }
  #shoprac .icon-new-sp:after {
    content: "";
    border-color: #dc6767 transparent;
    border-width: 9px 5px 9px 0;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0;
    right: -5px;
  }
  #shoprac .brand .andmore .other-brand-box { padding: 0 15px; }
  #shoprac .brand .andmore .other-brand-box li { flex-basis: 50%; }
  #shoprac .brand .andmore .other-brand-box li,
  #shoprac .brand .andmore .other-brand-box .other-brand-link { height: 50px; }
  #shoprac .brand .andmore .other-brand-box .other-brand-link { font-size: 12px; }
  #shoprac .brand .brand-scroll,
  #shoprac .other-item {
    width: 250px;
    padding: 16px 0;
  }
}
/*** おすすめのアイテム ***/
#shoprac .item .item-sub-ttl { width: 120px; }
#shoprac .item .item-ttl { width: 240px; }
#shoprac .item .item-box {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#shoprac .item .item-link {
  display: inline-block;
  flex-basis: calc((100% - 60px) / 4);
  text-align: center;
  margin-bottom: 35px;
}
#shoprac .item .item-link:hover,
#shoprac .regist .regist-link:hover { opacity: 0.7; }
#shoprac .item span {
  display: inline-block;
  color: #111111;
}
#shoprac .item figure {
  width: 100%;
  margin: 0;
}
#shoprac .item .item-img { width: 100%; }
#shoprac .item .item-info {
  font-size: 13px;
  width: 100%;
  line-height: 1.3;
}
#shoprac .item .item-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
  margin-top: 6px;
}
#shoprac .item .item-brand:before,
#shoprac .item .item-brand:after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.2em;
  border-top: 1px solid #111111;
  margin: 0 8px;
}
/*** TAB/SP ***/
/* おすすめのアイテム */
@media screen and (max-width: 940px) {
  #shoprac .item .item-ttl { width: 208px; }
  #shoprac .item .item-link:hover { opacity: 1; }
}

@media all and (-ms-high-contrast: none) {
  #shoprac .item .item-ttl {
    width: 100%;
    height: 20px; 
  }
}
/*** TAB ***/
/* おすすめのアイテム */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #shoprac .item .item-brand { font-size: 12px; }
  #shoprac .item .item-link {
    flex-basis: calc((100% - 30px) / 4);
    margin-bottom: 20px;
  }
}
/*** SP ***/
/* おすすめのアイテム */
@media screen and (max-width: 670px) {
  #shoprac .item.contents { padding: 50px 0 }
  #shoprac .item .item-sub-ttl { margin-bottom: 10px; }
  #shoprac .item .item-box { text-align: left; }
  #shoprac .item .item-link {
    flex-basis: calc(50% - 1px);
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0 1px 1px 0;
    margin-bottom: 0;
    line-height: 0;
  }
  #shoprac .item .item-img { width: calc(100% + 1px); }
  #shoprac .item .item-info {
    display: block;
    box-sizing: border-box;
    padding: 2.5em 0;
    font-size: 12px;
  }
  #shoprac .item .item-info span:nth-of-type(1) { margin-bottom: 3px; }
  #shoprac .item .item-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
    margin-top: 6px;
    line-height: 1.3;
  }
}
/*** ジャンル ***/
#shoprac .genre .genre-sub-ttl { width: 56px; }
#shoprac .genre .genre-ttl { width: 80px; }
#shoprac .genre.contents {
  padding-top: 40px;
  padding-bottom: 90px;
}
#shoprac .genre .link-box {
  width: 900px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
#shoprac .genre .link-wrap {
  box-sizing: border-box;
  display: inline-block;
  width: 180px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 30px;
  transition: background-color 0.2s ease-in;
}
#shoprac .genre .link-wrap:hover {
  background-color: #efefef;
  opacity: 1;
}
#shoprac .genre .genre-link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#shoprac .genre .genre-img{ width: 115px; }
/*** TAB/SP ***/
/* ジャンル */
@media screen and (max-width: 940px) {
  #shoprac .genre .genre-link:hover { background-color: transparent; }
}
/*** TAB ***/
/* ジャンル */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #shoprac .genre .link-box {
    width: 590px;
    justify-content: center;
  }
  #shoprac .genre .link-wrap {
    width: 33%;
    margin-bottom: 30px;
  }
}
/*** SP ***/
/* ジャンル */
@media screen and (max-width: 670px) {
  #shoprac .genre.contents { padding-top: 50px; }
  #shoprac .genre .link-box {
    width: 100%;
    max-width: 460px;
  }
  #shoprac .genre .link-wrap {
    width: 33.333%;
    padding: 0 5px 5px;
  }
  #shoprac .genre .genre-img { width: 75px; }
}
/*** 会員導線 ***/
#shoprac .regist{
  padding: 50px 0 60px;
  margin-bottom: 40px;
  background-color: #e5e5df;
}
#shoprac .regist .info {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0;
}
#shoprac .regist .sub-info {
  font-size: 13px;
  line-height: 1.6;
}
#shoprac .regist .regist-link {
  font-size: 23px;
  font-weight: bold;
  color: #f6f6f6;
  border-radius: 30px;
  width: 380px;
  padding: 15px 0;
  margin-top: 10px;
  margin-bottom: 20px;
  background: #f67d6d;
  display: inline-block;
}
#shoprac .regist .regist-link:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 2px solid #f6f6f6;
  border-right: 2px solid #f6f6f6;
  vertical-align: middle;
  margin-left: 10px;
}
/*** SP ***/
/* 会員導線 */
@media screen and (max-width: 670px) {
  #shoprac .regist {
    padding-top: 50px;
    padding-bottom: 60px;
    margin-bottom: 40px;
    background-color: #e5e5df;
  }
  #shoprac .regist .info { font-size: 15px; }
  #shoprac .regist .regist-link {
    font-size: 18px;
    width: 280px;
    padding: 12px 0;
    margin-top: 15px;
    margin-bottom: 25px;
  }
  #shoprac .regist .regist-link:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 2px solid #f6f6f6;
    border-right: 2px solid #f6f6f6;
    vertical-align: middle;
    margin-left: 10px;
  }
}
/* フッター周り */
.push.shoprac { display: none; }

/***--- 201805ヘルプページ改修 ここから ---***/

/**--- 共通クラスここから ---**/

#help-jpn {
  background: #215185;
  font-size: 17px;
  line-height: 2em;
  padding: 20px 10px;
  background: #f6f6f6!important;
  border: 1px dashed #215185;
}

/* シンプルヘッダー */
#header-simple-help {
  background-color: #f6f6f6;
  border-bottom: 1px solid #dddddd;
  padding: 15px;
  margin-top: -108px;
}
#header-simple-help .logo {
  display: table;
}
#header-simple-help .logo img {
  display: table-cell;
  border-right: 1px solid #333;
  padding-right: 20px;
  vertical-align: middle;
  width: 111px;
}
#header-simple-help .logo span {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
  font-size: 13px;
}

/* リンクアイコン */
#help-jpn .text-link-top,
#help-jpn .text-link {
  background-image: url("/img/guide/help/icon/textlink_01.gif");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 7px;
  padding-right: 16px;
  text-decoration: none;
}
#help-jpn .text-link-top {
  color: #333333;
}
#help-jpn .text-link {
  color: #0066cc;
}
#help-jpn .text-link:visited {
  color: #800080;
  text-decoration: none;
}
#help-jpn .text-link-top:hover,
#help-jpn .text-link:hover {
  text-decoration: underline;
}
#help-jpn .text-link-anchor {
  background-image: url("/img/guide/help/icon/textlink_02.gif");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 9px;
  padding-right: 15px;
  text-decoration: none;
  color: #215185;
  margin-right: 20px;
  display: inline-block;
}
#help-jpn .text-link-anchor:last-child {
  margin-right: 0;
}
#help-jpn .text-link-anchor:hover {
  text-decoration: underline;
}

/* メインイメージ - 白背景 */
#help-jpn .main-ttl {
  position: absolute;
  top: 29%;
  left: 0;
  right: 0;
  text-align: center;
}
#help-jpn .main-ttl .big-ttl {
  font-size: 42px;
  font-weight: bold;
  color: #215185;
  line-height: 1;
  margin-bottom: 10px;
}
#help-jpn .main-ttl .sub-ttl {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
}
#help-jpn .white-bck {
  background: #fff url("/img/guide/help/bck/bg_grid.png") repeat scroll 50% 0 / 480px 1px;
  margin: -50px auto 0;
  width: 96%;
  position: relative;
}
#help-jpn .white-bck .bck-padding {
  padding: 20px 0 90px;
  position: relative;
}
#help-jpn .white-bck .pan-list {
  padding: 0 0 0 40px;
  margin-bottom: -60px;
  font-size: 13px;
  position: relative;
  z-index: 5;
}
#help-jpn .first-description,
#help-jpn .inner-contents .first-sentense {
  max-width: 680px;
  margin: 0 auto;
}
#help-jpn .white-bck .contents-ttl,
#help-jpn .blue-bck .contents-ttl {
  z-index: 10;
  margin: -54px 0 60px;
}
#help-jpn .white-bck .contents-ttl h2.big-ttl,
#help-jpn .blue-bck .contents-ttl h2.big-ttl {
  font-size: 32px;
  text-align: center;
  margin: 0px;
  color: #333333;
  font-weight: lighter;
  border-bottom: none;
}
#help-jpn .white-bck .contents-ttl .big-ttl::after,
#help-jpn .blue-bck .contents-ttl .big-ttl::after {
  border-bottom: 5px solid #215185;
  content: "";
  display: block;
  margin: 10px auto 0;
  width: 40px;
}

#help-jpn .right-pc-wrap {
  margin: 0 auto;
  min-width: 800px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#help-jpn .right-pc-wrap .inner {
  display: table;
  margin: 0 auto;
  max-width: 790px;
  padding: 0;
  position: relative;
}
#help-jpn .right-pc-wrap .inner .image {
  display: table-cell;
  padding-left: 50px;
  position: absolute;
  right: -30%;
  top: 10px;
}
#help-jpn .right-pc-wrap .image img {
  height: auto;
  max-width: 600px;
  overflow: hidden;
  width: 100%;
}
#help-jpn .right-pc-wrap .inner .txt {
  display: table-cell;
  margin: 0 60px;
  vertical-align: middle;
  width: 50%;
}

/* 左右に画像がある説明部分（スライドなし） */
#help-jpn .left-image-wrap {
  margin: 50px auto 20px;
  min-width: 800px;
  max-width: 1380px;
  min-height: 430px;
  overflow: hidden;
  position: relative;
  width: 90%;
}
#help-jpn .left-image-wrap .inner {
  margin: 0 auto;
  position: relative;
  display: table;
}
#help-jpn .left-image-wrap .inner .txt {
  margin: 0 60px;
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  line-height: 2em;
}
#help-jpn .left-image-wrap .inner .image {
  padding-right: 50px;
  display: table-cell;
  width: 34%;
}
#help-jpn .left-image-wrap .image img {
  height: auto;
  max-width: 600px;
  overflow: hidden;
  width: 100%;
  border: 2px solid #215185;
}

/* 左右に画像がある説明部分（スライドあり）ここから */

/* スライド */
#help-jpn .slide-wrap {
  display: flex;
  justify-content: space-between;
  margin: 50px auto 20px;
  min-width: 800px;
  max-width: 1380px;
  overflow: hidden;
  position: relative;
  width: 90%;
}

/* 画像 */
#help-jpn .slide-wrap .slide-image {
  width: 46vw;
  height: calc(42vw * 0.89);
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  position: relative;
  display: flex;
}
#help-jpn .slide-wrap .slide-image div {
  width: 100%;
  height: calc(41vw * 0.89);
  position: absolute;
  right: 100%;
  top: 0;
  transition: right 0.7s ease-in;
}
#help-jpn .slide-wrap .slide-image div:first-child { right: 100%; }
#help-jpn .slide-wrap .slide-image .slide-image-show ~ div { right: -100%; }
#help-jpn .slide-wrap .slide-image .slide-image-show {
  transition: right 0.7s ease-in-out;
  right: 0;
  z-index: 6;
}
#help-jpn .slide-wrap .slide-image .slide-image-show div {
  right: -100%;
}
#help-jpn .slide-wrap .slide-image img {
  width: 41vw;
  max-width: 600px;
  height: auto;
  border: 2px solid #215185;
}
/* テキスト */
#help-jpn .slide-wrap .slide-contents {
  flex-basis: 50%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0 0 50px;
  vertical-align: middle;
  max-height: 360px;
}
#help-jpn .slide-wrap .slide-txt {
  position: relative;
  margin-bottom: 20px;
}
#help-jpn .slide-wrap .slide-txt p {
  overflow: hidden;
  margin: 0 0 20px;
  transition: opacity 0.8s ease-in;
}
#help-jpn .slide-wrap .slide-txt p:not(.slide-txt-show) {
  opacity: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}
/* pager */
#help-jpn .slide-wrap .pager {
  position: relative;
  width: 99%;
  font-size: 12px;
  line-height: 2em;
  font-weight: bold;
  color: #ffffff;
}
#help-jpn .slide-wrap .pager p {
  background: #215185;
  overflow: hidden;
  transition: opacity 0.8s ease-in;
  border: 2px solid #215185;
  border-radius: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 55px;
}
#help-jpn .slide-wrap .pager p:not(.pager-show) {
  opacity: 0;
  height: 0;
  line-height: 0;
  width: 100%;
  border: none;
}
/* ボタン */
#help-jpn .slide-wrap .slide-contents .slide-btn {
  position: absolute;
  bottom: 0;
  width: 215px;
}
#help-jpn .slide-wrap:not(.slide-reverse) .slide-contents .slide-btn {
  left: auto;
  right: 0;
}
#help-jpn .slide-wrap .slide-contents .slide-btn div {
  display: inline-table;
  border: 2px solid #215185;
  color: #215185;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: all 0.3s;
}
#help-jpn .slide-wrap .slide-contents .slide-btn div:hover {
  color: #ffffff;
  background-color: #215185;
}
#help-jpn .slide-wrap .slide-contents .slide-prev:hover:before,
#help-jpn .slide-wrap .slide-contents .slide-next:hover:after { border-color: #ffffff; }
#help-jpn .slide-wrap .slide-contents .slide-prev:before,
#help-jpn .slide-wrap .slide-contents .slide-next:after {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  border-top: 2px solid #215185;
  border-right: 2px solid #215185;
  margin: 0 15px;
}
#help-jpn .slide-wrap .slide-contents .slide-prev {
  border-radius: 20px 0 0 20px;
  padding: 3px 35px 3px 0;
  margin-right: -2px;
}
#help-jpn .slide-wrap .slide-contents .slide-prev:before {
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#help-jpn .slide-wrap .slide-contents .slide-next {
  border-radius: 0 20px 20px 0;
  padding: 3px 0 3px 35px;
}
#help-jpn .slide-wrap .slide-contents .slide-next:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#help-jpn .slide-wrap .slide-contents .slide-button-wrap {
  margin-top: 30px;
  text-align: right;
  display: block;
  font-size: 13px;
  font-weight: bold;
}
#help-jpn .slide-wrap .slide-contents .slide-button-wrap.left {
  text-align: left;
}
#help-jpn .slide-wrap .slide-contents .slide-button-wrap .link-before {
  background-image: url("/img/guide/help/icon/textlink_04.gif");
  background-position: 13px center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  border-radius: 20px 0 0 20px;
  border-top: 2px solid #215185;
  border-bottom: 2px solid #215185;
  border-left: 2px solid #215185;
  border-right: 1px solid #215185;
  padding: 10px 35px;
}
#help-jpn .slide-wrap .slide-contents .slide-button-wrap .link-next {
  background-image: url("/img/guide/help/icon/textlink_03.gif");
  background-position: 75px center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  border-radius: 0 20px 20px 0;
  border-top: 2px solid #215185;
  border-bottom: 2px solid #215185;
  border-right: 2px solid #215185;
  border-left: 1px solid #215185;
  padding: 10px 35px;
}
#help-jpn .slide-wrap .slide-contents .slide-button-wrap a {
  text-decoration: none;
  color: #215185;
}
#help-jpn .slide-wrap .slide-contents .slide-button-wrap .link-before:hover {
  background: #215185 url("/img/guide/help/icon/textlink_04_hover.gif");
  background-position: 13px center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  color: #ffffff;
  text-decoration: none;
}
#help-jpn .slide-wrap .slide-contents .slide-button-wrap .link-next:hover {
  background: #215185 url("/img/guide/help/icon/textlink_03_hover.gif");
  background-position: 75px center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  color: #ffffff;
  text-decoration: none;
}
/* 左右に画像がある説明部分（スライドあり）ここまで */

#help-jpn .inner-contents .center-image img {
  width: 100%;
  max-width: 630px;
  height: auto;
  border: 2px solid #215185;
  margin: 0 0 20px;
}
#help-jpn .anchor-link {
  background: #ffffff;
  border: 2px solid #215185;
  padding: 24px 30px 20px;
  text-align: center;
  color: #215185;
  max-width: 540px;
  width: 70%;
  font-size: 13px;
  margin: 90px auto 0;
  font-weight: bold;
  line-height: 2.2em;
}
#help-jpn .anchor-link .jumpto {
  background: #215185;
  color: #ffffff;
  margin: -40px auto 8px;
  width: 84px;
}
#help-jpn .bck-padding .anchor-space {
  padding-top: 20px;
}

/* inview.js スクロールして要素の高さまで到達したら表示 */
.inviewwrap .inview {
  transition: 0.4s;
}
.inview{
  opacity: 0;
  -webkit-transform: translate(0,20px) ;
  transform: translate(0,20px)  ;
}
.inview-o{
  opacity: 1.0;
  -webkit-transform: translate(0,0)  !important;
  transform: translate(0,0)  !important;
}

/* タイトル後ろの英字 */
#help-jpn .section-wrap,
#help-jpn .section-wrap-blue {
  position: relative;
  width: 100%;
  z-index: 0;
}
#help-jpn .section-wrap.is-animated::before,
#help-jpn .section-wrap-blue.is-animated::before {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
#help-jpn .section-wrap.is-animated::before,
#help-jpn .section-wrap-blue.is-animated::before {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
#help-jpn .section-wrap::before {
  font-family: "A-OTF 見出ゴMB31 Pr6N","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
  display: block;
  color: #f2f5fa;
  content: attr(data-txt);
  font-size: 120px;
  font-weight: 500;
  height: 200px;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 0.025em;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  text-indent: -0.2em;
  top: 0;
  transform: translate3d(0px, 50px, 0px);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  white-space: nowrap;
  width: 100%;
  z-index: -10;
  line-height: 2em;
}
#help-jpn .section-wrap-blue::before {
  font-family: "A-OTF 見出ゴMB31 Pr6N","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
  display: block;
  color: #d4e2f8;
  content: attr(data-txt);
  font-size: 120px;
  font-weight: 500;
  height: 200px;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 0.025em;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  text-indent: -0.2em;
  top: 0;
  transform: translate3d(0px, 50px, 0px);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  white-space: nowrap;
  width: 100%;
  z-index: -10;
  line-height: 2em;
}
/* 英字大タイトルIE11以下のハック */
@media all and (-ms-high-contrast:none){
  #help-jpn .white-bck .contents-ttl,
  #help-jpn .blue-bck .contents-ttl {
    margin: -66px 0 60px;
  }
  #help-jpn .section-wrap::before,
  #help-jpn .section-wrap-blue::before {
    height: 210px;
    top: 30px;
  }
}
#help-jpn .blue-bck {
  background: #d4e2f8 url("/img/guide/help/bck/bg_grid_blue.png") repeat scroll 50% 0 / 480px 1px;
  margin: 20px auto 0;
  width: 96%;
  position: relative;
  line-height: 1.7em;
}
#help-jpn .blue-bck .bck-padding {
  padding: 40px 0;
  position: relative;
}
#help-jpn .fs-13 {
  font-size: 13px;
}
#help-jpn .fs-15 {
  font-size: 15px;
  line-height: 1.7em;
}
#help-jpn .lineh-15 {
  line-height: 1.5em;
}
#help-jpn .help-jpn-table {
  background: #ffffff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 100%;
  font-size: 15px;
  text-align: center;
  line-height: 1.8em;
  border-collapse: collapse;
}
#help-jpn .help-jpn-table .gray {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 13px;
}
#help-jpn .help-jpn-table .gray span {
  text-align: center;
}
#help-jpn .help-jpn-table .white {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  word-break: break-all;
  padding: 13px;
  text-align: left;
}
#help-jpn .help-jpn-table .white-c {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  word-break: break-all;
  padding: 13px;
  text-align: center;
}
#help-jpn .help-list-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
}
#help-jpn .help-list-table th,
#help-jpn .help-list-table td {
  line-height: 1.4;
  border: 1px #cccccc solid;
}
#help-jpn .help-list-table th {
  text-align: left;
  font-weight: bold;
  background-color: #dadada;
  font-size: 15px;
  padding: 5px 12px 4px;
}
#help-jpn .help-list-table td { padding: 8px 12px 7px; }
#help-jpn .help-list-table .help-list-gry { background-color: #f6f6f6; }
#help-jpn .help-list-table .help-list-blue { background-color: #e3ebf9; }

#help-jpn .link-next, #help-jpn .link-before, #help-jpn *::before, #help-jpn .link-before, #help-jpn *::after {
  box-sizing: border-box;
  transition: all 0.3s ease 0s;
}

#help-jpn .page-top-wrap {
  position: relative;
  z-index: 10;
}
#help-jpn .page-top-wrap #page-top {
  font-size: 0;
  position: fixed;
  bottom: 30px;
  right: 30px;
}
#help-jpn .page-top-wrap #page-top.fade-in {
  color: #000;
  font-size: 60px;
  opacity: 0.6;
  transition: opacity 1s;
}
#help-jpn .page-top-wrap #page-top a {
  display: block;
  z-index: 999;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#help-jpn .page-top-wrap #page-top a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#help-jpn .page-top-wrap #page-top a img {
  width: 60px;
}

#help-jpn .sp-block {
  display: inline;
}
#help-jpn .assign-list .sp-block {display: block;}

/* テキストインデント（2文字分） */
#help-jpn .indent-2em {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

/*--- 共通クラスここまで ---*/

/*--- INDEX ---*/
#help-jpn .main-img-index {
  background-image: url("/img/guide/help/index/mainimg_01.jpg");
  height: 250px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#help-jpn .main-img .picture {
  width: 100%;
  height: auto;
}

/* INDEX - FAQ */
#help-jpn .faq-wrap {word-break: normal; max-width: 840px; margin: 0 auto 40px;}
#help-jpn .faq-wrap .fixation-slide {
  padding: 20px 15px 17px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
#help-jpn .faq-wrap .fixation-slide:first-child {
  border-top: 1px solid #ccc;
}
#help-jpn .faq-wrap .fixation-slide:hover {background: #f2f5fa;}
#help-jpn .faq-wrap .fixation-slide .outer-wording {
  float: left;
}
#help-jpn .faq-wrap .fixation-slide .outer-wording .Q,
#help-jpn .faq-wrap .fixation-inner .fixation-inner-in .A {
  margin: -2px 7px 0 0;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  color: #215185;
  font-size: 22px;
}
#help-jpn .faq-wrap .fixation-slide .button-open,
#help-jpn .faq-wrap .fixation-slide .button-close {
  float: right;
}
#help-jpn .faq-wrap .fixation-slide .button-open img,
#help-jpn .faq-wrap .fixation-slide .button-close img {
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
#help-jpn .faq-wrap .fixation-slide .button-close {display: none;}
#help-jpn .faq-wrap .fixation-inner {display: none;}
#help-jpn .faq-wrap .fixation-inner .fixation-inner-in {
  padding: 20px 15px 20px 4.5em;
  text-indent: -0.9em;
}
#help-jpn .faq-wrap .fixation-inner .fixation-inner-in ul {
  margin: 0 0 0 1.1em;
  padding-right: 15px;
}
#help-jpn .faq-wrap .fixation-inner .fixation-inner-in ul li {
  list-style-type: disc;
  text-indent: 0;
}

/* INDEX - 内容別に探す */
#help-jpn .index .contents-list-wrap {
  width: 740px;
  margin: 0 auto;
  display: table;
}
#help-jpn .index .contents-list-wrap .paragraph {
  margin-bottom: 70px;
}
#help-jpn .index .contents-list-wrap .paragraph .left {
  display: table-cell;
  width: 310px;
}
#help-jpn .index .contents-list-wrap .paragraph .left .icon {
  display: table-cell;
  padding-right: 20px;
}
#help-jpn .index .contents-list-wrap .paragraph .left .icon img {
  width: 70px;
}
#help-jpn .index .contents-list-wrap .paragraph .left .ttl {
  display: table-cell;
  font-size: 22px;
  font-weight: bold;
  vertical-align: middle;
}
#help-jpn .index .contents-list-wrap .paragraph .right {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  width: 460px;
}
#help-jpn .index .contents-list-wrap .paragraph .right li {
  line-height: 2.2em;
}

/*--- 会員情報について ---*/
#help-jpn .main-img-membership {
  background-image: url("/img/guide/help/membership/mainimg_01.jpg");
  height: 250px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#help-jpn .fee .monthly-fee {
  margin: 40px auto;
  text-align: center;
}
#help-jpn .fee .monthly-fee .small {
  font-size: 18px;
  color: #215185;
  font-weight: bold;
}
#help-jpn .fee .monthly-fee .large {
  font-size: 28px;
  color: #215185;
  font-weight: bold;
}
#help-jpn .fee .monthly-fee .caption {
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin-top: 5px;
  line-height: 1.7em;
}
#help-jpn .mid-title {
  width: 840px;
  margin: 70px auto 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  font-size: 20px;
  font-weight: bold;
}
#help-jpn .mid-title span {
  border-left: 4px solid #215185;
  padding: 0 0 0 15px;
  display: block;
  line-height: 1em;
}
#help-jpn .inner-contents {
  max-width: 680px;
  margin: 0 auto;
}
#help-jpn .inner-contents .first-sentense {
  margin: 0 0 25px;
}
#help-jpn .inner-contents .inner-ttl {
  font-weight: bold;
  margin: 50px 0 20px;
}
#help-jpn .inner-contents .inner-article {
  line-height: 2em;
}
#help-jpn .inner-contents .icons-float-wrap .icon {
  display: inline-table;
  margin: 0 60px 30px 0;
  text-align: center;
}
#help-jpn .inner-contents .icons-float-wrap .icon img {
  width: 90px;
  height: auto;
  margin-bottom: 5px;
}
#help-jpn .inner-contents .icons-float-wrap .icon span {
  display: block;
  font-size: 15px;
}
#help-jpn .inner-contents .icon-ttl {
  font-weight: bold;
  margin: 20px auto;
  display: table;
}
#help-jpn .inner-contents .icon-ttl img {
  display: table-cell;
  width: 50px;
  margin: 0 10px 0 0;
}
#help-jpn .inner-contents .icon-ttl span {
  display: table-cell;
  vertical-align: middle;
}
#help-jpn .inner-contents .fee-pc-wrap p {
  text-align: center;
  margin: 0 0 20px 0;
}
#help-jpn .inner-contents .pc {
  text-align: center;
  margin: 0 0 50px 0;
}
#help-jpn .inner-contents .tel {
  margin: 10px 0 0;
  text-align: center;
}
#help-jpn .inner-contents .tel .number {
  font-size: 16px;
  font-weight: bold;
}

#help-jpn .inner-contents .tel .time {
  font-size: 12px;
  margin: 0;
}

/*--- 入会資格について ---*/
#help-jpn .admissions .flow-wrap {
  position: relative;
}
#help-jpn .admissions .flow-wrap:before {
  background: #e2edef none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 1%;
  top: 0;
  position: absolute;
  width: 10px;
}
#help-jpn .admissions .flow-wrap .flow-chart {
  
}
#help-jpn .admissions .flow-wrap .flow-chart li {
  position: relative;
  margin: 70px 0 -30px;
}
#help-jpn .admissions .flow-wrap .flow-chart .circle {
  background: #215185 none repeat scroll 0 0;
  border-radius: 50%;
  left: 0;
  margin: 0 0 0 -69px;
  position: absolute;
  text-align: center;
  top: 0;
  padding: 40px;
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
}
#help-jpn .admissions .flow-wrap .flow-chart .circle span {
  left: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  top: -5px;
}
#help-jpn .admissions .flow-wrap .flow-chart .ttl {
  display: table-cell;
  font-weight: bold;
  padding: 26px 0 30px 30px;
  width: 120px;
  position: relative;
}
#help-jpn .admissions .flow-wrap .flow-chart .sentense {
  display: table-cell;
}

/*--- 仕入れについて ---*/
#help-jpn .main-img-admissions {
  background-image: url("/img/guide/help/admissions/mainimg_01.jpg");
  height: 250px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#help-jpn .admissions .point-flow img {
  display: inline-block;
}
#help-jpn .admissions .point-flow .arrow {
  width: 30px;
  height: auto;
  margin: 0 10px 10px 10px;
}
#help-jpn .admissions .assign-box {
  margin: 30px auto 0;
  max-width: 680px;
}
#help-jpn .admissions .assign-box .assign-list {
  margin: 0;
  padding: 0;
  position: relative;
}
#help-jpn .admissions .assign-box .assign-list::before {
  background: #eeeeee none repeat scroll 0 0;
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 25px;
  width: 10px;
}
#help-jpn .admissions .assign-box .assign-list ul {
  padding: 0;
}
#help-jpn .admissions .assign-box .assign-list li {
  position: relative;
  padding-top: 10px;
}
#help-jpn .admissions .assign-box .assign-list li .date {
  display: block;
  font-weight: bold;
  width: 34%;
  line-height: 25px;
}
#help-jpn .admissions .assign-box .assign-list li .date .shipping {
  font-size: 16px;
}
#help-jpn .admissions .assign-box .assign-list li .date {
  display: block;
  text-align: left;
  margin-left: 80px;
}
#help-jpn .admissions .assign-box .assign-list li .circle-order {
  background-image: url("/img/guide/help/icon/icon_shopping_01.png");
  background-size: 60px;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #eeeeee;
  width: 60px;
  height: 60px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 0;
}
#help-jpn .admissions .assign-box .assign-list li .circle-delivery {
  background-image: url("/img/guide/help/icon/icon_delivery_01.png");
  background-size: 60px;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #eeeeee;
  width: 60px;
  height: 60px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 0;
}
#help-jpn .admissions .assign-box .assign-list li .main {
  background-color: #fff;
  border: 6px solid #eeeeee;
  font-size: 16px;
  line-height: 1.4;
  margin: -50px 0 25px 45%;
  padding: 1em 1.5em;
  position: relative;
  width: 100%;
  max-width: 270px;
}
#help-jpn .admissions .assign-box .assign-list li .main::after {
  border-color: transparent #eeeeee transparent transparent;
  border-style: solid;
  border-width: 0 34px 24px 0;
  box-sizing: content-box;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap {
  display: table;
  width: 100%;
  margin-bottom: 5px;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap-red {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #dc4d4d;
  padding: 5px;
  margin-left: -6px;
  background: #fff1f1
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap-red .red {
  color: #dc4d4d;
  font-weight: bold;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap .off {
  color: #dc4d4d;
  font-weight: bold;
  width: 35%;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap-border {
  display: table;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap-doubleborder {
  display: table;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: double #989898;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap-paint {
  display: table;
  width: 95%;
  background: #eeeeee;
  padding: 10px;
  font-weight: bold;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .left {
  display: table-cell;
  text-align: left;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .right {
  display: table-cell;
  text-align: right;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .right-top {
  display: table-cell;
  width: auto;
  font-size: 13px;
  text-align: left;
  font-weight: bold;
}
#help-jpn .admissions .assign-box .assign-list li .main .inner .right-top.red {
  font-size: 12px;
  color: #dc4d4d;
  text-align: right;
}
/* クーポン */
#help-jpn .help-coupon .help-list-table td:not(:last-child) { white-space: nowrap; }
#help-jpn .help-coupon .help-list-table td:not(:first-child) { text-align: right; }
#help-jpn .help-copun-cncl {
  text-align: center;
  color: #215185;
  line-height: 1;
  white-space: nowrap;
}
#help-jpn .help-copun-cncl p { margin: -29px auto 9px; }
#help-jpn .help-copun-cncl:before,
#help-jpn .help-copun-cncl:after {
  content: "";
  display: inline-block;
}
#help-jpn .help-copun-cncl:before {
  height: 55px;
  width: 110px;
  background-color: #f2f5fb;
}
#help-jpn .help-copun-cncl:after {
  height: 0;
  width: 0;
  border-color: #f2f5fb transparent;
  border-style: solid;
  border-width: 35px 80px 0;
}

/*--- 各種機能について ---*/
#help-jpn .main-img-functions {
  background-image: url("/img/guide/help/functions/mainimg_01.jpg");
  height: 250px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/*--- ご利用環境について ---*/
#help-jpn .main-img-environment {
  background-image: url("/img/guide/help/environment/mainimg_01.jpg");
  height: 250px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/*--- お問い合わせ ---*/
#help-jpn .blue-bck .contact-company-wrap {
  background: #ffffff;
  width: 80%;
  max-width: 890px;
  margin: 0 auto;
  padding: 30px;
}
#help-jpn .blue-bck .left {
  width: 45%;
  margin: 25px 20px 0 0;
  float: left;
}
#help-jpn .blue-bck .icon-ttl {
  display: table;
  font-weight: bold;
}
#help-jpn .blue-bck .icon-ttl img {
  display: table-cell;
  margin: 0 10px 0 0;
  width: 50px;
}
#help-jpn .blue-bck .icon-ttl span {
  display: table-cell;
  vertical-align: middle;
}
#help-jpn .blue-bck .detail {
  font-size: 15px;
  margin: 5px 0 20px 0;
}
#help-jpn .blue-bck .detail:last-child {
  margin-bottom: 0;
}
#help-jpn .blue-bck .right {
  width: 39%;
  float: right;
  background: #e3ebf9;
  padding: 30px;
  text-align: center;
}
#help-jpn .blue-bck .big {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#help-jpn .blue-bck .small {
  font-size: 13px;
  text-align: left;
}
#help-jpn .blue-bck .sdandpaid-wrap {
  margin: 20px auto 0;
  padding-bottom: 90px;
  max-width: 950px;
  width: 86%;
}
#help-jpn .blue-bck .contact-sd-wrap {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  margin-right: 1%;
  max-width: 430px;
  padding: 6%;
  text-align: center;
  width: 37%;
}
#help-jpn .blue-bck .contact-paid-wrap {
  background: #ffffff none repeat scroll 0 0;
  float: right;
  margin-left: 1%;
  max-width: 430px;
  padding: 6%;
  text-align: center;
  width: 37%;
}
#help-jpn .blue-bck .sdandpaid-wrap .icon-ttl {
  display: table;
  font-weight: bold;
  margin: 0 auto;
}
#help-jpn .blue-bck .sdandpaid-wrap .support-desk {
  font-size: 15px;
  font-weight: bold;
  margin: 10px auto 20px;
}
#help-jpn .blue-bck .sdandpaid-wrap .tel .number {
  display: block;
  font-weight: bold;
  margin: 20px auto 0;
}
#help-jpn .blue-bck .sdandpaid-wrap .tel .number a {
  color: #333333;
}
#help-jpn .blue-bck .sdandpaid-wrap .tel .number a:hover {
  text-decoration: none;
}
#help-jpn .blue-bck .sdandpaid-wrap .tel .time {
  display: block;
  font-size: 13px;
}

/* PCのみ */
@media screen and (min-width: 941px) {
  /* テキスト逆バージョン */
  #help-jpn .slide-wrap.slide-reverse { 
    padding-bottom: 40px;
  }
  #help-jpn .slide-wrap.slide-reverse .slide-contents { 
    margin-left: 10%;
    margin-right: -3%;
  }
  #help-jpn .pc-txt {
    display: inline;
  }
  #help-jpn .sp-txt {
    display: none;
  }
  #help-jpn .pc-img {
    display: block;
  }
  #help-jpn .sp-img {
    display: none;
  }
}

/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
  /*--- ヘッダー ---*/
  #header-simple-help {
    margin-top: 0;
  }
  
  /* FAQ */
  #help-jpn .faq-wrap {
    max-width: 90%;
  }
  
  /* 内容別に探す */
  #help-jpn .index .contents-list-wrap {
    width: 90%;
  }
  #help-jpn .index .contents-list-wrap .paragraph .left .icon {
    padding-right: 10px;
  }
  #help-jpn .index .contents-list-wrap .paragraph .left .ttl {
    font-size: 20px;
  }
  #help-jpn .index .contents-list-wrap .paragraph .right {
    width: 380px;
  }
  
  /* 大タイトル下の冒頭の文言 */
  #help-jpn .first-description {
    max-width: 90%;
  }
  
  /* 中項目 */
  #help-jpn .mid-title {
    width: 90%;
  }
  
  /* コンテンツ内側の枠 */
  #help-jpn .inner-contents {
    max-width: 90%;
  }
  #help-jpn .sp-block {
    display: block;
  }
  
  #help-jpn .inner-contents .icons-float-wrap {
    text-align: center;
  }
  #help-jpn .inner-contents .icons-float-wrap .icon {
    margin: 0 30px 30px 0;
  }
  #help-jpn .inner-contents .icons-float-wrap .icon img {
    width: 70px;
  }
  #help-jpn .admissions .assign-box .assign-list li .main {
    font-size: 15px;
  }
  #help-jpn .admissions .flow-wrap:before {
    left: 2.6%;
  }
  #help-jpn .admissions .flow-wrap .flow-chart li {
    margin: 70px 0 -50px;
  }
  #help-jpn .admissions .flow-wrap .flow-chart .circle {
    margin: 0 0 0 -50px;
    padding: 30px;
    font-size: 20px;
  }
  #help-jpn .admissions .flow-wrap .flow-chart .circle span {
    padding: 20px;
    top: -4px;
  }
  #help-jpn .admissions .flow-wrap .flow-chart .ttl {
    padding: 20px 0 30px 30px;
  }
  #help-jpn .slide-image-wrap {
    min-width: 600px;
  }
  #help-jpn .slide-image-wrap .inner {
    max-width: 600px;
  }
  #help-jpn .slide-image-wrap .inner .txt {
    width: 100%;
  }
  #help-jpn .slide-image-wrap .inner .image {
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    margin-top: 40px;
  }
  #help-jpn .admissions .assign-box {
    margin: 0 20px;
  }
  #help-jpn .admissions .assign-box .assign-list::before {
    margin: 0 0 0 4px;
    width: 6px;
  }
  #help-jpn .admissions .assign-box .assign-list li .date {
    width: 43%;
  }
  #help-jpn .admissions .assign-box .assign-list li .main {
    margin: -50px 0 10px 50%;
    max-width: 220px;
  }
  #help-jpn .inner-contents .center-image {
    text-align: center;
  }
  #help-jpn .inner-contents .center-image img {
    margin: 0 auto 20px;
    max-width: 500px;
  }
  #help-jpn .pc-img {
    display: none;
  }
  #help-jpn .sp-img {
    display: inline;
  }
  #help-jpn .right-pc-wrap {
    min-width: 400px;
    width: 90%;
    margin: -10px auto 0;
  }
  #help-jpn .right-pc-wrap .inner .txt {
    display: block;
    margin: 0;
    width: 100%;
  }
  #help-jpn .right-pc-wrap .inner .image {
    display: block;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
  }
  #help-jpn .left-image-wrap {
    margin: 0 auto;
    min-height: 430px;
    max-width: 800px;
    min-width: 600px;
    width: 100%;
  }
  #help-jpn .left-image-wrap .image img {
    max-width: 460px;
  }
  #help-jpn .left-image-wrap .inner {
    display: block;
    margin: 0 auto;
    padding: 0;
  }
  #help-jpn .left-image-wrap .inner .image {
    display: block;
    padding-right: 0;
    text-align: center;
    width: 100%;
  }
  #help-jpn .left-image-wrap .inner .txt {
    display: block;
    margin: 30px auto;
    text-align: left;
    width: 85%;
    float: none;
  }
  #help-jpn .blue-bck .contact-sd-wrap {
    min-height: 334px;
  }
  #help-jpn .blue-bck .contact-paid-wrap {
    min-height: 334px;
  }
  
  /*** スライド ***/
  #help-jpn .slide-wrap {
    display: block;
    margin: 50px auto 20px;
    min-width: 180px;
    width: 90%;
    overflow: visible;
  }
  #help-jpn .slide-wrap.slide-reverse {
    flex-direction: row-reverse;
    margin: 30px auto 70px;
  }
  /* 画像 */
  #help-jpn .slide-wrap .slide-image .pc-img {
    display: none;
  }
  #help-jpn .slide-wrap .slide-image .sp-img {
    display: inline-block;
  }
  #help-jpn .slide-wrap .slide-image {
    width: 100%;
    height: 420px;
    display: block;
    text-align: center;
  }
  #help-jpn .slide-wrap .slide-image div {
    width: 100%;
    height: calc(51vw * 0.89);
  }
  #help-jpn .slide-wrap .slide-image div:first-child { right: 100%; }
  #help-jpn .slide-wrap .slide-image .slide-image-show {
    transition: right 0.7s ease-in-out;
    right: 0;
    z-index: 6;
  }
  #help-jpn .slide-wrap .slide-image img {
    width: 100%;
    max-width: 460px;
    height: auto;
  }
  /* pager */
  #help-jpn .slide-wrap .pager {
    position: relative;
    width: 100%;
    margin: 0 0 20px;
  }
  #help-jpn .slide-wrap .pager p {
    position: absolute;
    right: 0;
    text-align: center;
    width: 55px;
  }
  /* テキスト */
  #help-jpn .slide-wrap .slide-contents {
    flex-basis: 55%;
    display: block;
    padding: 20px 0;
    margin: 0px 0 0;
  }
  #help-jpn .slide-wrap .slide-txt p {
    margin: 0 auto 15px;
    width: 95%;
  }
  #help-jpn .pc-txt {
    display: none;
  }
  #help-jpn .sp-txt {
    display: inline;
  }
  /* ボタン */
  #help-jpn .slide-wrap .slide-contents .slide-btn {
    right: 0;
    width: 215px;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  
  /*--- リンクアイコン ---*/
  #help-jpn .text-link-top {
    background-size: 7px auto;
    display: inline-block;
    width: 90%;
  }
  #help-jpn .text-link-top span {
    font-size:13px;
  }
  #help-jpn .text-link {
    background-size: 7px auto;
    width: 90%;
  }
  #help-jpn .text-link-anchor {
    margin-right: 5px;
    line-height: 1.9em;
  }
  #help-jpn .sp-block {
    display: block;
  }
  
  /*--- ヘッダー ---*/
  #header-simple-help {
    padding: 10px;
    margin-top: 0;
  }
  #header-simple-help .logo img {
    padding-right: 10px;
    width: 95px;
  }
  #header-simple-help .logo span {
    padding-left: 10px;
    font-size: 12px;
  }
  
  /*--- 白背景 ---*/
  #help-jpn .white-bck .bck-padding {
    padding: 20px 0 90px;
  }
  
  /* パンクズ */
  #help-jpn .white-bck .pan-list {
    padding: 0 0 0 20px;
    margin-bottom: -50px;
  }
  #help-jpn .faq-wrap .fixation-slide .outer-wording {
    width: 75%;
    padding-left: 1.9em;
    text-indent: -0.9em;
    line-height: 1.5em;
  }
  
  /* メインイメージ */
  #help-jpn .main-img-index,
  #help-jpn .main-img-membership,
  #help-jpn .main-img-admissions,
  #help-jpn .main-img-functions,
  #help-jpn .main-img-environment {
    height: 200px;
  }
  #help-jpn .main-ttl {
    top: 28%;
  }
  #help-jpn .main-ttl .big-ttl {
    font-size: 30px;
  }
  #help-jpn .main-ttl .sub-ttl {
    font-size: 12px;
  }
  
  /* タイトル周り */
  #help-jpn .section-wrap::before,
  #help-jpn .section-wrap-blue::before {
    font-size: 75px;
    top: 55px;
    height: 110px;
  }
  #help-jpn .section-wrap,
  #help-jpn .section-wrap-blue {
    margin-top: 0;
  }
  #help-jpn .white-bck .contents-ttl,
  #help-jpn .blue-bck .contents-ttl {
    margin: 0 auto 50px;
    width: 85%;
  }
  #help-jpn .white-bck .contents-ttl h2.big-ttl,
  #help-jpn .blue-bck .contents-ttl h2.big-ttl {
    font-size: 25px;
  }
  
  /* 大タイトル下の冒頭の文言 */
  #help-jpn .first-description {
    max-width: 90%;
  }
  
  /* ページ内アンカーリンク */
  #help-jpn .anchor-link {
    line-height: 1.7em;
    margin: 30px auto 30px;
    max-width: 540px;
    padding: 28px 20px 15px;
    width: 75%;
  }
  
  /* FAQ */
  #help-jpn .faq-wrap {
    max-width: 90%;
    font-size: 16px;
    margin: 0 auto;
  }
  #help-jpn .faq-wrap .fixation-slide {padding: 15px 5px 10px;}
  #help-jpn .faq-wrap .fixation-inner .fixation-inner-in {padding: 15px 25px 10px 2.3em;}
  
  /* 内容別に探す */
  #help-jpn .index .contents-list-wrap {
    width: 90%;
  }
  #help-jpn .index .contents-list-wrap .paragraph .left {
    display: block;
    width: 100%;
  }
  #help-jpn .index .contents-list-wrap .paragraph .left .icon {
    display: block;
    padding-right: 0;
    text-align: center;
  }
  #help-jpn .index .contents-list-wrap .paragraph .left .icon img {
    width: 90px;
  }
  #help-jpn .index .contents-list-wrap .paragraph .left .ttl {
    display: block;
    font-size: 22px;
    text-align: center;
    margin: 15px 0 25px;
  }
  #help-jpn .index .contents-list-wrap .paragraph .right {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 16px;
  }
  #help-jpn .index .contents-list-wrap .paragraph .right ul {
    margin: 0;
    padding: 0;
  }
  #help-jpn .index .contents-list-wrap .paragraph .right li {
    line-height: 3.3em;
    border-top: 1px solid #cccccc;
    padding: 25px 0;
    position: relative;
  }
  #help-jpn .index .contents-list-wrap .paragraph .right li:last-child {
    border-bottom: 1px solid #cccccc;
  }
  #help-jpn .index .contents-list-wrap .paragraph .right a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 95%;
    height: 100%;
  }
  #help-jpn .fee .monthly-fee {
    width: 70%;
  }
  #help-jpn .fee .monthly-fee .caption {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
  }
  #help-jpn .mid-title {
    width: 90%;
    margin: 30px auto 40px;
  }
  #help-jpn .inner-contents {
    max-width: 90%;
  }
  #help-jpn .inner-contents .first-sentense {
    margin: 0 0 30px;
  }
  #help-jpn .inner-contents .inner-ttl {
    font-weight: bold;
    margin: 50px 0 20px;
  }
  #help-jpn .inner-contents .center-image {
    text-align: center;
  }
  #help-jpn .inner-contents .center-image img {
    margin: 0 auto 20px;
    max-width: 400px;
  }
  #help-jpn .inner-contents .icons-float-wrap {
    text-align: center;
  }
  #help-jpn .inner-contents .icons-float-wrap .icon {
    margin: 0 10px 30px 0;
  }
  #help-jpn .inner-contents .icons-float-wrap .icon img {
    width: 70px;
  }
  #help-jpn .inner-contents .icons-float-wrap .icon span {
    font-size: 12px;
  }
  #help-jpn .help-jpn-table {
    font-size: 13px;
  }
  #help-jpn .help-jpn-table .gray {
    padding: 5px;
  }
  #help-jpn .help-jpn-table .white {
    padding: 5px;
  }
  #help-jpn .inner-contents .fee-pc-wrap p {
    text-align: left;
  }
  #help-jpn .inner-contents .pc img {
    width: 100%;
    height: auto;
    text-align: center;
  }
  #help-jpn .admissions .flow-wrap:before {
    left: 4.5%;
  }
  #help-jpn .admissions .flow-wrap .flow-chart {
    margin-top: -50px;
    line-height: 1.5em;
  }
  #help-jpn .admissions .flow-wrap .flow-chart li {
    margin: 90px 0 -70px;
    font-size: 15px;
  }
  #help-jpn .admissions .flow-wrap .flow-chart .circle {
    margin: 0 0 0 -50px;
    padding: 30px;
    font-size: 20px;
  }
  #help-jpn .admissions .flow-wrap .flow-chart .circle span {
    padding: 20px;
    top: -4px;
  }
  #help-jpn .admissions .flow-wrap .flow-chart .ttl {
    padding: 20px 0 30px 20px;
    width: 80px;
  }
  #help-jpn .admissions .assign-box .assign-list li .main .inner .txt-wrap .off {
    font-size: 13px;
    width: 37%;
  }
  #help-jpn .slide-wrap.slide-reverse {
    flex-direction: row-reverse;
    margin: 50px auto 20px;
  }
  #help-jpn .slide-image-wrap {
    min-width: 270px;
    width: 90%;
  }
  #help-jpn .slide-image-wrap .inner .txt {
    width: 100%;
  }
  #help-jpn .slide-image-wrap .inner .image {
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    margin-top: 40px;
  }
  #help-jpn .help-jpn-table .point-big img {
    width: 100%;
    height: auto;
    max-width: 142px;
    min-width: 90px;
  }
  #help-jpn .help-jpn-table .point-sml img {
    width: 100%;
    height: auto;
    max-width: 30px;
  }
  #help-jpn .admissions .assign-box {
    font-size: 15px;
  }
  #help-jpn .admissions .assign-box .assign-list::before {
    left: 10px;
  }
  #help-jpn .admissions .assign-box .assign-list li {
    line-height: 1.7em;
    margin-top: 25px;
  }
  #help-jpn .admissions .assign-box .assign-list li .circle-order {
    background-size: 30px auto;
    height: 30px;
    width: 30px;
  }
  #help-jpn .admissions .assign-box .assign-list li .circle-delivery {
    background-size: 30px auto;
    height: 30px;
    width: 30px;
  }
  #help-jpn .admissions .assign-box .assign-list li .date {
    display: inline-flex;
    width: 70%;
    margin-left: 45px;
    font-size: 14px;
  }
  #help-jpn .admissions .assign-box .assign-list li .date .shipping {
    margin-left: 10px;
    font-size: 15px;
  }
  #help-jpn .admissions .assign-box .assign-list li .main {
    font-size: 13px;
    margin: 5px 0 10px 15%;
    max-width: 65%;
  }
  #help-jpn .admissions .assign-box .assign-list li .main::after {
    border-width: 0 20px 15px 0;
  }
  #help-jpn .right-pc-wrap {
    min-width: 270px;
    width: 90%;
    margin: -20px auto 0;
  }
  #help-jpn .right-pc-wrap .inner .txt {
    display: block;
    margin: 0;
    width: 100%;
  }
  #help-jpn .right-pc-wrap .inner .image {
    display: block;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
  }
  #help-jpn .left-image-wrap {
    min-width: 180px;
    width: 90%;
  }
  #help-jpn .left-image-wrap .inner {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 510px;
  }
  #help-jpn .left-image-wrap .inner .image {
    display: block;
    padding-right: 0;
    text-align: center;
    width: 95%;
    margin: 0 auto;
  }
  #help-jpn .left-image-wrap .image img {
    max-width: 600px;
    width: 100%;
    height: auto;
  }
  #help-jpn .left-image-wrap .inner .txt {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 95%;
    float: none;
  }
  #help-jpn .help-copun-cncl { font-size: 14px; }
  
  /*** スライド ***/
  #help-jpn .slide-wrap {
    display: block;
    margin: 50px auto 20px;
    min-width: 180px;
    width: 90%;
    overflow: visible;
  }
  /* 画像 */
  #help-jpn .slide-wrap .slide-image {
    width: 95%;
    height: calc(83vw * 0.89);
    display: block;
    margin: 0 auto;
  }
  #help-jpn .slide-wrap .slide-image div {
    width: 100%;
    height: auto;
  }
  #help-jpn .slide-wrap .slide-image div:first-child { right: 100%; }
  #help-jpn .slide-wrap .slide-image .slide-image-show {
    transition: right 0.7s ease-in-out;
    right: 0;
    z-index: 6;
  }
  #help-jpn .slide-wrap .slide-image img {
    width: 98%;
    height: auto;
  }
  /* 画像表示・非表示 */
  #help-jpn .pc-img {
    display: none;
  }
  #help-jpn .sp-img {
    display: block;
  }
  /* pager */
  #help-jpn .slide-wrap .pager {
    position: relative;
    width: 100%;
    margin: -20px 0 55px;
  }
  #help-jpn .slide-wrap .pager p {
    position: absolute;
    left: 0;
    text-align: center;
    width: 55px;
  }
  /* テキスト */
  #help-jpn .slide-wrap .slide-txt {
    margin: 30px 0 20px;
  }
  #help-jpn .slide-wrap .slide-contents {
    display: block;
    padding: 20px 0;
    margin: 0;
  }
  #help-jpn .slide-wrap .slide-txt p {
    margin: 0 auto;
    width: 90%;
  }
  #help-jpn .pc-txt {
    display: none;
  }
  #help-jpn .sp-txt {
    display: inline;
  }
  /* ボタン */
  #help-jpn .slide-wrap .slide-contents .slide-btn {
    right: 5%;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    position: relative;
  }
  #help-jpn .slide-wrap:not(.slide-reverse) .slide-contents .slide-btn {
    left: auto;
    right: 0;
    width: 100%;
  }
  #help-jpn .slide-wrap .slide-contents .slide-prev {
    border-radius: 20px 0 0 20px;
    padding: 3px 20px 3px 0;
  }
  #help-jpn .slide-wrap .slide-contents .slide-next {
    border-radius: 0 20px 20px 0;
    padding: 3px 0 3px 20px;
  }
  
  /* お問い合わせ */
  #help-jpn .blue-bck .contact-company-wrap {
    padding: 5%;
    width: 81%;
  }
  #help-jpn .blue-bck .left {
      float: none;
      margin: 25px 0 0 0;
      width: 100%;
  }
  #help-jpn .blue-bck .icon-ttl {
    margin: 0 auto;
  }
  #help-jpn .blue-bck .icon-ttl span {
    font-size: 16px;
  }
  #help-jpn .blue-bck .detail {
    text-align: left;
  }
  #help-jpn .blue-bck .right {
    float: none;
    padding: 15px;
    width: 90%;
    margin: 20px auto;
  }
  #help-jpn .blue-bck .sdandpaid-wrap {
    max-width: 850px;
    padding: 3%;
    width: 91%;
    margin: 0 auto;
  }
  #help-jpn .blue-bck .sdandpaid-wrap .icon-ttl {
    margin: 40px auto 0;
  }
  #help-jpn .blue-bck .contact-sd-wrap {
    float: none;
    margin: 0 auto 10px;
    padding: 3% 5% 15%;
    width: 90%;
    max-width: 890px;
  }
  #help-jpn .blue-bck .contact-paid-wrap {
    float: none;
    margin: 0 auto;
    padding: 3% 5% 15%;
    width: 90%;
    max-width: 890px;
  }
  #help-jpn .blue-bck .sdandpaid-wrap .tel .number a {
    color: #0066cc;
  }
  #help-jpn .help-list-table { font-size: 14px; }
  #help-jpn .help-list-table th,
  #help-jpn .help-list-table td {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/***--- 201804ヘルプページ改修 ここまで ---***/

/***--- 201805モニターLP（民泊）改修ここから ---***/

#monitor-lp-ver2 #minpaku-ver2 {
  line-height: 2em;
}
#monitor-lp-ver2 #minpaku-ver2 .red-txt {
  color: #eb4f50;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual {
  background: url("/img/contents/lp/monitor/minpaku/02/main_image_pc.jpg") no-repeat scroll center;
  background-size: cover;
  background-position: top;
  margin-top: -108px;
  height: 440px;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .txt {
  color: #ffffff;
  font-size: 82%;
  margin: 5px 0 0 10px;
  vertical-align: middle;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-pc {
  margin: 70px auto 0;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-sp {
  display: none;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 0 #c5c5c5;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 5px 20px 15px;
  position: relative;
  text-align: center;
  top: -80px;
  width: 746px;
  z-index: 2;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top .form-tx {
  font-size: 28px;
  margin-bottom: 10px;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top .notice {
  font-size: 13px;
  margin: 0 auto;
  max-width: 340px;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top .notice ul {
  line-height: 1.6em;
  margin-left: -10px;
  text-align: left;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top .notice li {
  list-style-type: disc;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap {
  background-color: #f5f5f5;
}
#monitor-lp-ver2 #minpaku-ver2 .inner {
  margin: -237px auto 0;
  max-width: 900px;
  padding: 240px 0 130px;
  position: relative;
  width: 100%;
}
#monitor-lp-ver2 #minpaku-ver2 .big-ttl {
  color: #333333;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.5;
}
#monitor-lp-ver2 #minpaku-ver2 .big-ttl-underline {
  border: 3px solid #333333;
  display: block;
  margin: 20px 0;
  text-align: left;
  width: 25px;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .problem-explain {
  text-align: left;
  margin: 60px 0 80px 25%;
  width: 66%;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background {
  margin: -145px 0 0 5%;
  padding: 130px 0 0;
  background: #dbcdc2;
  width: 90%;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .sml-ttl {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 0 -40px;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap {
  margin: 35px auto 0;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap .icon {
  display: inline-table;
  margin: 0 40px 80px 40px;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap .icon .number {
  font-size: 20px;
  font-weight: bold;
  background: #333333;
  color: #ffffff;
  padding: 5px 5px 10px;
  position: relative;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 25px;
  margin: 0 auto -10px;
  z-index: 20;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap .icon img {
  height: auto;
  position: relative;
  width: 90px;
  margin-bottom: 5px;
  z-index: 10;
}
#monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap .icon span {
  display: block;
  font-size: 15px;
  line-height: 1.5em;
}
#monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .yellow {
  background: #f9f2aa;
  padding: 80px 0;
  height: 240px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5em;
}
#monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .pc {
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .pc img {
  width: 100%;
  height: auto;
  margin: -160px auto 0;
  max-width: 708px;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .blue {
  background: #daeff3;
  padding: 170px 0 50px;
  margin: -178px 0 0;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor {
  box-sizing: border-box;
  padding: 5px 20px;
  position: relative;
  text-align: center;
  z-index: 2;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .form-tx {
  color: #333333;
  font-size: 28px;
  margin-bottom: 20px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .entry-form-action {
  margin: 0 auto;
  max-width: 645px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .entry-form-box {
  float: left;
  width: 365px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .form {
  background-color: #ffffff;
  background-image: none;
  border-radius: 3px;
  color: #666666;
  font-size: 19px;
  height: 40px;
  padding-left: 15px;
  width: 345px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .mail-button {
  float: right;
  position: relative;
  width: 272px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .flat-red-button {
  background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") no-repeat scroll right 45px center / 8px 12px;
  border: 1px solid #eb4f50;
  border-radius: 25px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif !important;
  font-size: 19px;
  font-weight: bold;
  height: 48px;
  padding: 10px;
  vertical-align: middle;
  width: 272px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .notice {
  color: #333333;
  font-size: 13px;
  margin: 10px auto 0;
  max-width: 340px;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .notice ul {
  line-height: 1.6em;
  margin-left: -10px;
  text-align: left;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .notice li {
  list-style-type: disc;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap {
  background: #fff9eb;
  padding: 130px 0 1px;
}
#monitor-lp-ver2 #minpaku-ver2 .inner-merit {
  margin: 0 auto;
  max-width: 900px;
  position: relative;
  width: 100%;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .big-number {
  font-family: "A-OTF 見出ゴMB31 Pr6N","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
  color: #f9f2aa;
  font-size: 300px;
  position: absolute;
  right: 0;
  top: 90px;
}
/* IEにだけ効かせる */
@media all and (-ms-high-contrast:none){
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .big-number {
    top: 160px;
  }
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background {
  background: #f9f2aa none repeat scroll 0 0;
  margin: 90px 0 0 5%;
  padding: 60px 0;
  width: 93%;
  position: relative;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .sml-ttl {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 0 -40px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap {
  width: 600px;
  text-align: center;
  padding: 30px 0;
  margin: 0 auto;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost {
  width: 230px;
  display: table-cell;
  padding: 0 20px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .icon img {
  width: 64px;
  margin-bottom: -20px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .kakko-wrap {
  display: table;
  margin: 0 auto;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .kakko-wrap .kakko {
  display: table-cell;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .kakko-wrap .kakko-txt {
  display: table-cell;
  padding: 0 13px;
  line-height: 1.5em;
  vertical-align: middle;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .middle {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .ex-large {
  font-size: 50px;
  font-weight: bold;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .large {
  font-size: 40px;
  font-weight: bold;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .arrow {
  display: table-cell;
  padding: 0 20px;
  vertical-align: middle;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon {
  display: inline-table;
  margin: 0 30px 50px 30px;
  text-align: center;
  font-weight: bold;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon img {
  height: auto;
  margin-bottom: 5px;
  width: 160px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon .large {
  font-size: 17px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon .ex-large {
  font-size: 22px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .explain {
  font-size: 17px;
  width: 600px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .logo-wrap {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .logo {
  display: inline-block;
  margin: 0 16px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .balloon {
  background: #f9f2aa;
  border: 1px solid #333333;
  border-radius: 5px;
  line-height: 1.4em;
  margin: 40px auto 0;
  padding: 15px 5px;
  text-align: center;
  top: calc(100% + 15px);
  width: 28em;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .balloon::before {
  background: #f9f2aa;
  border-color: #333333;
  border-style: solid;
  border-width: 1px 0 0 1px;
  content: "";
  display: block;
  height: 16px;
  left: calc(50% - 5px);
  margin: -25px auto 0;
  position: absolute;
  top: 303px;
  transform: rotate(225deg);
  width: 15px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .balloon .big {
  font-size: 17px;
  font-weight: bold;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .balloon .sml {
  font-size: 15px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic {
  margin: 30px auto 0;
  text-align: center;
  display: table;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .left {
  display: table-cell;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .arrow {
  display: table-cell;
  padding: 0 40px;
  vertical-align: middle;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .right {
  display: table-cell;
}
#monitor-lp-ver2 #minpaku-ver2 .blueband-wrap {
  background: #fff9eb;
  padding: 130px 0 0;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband {
  background: #c2dce1;
  box-sizing: border-box;
  padding: 5px 20px;
  position: relative;
  text-align: center;
  z-index: 2;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .form-tx {
  color: #333333;
  font-size: 28px;
  margin-bottom: 20px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .entry-form-action {
  margin: 0 auto;
  max-width: 645px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .entry-form-box {
  float: left;
  width: 365px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .form {
  background-color: #ffffff;
  background-image: none;
  border-radius: 3px;
  color: #666666;
  font-size: 19px;
  height: 40px;
  padding-left: 15px;
  width: 345px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .mail-button {
  float: right;
  position: relative;
  width: 272px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .flat-red-button {
  background: #eb4f50 url("/img/contents/lp/monitor/restaurant/arrow_redbutton.png") no-repeat scroll right 45px center / 8px 12px;
  border: 1px solid #eb4f50;
  border-radius: 25px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif !important;
  font-size: 19px;
  font-weight: bold;
  height: 48px;
  padding: 10px;
  vertical-align: middle;
  width: 272px;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .notice {
  color: #333333;
  font-size: 13px;
  margin: 10px auto 0;
  max-width: 340px;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .notice ul {
  line-height: 1.6em;
  margin-left: -10px;
  text-align: left;
}
#monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .notice li {
  list-style-type: disc;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event {
  background: #f9f2aa none repeat scroll 0 0;
  margin: 90px 0 100px 5%;
  max-height: 410px;
  padding: 30px 0;
  width: 95%;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap {
  margin: 0 auto;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .left {
  float: left;
  left: -50px;
  position: relative;
  width: 50%;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .right {
  float: left;
  margin: 20px 0;
  text-align: left;
  width: 320px;
}
#monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .right .ttl {
  font-size: 20px;
  font-weight: bold;
  margin: 50px 0 20px 0;
}
#monitor-lp-ver2 #minpaku-ver2 .room-wrap {
  background: #fff9eb none repeat scroll 0 0;
  padding: 130px 0 160px;
}
#monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room {
  background: #f9f2aa none repeat scroll 0 0;
  margin: 90px 0 100px 5%;
  max-height: 720px;
  padding: 30px 0;
  width: 95%;
}
#monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room .room-image {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room .room-image img {
  left: -10%;
  position: relative;
  top: 50px;
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual {
    margin-top: 0px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-pc {
    width: 95%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-pc img {
    width: 100%;
    height: auto;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-sp {
    display: none;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top {
    width: 93%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .big-ttl {
    font-size: 33px;
    margin-left: 5%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .big-ttl-underline {
    margin: 20px 0 0 5%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .problem-explain {
    width: 70%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background {
    margin: -150px 0 0 10%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .sml-ttl {
    margin: 0 0 0 -5%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap {
    margin: 35px 0 0 5%;
    text-align: center;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap .icon {
    margin: 0 10px 80px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .pc img {
    width: 95%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .yellow {
    font-size: 37px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .entry-form-box {
    width: 52%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .form {
    width: 90%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .mail-button {
    width: 48%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .flat-red-button {
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .big-number {
    font-size: 200px;
    top: 95px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background {
    margin: 60px 0 0 7%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .sml-ttl {
    margin: 0 0 0 -3%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap {
    width: 86%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost {
    padding: 0 1%;
    width: 220px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .arrow {
    padding: 0 10px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .ex-large {
    font-size: 42px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .large {
    font-size: 32px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon {
    margin: 0 3% 40px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon img {
    width: 130px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .explain {
    width: 74%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .logo-wrap {
    text-align: left;
    width: 85%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .logo {
    display: inline-block;
    margin: 0 1%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .logo img {
    width: 90px;
    height: auto;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic {
    text-align: left;
    width: 75%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .left img {
    width: 200px;
    height: auto;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .arrow {
    padding: 0 20px 0 10px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .right img {
    width: 190px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event {
    max-height: 340px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .left {
    left: -15px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .left img {
    width: 330px;
    height: auto;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .right {
    margin: 0;
    width: 37%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .right .ttl {
    margin: 25px 0 10px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .room-wrap {
    padding: 90px 0 160px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room {
    max-height: 600px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room .room-image {
    text-align: left;
  }
  #monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room .room-image img {
    left: -15px;
    top: 30px;
    width: 650px;
  }
}

/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual {
    margin-top: 0px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-pc {
    display: none;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-sp {
    display: block;
    margin: 10px auto 0;
    width: 95%;
    text-align: center;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-main-visual .main-catch-sp img {
    max-width: 240px;
    width: 100%;
    height: auto;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top {
    margin: 3% auto 0;
    width: 85%;
    z-index: 2;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .mail-button {
    float: none;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .flat-red-button {
    float: none;
    font-size: 16px;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-form-wrap-top .form-tx {
    font-size: 21px;
    margin-bottom: 10px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .inner {
    margin: -284px auto 0;
    padding: 300px 0 130px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap {
    padding: 130px 3% 1px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .big-ttl {
    font-size: 27px;
    text-align: center;
  }
  #monitor-lp-ver2 #minpaku-ver2 .big-ttl-underline {
    margin: 20px auto;
    position: relative;
    text-align: center;
    z-index: 20;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .problem-explain {
    margin: 40px auto 80px;
    width: 80%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background {
    width: 90%;
    margin: -242px auto 0;
    padding: 200px 0 0;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .sml-ttl {
    margin: 0 auto;
    text-align: center;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap .icon {
    margin: 0 20px 30px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .minpaku-problem-wrap .inner .background .icon-wrap .icon img {
    width: 80px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .yellow {
    font-size: 27px;
    height: 220px;
    padding: 80px 5%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .pc img {
    margin: -130px auto 0;
    width: 170%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .sd-solution-wrap .blue {
    padding: 240px 0 50px;
    margin: -209px 0 0;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .form-tx {
    font-size: 21px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .entry-form-box {
    float: left;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-nocolor .form {
    width: 90%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .big-ttl {
    font-size: 21px;
    padding: 0 4%;
    position: relative;
    z-index: 20;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .big-number {
    font-size: 150px;
    top: 20px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background {
    margin: 70px auto 0;
    padding: 80px 0 60px;
    width: 95%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .sml-ttl {
    margin: 0 auto;
    text-align: center;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .middle {
    font-size: 20px;
    margin-bottom: 5px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .ex-large {
    font-size: 40px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost .large {
    font-size: 30px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap {
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .cost {
    display: block;
    padding: 0;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .arrow {
    display: block;
    padding: 10px 0;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .cost-wrap .arrow img {
    display: block;
    margin: 10px auto 20px;
    padding: 0;
    text-align: center;
    transform: rotate(90deg);
    vertical-align: middle;
    width: 39px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon {
    display: block;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .icon-wrap .icon img {
    margin-bottom: 0;
    width: 90px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .explain {
    line-height: 1.8em;
    width: 75%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .logo {
    margin: 0 1%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .logo img {
    width: 80px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .balloon {
    width: 13em;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .balloon::before {
    display: none;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .balloon .big {
    display: block;
    margin-bottom: 5px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic {
    display: block;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .left {
    display: block;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .left img {
    width: 210px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .arrow {
    display: block;
    padding: 15px 0;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .arrow img {
    display: block;
    margin: 0 auto 20px;
    padding: 0;
    text-align: center;
    transform: rotate(90deg);
    vertical-align: middle;
    width: 39px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background .schematic .right {
    display: block;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .entry-form-box {
    float: none;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .form-tx {
    font-size: 21px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .form {
    width: 90%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .mail-button {
    float: none;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .form-wrap-blueband .flat-red-button {
    float: none;
    font-size: 16px;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event {
    margin: 50px auto 5%;
    max-height: 720px;
    padding: 30px 0 70px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .left {
    float: none;
    left: -10px;
    width: 100%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .left img {
    width: 260px;
  }
  #monitor-lp-ver2 #minpaku-ver2 .merit-wrap .inner-merit .background-event .event-wrap .right {
    float: none;
    margin: 0 auto;
    width: 90%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room {
    margin: 50px 0 0 5%;
    max-height: 310px;
    padding: 30px 0;
    width: 90%;
  }
  #monitor-lp-ver2 #minpaku-ver2 .room-wrap .inner-merit .background-room .room-image img {
    left: -3%;
    position: relative;
    top: 0;
    max-width: 380px;
  }
}

/***--- 201808モニターLP（JAFICA）ここから ---***/
#monitor-lp-ver2 .jafica-main-visual .top-tx .yellow-ttl {
  max-width: 347px;
}
#monitor-lp-ver2 .campaign-1000pt {
  background: #ffe475;
  padding: 40px 0;
  font-weight: bold;
}
#monitor-lp-ver2 .campaign-1000pt .box {
  max-width: 960px;
  margin: 0 auto;
}
#monitor-lp-ver2 .campaign-1000pt .box .left {
  float: left;
  width: 48%;
  margin: 100px 0 0;
}
#monitor-lp-ver2 .campaign-1000pt .box .left .more {
  background: url("/img/contents/lp/monitor/jafica/icon_title_02.png") no-repeat scroll left 0px center / 101px 29px;
  font-size: 19px;
  color: #ffe475;
  padding-left: 10px;
  margin: 0 0 5px;
  text-align: left;
}
#monitor-lp-ver2 .campaign-1000pt .box .left .title {
  font-size: 36px;
  margin: 0;
}
#monitor-lp-ver2 .campaign-1000pt .box .left .txt {
  font-size: 21px;
  margin-top: 25px;
  line-height: 1.4;
}
#monitor-lp-ver2 .campaign-1000pt .box .left .txt .red {
  font-size: 42px;
  color: #dc4d4d;
}
#monitor-lp-ver2 .campaign-1000pt .box .left .txt .blk {
  font-size: 30px;
}
#monitor-lp-ver2 .campaign-1000pt .box .right {
  float: right;
  width: 52%;
}
#monitor-lp-ver2 .campaign-1000pt .box .right img {
  width: 470px;
  height: auto;
}
/* SP/TABLET共通 */
@media screen and (max-width: 940px) {
  #monitor-lp-ver2 .campaign-1000pt .box .left {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .left .more {
    background: rgba(0, 0, 0, 0) url("/img/contents/lp/monitor/jafica/icon_title_02.png") no-repeat scroll center center / 101px 29px;
    padding-left: 0;
    text-align: center;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .left .txt {
    margin-top: 15px;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .right {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .right img {
    max-width: 470px;
    width: 100%;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver2 .campaign-1000pt .box {
    padding: 0 10px;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .left .more {
    font-size: 16px;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .left .title {
    font-size: 22px;
    margin: 0;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .left .txt {
    font-size: 16px;
    margin-top: 25px;
    line-height: 1.4;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .left .txt .red {
    font-size: 33px;
    color: #dc4d4d;
  }
  #monitor-lp-ver2 .campaign-1000pt .box .left .txt .blk {
    font-size: 24px;
  }
}

/***--- 20200624モニターLP（レジャー・文化・娯楽施設）ここから ---***/
.monitor-leisure-facility input[type='email'] {
  border-color: #c6c6c6;
  background-color: #fafafa;
  color: #333;
}
.monitor-leisure-facility h1 {position: relative;}
.monitor-leisure-facility h1 span {
  color: #fff;
  font-size: 50px;
  position: absolute;
  top: 27px;
  left: 1px;
  z-index: 22;
  background: #3c5d93;
  line-height: 1.1;
   font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.monitor-leisure-facility h2 {border-bottom: none;}
.monitor-leisure-facility .h2-normal {margin-bottom: 40px;}
.monitor-leisure-facility .h2-normal .sp {display: none;}
.monitor-leisure-facility .under-yellow {background: linear-gradient(transparent 46%, #FFF99A 0%);}
.monitor-leisure-facility .mail-input-wrap {
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  margin: 0px auto;
  padding: 40px 0;
  width: 650px;
  text-align: center;
  z-index: 2;
  position: relative;
}
.monitor-leisure-facility .mail-input-wrap .form-tx {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  margin-bottom: 15px;
}
.monitor-leisure-facility .mail-input-wrap .attention {
	font-size: 15px;
	color: #666;
	position: absolute;
	bottom: -80px;
	left: 50%;
	transform: translateX(-50%);
	text-indent: -1em;
    padding: 0 2em;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}
.monitor-leisure-facility .entry-form-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.monitor-leisure-facility .fo-textbox-long {
  background-color: #f6f6f6;
  border-radius: 3px;
  color: #8f8f8f;
  font-size: 16px;
  width: 325px;
  height: 43px;
  padding-left: 15px;
  margin-right: 15px;
  box-sizing: border-box;
}
.monitor-leisure-facility .flat-red-button {
  background: #eb4f50 url(/img/contents/lp/monitor/restaurant/arrow_redbutton.png) right 13px center / 8px 12px no-repeat;
  border-radius: 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  width: 130px;
  height: 43px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  cursor: pointer;
}
.monitor-leisure-facility .flat-red-button:hover {opacity: 0.8;}
.monitor-leisure-facility .logo-wrap {
  font-size: 13px;
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 295px;
  color: #fff;
  z-index: 10;
}
.monitor-leisure-facility .logo-wrap .logo {width: 109px;}
.monitor-leisure-facility .logo-wrap .txt {
  border-left: 1px solid #fff;
  padding-left: 10px;
  margin-left: 10px;
}
.monitor-leisure-facility .first-view {height: 528px;}
.monitor-leisure-facility .first-view:before,
.monitor-leisure-facility .first-view:after {
  content: '';
  width: calc((100% - 520px) / 2);
  height: 528px;
  position: absolute;
  top: 0;
}
.monitor-leisure-facility .first-view:before {
  background: url('/img/contents/lp/monitor/leisure_facility/fv_bg_left_pc.png') center center / cover no-repeat;
  background-color: #3C5D93;
  left: 0;
}
.monitor-leisure-facility .first-view:after {
  background: url('/img/contents/lp/monitor/leisure_facility/fv_bg_right_pc.png') center center / cover no-repeat;
  background-color: #3C5D93;
  right: 0;
}
.monitor-leisure-facility .first-view .main {
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 40px 25px;
  background: #3c5d93;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  position: relative;
  z-index: 1;
}
.monitor-leisure-facility .first-view img {
  width: 100%;
  height: 100%;
}
.monitor-leisure-facility .first-view .fv-img01 {max-width: 441px;}
.monitor-leisure-facility .first-view .fv-img02 {
  max-width: 426px;
  margin: 30px 0 20px;
  display: block;
}
.monitor-leisure-facility .first-view .sentence {
  display: flex;
  font-size: 16px;
}
.monitor-leisure-facility .first-view .sentence .big {
  font-weight: 600;
  font-size: 22px;
}
.monitor-leisure-facility .first-view .membership-fee-img {
  width: 96px;
  margin-left: 10px;
}
.monitor-leisure-facility .first-view .mail-input-wrap {
  position: absolute;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);
}
.monitor-leisure-facility .problem {
	background: url(/img/contents/lp/monitor/leisure_facility/problem_bg.png) center bottom 50px / cover no-repeat;
	font-size: 16px;
	padding: 120px 10px 140px;
	box-sizing: border-box;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.monitor-leisure-facility .problem img {width: 100%;}
.monitor-leisure-facility .problem h2 {max-width: 442px;}
.monitor-leisure-facility .problem h3 {
  color: #2b77c2;
  border: 1px solid #2b77c2;
  border-radius: 20px;
  background: #fff;
  padding: 8px 20px 5px;
  z-index: 2;
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: normal;
  font-size: 16px;
}
.monitor-leisure-facility .problem .box-wrap {
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 5px 0;
  max-width: 950px;
  width: 100%;
}
.monitor-leisure-facility .problem .box {
  width: 33.3%;
  position: relative;
  padding: 20px 28px 5px 28px;
}
.monitor-leisure-facility .problem .box:not(:last-child) {border-right: 1px dotted #cccccc;}
.monitor-leisure-facility .resolve {
  max-width: 950px;
  margin: -30px auto 0;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.monitor-leisure-facility .resolve h2 {
  position: relative;
  margin-bottom: 20px;
}
.monitor-leisure-facility .resolve h2 .sp {display: none;}
.monitor-leisure-facility .resolve h2:before,
.monitor-leisure-facility .resolve h2:after {
  content: '';
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 11px 0 11px;
  border-color: #2B77C2 transparent transparent transparent;
}
.monitor-leisure-facility .resolve h2:after {top: -40px;}
.monitor-leisure-facility .resolve .main {
  position: relative;
  width: 100%;
}
.monitor-leisure-facility .resolve .main img {width: 100%;}
.monitor-leisure-facility .resolve .main .resolve-img {
  max-width: 291px;
  right: 0;
  bottom: -75px;
  position: absolute;
}
.monitor-leisure-facility .resolve .sentence {margin-right: 301px;}
.monitor-leisure-facility .resolve p {margin: 0;}
.monitor-leisure-facility .resolve .up {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin-left: 25px;
}
.monitor-leisure-facility .resolve .up:before,
.monitor-leisure-facility .resolve .up:after {
  content: '';
  background: #333333;
  height: 2px;
  width: 23px;
  display: block;
  position: absolute;
  top: 50%;
}
.monitor-leisure-facility .resolve .up:before {
  transform: rotate(65deg);
  left: -30px;
}
.monitor-leisure-facility .resolve .up:after {
  transform: rotate(-65deg);
  right: -25px;
}
.monitor-leisure-facility .resolve .up br {display: none;}
.monitor-leisure-facility .resolve .down {margin: 10px 0;}
.monitor-leisure-facility .resolve .red {
  color: #dc4d4d;
  font-size: 34px;
}
.monitor-leisure-facility .resolve .red-mini {font-size: 28px;}
.monitor-leisure-facility .resolve .mark {
  font-size: 10px;
  color: #dc4d4d;
}
.monitor-leisure-facility .resolve .attention {
  display: block;
  font-size: 13px;
  margin-top: 20px;
}
.monitor-leisure-facility .industry {
  background: url('/img/contents/lp/monitor/leisure_facility/industry_bg.png') center top / cover repeat-x;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 130px 0 80px;
  margin-top: 15px;
}
.monitor-leisure-facility .industry img {width: 100%;}
.monitor-leisure-facility .industry .main {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}
.monitor-leisure-facility .industry .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 40px;
  max-width: 132px;
}
.monitor-leisure-facility .industry .box:nth-child(4),
.monitor-leisure-facility .industry .box:nth-child(7) {margin-right: 0;}
.monitor-leisure-facility .industry .box>img {max-width: 132px;}
.monitor-leisure-facility .industry .box>p {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
}
.monitor-leisure-facility .industry .box>p br {display: none;}
.monitor-leisure-facility .mail-input-area {
  background: linear-gradient(to right, #597ab0 0%, #64b0cc 100%);
  padding: 55px 0 95px;
  z-index: 1;
  position: relative;
}
.monitor-leisure-facility .mail-input-area .sp {display: none;}
.monitor-leisure-facility .mail-input-area .sentence {
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 650px;
  margin: 0 auto 20px;
  position: relative;
}
.monitor-leisure-facility .mail-input-area .sentence .left {margin: 0 20px 0 0;}
.monitor-leisure-facility .mail-input-area .attention {color: #fff;}
.monitor-leisure-facility .mail-input-area .big {
  font-size: 24px;
  font-weight: 600;
}
.monitor-leisure-facility .mail-input-area .sentence:before,
.monitor-leisure-facility .mail-input-area .sentence:after {
  content: '';
  background: #fff;
  height: 2px;
  width: 56px;
  display: block;
  position: absolute;
  top: 60%;
}
.monitor-leisure-facility .mail-input-area .sentence:before {
  transform: rotate(65deg);
  left: -20px;
}
.monitor-leisure-facility .mail-input-area .sentence:after {
  transform: rotate(-65deg);
  right: -15px;
}
.monitor-leisure-facility .mail-input-area .membership-fee-img {width: 108px;}
.monitor-leisure-facility .use {
  background: #e9f4ff;
  padding: 100px 10px 210px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.monitor-leisure-facility .use h3 {
  color: #2b77c2;
  font-weight: 600;
  font-size: 22px;
  margin: 0 0 15px;
  text-align: center;
}
.monitor-leisure-facility .use h4 {margin: 0;}
.monitor-leisure-facility .use img {
  width: 100%;
  vertical-align: bottom;
}
.monitor-leisure-facility .use {margin: 0;}
.monitor-leisure-facility .use .box-1 {
  border: 2px solid #2b77c2;
  border-radius: 10px;
  padding: 35px 50px;
  margin-bottom: 30px;
  box-sizing: border-box;
  background: #fff;
  max-width: 950px;
  width: 100%;
  height: 100%;
  position: relative;
}
.monitor-leisure-facility .use .box-1 h4 {
  padding: 5px 15px;
  border: 1px solid #2b77c2;
  border-radius: 20px;
  color: #2b77c2;
  font-size: 16px;
  background: #fff;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: normal;
}
.monitor-leisure-facility .use .box-1 h4.min-w112 {min-width: 112px;}
.monitor-leisure-facility .use .gift-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.monitor-leisure-facility .use .gift-box {
  max-width: 260px;
  position: relative;
}
.monitor-leisure-facility .use .gift-box:not(:last-child) {margin-right: 10px;}
.monitor-leisure-facility .use .box-2 {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  padding: 35px 50px;
  border: 2px dotted #2b77c2;
  border-radius: 5px;
  box-sizing: border-box;
  background: #fff;
}
.monitor-leisure-facility .use .example-wrap {
  display: flex;
  justify-content: center;
}
.monitor-leisure-facility .use .example-box {
  border: 2px solid #2b77c2;
  border-radius: 5px;
  padding: 15px 35px;
  width: 33.3%;
  box-sizing: border-box;
  text-align: center;
}
.monitor-leisure-facility .use .example-box h4 {margin-bottom: 10px;}
.monitor-leisure-facility .use .example-box:not(:last-child) {margin-right: 25px;}
.monitor-leisure-facility .use .example_img_01 {max-width: 195px;}
.monitor-leisure-facility .use .example_img_02 {max-width: 152px;}
.monitor-leisure-facility .use .example_img_03 {max-width: 166px;}
.monitor-leisure-facility .introduction {
  background: url('/img/contents/lp/monitor/leisure_facility/introduction_bg.png') center top 20px / cover repeat-x;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 160px 10px 90px;
  box-sizing: border-box;
  margin-top: -160px;
}
.monitor-leisure-facility .introduction .main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 950px;
  width: 100%;
}
.monitor-leisure-facility .introduction .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(25% - 10px);
  max-width: 209px;
}
.monitor-leisure-facility .introduction .box>img {
  max-width: 209px;
  width: 100%;
}
.monitor-leisure-facility .introduction .box>p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
}
.monitor-leisure-facility .preparation {
  background: url('/img/contents/lp/monitor/leisure_facility/preparation_bg_pc.png') center top / cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 70px 10px 65px;
  box-sizing: border-box;
}
.monitor-leisure-facility .preparation h2 {margin-bottom: 0;}
.monitor-leisure-facility .preparation .sentence {
  font-size: 18px;
  margin: 15px 0 100px;
}
.monitor-leisure-facility .preparation .main {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
  border: 1px dotted #fff;
  padding: 40px 10px 20px;
  box-sizing: border-box;
}
.monitor-leisure-facility .preparation .benefits {
  position: absolute;
  top: -62px;
  left: 50%;
  transform: translateX(-50%);
}
.monitor-leisure-facility .preparation .benefits>p {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 3px;
  position: relative;
}
.monitor-leisure-facility .preparation .benefits>img {vertical-align: bottom;}
.monitor-leisure-facility .preparation .box-wrap {
  display: flex;
  justify-content: center;
}
.monitor-leisure-facility .preparation dl {
  border: 2px solid #2b77c2;
  background: #fff;
  max-width: 353px;
  box-sizing: border-box;
  width: 50%;
  display: flex;
  align-items: center;
  position: relative;
}
.monitor-leisure-facility .preparation dl:first-child {margin-right: 40px;}
.monitor-leisure-facility .preparation dl:first-child:after {
  content: '+';
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: -30px;
}
.monitor-leisure-facility .preparation dt,
.monitor-leisure-facility .preparation dd {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.monitor-leisure-facility .preparation dt {
  color: #2b77c2;
  font-size: 34px;
  font-weight: 600;
  border-right: 1px dotted #2b77c2;
  box-sizing: border-box;
  height: 100%;
  min-height: 75px;
  width: 50px;
  padding-top: 4px;
}
.monitor-leisure-facility .preparation dd {
  font-weight: 600;
  font-size: 16px;
  color: #333;
  height: 100%;
  margin-left: 0;
  padding: 10px 10px 10px 20px;
}
.monitor-leisure-facility #page-top {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  display: none;
}
.monitor-leisure-facility #page-top p {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.monitor-leisure-facility #page-top a {
  width: 50px;
  height: 50px;
  background-color: #0066CC;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  bottom: 50px;
  opacity: 0.7;
}
.monitor-leisure-facility #page-top a:hover {
  opacity: 0.9;
  transition: .2s;
}
.monitor-leisure-facility #page-top a:before {
  content: '';
  display: block;
  flex-basis: 12px;
  height: 12px;
  border-left: 2px #ffffff solid;
  border-top: 2px #ffffff solid;
  margin-top: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 1px;
}
.monitor-leisure-facility .sp-fixed-registration-button {display: none;}
@media all and (-ms-high-contrast: none) {
  .monitor-leisure-facility .introduction .box>img {height: 100%;}
}
@media screen and (min-width: 671px) {
  .monitor-leisure-facility #page-top {
    display: block!important;
    opacity: 1!important;
  }
  .sp-fixed-registration-button {display: none!important;}
}
@media screen and (max-width: 940px) and (min-width: 671px) {
	.monitor-leisure-facility .first-view .main {max-width: 440px;}
	.monitor-leisure-facility .first-view:before {background: url(/img/contents/lp/monitor/leisure_facility/fv_bg_left_pc.png) center right / cover no-repeat;}
	.monitor-leisure-facility .first-view:before,
	.monitor-leisure-facility .first-view:after {background-color: #3C5D93;}
	.monitor-leisure-facility .problem {padding: 120px 30px 140px;}
	.monitor-leisure-facility .problem h3 {
		left: 30%;
		transform: translateX(-20%);
	}
	.monitor-leisure-facility .resolve {padding: 0 30px;}
	.monitor-leisure-facility .use {padding: 80px 30px 210px;}
	.monitor-leisure-facility .use .box-1,
	.monitor-leisure-facility .use .box-2{padding: 30px;}
	.monitor-leisure-facility .introduction {padding: 120px 30px 70px;}
	.monitor-leisure-facility .preparation {padding: 70px 30px 65px;}


}
@media screen and (max-width: 670px) {
	.monitor-leisure-facility .logo-wrap {justify-content: flex-start;}
	.monitor-leisure-facility .logo-wrap .txt {display: none;}
	.monitor-leisure-facility h1 span {
		top: 18px;
		left: 0;
		font-size: 36px;
	}
	.monitor-leisure-facility .h2-normal .pc {display: none;}
	.monitor-leisure-facility .h2-normal .sp {display: inline;}
	.monitor-leisure-facility .entry-form-action {flex-direction: column;}
	.monitor-leisure-facility .entry-form-box {width: 100%;}
	.monitor-leisure-facility .fo-textbox-long {
		width: 100%;
		margin: 0 0 20px;
		font-size: 13px;
	}
	.monitor-leisure-facility .mail-button {width: 100%;}
	.monitor-leisure-facility .flat-red-button {width: 100%;}
	.monitor-leisure-facility .mail-input-wrap {
		width: 100%;
		padding: 30px 25px;
	}
	.monitor-leisure-facility .mail-input-wrap .attention {
		transform: translateX(-50%);
		bottom: -55px;
		font-size: 13px;
		height: 30px;
	}
	.monitor-leisure-facility .mail-input-wrap .form-tx {
		font-size: 20px;
		line-height: 1.2;
	}
	.monitor-leisure-facility .mail-input-wrap .form-tx .co-dib {display: block!important;}
	.monitor-leisure-facility .first-view {height: 100%;}
	.monitor-leisure-facility .first-view:before {background: url(/img/contents/lp/monitor/leisure_facility/fv_bg_top_sp.png) top center / cover no-repeat;}
	.monitor-leisure-facility .first-view:after {background: url(/img/contents/lp/monitor/leisure_facility/fv_bg_bottom_sp.png) bottom center / cover no-repeat;}
	.monitor-leisure-facility .first-view:before,
	.monitor-leisure-facility .first-view:after {
		width: 100%;
		height: 120px;
		position: static;
		display: block;
		background-color: #3C5D93;
	}
	.monitor-leisure-facility .first-view .main {
		box-sizing: border-box;
		max-width: 100%;
		padding: 30px 25px 25px;
	}
	.monitor-leisure-facility .first-view .mail-input-wrap {
		width: calc(100% - 50px);
		bottom: -340px;
	}
	.monitor-leisure-facility .first-view .membership-fee-img {
		max-width: 75px;
		width: 100%;
		margin-left: 5px;
	}
	.monitor-leisure-facility .first-view .sentence {
		font-size: 14px;
		align-items: flex-end;
		margin: 0 0 -7px;
	}
	.monitor-leisure-facility .first-view .sentence .left {margin: 0;}
	.monitor-leisure-facility .first-view .sentence .big {font-size: 18px;}
	.monitor-leisure-facility .first-view .fv-img02 {
		width: 300px;
		margin: 20px 0 10px;
	}
	.monitor-leisure-facility .problem {
		padding: 340px 25px 120px;
		background: url(/img/contents/lp/monitor/leisure_facility/problem_bg_sp.png) center bottom 80px / cover no-repeat;
	}
	.monitor-leisure-facility .problem h3 {
		min-width: 110px;
		text-align: center;
		padding: 8px 15px 5px;
		left: 45%;
		transform: translateX(-45%);
	}
	.monitor-leisure-facility .problem .box-wrap {
		flex-direction: column;
		background: none;
		border: none;
	}
	.monitor-leisure-facility .problem .box {
		box-sizing: border-box;
		width: 100%;
		background: #fff;
		margin-bottom: 30px;
		border: 1px solid #ccc;
		border-radius: 10px;
		padding: 12px 20px 5px 20px;
	}
	.monitor-leisure-facility .problem .box:not(:last-child) {border-right: 1px solid #cccccc;}
	.monitor-leisure-facility .resolve {padding: 0 25px;}
	.monitor-leisure-facility .resolve h2 .pc {display: none;}
	.monitor-leisure-facility .resolve h2 .sp {display: block;}
	.monitor-leisure-facility .resolve h2:before {top: -80px;}
	.monitor-leisure-facility .resolve h2:after {top: -50px;}
	.monitor-leisure-facility .resolve .up {
		line-height: 1.2;
		text-align: center;
		font-size: 18px;
		white-space: nowrap;
		margin-left: 0;
	}
	.monitor-leisure-facility .resolve .up:before,
	.monitor-leisure-facility .resolve .up:after {
		top: auto;
		bottom: 20px;
	}
	.monitor-leisure-facility .resolve .up:before {left: -24px;}
	.monitor-leisure-facility .resolve .up:after {right: -22px;}
	.monitor-leisure-facility .resolve .up br {display: block;}
	.monitor-leisure-facility .resolve .main {
		padding: 0 25px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.monitor-leisure-facility .resolve .sentence {
		margin: 10px 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.monitor-leisure-facility .resolve .red {font-size: 30px;}
	.monitor-leisure-facility .resolve .red-mini {font-size: 24px;}
	.monitor-leisure-facility .resolve .attention {margin-top: 10px;}
	.monitor-leisure-facility .resolve .down {
		margin: 20px 0 0 0;
		width: 100%;
	}
	.monitor-leisure-facility .resolve .main .resolve-img {
		position: static;
		margin-top: 20px;
	}
	.monitor-leisure-facility .industry {
		padding: 140px 0 50px;
		margin-top: -65px;
		background: url('/img/contents/lp/monitor/leisure_facility/industry_bg_sp.png') center top 30px / cover repeat-x;
	}
	.monitor-leisure-facility .industry .main {
		max-width: 280px;
		justify-content: space-between;
	}
	.monitor-leisure-facility .industry .box {margin-right: 0px!important;}
	.monitor-leisure-facility .industry .box>p {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.monitor-leisure-facility .industry .box>p br {display: block;}
	.monitor-leisure-facility .use {padding: 70px 25px 200px;}
	.monitor-leisure-facility .use h3 {font-size: 18px;}
	.monitor-leisure-facility .use .box-1 {padding: 30px 25px;}
	.monitor-leisure-facility .use .box-1 p {
		font-size: 15px;
		margin-bottom: 45px;
	}
	.monitor-leisure-facility .use .gift-wrap {
		flex-direction: column;
		align-items: center;
	}
	.monitor-leisure-facility .use .gift-box {height: 100%;}
	.monitor-leisure-facility .use .gift-box:not(:last-child) {margin: 0 0 25px;}
	.monitor-leisure-facility .use .box-1 h4 {
		padding: 5px 10px 3px;
		top: -13px;
	}
	.monitor-leisure-facility .use .box-2 {padding: 30px 25px;}
	.monitor-leisure-facility .use .example-wrap {
		flex-direction: column;
		align-items: center;
	}
	.monitor-leisure-facility .use .example-box {
		width: 100%;
		padding: 15px 26px;
		max-width: 270px;
	}
	.monitor-leisure-facility .use .example-box:not(:last-child) {margin: 0 0 15px;}
	.monitor-leisure-facility .introduction {
		padding: 120px 20px 50px;
		background: url('/img/contents/lp/monitor/leisure_facility/introduction_bg_sp.png') center top 30px / cover repeat-x;
	}
	.monitor-leisure-facility .introduction .main {justify-content: center;}
	.monitor-leisure-facility .introduction .box {width: calc(50% - 15px);}
	.monitor-leisure-facility .introduction .box:nth-child(2n+1) {margin-right: 30px;}
	.monitor-leisure-facility .introduction .box>p {font-size: 16px;}
	.monitor-leisure-facility .preparation {padding: 50px 25px 70px;}
	.monitor-leisure-facility .preparation .sentence {font-size: 16px;}
	.monitor-leisure-facility .preparation .main {padding: 40px 25px 30px;}
	.monitor-leisure-facility .preparation .box-wrap {
		flex-direction: column;
		align-items: center;
	}
	.monitor-leisure-facility .preparation dl {width: 100%;}
	.monitor-leisure-facility .preparation dl:first-child {margin: 0 0 50px;}
	.monitor-leisure-facility .preparation dl:first-child:after {
		right: calc(50% - 15px);
		bottom: -42px;
	}
	.monitor-leisure-facility .preparation dt {
		width: 55px;
		font-size: 22px;
	}
	.monitor-leisure-facility .preparation dd {padding: 10px 7px 10px 10px;}
	.monitor-leisure-facility .mail-input-area {padding: 50px 25px 90px;}
	.monitor-leisure-facility .mail-input-area.sp-none,
	.monitor-leisure-facility .mail-input-area .sentence:before,
	.monitor-leisure-facility .mail-input-area .sentence:after,
	.monitor-leisure-facility .mail-input-area .pc {display: none;}
	.monitor-leisure-facility .mail-input-area .sp {display: inline;}
	.monitor-leisure-facility .mail-input-area .membership-fee-img {
		max-width: 75px;
		width: 100%;
	}
	.monitor-leisure-facility .mail-input-area .sentence {
		justify-content: space-between;
		max-width: 350px;
	}
	.monitor-leisure-facility .mail-input-area .sentence .left {
		font-size: 14px;
		margin-right: 5px;
	}
	.monitor-leisure-facility .mail-input-area .big {font-size: 18px;}
	.monitor-leisure-facility .sp-fixed-registration-button {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: rgb(255,255,255,0.7);
		box-sizing: border-box;
		padding: 10px 40px;
		z-index: 10;
	}
	.monitor-leisure-facility .sp-fixed-registration-button>a {
		display: block;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		padding: 10px 0;
		color: #fff;
		background: #eb4f50 url(/img/contents/lp/monitor/restaurant/arrow_redbutton.png) right 13px center / 8px 12px no-repeat;
		width: 100%;
		border-radius: 25px;
		border: 1px solid #eb4f50;
		outline: none;
		cursor: pointer;
		text-decoration: none;
	}
}

/***--- 201902 一括申請導線強化ここから ---***/
.request-all-wrap {
  background-color: #f5f5f5;
  border: 2px solid #cccccc;
  font-size: 13px;
  padding: 30px 40px;
  margin: 40px auto 30px;
}
.request-all-wrap .left {
  display: table-cell;
  width: 50%;
  padding-right: 5%;
}
.request-all-wrap .left .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.request-all-wrap .left .title .icon {
  vertical-align: middle;
  width: 32px;
}
.request-all-wrap .right {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}
.request-all-wrap .right .txt {
  text-align: center;
}
.request-all-wrap .right .txt .bigred {
  color: #dc4d4d;
  font-size: 20px;
  font-weight: bold;
}

/* TAB - SP */
@media screen and (max-width: 940px) {
  .request-all-wrap {
    padding: 30px 10px;
  }
  .request-all-wrap .left {
    display: block;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .request-all-wrap .right {
    display: block;
    vertical-align: middle;
    width: 100%;
  }
}

/* 一括申請POPUP
--------------------------------------------------- */
.top-popup{
  background: #fff;
  display: inline-flex;
  position: fixed;
  right: 2%;
  bottom: -100px;
  z-index: 800;
  padding: 0;
  transition: bottom 0.4s linear;
  cursor: pointer;
  box-shadow: rgba(0,0,0,0.3) 2px 2px 3px 1px;
  margin-bottom: 20px;
	border-radius: 3px;
	line-height: 0;
}
.top-popup img {
	border-radius: 3px;
}
.top-popup.show{
  bottom: 0
}
.top-popup:hover img {
	opacity: 0.7;
}

/* SP/TAB */
@media screen and (max-width: 940px) {
  .top-popup {
    right: calc(50% - 75px);
    bottom: -55px;
    border-radius: 5px 5px 0 0;
    padding: 0;
    width: 158px;
    margin-bottom: 0;
    box-shadow: none;
  }
	.top-popup img {
		border-radius: 5px 5px 0 0;
	}
}

/* BASE連携LP
--------------------------------------------------- */
#base-lp {line-height: 1.75;}
#base-lp,
#base-lp * {box-sizing: border-box;}
#base-lp img {max-width: 100%;}
#base-lp ul,
#base-lp ul li {list-style-type:none; margin:0; padding:0;}
/* 冒頭（ロゴ） */
#base-lp .logo-wrap {
  padding: 20px;
  width: 100%;
  max-width: 1300px;
}
#base-lp .logo-wrap .logo {
  float: left;
  max-width: 120px;
}
#base-lp .logo-wrap .logo img {
  vertical-align: middle;
}

/* 冒頭（メインビジュアル） */
#base-lp .base-main-visual {
  background: #0EBF89;
  text-align: center;
  overflow: hidden;
}
#base-lp .base-main-visual .main-catch {
  max-width: 1200px;
  width: 94%;
  background: url(/img/contents/base/mv_img_00.png) no-repeat right 20%;
  background-size: 57% auto;
  text-align: center;
  display: inline-block;
}
#base-lp .base-main-visual .main-catch .service-logos {
  max-width: 250px;
  display: inline-flex;
  flex-wrap: nowrap;
  background: #fff;
  border-radius: 3px;
  padding: 8px 0;
  margin-bottom: 25px;
}
#base-lp .base-main-visual .main-catch .service-logos img {
  padding: 2px 17px 3px;
}
#base-lp .base-main-visual .main-catch .service-logos img:first-child {
  border-right: 1px solid #0EBF89;
}
#base-lp .base-main-visual .main-catch > div > div:not(.service-logos) {
  text-align: left;
  line-height: 0;
}
#base-lp .base-main-visual .main-catch > div > div:not(.service-logos) img:nth-of-type(2) {
  padding-right: 46px;
}
#base-lp .base-main-visual .main-catch > div > div:not(.service-logos) > p {
  line-height: 1.6;
  color: #fff;
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
  padding: 8px 0 6px;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

/* フォーム部分 */
#base-lp .base-form-wrap {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 6px 0 #009577;
  border: #009577 1px solid;
  margin: 0px auto;
  text-align: center;
  z-index: 2;
  position: relative;
  padding: 0 10px;
}
#base-lp .base-form-wrap.top {
  top: -75px;
  display: flex;
  flex-wrap: nowrap;
  padding: 0 10px;
}
#base-lp .base-form-wrap:not(.top) {
  padding: 40px 55px;
}
#base-lp .base-form-wrap .left {
  border-right: #ccc dashed 1px;
  flex-basis: 57%;
  min-width: 0;
  padding: 35px 30px 30px;
}
#base-lp .base-form-wrap .right {
  padding: 30px;
  flex-shrink: 3;
  flex-basis: 50%;
}
#base-lp .base-form-wrap .form-tx {
  font-size: 26px;
  margin: 0 0 10px 0;
}
#base-lp .entry-form-action {
  margin: 0 auto;
}
#base-lp .base-form-wrap:not(.top) .entry-form-action {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#base-lp .base-form-wrap:not(.top) .entry-form-box {
  width: 57%;
  float: left;
}
#base-lp .form {
  background-color: #F8F8F8;
  background-image: none;
  border-radius: 3px;
  font-size: 20px;
  border: solid 1px #ccc;
  height: 56px;
  padding-left: 15px;
  width: 100%;
  margin-bottom: 12px;
}
#base-lp .base-form-wrap:not(.top) .form {
  height: 54px;
}
#base-lp .form::placeholder {
  color: #ccc;
}
#base-lp .base-form-wrap:not(.top) .mail-button {
  width: 40%;
  position: relative;
  flex-shrink: 0;
}
#base-lp .flat-red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #eb4f50;
  -webkit-appearance: none;
  border-radius: 30px;
  color: #ffffff;
  font-size: 20px;
  padding: 8px 8px 6px;
  height: 55px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px;
  outline: none;
}
#base-lp .base-form-wrap:not(.top) .flat-red-button {
  height: 54px;
  border-radius: 27px;
}
#base-lp .flat-red-button:hover {
  opacity: 0.8;
}
#base-lp .base-form-wrap .notice {
  margin: 0 auto;
  font-size: 13px;
  max-width: 500px;
}
#base-lp .base-form-wrap .notice ul {
  display: inline-block;
  text-align: left;
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
}
#base-lp .base-form-wrap .right h4 {
  color: #333333;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  font-size: 14px;
}
#base-lp .base-form-wrap .right h4::before,
#base-lp .base-form-wrap .right h4::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #333333;
}
#base-lp .base-form-wrap .right h4::before { margin-right: 10px; }
#base-lp .base-form-wrap .right h4::after { margin-left: 10px; }
#base-lp .base-form-wrap .right ul,
#base-lp .base-form-wrap .right li {
  width: 100%;
  line-height: 0;
}
#base-lp .base-form-wrap .right ul { position: relative; }
#base-lp .base-form-wrap .right ul::after {
  content: " ";
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: calc(50% + 16px);
  left: calc(50% - 16px);
  z-index: 10;
  background: url('/img/contents/base/icon_plus.svg') no-repeat center center;
  background-size: 33px 33px;
}
#base-lp .base-form-wrap .right ul li:first-child { margin-bottom: 10px; }
/* コンテンツ */
#base-lp .base-about > div,
#base-lp .base-merit > div,
#base-lp .base-flow > div,
#base-lp .base-present > div {
  max-width: 1080px;
  margin: 0 auto;
  min-height: 350px;
  padding: 80px 25px;
}
#base-lp .big-ttl {
  border: none;
  font-size: 0;
  margin-bottom: 50px;
}
#base-lp .base-about {
  width: 100%;
}
#base-lp .base-about > div {
	background: url(/img/contents/base/about_img_02.png) no-repeat right 40%;
	background-size: 51% auto;
}
#base-lp .base-about > div .inside-wrap p:first-child {
  font-size: 20px;
  font-weight: 600;
}
#base-lp .base-about > div .inside-wrap .txt span,
#base-lp .base-present .txt span {
  display: inline;
  background: linear-gradient(transparent 50%, #EEFF95 50%, #EEFF95 88%, transparent 88%);
}
#base-lp .base-merit,
#base-lp .base-present {
  background: #D2F5E9;
}
#base-lp .base-merit li {
  padding: 10% calc(100% - 500px) 0 0;
  background: url(/img/contents/base/merit_img1_00.png) no-repeat right 20%;
  background-size: calc(100% - 555px) auto;
  min-height: 355px;
}
#base-lp .base-merit li:nth-of-type(2) {
  padding: 10% 0 0 calc(100% - 500px);
  background: url(/img/contents/base/merit_img2_00.png) no-repeat left 20%;
  background-size: calc(100% - 555px) auto;
  justify-content: flex-end;
}
#base-lp .base-merit li:nth-of-type(2) p span {font-size: 12px;}
#base-lp .base-merit li:nth-of-type(3) {
  background-image: url(/img/contents/base/merit_img3_00.png);
}
#base-lp .base-merit .list-number {
  display: inline-block;
  height: 122px;
  width: 93px;
  flex-shrink: 0;
}
#base-lp .base-merit h3 {
  font-size: 20px;
  margin: 0 0 10px;
}
#base-lp .base-merit p {
  margin: 0;
}
#base-lp .base-flow > div {
  position: relative;
  padding-bottom: 135px!important;
}
#base-lp .base-flow ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 20px;
}
#base-lp .base-flow li {
  width: 31%;
  border: 2px solid #ddd;
  border-radius: 5px;
  position: relative;
  display: flex;
  z-index: 0;
  text-align: center;
  padding: 40px 30px 15px;
  background: #F8F8F8 ;
}
#base-lp .base-flow li .list-number + div {
  background: url(/img/contents/base/flow_step1_00.png) no-repeat center 89%;
  background-size: 65%;
}
#base-lp .base-flow li:nth-of-type(2) .list-number + div {
  background-image: url(/img/contents/base/flow_step2_00.png);
}
#base-lp .base-flow li:nth-of-type(3) .list-number + div {
  background-image: url(/img/contents/base/flow_step3_00.png);
  background-size: 88%;
}
#base-lp .base-flow li::before {
  content: " ";
  display: inline-block;
  background: #F8F8F8;
  width: 75px;
  height: 2px;
  position: absolute;
  top: -2px;
  left: 20px;
  z-index: 10;
}
#base-lp .base-flow .list-number {
  position: absolute;
  top: -15px;
  width: 59px;
  left: 30px;
  z-index: 15;
}
#base-lp .base-flow h3 {
  margin: 20px 0;
  flex-grow: 0;
}
#base-lp .base-flow p {
  padding-bottom: 155px;
  text-align: left;
  flex-grow: 3;
  margin: 0;
}
#base-lp .base-flow > div > img {
  width: 230px;
  height: auto;
  position: absolute;
  bottom: -24px;
  right: 0;
  z-index: 100;
}
#base-lp .base-present:not(.base-form-wrap) > div:not(.logo-wrap) {
  padding-bottom: 110px;
  position: relative;
}
#base-lp .base-present .big-ttl { margin-bottom: 20px; }
#base-lp .base-present .inside-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
#base-lp .base-present .inside-wrap .present-plus { margin: 70px 10px 0; }
#base-lp .base-present .inside-wrap dl dt {
  background-color: #ffffff;
  padding: 13px;
  width: 270px;
  margin: 0 auto 25px;
  border-radius: 30px;
  font-size: 18px;
  position: relative;
}
#base-lp .base-present .inside-wrap dl dt::before{
  content: " ";
  display: block;
  width: 16px;
  height: 15px;
  position: absolute;
  top: 100%;
  left: calc(50% - 7px);
  background: url(/img/contents/base/present_fukidashi_00.svg) no-repeat center center;
  background-size: 16px 15px;
}
#base-lp .base-present .inside-wrap dl dd {
  margin: 0 0 10px;
  line-height: 0;
}
#base-lp .base-present > div > img {
  width: 42%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: calc( 50% + 40px );
  z-index: 100;
  max-width: 410px;
}
#base-lp .bottom-area {
  text-align: center;
  background: #0EBF89 url(/img/contents/base/bottom_back_00.png) center top;
  background-size: 873px auto;
  padding: 60px 40px 90px;
}
#base-lp .bottom-area > img {
  padding-bottom: 30px;
}
#base-lp + .push {display: none;}

/* PC */
@media screen and (min-width: 941px) {
  #base-lp .base-main-visual {
    margin-top: -108px;
  }
  #base-lp .base-main-visual .main-catch {
    padding: 90px 40px 0;
    min-height: 540px;
  }
  #base-lp .base-main-visual .main-catch > div {
    margin-right: 60%;
    margin-left: 5%;
    max-width: 375px;
  }

  #base-lp .base-form-wrap {max-width: 930px;}
  #base-lp .base-form-wrap:not(.top) {max-width: 940px;}
  #base-lp .base-form-wrap:not(.top) .form-tx {font-size: 28px;}
  #base-lp .base-form-wrap:not(.top) .flat-red-button,
  #base-lp .form::placeholder {font-size: 20px;}

	#base-lp .base-about,
	#base-lp .base-merit,
	#base-lp .base-flow,
	#base-lp .base-present{padding: 0 15px;}
	#base-lp .base-about > div {padding-top: 0;}
	#base-lp .base-about .inside-wrap {
		width: 44%;
		text-align: left;
		margin-bottom: 45px;
	}
	#base-lp .base-merit li {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		padding-top: 10%;
	}
	#base-lp .base-merit li:first-child {margin-top: -25px;}
	#base-lp .base-merit .list-number + div {
		padding-left: 30px;
		border-left: 2px solid #00A875;
	}
	#base-lp .base-present .inside-wrap .left {
		margin: 60px 0;
		flex-shrink: 0;
	}
}
/* SP/TAB */
@media screen and (max-width: 940px) {
	#base-lp > div {
		text-align: center;
	}
	#base-lp .base-main-visual .main-catch {
		background-position: center bottom;
		background-size: 65vw auto;
		padding: 0 25px 40vw;
	}
	#base-lp .base-main-visual .main-catch > div .service-logos {
		margin-bottom: 20px;
	}
	#base-lp .base-main-visual .main-catch > div > div:not(.service-logos) {
		margin: 0 auto;
		max-width: 600px;
	}
	#base-lp .base-main-visual .main-catch > div > div:not(.service-logos) img:nth-of-type(2) {
		padding: 0;
	}
	#base-lp .base-main-visual .main-catch div > div:not(.service-logos) p {
		width: 98%;
		margin: 3px 5px;
	}
	#base-lp .top-area {
		background: #0EBF89;
		padding: 25px 0 40px;
	}
	#base-lp .base-form-wrap.top {
		width: 92%;
	}
	#base-lp .base-form-wrap.top,
	#base-lp .base-form-wrap:not(.top) {
		top: 0;
		display: block;
	}
	#base-lp .base-form-wrap:not(.top) {
		padding: 30px 4%;
	}
	#base-lp .base-form-wrap .left {
		border-right: none;
		padding: 25px 5% 0;
	}
	#base-lp .base-form-wrap .right {padding-top: 20px;}
	#base-lp .base-form-wrap.top .entry-form-box .form {
		height: 45px;
	}
	#base-lp .base-about > div, #base-lp .base-merit > div, #base-lp .base-flow > div, #base-lp .base-present > div {padding: 40px 3%;}
	#base-lp .big-ttl img {
		height: 18px;
		width: auto;
	}
	#base-lp .big-ttl img:first-child {
		height: 64px;
		width: auto;
	}
	#base-lp .big-ttl {margin-bottom: 40px;}
	#base-lp .base-about > div {
		background-position: center bottom;
		background-size: 60vw auto;
		padding-bottom: 40vw;
	}
	#base-lp .base-about .inside-wrap {
		max-width: 600px;
		margin: 0 auto;
	}
	#base-lp .base-about > div .inside-wrap p:first-child,
	#base-lp .base-merit h3,
	#base-lp .base-flow ul li h3 {
		font-size: 19px;
	}
	#base-lp .base-about .inside-wrap .txt,
	#base-lp .base-merit h3 + p {
		text-align: left;
		font-size: 15px;
	}
	#base-lp .base-merit {margin-top: 40px;}
	#base-lp .base-merit li,
	#base-lp .base-merit li:nth-of-type(2),
	#base-lp .base-merit li:nth-of-type(3) {
		background-size:42% auto;
		min-height: 220px;
		margin: 40px 10px;
		padding: 0 45% 0 0;
	}
	#base-lp .base-merit li:nth-of-type(2){padding: 0 0 0 46%;}
	#base-lp .base-merit .list-number {
		height: 33px;
		border-right: none;
		border-bottom: 3px solid #00A875;
		width: 45px;
		margin: 0;
	}
	#base-lp .base-merit .list-number + div {margin-top: 5px;}
	#base-lp .base-merit h3 {margin-bottom: 3px;}
	#base-lp .base-flow > div {padding-bottom: 94px!important;}
	#base-lp .base-flow li {
		width: 32%;
		padding: 0 0 10px 0;
	}
	#base-lp .base-flow li::before {
		width: 55px;
		left: 10px;
	}
	#base-lp .base-flow .list-number {
		width: 49px;
		left: 15px;
	}
	#base-lp .base-flow p {
		font-size: 15px;
		padding-bottom: 130px;
	}
	#base-lp .base-flow li .list-number + div {
		padding: 30px 9%;
		background-size: 67%;
	}
	#base-lp .base-flow li:nth-of-type(3) .list-number + div {
		background-size: 91%;
	}
	#base-lp .base-flow > div > img {
		width: 163px;
		margin-right: 47px;
		bottom: -18px;
	}
	#base-lp .base-present > div > img {
		left: calc( 50% - 150px );
		max-width: 290px;
	}
	#base-lp .bottom-area {padding: 50px 3% 70px;}
	#base-lp .bottom-area > img {width: 476px;}
}
/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
  #base-lp .flat-red-button { font-size: 19px; }
  #base-lp .base-main-visual .main-catch > div > div:not(.service-logos) img {
    width: 53%;
    padding-bottom: 5px;
  }
  #base-lp .base-main-visual .main-catch > div > div:not(.service-logos) img:nth-of-type(2) {width: 47%;}
  #base-lp .entry-form-action {
    display: flex;
    justify-content: space-between;
  }
  #base-lp .base-form-wrap.top .entry-form-box {width: 53%;}
  #base-lp .base-form-wrap.top .entry-form-box .form {height: 55px;}
  #base-lp .base-form-wrap.top .mail-button {
    width: 45%;
    min-width: 230px;
    float: right;
    position: relative;
  }
  #base-lp .base-form-wrap .right ul {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
    align-items: center;
	}
  #base-lp .base-form-wrap .right ul::after {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
  }
	#base-lp .base-form-wrap .right ul li {flex-basis: 47%; }
  #base-lp .base-form-wrap .right ul li:first-child { margin-bottom: 0; }
  #base-lp .base-merit li,
  #base-lp .base-merit li:nth-of-type(2),
  #base-lp .base-merit li:nth-of-type(3) {
    text-align: left;
  }
  #base-lp .base-flow li h3 {
    height: 64px;
    margin: 10px 0;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #base-lp .base-main-visual .main-catch {
    background-size: 75vw auto;
    padding: 10px 25px 47vw;
  }
  #base-lp .base-main-visual .main-catch > div > div:not(.service-logos) {
    max-width: 350px;
    width: 90%;
  }
  #base-lp .base-main-visual .main-catch > div > div:not(.service-logos) img,
  #base-lp .base-main-visual .main-catch > div > div:not(.service-logos) img:nth-of-type(2) {margin: 0 auto;}
  #base-lp .base-main-visual .main-catch > div > div:not(.service-logos) img:nth-of-type(2) {padding: 0 20px}
  #base-lp .base-main-visual .main-catch div > div:not(.service-logos) p {
    margin: 10px 5px;
    font-size: 14px;
  }
  #base-lp .base-form-wrap.top {width: 92%;}
  #base-lp .base-form-wrap.top,
  #base-lp .base-form-wrap:not(.top) {
    top: 0;
    display: block;
  }
  
  #base-lp .base-form-wrap .flat-red-button,
  #base-lp .base-form-wrap .entry-form-box .form {
    font-size:16px;
  }
  #base-lp .base-form-wrap .form-tx {font-size: 20px;}
  #base-lp .base-form-wrap:not(.top) {padding: 20px 25px 30px;}
  #base-lp .base-form-wrap:not(.top) .entry-form-action {display: block;}
  #base-lp .base-form-wrap:not(.top) .mail-button,
  #base-lp .base-form-wrap:not(.top) .entry-form-box {width: 100%;}
  #base-lp .base-form-wrap:not(.top) .flat-red-button,
  #base-lp .base-form-wrap:not(.top) .form {
    height: 44px;
  }
  #base-lp .base-form-wrap:not(.top) .flat-red-button {padding-top: 8px;}
  #base-lp .base-form-wrap .left,
  #base-lp .base-form-wrap .right {
    padding-right: 4%;
    padding-left: 4%;
  }
  #base-lp .base-form-wrap .right ul {display: block;}
  #base-lp .base-form-wrap .right ul::after { top: calc(50% + 9px) }
  #base-lp .base-form-wrap .right ul li {flex-basis: 100%;}
  

  #base-lp .base-about > div, #base-lp .base-merit > div, #base-lp .base-flow > div, #base-lp .base-present > div {padding: 35px 6%;}
  #base-lp .big-ttl img:first-child {height:53px;}
  #base-lp .big-ttl {margin-bottom: 35px}
  #base-lp .base-about > div {
    background-size: 80% auto;
    padding:35px 8% 54vw;
  }
  #base-lp .base-about > div .inside-wrap {margin-top: 30px;}
  #base-lp .base-merit > div {padding-bottom: 9px;}
  #base-lp .base-about > div .inside-wrap p:first-child,
  #base-lp .base-merit h3,
  #base-lp .base-flow ul li h3 {
    font-size: 18px;
    margin: 5px 0 10px;
    line-height: 1.6;
  }
  #base-lp .base-merit h3{
    margin: 7px 0 7px 0;
  }
  #base-lp .base-about > div .inside-wrap p:nth-of-type(2),
  #base-lp .base-merit p,
  #base-lp .base-flow ul li p {
    margin-top: 0;
    font-size: 14px;
    text-align: left;
  }
  #base-lp .base-merit li,
  #base-lp .base-merit li:nth-of-type(2),
  #base-lp .base-merit li:nth-of-type(3) {
    background-position: center bottom;
    background-size: auto 50vw;
    padding: 0 0 54vw 0;
    margin: 0px 5px 60px;
  }
  #base-lp .base-flow > div {padding: 35px 4% 45px!important;}
  #base-lp .base-flow ul {display: block;}
  #base-lp .base-flow ul li,
  #base-lp .base-flow li:nth-of-type(3) {
    width: 100%;
    margin-bottom: 33px;
    padding: 30px 7% 20px;
  }
  #base-lp .base-flow li .list-number + div {
    padding: 0;
    width: 100%;
  }
  #base-lp .base-flow ul li p,
  #base-lp .base-flow li:nth-of-type(3) p {
    max-width: 360px;
    margin: 0 auto;
    padding: 0 0 46vw 0;
  }
  #base-lp .base-flow li::before {
    width: 56px;
    left: calc(50% - 28px);
  }
  #base-lp .base-flow .list-number {
    top: -15px;
    width: 46px;
    left: calc(50% - 23px);
  }
  #base-lp .base-flow > div > img {
    width: 144px;
    bottom: -16px;
    margin-right: 19px;
  }
  #base-lp .base-present:not(.base-form-wrap) > div:not(.logo-wrap) {
    font-size: 14px;
  }
	#base-lp .base-present:not(.base-form-wrap) > div:not(.logo-wrap) { padding-bottom: 105px; }
  #base-lp .base-present .txt { text-align: left; }
	#base-lp .base-present .inside-wrap {
		display: inline-block;
		align-items: center;
		width: 100%;
    margin-top: 30px;
	}
  #base-lp .base-present .inside-wrap .present-plus {
    margin-top: 7px;
    margin-bottom: 7px;
    width: 48px;
    height: 60px;
  }
  #base-lp .base-present .inside-wrap dl dt {
    padding: 9px;
    width: 214px;
    margin: 0 auto 20px;
    font-size: 16px;
  }
  #base-lp .base-present .inside-wrap dl dt::before{
    width: 13px;
    height: 12px;
    background-size: 13px 12px;
  }
  #base-lp .base-present .inside-wrap dl dd { margin: 0 0 7px; }
  #base-lp .base-present > div > img {
    width: 230px;
    left: calc(50% - 115px);
  }
  #base-lp .bottom-area {
    padding: 35px 3% 30px;
    background-size: 700px auto;
  }
  #base-lp .bottom-area img {padding: 0 5% 10px;}
}

/* BASE連携LP SDサイド
--------------------------------------------------- */
#base-lp.side-sd .img-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#base-lp.side-sd .img-flex > div { flex-shrink: 0; }
#base-lp.side-sd .img-flex figure { flex-grow: 1; }
#base-lp.side-sd .img-flex figure img { width: 100%; }
/* MV */
#base-lp.side-sd .base-main-visual { margin-top: 0; }
#base-lp.side-sd .base-main-visual .main-catch {
  background: none;
  padding: 35px 0 30px;
  margin: 0 auto;
  min-height: 0;
}
#base-lp.side-sd .base-main-visual .main-catch > div {
  max-width: 500px;
  margin-right: 0;
}
/* ABOUT */
#base-lp.side-sd .base-about .big-ttl { margin-bottom: 30px; }
#base-lp.side-sd .base-about > div {
  background: none;
  padding: 70px 25px 40px;
}
#base-lp.side-sd .base-about .inside-wrap { width: 100%; }
#base-lp.side-sd .base-about .inside-wrap > div { width: 62%; }
#base-lp.side-sd .base-about .inside-wrap figure { margin: 0 0 0 60px; }
#base-lp.side-sd .base-about .inside-wrap figure img { width: 100%; }
/* MERIT */
#base-lp.side-sd .base-merit .big-ttl { margin-bottom: 0; }
#base-lp.side-sd .base-merit .merit-wrap { margin: -5px auto -10px; }
#base-lp.side-sd .base-merit .merit-wrap > div { width: 50%; }
#base-lp.side-sd .base-merit .merit-wrap figure { margin: 0 0 0 40px; }
/* FLOW */
#base-lp.side-sd .base-flow .flow-base-txt { margin: -20px auto 30px; }
#base-lp.side-sd .base-flow .flow-base-txt p { padding-bottom: 3px; }
#base-lp.side-sd .base-flow li .list-number + div.base { background-image: url('/img/member/base/flow01_base_00.png'); }
/* アカウント */
#base-lp.side-sd .base-form-wrap { padding-bottom: 25px; }
#base-lp.side-sd .base-form-wrap .account-link {
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  margin-top: 15px;
  transition: opacity 0.2s;
}
#base-lp.side-sd .base-form-wrap .account-link:hover {
  text-decoration: none;
  opacity: 0.8;
}
#base-lp.side-sd .base-form-wrap .account-link img {
  width: 151px;
  height: auto;
}
#base-lp.side-sd .base-form-wrap .account-link span {
  background-color: #eb4f50;
  padding: 10px 20px;
  border-radius: 40px;
  margin-left: 25px;
  vertical-align: middle;
}
#base-lp.side-sd .base-form-wrap .account-link.base img { margin-top: -7px; }
#base-lp.side-sd .base-form-wrap .account-link.base span {
  background: url('/img/common/icon/link_blank_w_00.svg') left 22px center / 14px 14px no-repeat #11beae;
  padding-left: 45px;
}
#base-lp.side-sd .base-form-wrap .base-txt { margin: 30px 0 0; }
#base-lp.side-sd .base-form-wrap.pre .txt { margin-top: 0; }
#base-lp.side-sd .base-form-wrap.pre .link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 630px;
  margin: 25px auto;
}
#base-lp.side-sd .base-form-wrap.pre .link .account-link span {
  min-width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  #base-lp.side-sd .img-flex { display: block; }
  #base-lp.side-sd .img-flex > div { width: 100%!important; }
  #base-lp.side-sd .base-main-visual .main-catch { padding: 60px 0; }
  #base-lp.side-sd .base-main-visual .main-catch > div {
    max-width: 570px;
    margin: 0 auto;
  }
  #base-lp.side-sd .base-main-visual .main-catch figure {
    width: 85%;
    max-width: 530px;
    margin: 15px auto 0;
  }
  #base-lp.side-sd .base-merit .merit-wrap {
    margin: 30px auto 20px;
    max-width: 600px;
  }
  #base-lp.side-sd .base-flow .flow-base-txt {
    max-width: 600px;
    margin-top: 40px;
  }
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
  #base-lp.side-sd .base-about .inside-wrap figure {
    max-width: 300px;
    margin: 40px auto 0;
  }
  #base-lp.side-sd .base-merit .merit-wrap figure {
    max-width: 450px;
    margin: 40px auto 0;
  }
}
/* SP */
@media screen and (max-width: 670px){
  #base-lp.side-sd .base-main-visual .main-catch figure { margin-top: 30px; }
  #base-lp.side-sd .base-about .inside-wrap figure {
    max-width: 240px;
    margin: 30px auto -25px;
  }
  #base-lp.side-sd .base-merit .merit-wrap figure {
    max-width: 290px;
    margin: 30px auto 35px;
  }
  #base-lp.side-sd .base-form-wrap.pre .link {
    display: block;
    margin: -10px auto 0;
  }
  #base-lp.side-sd .base-form-wrap.pre .link .account-link.base { margin-top: 20px; }
  #base-lp.side-sd .base-form-wrap.loggedin {
    padding-left: 5px;
    padding-right: 5px;
  }
  #base-lp.side-sd .base-form-wrap.loggedin .base-txt,
  #base-lp.side-sd .base-form-wrap .co-001g { font-size: 13px; }
  #base-lp.side-sd .bottom-area { padding: 65px 3% 60px; }
  #base-lp.side-sd .bottom-area img { padding: 0; }
  #base-lp.side-sd .base-form-wrap.loggedin .account-link.base,
  #base-lp.side-sd .base-form-wrap.loggedin .account-link.base span { display: inline-block; }
  #base-lp.side-sd .base-form-wrap.loggedin .account-link.base img {
    display: block;
    margin: -7px auto 10px;
  }
  #base-lp.side-sd .base-form-wrap.loggedin .account-link.base span { margin: 0; }
}

/* レベル1ジャンルの表示変更
--------------------------------------------------- */
.level1-genre-wrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.level1-genre-wrap .level1-genre-ttl { font-size: 28px; }
.level1-genre-wrap .level1-genre-ttl span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: #99ABBF;
}
/***--- ピックアップ特集 ---***/
.level1-genre-wrap [class^="level1-genre-cnt"] { text-align: left; }
.level1-genre-wrap [class^="level1-genre-cnt"] h3 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
}
.level1-genre-wrap .level1-genre-cnt01 { margin: 20px 0 70px; }
.level1-genre-wrap .level1-genre-cnt01 ul li {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 225px;
  transition: opacity 0.2s ease;
}
.level1-genre-wrap .level1-genre-cnt01 ul li:hover { opacity: 0.8; }
.level1-genre-wrap .level1-genre-cnt01 ul li img { width: 100%; }

/***--- ジャンル一覧 ---***/
.level1-genre-wrap .level1-genre-cnt02 { margin: 20px 0 70px; }
.level1-genre-wrap .level1-genre-cnt02 ul.cnt02-box {
  display: inline-block;
  z-index: 100;
  width: 100%;
  max-width: 1250px;
}
.level1-genre-wrap .level1-genre-cnt02 ul.cnt02-box [class^="level2-genre-box"] {
  margin: 0 5px 5px 0;
  position: relative;
  display: inline-block;
}
.level1-genre-wrap .level1-genre-cnt02 ul [class^="level2-genre-box"] .box-ttl {
  font-size: 13px;
  border: 1px solid #cccccc;
  background-color: #f6f6f6;
  padding: 16px 40px 14px 65px;
  background-size: cover;
  background-repeat: no-repeat;
  display: table-cell;
  width: 9em;
  line-height: 1.2;
  height: 30px;
  text-align: center;
  max-width: 160px;
  vertical-align: middle;
}
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box01-fa .box-ttl { background-image: url('/img/level1/genre_fa_01.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box02-fa .box-ttl { background-image: url('/img/level1/genre_fa_02.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box03-fa .box-ttl { background-image: url('/img/level1/genre_fa_03.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box04-fa .box-ttl { background-image: url('/img/level1/genre_fa_04.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box05-fa .box-ttl { background-image: url('/img/level1/genre_fa_05.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box06-fa .box-ttl { background-image: url('/img/level1/genre_fa_06.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box07-fa .box-ttl { background-image: url('/img/level1/genre_fa_07.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box08-fa .box-ttl { background-image: url('/img/level1/genre_fa_08.png'); }

.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box01-fu .box-ttl { background-image: url('/img/level1/genre_fu_01.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box02-fu .box-ttl { background-image: url('/img/level1/genre_fu_02.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box03-fu .box-ttl { background-image: url('/img/level1/genre_fu_03.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box04-fu .box-ttl { background-image: url('/img/level1/genre_fu_04.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box05-fu .box-ttl { background-image: url('/img/level1/genre_fu_05.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box06-fu .box-ttl { background-image: url('/img/level1/genre_fu_06.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box07-fu .box-ttl { background-image: url('/img/level1/genre_fu_07.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box08-fu .box-ttl { background-image: url('/img/level1/genre_fu_08.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box09-fu .box-ttl { background-image: url('/img/level1/genre_fu_09.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box10-fu .box-ttl { background-image: url('/img/level1/genre_fu_10.png'); }

.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box01-ho .box-ttl { background-image: url('/img/level1/genre_ho_01.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box02-ho .box-ttl { background-image: url('/img/level1/genre_ho_02.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box03-ho .box-ttl { background-image: url('/img/level1/genre_ho_03.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box04-ho .box-ttl { background-image: url('/img/level1/genre_ho_04.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box05-ho .box-ttl { background-image: url('/img/level1/genre_ho_05.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box06-ho .box-ttl { background-image: url('/img/level1/genre_ho_06.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box07-ho .box-ttl { background-image: url('/img/level1/genre_ho_07.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box08-ho .box-ttl { background-image: url('/img/level1/genre_ho_08.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box09-ho .box-ttl { background-image: url('/img/level1/genre_ho_09.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box10-ho .box-ttl { background-image: url('/img/level1/genre_ho_10.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box11-ho .box-ttl { background-image: url('/img/level1/genre_ho_11.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box12-ho .box-ttl { background-image: url('/img/level1/genre_ho_12.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box13-ho .box-ttl { background-image: url('/img/level1/genre_ho_13.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box14-ho .box-ttl { background-image: url('/img/level1/genre_ho_14.png'); }

.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box01-el .box-ttl { background-image: url('/img/level1/genre_el_01.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box02-el .box-ttl { background-image: url('/img/level1/genre_el_02.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box03-el .box-ttl { background-image: url('/img/level1/genre_el_03.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box04-el .box-ttl { background-image: url('/img/level1/genre_el_04.png'); }

.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box01-fo .box-ttl { background-image: url('/img/level1/genre_fo_01.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box02-fo .box-ttl { background-image: url('/img/level1/genre_fo_02.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box03-fo .box-ttl { background-image: url('/img/level1/genre_fo_03.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box04-fo .box-ttl { background-image: url('/img/level1/genre_fo_04.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box05-fo .box-ttl { background-image: url('/img/level1/genre_fo_05.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box06-fo .box-ttl { background-image: url('/img/level1/genre_fo_06.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box07-fo .box-ttl { background-image: url('/img/level1/genre_fo_07.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box08-fo .box-ttl { background-image: url('/img/level1/genre_fo_08.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box09-fo .box-ttl { background-image: url('/img/level1/genre_fo_09.png'); }

.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box01-fi .box-ttl { background-image: url('/img/level1/genre_fi_01.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box02-fi .box-ttl { background-image: url('/img/level1/genre_fi_02.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box03-fi .box-ttl { background-image: url('/img/level1/genre_fi_03.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box04-fi .box-ttl { background-image: url('/img/level1/genre_fi_04.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box05-fi .box-ttl { background-image: url('/img/level1/genre_fi_05.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box06-fi .box-ttl { background-image: url('/img/level1/genre_fi_06.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box07-fi .box-ttl { background-image: url('/img/level1/genre_fi_07.png'); }

.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box01-bo .box-ttl { background-image: url('/img/level1/genre_bo_01.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box02-bo .box-ttl { background-image: url('/img/level1/genre_bo_02.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box03-bo .box-ttl { background-image: url('/img/level1/genre_bo_03.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box04-bo .box-ttl { background-image: url('/img/level1/genre_bo_04.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box05-bo .box-ttl { background-image: url('/img/level1/genre_bo_05.png'); }
.level1-genre-wrap .level1-genre-cnt02 ul .level2-genre-box06-bo .box-ttl { background-image: url('/img/level1/genre_bo_06.png'); }

.level1-genre-wrap .level1-genre-cnt02 ul [class^="level2-genre-box"] .box-ttl span.box-ttl-sub {
  font-size: 9px;
  display: block;
  position: relative;
}
.level1-genre-wrap .level1-genre-cnt02 ul [class^="level2-genre-box"] .box-ttl:before {
  content: "";
  display: block;
  position: absolute;
  right: 5%;
  top: calc(50% - 5px);
  width: 7px;
  height: 7px;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  transform: translateX(-50%) rotate(135deg);
}
.level1-genre-wrap .level1-genre-cnt02 ul li ul {
  display: none;
  position: absolute;
  z-index: 101;
  top: 98%;
  background-color: #ffffff;
  width: 182px;
  padding: 25px 20px 20px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.level1-genre-wrap .level1-genre-cnt02 ul li ul li {
  display: block;
  line-height: 1.2;
}
.level1-genre-wrap .level1-genre-cnt02 ul li ul li a {
  display: block;
  padding: 0 0 15px 0;
}
.level1-genre-wrap .level1-genre-cnt02 ul li ul li:last-child a { padding: 0; }
.level1-genre-wrap .level1-genre-cnt02 ul li:hover ul { display: block; }

/***--- ランキング ---***/
.level1-genre-wrap .level1-genre-cnt03 { margin: 20px 0 70px; }
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list {
  width: 100%;
  max-width: 1250px;
}
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list .rank-box {
  display: inline-block;
  position: relative;
}
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a .rank-box-tax  p {
  display: block;
  top: calc(50% - 1em);
}
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a .rank-box-tax p span.box-ttl-sub {
  display: block;
  font-size: 9px;
}
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a {
  display: inline-block;
  margin: 0 10px 10px 0;
  position: relative;
  max-width: 140px;
  max-height: 140px;
  overflow:hidden;
  border-radius: 100px;
  z-index: 2;
}
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a:last-child { margin-right: 0; }
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a img {
  width: 100%;
  height: auto;
  transition: 0.5s;
}
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a:hover img { transform: scale(1.3); }
.level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a p {
  position: absolute;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 1.3;
  width: 90%;
  top: calc(48% - 1em);
  right: calc(50% - 4em);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***--- アイテム一覧 ---***/
.level1-genre-wrap .level1-genre-cnt04 { margin-top: 70px; }
.level1-genre-wrap .level1-genre-cnt04 h3 { margin-bottom: 40px; }

/* SP/TAB */
@media screen and (max-width: 940px) {
  .level1-genre-wrap .level1-genre-ttl span {
    font-size: 11px;
    margin-top: -15px;
  }
  .level1-genre-wrap .login-ttl,
  .level1-genre-wrap .level1-genre-ttl-login {
    font-size: 16px;
    text-align: center;
    margin: 20px 10px 0px;
    font-weight: bold;
  }
  .level1-genre-wrap .level1-genre-ttl-login { margin: 25px 0 0 0; }
  .level1-genre-wrap .level1-genre-ttl-login span { margin-top: 0; }
  .level1-genre-wrap .login-ttl span {
    font-size: 11px;
    margin-top: 0px;
  }
  /***--- ピックアップ特集 ---***/
  .level1-genre-wrap .level1-genre-cnt01 { margin: 10px 20px 0 20px; }
  .level1-genre-wrap [class^="level1-genre-cnt"] h3 {
    font-size: 15px;
    margin-top: 0;
    padding-bottom: 5px;
  }
  /***--- ジャンル一覧 ---***/
  .level1-genre-wrap .level1-genre-cnt02 { margin: 30px 20px 0; }
  .level1-genre-wrap .level1-genre-cnt02 ul [class^="level2-genre-box"] .box-ttl {
    font-size: 11px;
    padding: 11px 30px 9px 50px;
    width: 8em;
    height: 25px;
    background-size: 100%;
  }
  .level1-genre-wrap .level1-genre-cnt02 ul [class^="level2-genre-box"] .box-ttl:before {
    right: 5%;
    width: 6px;
    height: 6px;
    top: 40%;
  }
  .level1-genre-wrap .level1-genre-cnt02 ul li ul {
    width: 148px;
    padding: 17px 10px 15px 10px;
    font-size: 11px;
    line-height: 2;
  }
  /***--- ランキング ---***/
  .level1-genre-wrap .level1-genre-cnt03 { margin: 35px 20px 0; }
  .level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a {
    max-width: 100px;
    max-height: 100px;
    margin: 0 5px 5px 0;
  }
  .level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a p {
    font-size: 11px;
    top: calc(41% - 1em);
  }
  .level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a .rank-box-tax p { top: calc(46% - 1em); }
  /***--- アイテム一覧 ---***/
  .level1-genre-wrap .level1-genre-cnt04 { margin: 35px 20px 0; }
  .level1-genre-wrap .level1-genre-cnt04 h3 { margin-bottom: 20px; }
}
/* SP */
@media screen and (max-width: 670px) {
  .level1-genre-wrap .level1-genre-cnt01 { margin: 10px 0 30px; }
  .level1-genre-wrap [class^="level1-genre-cnt"] h3 { padding: 0 0 5px 10px; }
  .level1-genre-wrap .level1-genre-cnt01 ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px 0 15px;
  }
  .level1-genre-wrap .level1-genre-cnt01 ul li { width: calc(50% - 10px); }
  .level1-genre-wrap .level1-genre-cnt01 ul li:nth-child(even) { margin: 0; }
  .level1-genre-wrap .level1-genre-cnt02 { margin: 10px 0 40px; }
  .level1-genre-wrap .level1-genre-cnt02 ul.cnt02-box {
    display: flex;
    flex-wrap: wrap;
  }
  .level1-genre-wrap .level1-genre-cnt02 ul.cnt02-box [class^="level2-genre-box"] {
    margin: 0;
    display: block;
    width: 50%;
    border-bottom: 1px solid #ccc;
  }
  .level1-genre-wrap .level1-genre-cnt02 ul [class^="level2-genre-box"] .box-ttl-sp {
    padding: 10px;
    width: 100%;
    height: 25px;
    border: none;
    background-color: #ffffff;
    display: block;
  }
  .cnt02-box-sp {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .cnt02-box-sp [class^="level2-genre-box"] {
    display: block;
    font-size: 11px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    background-color: #f6f6f6;
    height: 35px;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 19%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    position: relative;
    padding: 3px 0 0 50px;
  }
  .cnt02-box-sp [class^="level2-genre-box01-sp"] { border-top: 1px solid #cccccc; }
  .cnt02-box-sp .level2-genre-box01-sp-fa { background-image: url('/img/level1/genre_fa_01.png'); }
  .cnt02-box-sp .level2-genre-box02-sp-fa { background-image: url('/img/level1/genre_fa_02.png'); }
  .cnt02-box-sp .level2-genre-box03-sp-fa { background-image: url('/img/level1/genre_fa_03.png'); }
  .cnt02-box-sp .level2-genre-box04-sp-fa { background-image: url('/img/level1/genre_fa_04.png'); }
  .cnt02-box-sp .level2-genre-box05-sp-fa { background-image: url('/img/level1/genre_fa_05.png'); }
  .cnt02-box-sp .level2-genre-box06-sp-fa { background-image: url('/img/level1/genre_fa_06.png'); }
  .cnt02-box-sp .level2-genre-box07-sp-fa { background-image: url('/img/level1/genre_fa_07.png'); }
  .cnt02-box-sp .level2-genre-box08-sp-fa { background-image: url('/img/level1/genre_fa_08.png'); }
  
  .cnt02-box-sp .level2-genre-box01-sp-fu { background-image: url('/img/level1/genre_fu_01.png'); }
  .cnt02-box-sp .level2-genre-box02-sp-fu { background-image: url('/img/level1/genre_fu_02.png'); }
  .cnt02-box-sp .level2-genre-box03-sp-fu { background-image: url('/img/level1/genre_fu_03.png'); }
  .cnt02-box-sp .level2-genre-box04-sp-fu { background-image: url('/img/level1/genre_fu_04.png'); }
  .cnt02-box-sp .level2-genre-box05-sp-fu { background-image: url('/img/level1/genre_fu_05.png'); }
  .cnt02-box-sp .level2-genre-box06-sp-fu { background-image: url('/img/level1/genre_fu_06.png'); }
  .cnt02-box-sp .level2-genre-box07-sp-fu { background-image: url('/img/level1/genre_fu_07.png'); }
  .cnt02-box-sp .level2-genre-box08-sp-fu { background-image: url('/img/level1/genre_fu_08.png'); }
  .cnt02-box-sp .level2-genre-box09-sp-fu { background-image: url('/img/level1/genre_fu_09.png'); }
  .cnt02-box-sp .level2-genre-box10-sp-fu { background-image: url('/img/level1/genre_fu_10.png'); }
  
  .cnt02-box-sp .level2-genre-box01-sp-ho { background-image: url('/img/level1/genre_ho_01.png'); }
  .cnt02-box-sp .level2-genre-box02-sp-ho { background-image: url('/img/level1/genre_ho_02.png'); }
  .cnt02-box-sp .level2-genre-box03-sp-ho { background-image: url('/img/level1/genre_ho_03.png'); }
  .cnt02-box-sp .level2-genre-box04-sp-ho { background-image: url('/img/level1/genre_ho_04.png'); }
  .cnt02-box-sp .level2-genre-box05-sp-ho { background-image: url('/img/level1/genre_ho_05.png'); }
  .cnt02-box-sp .level2-genre-box06-sp-ho { background-image: url('/img/level1/genre_ho_06.png'); }
  .cnt02-box-sp .level2-genre-box07-sp-ho { background-image: url('/img/level1/genre_ho_07.png'); }
  .cnt02-box-sp .level2-genre-box08-sp-ho { background-image: url('/img/level1/genre_ho_08.png'); }
  .cnt02-box-sp .level2-genre-box09-sp-ho { background-image: url('/img/level1/genre_ho_09.png'); }
  .cnt02-box-sp .level2-genre-box10-sp-ho { background-image: url('/img/level1/genre_ho_10.png'); }
  .cnt02-box-sp .level2-genre-box11-sp-ho { background-image: url('/img/level1/genre_ho_11.png'); }
  .cnt02-box-sp .level2-genre-box12-sp-ho { background-image: url('/img/level1/genre_ho_12.png'); }
  .cnt02-box-sp .level2-genre-box13-sp-ho { background-image: url('/img/level1/genre_ho_13.png'); }
  .cnt02-box-sp .level2-genre-box14-sp-ho { background-image: url('/img/level1/genre_ho_14.png'); }
  
  .cnt02-box-sp .level2-genre-box01-sp-el { background-image: url('/img/level1/genre_el_01.png'); }
  .cnt02-box-sp .level2-genre-box02-sp-el { background-image: url('/img/level1/genre_el_02.png'); }
  .cnt02-box-sp .level2-genre-box03-sp-el { background-image: url('/img/level1/genre_el_03.png'); }
  .cnt02-box-sp .level2-genre-box04-sp-el { background-image: url('/img/level1/genre_el_04.png'); }
  
  .cnt02-box-sp .level2-genre-box01-sp-fo { background-image: url('/img/level1/genre_fo_01.png'); }
  .cnt02-box-sp .level2-genre-box02-sp-fo { background-image: url('/img/level1/genre_fo_02.png'); }
  .cnt02-box-sp .level2-genre-box03-sp-fo { background-image: url('/img/level1/genre_fo_03.png'); }
  .cnt02-box-sp .level2-genre-box04-sp-fo { background-image: url('/img/level1/genre_fo_04.png'); }
  .cnt02-box-sp .level2-genre-box05-sp-fo { background-image: url('/img/level1/genre_fo_05.png'); }
  .cnt02-box-sp .level2-genre-box06-sp-fo { background-image: url('/img/level1/genre_fo_06.png'); }
  .cnt02-box-sp .level2-genre-box07-sp-fo { background-image: url('/img/level1/genre_fo_07.png'); }
  .cnt02-box-sp .level2-genre-box08-sp-fo { background-image: url('/img/level1/genre_fo_08.png'); }
  .cnt02-box-sp .level2-genre-box09-sp-fo { background-image: url('/img/level1/genre_fo_09.png'); }
  
  .cnt02-box-sp .level2-genre-box01-sp-fi { background-image: url('/img/level1/genre_fi_01.png'); }
  .cnt02-box-sp .level2-genre-box02-sp-fi { background-image: url('/img/level1/genre_fi_02.png'); }
  .cnt02-box-sp .level2-genre-box03-sp-fi { background-image: url('/img/level1/genre_fi_03.png'); }
  .cnt02-box-sp .level2-genre-box04-sp-fi { background-image: url('/img/level1/genre_fi_04.png'); }
  .cnt02-box-sp .level2-genre-box05-sp-fi { background-image: url('/img/level1/genre_fi_05.png'); }
  .cnt02-box-sp .level2-genre-box06-sp-fi { background-image: url('/img/level1/genre_fi_06.png'); }
  .cnt02-box-sp .level2-genre-box07-sp-fi { background-image: url('/img/level1/genre_fi_07.png'); }
  
  .cnt02-box-sp .level2-genre-box01-sp-bo { background-image: url('/img/level1/genre_bo_01.png'); }
  .cnt02-box-sp .level2-genre-box02-sp-bo { background-image: url('/img/level1/genre_bo_02.png'); }
  .cnt02-box-sp .level2-genre-box03-sp-bo { background-image: url('/img/level1/genre_bo_03.png'); }
  .cnt02-box-sp .level2-genre-box04-sp-bo { background-image: url('/img/level1/genre_bo_04.png'); }
  .cnt02-box-sp .level2-genre-box05-sp-bo { background-image: url('/img/level1/genre_bo_05.png'); }
  .cnt02-box-sp .level2-genre-box06-sp-bo { background-image: url('/img/level1/genre_bo_06.png'); }
  
  .cnt02-box-sp [class^="level2-genre-box"] .box-ttl-sp {
    width: 73%;
    line-height: 1;
  }
  .cnt02-box-sp [class^="level2-genre-box"] .box-ttl-sp span.box-ttl-sub { font-size: 9px; }
  .cnt02-box-sp [class^="level2-genre-box"] .box-ttl-sp:before {
    content: "";
    display: block;
    position: absolute;
    right: 8%;
    top: 40%;
    width: 5px;
    height: 5px;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    transform: translateX(-50%) rotate(135deg);
  }
  .cnt02-box-sp [id^="open"] ul {
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    font-size: 11px;
  }
  .cnt02-box-sp [id^="open"] ul li {
    width: calc(50% - 15px);
    padding: 14px 7px 10px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12px;
  }
  .cnt02-box-sp [id^="open"] ul li:nth-child(even) { border-right: none; }
  .cnt02-box-sp [id^="open"] ul li a { line-height: 1.2; }
  .level1-genre-wrap .level1-genre-cnt03 { margin: 10px 0 30px; }
  .level1-genre-wrap .level1-genre-cnt03 .level1-rank-list {
    margin: 0 auto;
    display: block;
    width: 90%;
  }
  .level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a {
    max-width: 75px;
    max-height: 75px;
  }
  .level1-genre-wrap .level1-genre-cnt03 .level1-rank-list a p {
    font-size: 10px;
    right: calc(72% - 5em);
    top: calc(37% - 1em);
  }
  .level1-genre-wrap .level1-genre-cnt04 { margin: 10px 0 0; }
}
/* 202105リリース モニターLP（ペット業界）
-------------------------------------------- */
/* 共通 */
#monitor-lp-ver3.pet .title-area {
  text-align: center;
  margin: 0 auto 52px;
}
#monitor-lp-ver3.pet .title-area .title { margin: 0 auto; }
#monitor-lp-ver3.pet h4,
#monitor-lp-ver3.pet p { margin: 0; }
#monitor-lp-ver3.pet .inner {
  width: 95%;
  max-width: 1020px;
  margin: 0 auto;
}
#monitor-lp-ver3.pet .maker span {
  font-weight: 600;
  background: linear-gradient(transparent 30%, #FBE1DD 30%);
}
/* ロゴ*/
#monitor-lp-ver3.pet .logo-wrap {
  position: absolute;
  top: 23px;
  left: 22px;
  width: 30%;
}
#monitor-lp-ver3.pet .logo-wrap img { 
  width: 125px;
  padding-right: 10px;
  margin-right: 8px;
}
#monitor-lp-ver3.pet .logo-wrap h1 {
  margin: 0;
  padding: 7px 0 8px 0;
  font-size: 13px;
  color: #333333;
  display: inline-block;
  vertical-align: top;
}
#monitor-lp-ver3.pet .logo-wrap h1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  border-right: dotted 0.1em #333333;
  position: absolute;
  top: 0;
  left: 135px;
}
/* メインビジュアル */
#monitor-lp-ver3.pet .main-visual {
  background-image: url("/img/contents/lp/monitor/pet/img_bg_00.png");
  background-color: #FBA88D;
  margin-top: -108px;
  padding-top: 33px;
  height: 430px;
  position: relative;
}
#monitor-lp-ver3.pet .main-visual h2 {
  margin: 0 auto 40px;
  max-width: 386px;
  text-align: center;
  border-bottom: none;
}
#monitor-lp-ver3.pet .main-visual .top-tx {
  position: relative;
  max-width: 810px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.pet .main-visual .top-tx h3 {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.pet .main-visual .top-tx h3 img { 
  max-width: 798px;
  width: 84%;
}
#monitor-lp-ver3.pet .main-visual .top-tx .top-tx-img1 { 
  max-width: 200px;
  width: 100%;
  position: absolute;
  left: 22%;
  top: 125px;
  z-index: 2;
}
#monitor-lp-ver3.pet .main-visual .top-tx .top-tx-img2 { 
  max-width: 680px;
  width: 100%;
  position: absolute;
  top: 153px;
  right: 50%;
  transform: translateX(50%);
}
#monitor-lp-ver3.pet .main-visual .side-img {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
}
#monitor-lp-ver3.pet .main-visual .side-img img {
  position: absolute;
  max-width: 245px;
  width: 20%;
}
#monitor-lp-ver3.pet .main-visual .side-img .pt-mv-left {
  bottom: -206px;
  left: 0;
}
#monitor-lp-ver3.pet .main-visual .side-img .pt-mv-right {
  bottom: -180px;
  right: 0;
}
@media screen and (min-width: 1540px) {
  #monitor-lp-ver3.pet .main-visual .side-img .pt-mv-left { left: 7%; }
  #monitor-lp-ver3.pet .main-visual .side-img .pt-mv-right { right: 7%; }
}
/* フォーム*/
#monitor-lp-ver3.pet .form-bg {
  background-image: url("/img/contents/lp/monitor/pet/img_bg_00.png");
  background-color: #FBA88D;
  padding: 60px 0;
}
#monitor-lp-ver3.pet .form-bg .inner { position: relative; }
#monitor-lp-ver3.pet .form-wrap {
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  max-width: 650px;
  width: 100%;
  padding: 29px 0 14px;
  margin: 0 auto;
  border-radius: 10px;
  position: relative;
}
#monitor-lp-ver3.pet .form-wrap h4 {
  font-size: 22px;
  margin: 0 0 20px 0;
  color: #333333;
}
#monitor-lp-ver3.pet .entry-form-action input[type='email'] {
  border: 1px #cccccc solid;
  background-color: #F6F6F6;
  padding: 7px 24px;
  box-sizing: border-box;
  background-image: none;
  border-radius: 3px;
  font-size: 15px;
  width: 326px;
  height: 37px;
}
#monitor-lp-ver3.pet .red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #DC4D4D url("/img/contents/lp/monitor/arrow_redbutton.png") right 15px center no-repeat;
  background-size: 7px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  height: 37px;
  width: 130px;
  -webkit-appearance: none;
}
#monitor-lp-ver3.pet .red-button:hover { opacity: 0.8; }
#monitor-lp-ver3.pet .form-wrap .notice {
  margin: 32px auto 0;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
#monitor-lp-ver3.pet .form-bg .left-img {
  max-width: 245px;
  width: 100%;
  position: absolute;
  left: -5%;
  bottom: -85px;
}
/* フォーム（メインビジュアル部分）*/
#monitor-lp-ver3.pet .form-wrap.top-box {
  position: absolute;
  top: 406px;
  right: 50%;
  transform: translateX(50%);
  box-shadow: 0 3px 5px 1px #CCCCCC;
  z-index: 1;
}
/* フォーム（最下部）*/
#monitor-lp-ver3.pet .form-btm-wrap { overflow: hidden; }
#monitor-lp-ver3.pet .form-btm-img { 
  width: 100%;
  max-width: 645px;
  margin: 0 auto;
  height: 130px;
  position: relative;
  z-index: 3;
}
#monitor-lp-ver3.pet .form-btm-img img {
  max-width: 240px;
  width: 100%;
  position: absolute;
  right: -38%;
  bottom: -12px;
}
#monitor-lp-ver3.pet .form-bg.btm-box {
  margin: -315px auto 0;
  z-index: 1;
  position: relative;
}
/* about */
#monitor-lp-ver3.pet .about {
  background: #FFF9F8;
  padding: 180px 0 65px;
  margin-top: 0;
  position: relative;
  height: auto;
}
#monitor-lp-ver3.pet .about .left-area {
  max-width: 720px;
  width: 67%;
}
#monitor-lp-ver3.pet .about h3 { margin: 0 0 35px 0; }
#monitor-lp-ver3.pet .about h3 img {
  max-width: 562px;
  width: 65%;
}
#monitor-lp-ver3.pet .about .left-area p {
  font-size: 15px;
  line-height: 2;
}
#monitor-lp-ver3.pet .about-img-wrap { 
  overflow: hidden;
  margin: -336px 0 0 40%;
  position: relative;
  z-index: 1;
  max-width: 1200px;
}
#monitor-lp-ver3.pet .about-img { height: 354px; }
#monitor-lp-ver3.pet .about-img::after {
	content: "";
	width: 100%;
	min-width: 465px;
	height: 354px;
	position: absolute;
	right: -46%;
	bottom: 0;
	display: block;
	background: url("/img/contents/lp/monitor/pet/img_00_02.png") no-repeat;
	background-size: contain;
}
/* さまざまなペット関連事業者に使われています */
#monitor-lp-ver3.pet .voices {
  background: url("/img/contents/lp/monitor/pet/img_bg_01.png") center top repeat;
  margin-top: -18px;
  padding: 80px 0 141px;
}
#monitor-lp-ver3.pet .voices ul {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 10px 0;
}
#monitor-lp-ver3.pet .voices ul li {
  width: 49%;
  max-width: 500px;
  margin-bottom: 26px;
  display: flex;
}
#monitor-lp-ver3.pet .voices ul .txt-area {
  max-width: 306px;
  width: 100%;
  font-size: 15px;
  padding: 30px 4% 26px 5%;
  text-align: center;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#monitor-lp-ver3.pet .voices ul .txt-area .industry { font-weight: 600; }
#monitor-lp-ver3.pet .voices ul .txt-area .industry span {
  font-weight: normal;
  color: #FFFFFF;
  background-color: #770101;
  padding: 2px 8px 1px;
  margin-right: 7px;
  font-size: 13px;
}
#monitor-lp-ver3.pet .voices ul .txt-area img {
  width: 100%;
  max-width: 90px;
  margin: 10px 0;
}
#monitor-lp-ver3.pet .voices ul .txt-area .txt { text-align: left; }
#monitor-lp-ver3.pet .voices ul .img-area img {
  height: 262px;
  width: 100%;
  max-width: 195px;
  vertical-align: bottom;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  object-fit: cover;
  object-position: 27% 50%;
}
#monitor-lp-ver3.pet .voices .bottom-img { position: relative; }
#monitor-lp-ver3.pet .voices .bottom-img .balloon {
  background: url("/img/contents/lp/monitor/pet/img_27.png") center top no-repeat;
  background-size: contain;
  width: 224px;
  height: 153px;
  position: absolute;
  top: -30px;
  right: 21%;
  z-index: 1;
}
#monitor-lp-ver3.pet .voices .bottom-img .balloon p {
  font-size: 13px;
  text-align: center;
  padding-top: 38px;
}
#monitor-lp-ver3.pet .voices .bottom-img img {
  position: absolute;
  top: -5px;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  max-width: 343px;
}
/* 多くのペット関連事業者に選ばれる理由 */
#monitor-lp-ver3.pet .reason {
  background-color: #FFF9F8;
  margin-top: -18px;
  padding: 80px 0;
}
#monitor-lp-ver3.pet .reason ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#monitor-lp-ver3.pet .reason ul li {
  width: 48.5%;
  padding: 41px 38px 30px;
  text-align: center;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 2px solid #FBE1DD;
  border-radius: 10px;
}
#monitor-lp-ver3.pet .reason ul li img { height: 169px; }
#monitor-lp-ver3.pet .reason ul li .catch {
  margin: 19px 0 11px;
  font-size: 20px;
  font-weight: 600;
  color: #BC1E1E;
}
#monitor-lp-ver3.pet .reason ul li .txt {
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}
/* 人気商品をご紹介 */
#monitor-lp-ver3.pet .item-list {
  background-color: #FFF9F8;
  padding: 80px 0;
}
#monitor-lp-ver3.pet .item-list ul {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 2%;
  box-sizing: border-box;
}
#monitor-lp-ver3.pet .item-list ul li {
  width: 16.6%;
  text-align: center;
  padding: 0 2% 40px 0;
  box-sizing: border-box;
}
#monitor-lp-ver3.pet .item-list ul li:nth-of-type(n+7) { padding: 0 2% 0 0; }
#monitor-lp-ver3.pet .item-list ul li .item-name {
  font-size: 13px;
  color: #FFFFFF;
  background-color: #770101;
  padding: 2px 0;
}
#monitor-lp-ver3.pet .item-list ul li img {
  width: 100%;
  max-width: 157px;
  border-left: 1px solid #770101;
  border-right: 1px solid #770101;
  border-bottom: 1px solid #770101;
  box-sizing: border-box;
  vertical-align: bottom;
  background-color: #FFFFFF;
}
#monitor-lp-ver3.pet .item-list .bottom-btn {
  max-width: 940px;
  width: 88%;
  height: 194px;
  margin: 110px auto 0;
  position: relative;
}
#monitor-lp-ver3.pet .item-list .bottom-img .balloon {
  background: url("/img/contents/lp/monitor/pet/img_26.png") center top no-repeat;
  background-size: contain;
  max-width: 224px;
  width: 100%;
  height: 184px;
  position: absolute;
  top: -96px;
  left: -12%;
  z-index: 1;
}
#monitor-lp-ver3.pet .item-list .bottom-img .balloon p {
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  padding-top: 72px;
}
#monitor-lp-ver3.pet .item-list .bottom-btn .rt-img {
  top: -110px;
  right: 8%;
  max-width: 271px;
  width : 100%;
  position: absolute;
}
#monitor-lp-ver3.pet .item-list .bottom-btn a {
  color: #770101;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/img/contents/lp/monitor/pet/img_bg_02.png") repeat;
  border-radius: 10px;
  padding: 11px 64px;
  box-sizing: border-box;
}
#monitor-lp-ver3.pet .item-list .bottom-btn .btn-img02 { display: inline-block; }
#monitor-lp-ver3.pet .item-list .bottom-btn .btn-img02 img { 
  max-width: 471px;
  width: 100%;
}
#monitor-lp-ver3.pet .item-list .bottom-btn .btn-img01 {
  display: inline-block;
  top: 30px;
  right: 5%;
  max-width : 271px;
  width : 100%;
  height: 159px;
  content: '';
  position: absolute;
}
#monitor-lp-ver3.pet .item-list .bottom-btn .btn-img01 img { 
  max-width: 252px;
  width: 100%;
}
#monitor-lp-ver3.pet .item-list .bottom-btn a:hover { text-decoration: none; }
#monitor-lp-ver3.pet .item-list .bottom-btn .go-btn {
  background: #FFFFFF url("/img/contents/lp/monitor/pet/arrow_brown.png") right 15px center no-repeat;
  background-size: 6px;
  text-align: center;
  border-radius: 100px;
  border: 2px solid #770101;
  cursor: pointer;
  color: #770101;
  font-size: 15px;
  font-weight: 600;
  height: 55px;
  width: 212px;
  padding: 15px 0;
  box-sizing: border-box;
  bottom: 24px;
  right: 9%;
  position: absolute;
}
#monitor-lp-ver3.pet .item-list .bottom-btn .go-btn:hover {
  background: #770101 url("/img/contents/lp/monitor/arrow_redbutton.png") right 15px center no-repeat;
  background-size: 6px;
  color: #FFFFFF;
}
/* 開業準備中の方もご登録いただけます */
#monitor-lp-ver3.pet .special {
  background-color: #844444;
  padding: 63px 0 250px;
}
#monitor-lp-ver3.pet .special .title-area { color: #FFFFFF; }
#monitor-lp-ver3.pet .special .title-area p {
  margin: 18px 0 47px;
  font-size: 15px;
}
#monitor-lp-ver3.pet .special .title-area .title { 
  font-family: "DNP 秀英角ゴシック銀 Std","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
  font-size: 22px;
}
#monitor-lp-ver3.pet .special .catch {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  padding-bottom: 5px;
}
#monitor-lp-ver3.pet .special .catch::before {
  content: '＼';
  display:inline-block;
  margin-right: 8px;
}
#monitor-lp-ver3.pet .special .catch::after {
  content: '／';
  display:inline-block;
  margin-left: 8px;
}
#monitor-lp-ver3.pet .special .box {
  display: flex;
  justify-content: space-between;
  border: 2px dotted #FFFFFF;
  position: relative;
  padding: 43px 12% 34px;
  margin: 30px 0 0;
  box-sizing: border-box;
}
#monitor-lp-ver3.pet .special .box > h4 {
  position: absolute;
  top: -33px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  max-width: 425px;
  width: 100%;
  background-color: #844444;
  text-align: center;
}
#monitor-lp-ver3.pet .special .box > h4 img { 
  max-width: 306px;
  width: 100%;
}
#monitor-lp-ver3.pet .special .box-in {
  width: 44%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 2px solid #FBA88D;
  border-radius: 5px;
}
#monitor-lp-ver3.pet .special .box-in p {
  font-size: 15px;
  display: inline-block;
  vertical-align: bottom;
  padding: 8px 2%;
}
#monitor-lp-ver3.pet .special .box-in .num {
  font-size: 32px;
  font-weight: 600;
  color: #BC1E1E;
  border-right: 1px dotted #FBA88D;
  padding: 8px 3%;
}
#monitor-lp-ver3.pet .special .box-in:first-of-type > .num + p { padding: 20px 2%; }
#monitor-lp-ver3.pet .special .plus {
  margin-top: 18px;
  font-size: 22px;
  color: #FFFFFF;
}
#monitor-lp-ver3.pet .special .box-in .txt {
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}
/* TAB */
  @media screen and (max-width: 940px) {
  /* 共通 */
  #monitor-lp-ver3.pet .title-area { margin: 0 auto 40px; }
  #monitor-lp-ver3.pet .inner { width: 93%; }
  /* ロゴ*/
  #monitor-lp-ver3.pet .logo-wrap {
    top: -5px;
    left: 0;
  }
  /* メインビジュアル */
  #monitor-lp-ver3.pet .main-visual {
    margin-top: 0;
    padding-top: 50px;
    height: 382px;
  }
  #monitor-lp-ver3.pet .main-visual h2 { margin: 0 auto 20px; }
  #monitor-lp-ver3.pet .main-visual .top-tx .top-tx-img1 { top: 87px; }
  #monitor-lp-ver3.pet .main-visual .top-tx .top-tx-img2 { top: 120px; }
  /* フォーム */
  #monitor-lp-ver3.pet .form-bg { padding: 50px 0; }
  #monitor-lp-ver3.pet .form-wrap { width: 90%; }
  #monitor-lp-ver3.pet .form-bg .left-img {
    max-width: 142px;
    left: -4%;
    bottom: -61px;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.pet .form-wrap.top-box { top: 360px; }
  /* フォーム（最下部）*/
  #monitor-lp-ver3.pet .form-btm-img { height: 92px; }
  #monitor-lp-ver3.pet .form-btm-img img {
    max-width: 147px;
    right: -11%;
    bottom: -12px;
  }
  #monitor-lp-ver3.pet .form-bg.btm-box { margin: -293px auto 0; }
  /* about */
  #monitor-lp-ver3.pet .about { padding: 163px 0 43px; }
  #monitor-lp-ver3.pet .about .left-area {
    max-width: 602px;
    width: 59%;
  }
  #monitor-lp-ver3.pet .about h3 {
    margin: 0 0 27px 0;
    text-align: center;
  }
  #monitor-lp-ver3.pet .about h3 img { width: 75%; }
  #monitor-lp-ver3.pet .about-img::after { height: 296px; }
  /* さまざまなペット関連事業者に使われています */
  #monitor-lp-ver3.pet .voices { padding: 50px 0 163px; }
  #monitor-lp-ver3.pet .voices ul .img-area img {
    height: 290px;
    max-width: 200px;
    object-position: 46% 50%;
  }
  #monitor-lp-ver3.pet .voices .bottom-img .balloon {
    top: -20px;
    right: 12%;
  }
  #monitor-lp-ver3.pet .voices .bottom-img img { top: 16px; }
  /* 多くのペット関連事業者に選ばれる理由 */
  #monitor-lp-ver3.pet .reason { padding: 50px 0; }
  #monitor-lp-ver3.pet .reason ul li {
    width: 48.8%;
    padding: 41px 3% 30px;
  }
  #monitor-lp-ver3.pet .reason ul li img { height: 130px; }
  /* 人気商品をご紹介 */
  #monitor-lp-ver3.pet .item-list { padding: 50px 0; }
  #monitor-lp-ver3.pet .item-list ul li {
    width: 24%;
    max-width: 168px;
    padding: 0 2% 20px 0;
  }
  #monitor-lp-ver3.pet .item-list .bottom-btn { width: 98%; }
  #monitor-lp-ver3.pet .item-list .bottom-btn a { padding: 11px 30px; }
  #monitor-lp-ver3.pet .item-list .bottom-img .balloon {
    top: -120px;
    left: -4%;
  }
  #monitor-lp-ver3.pet .item-list .bottom-btn .rt-img { right: 5%; }
  #monitor-lp-ver3.pet .item-list .bottom-btn .btn-img02 { margin-top: 16px; }
  #monitor-lp-ver3.pet .item-list .bottom-btn .btn-img02 img { max-width: 390px; }
  #monitor-lp-ver3.pet .item-list .bottom-btn .btn-img01 { right: 2%; }
  #monitor-lp-ver3.pet .item-list .bottom-btn .go-btn { right: 7%; }
  /* 開業準備中の方もご登録いただけます */
  #monitor-lp-ver3.pet .special { padding: 50px 0 240px; }
  #monitor-lp-ver3.pet .special .title-area p { margin: 15px 96px 35px; }
  #monitor-lp-ver3.pet .special .box { padding: 43px 2% 34px; }
  #monitor-lp-ver3.pet .special .box > h4 { width: 43%; }
  #monitor-lp-ver3.pet .special .box-in { width: 46%; }
  #monitor-lp-ver3.pet .special .box-in .num { padding: 8px 2%; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #monitor-lp-ver3.pet .title-area { margin: 0 auto 12px; }
  #monitor-lp-ver3.pet .title-area .title img { 
    width: 85%;
    max-width: 300px;
  }
  #monitor-lp-ver3.pet .inner { width: 92%; }
  /* ロゴ*/
  #monitor-lp-ver3.pet .logo-wrap {
    top: 10px;
    left: 5px;
  }
  /* メインビジュアル */
  #monitor-lp-ver3.pet .main-visual .top-tx h3 img {
    max-width: 360px;
    width: 90%;
  }
  #monitor-lp-ver3.pet .main-visual .top-tx .top-tx-img1 { 
    left: 14%;
    top: 110px;
    max-width: 127px;
  }
  #monitor-lp-ver3.pet .main-visual .top-tx .top-tx-img2 { top: 135px; }
  /* フォーム */
  #monitor-lp-ver3.pet .form-bg { padding: 70px 0; }
  #monitor-lp-ver3.pet .form-wrap { 
    width: 100%;
    padding: 26px 4% 9px;
  }
  #monitor-lp-ver3.pet .form-wrap h4 {
    font-size: 20px;
    width: 70%;
    margin: 0 auto;
    line-height: 1.3;
  }
  #monitor-lp-ver3.pet .entry-form-action input[type='email'] {
    margin: 8px 0 13px;
    width: 100%;
  }
  #monitor-lp-ver3.pet .red-button { width: 100%; }
  #monitor-lp-ver3.pet .form-wrap .notice {
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
  }
  #monitor-lp-ver3.pet .form-bg .left-img {
    max-width: 142px;
    left: -8%;
    bottom: -86px;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.pet .form-wrap.top-box { 
    top: 280px;
    width: 92%;
  }
  /* フォーム（最下部）*/
  #monitor-lp-ver3.pet .form-btm-img img {
    right: -5%;
    bottom: -9px;
  }
  #monitor-lp-ver3.pet .form-bg.btm-box { margin: -393px auto 0; }
  /* about */
  #monitor-lp-ver3.pet .about { padding: 150px 0 220px; }
  #monitor-lp-ver3.pet .about .left-area { width: 100%; }
  #monitor-lp-ver3.pet .about h3 { overflow: visible; }
  #monitor-lp-ver3.pet .about h3 img { 
    width: 80%;
    max-width: 300px;
    margin: 0 0 -10px 0;
  }
  #monitor-lp-ver3.pet .about-img-wrap { 
    margin: -218px auto 0;
    position: relative;
  }
  #monitor-lp-ver3.pet .about-img { height: 236px; }
  #monitor-lp-ver3.pet .about-img::after {
    width: 100%;
    max-width: 330px;
    min-width: auto;
    height: 89%;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
  }
  /* さまざまなペット関連事業者に使われています */
  #monitor-lp-ver3.pet .voices { padding: 58px 0 182px; }
  #monitor-lp-ver3.pet .voices ul { display: block; }
  #monitor-lp-ver3.pet .voices ul li {
    width: 100%;
    margin: 0 auto 15px;
    justify-content: center;
  }
  #monitor-lp-ver3.pet .voices ul .txt-area { padding: 30px 4% 15px 5%; }
  #monitor-lp-ver3.pet .voices ul .img-area img {
    height: 330px;
    max-width: 250px;
    object-position: 50% 50%;
  }
  #monitor-lp-ver3.pet .voices .bottom-img .balloon {
    top: -20px;
    right: -6%;
  }
  #monitor-lp-ver3.pet .voices .bottom-img img {
    top: 51px;
    right: 15%;
    transform: inherit;
    width: 100%;
    max-width: 292px;
  }
  /* 多くのペット関連事業者に選ばれる理由 */
  #monitor-lp-ver3.pet .reason { padding: 50px 0 35px; }
  #monitor-lp-ver3.pet .reason ul { display: block; }
  #monitor-lp-ver3.pet .reason ul li {
    width: 100%;
    padding: 32px 3% 30px;
    margin-bottom: 15px;
  }
  #monitor-lp-ver3.pet .reason ul li img { 
    height: auto;
    width: 60%;
  }
  /* 人気商品をご紹介 */
  #monitor-lp-ver3.pet .item-list .title-area { margin: 0 auto 25px; }
  #monitor-lp-ver3.pet .item-list .title img { width: 65%; }
  #monitor-lp-ver3.pet .item-list ul {
    padding-left: 4%;
    justify-content: space-between;
  }
  #monitor-lp-ver3.pet .item-list ul li {
    width: 50%;
    padding: 0 4% 12px 0;
  }
  #monitor-lp-ver3.pet .item-list ul li:nth-of-type(n+7) { padding: 0 4% 12px 0; }
  #monitor-lp-ver3.pet .item-list ul li::after {
    display: block;
    content: "";
    width: 50%;
  }
  #monitor-lp-ver3.pet .item-list ul li .item-name {
    font-size: 12px;
    width: 100%;
    max-width: 157px;
    margin: 0 auto;
  }
  #monitor-lp-ver3.pet .item-list ul li img { max-width: 157px; }
  #monitor-lp-ver3.pet .item-list .bottom-btn {
    height: auto;
    margin: 175px auto 0;
  }
  #monitor-lp-ver3.pet .item-list .bottom-img { height: 381px; }
  #monitor-lp-ver3.pet .item-list .bottom-img .balloon {
    top: -163px;
    left: -11%;
  }
  #monitor-lp-ver3.pet .item-list .bottom-btn .rt-img {
    top: -83px;
    right: 0;
    width : 67%;
  }
  #monitor-lp-ver3.pet .item-list .bottom-btn a { padding: 30px 2%; }
  #monitor-lp-ver3.pet .item-list .bottom-btn .btn-img02 { 
    display: block;
    margin-top: 10px;
  }
  #monitor-lp-ver3.pet .item-list .bottom-btn .btn-img01 {
    display: block;
    right: 0;
    height: auto;
    position: static;
    margin: 0 auto;
  }
  #monitor-lp-ver3.pet .item-list .bottom-btn .btn-img01 img { max-width: 280px; }
  #monitor-lp-ver3.pet .item-list .bottom-btn .go-btn {
    right: 50%;
    transform: translateX(50%);
  }
  /* 開業準備中の方もご登録いただけます */
  #monitor-lp-ver3.pet .special { padding: 50px 0 350px; }
  #monitor-lp-ver3.pet .special .title {
    width: 70%;
    line-height: 1.3;
  }
  #monitor-lp-ver3.pet .special .title-area p { margin: 13px 4% 34px; }
  #monitor-lp-ver3.pet .special .catch { font-size: 16px; }
  #monitor-lp-ver3.pet .special .box {
    display: block;
    padding: 48px 4% 34px;
  }
  #monitor-lp-ver3.pet .special .box > h4 {
    max-width: 425px;
    width: 88%;
  }
  #monitor-lp-ver3.pet .special .box-in { width: 100% }
  #monitor-lp-ver3.pet .special .box-in .num { padding: 8px 1.2%; }
  #monitor-lp-ver3.pet .special .box-in:first-of-type > .num + p { padding: 20px 0; }
  #monitor-lp-ver3.pet .special .plus {
    margin: 8px 0;
    text-align: center;
  }
}

/* 202106リリース モニターLP（薬局・医療関連事業者向け）
-------------------------------------------- */
/* 共通 */
#monitor-lp-ver3.pharmacy .title-area {
  text-align: center;
  margin: 0 auto 40px;
}
#monitor-lp-ver3.pharmacy .title-area .title { margin: 0 auto; }
#monitor-lp-ver3.pharmacy .title-area .title::after {
  margin: 17px auto 0;
  display: block;
  content:"";
  width: 60px;
  height: 6px;
  background: linear-gradient(90deg, #4A7BC3 0%, #4A7BC3 50%, #159AB4 50%, #159AB4 100%);
  border-radius: 10px;
}
#monitor-lp-ver3.pharmacy .title-area .t-txt {
  margin: 40px auto 30px;
  max-width: 603px;
  font-size: 17px;
  line-height: 1.8;
}
#monitor-lp-ver3.pharmacy h4,
#monitor-lp-ver3.pharmacy p { margin: 0; }
#monitor-lp-ver3.pharmacy .inner {
  width: 95%;
  max-width: 1020px;
  margin: 0 auto;
}
#monitor-lp-ver3.pharmacy picture { vertical-align: bottom; }

/* メインビジュアル */
#monitor-lp-ver3.pharmacy .main-visual {
  background: url("/img/contents/lp/monitor/pharmacy/mv_img.png") top center / 100% no-repeat,linear-gradient(90deg, #4a7bc3 0%, #159ab4 100%);
  margin-top: -108px;
  position: relative;
}
#monitor-lp-ver3.pharmacy .main-visual > img {
  top: 0;
  max-width: 390px;
  width: 27%;
  position: absolute;
}
#monitor-lp-ver3.pharmacy .main-visual .logo-wrap {
  position: absolute;
  top: 21px;
  left: 27px;
  width: 20%;
  z-index: 1;
}
#monitor-lp-ver3.pharmacy .main-visual .logo-wrap img {
  max-width: 160px;
  width: 100%;
}
#monitor-lp-ver3.pharmacy .main-visual .logo-wrap h1 {
  margin-top: 10px;
  font-size: 13px;
  color: #FFFFFF;
}
#monitor-lp-ver3.pharmacy .main-visual .mv-txt {
  position: relative;
  max-width: 685px;
  width: 40%;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.pharmacy .main-visual .mv-txt h2 {
  padding: 26px 0 16px;
  margin: 0 auto;
  max-width: 386px;
  text-align: center;
  border-bottom: none;
}
#monitor-lp-ver3.pharmacy .main-visual .mv-txt h3 {
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.pharmacy .main-visual .mv-txt h3 img {
  max-width: 487px;
  width: 84%;
}
#monitor-lp-ver3.pharmacy .main-visual .mv-txt .mv-txt-img01 {
  max-width: 509px;
  width: 100%;
}
#monitor-lp-ver3.pharmacy .main-visual .mv-txt .mv-txt-img02 {
  max-width: 680px;
  width: 100%;
}
/* フォーム*/
#monitor-lp-ver3.pharmacy .form-bg {
  background: linear-gradient(135deg, #4a7bc3 0%, #159ab4 100%);
  padding: 81px 0 49px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
#monitor-lp-ver3.pharmacy .form-bg.bottom { padding: 49px 0; }
#monitor-lp-ver3.pharmacy .form-wrap {
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  max-width: 800px;
  width: 100%;
  padding: 36px 0 18px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
#monitor-lp-ver3.pharmacy .form-wrap.top-box {
  position: absolute;
  top: 84%;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
}
#monitor-lp-ver3.pharmacy .form-wrap h4 {
  font-size: 25px;
  margin: 0 0 29px 0;
  color: #333333;
}
#monitor-lp-ver3.pharmacy .entry-form-action { max-width: 718px; }
#monitor-lp-ver3.pharmacy .entry-form-action input[type='email'] {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
  border: 1px #cccccc solid;
  background-color: #F6F6F6;
  padding: 7px 24px;
  box-sizing: border-box;
  background-image: none;
  border-radius: 3px;
  font-size: 18px;
  width: 100%;
  max-width: 383px;
  height: 50px;
  margin-right: 8px;
}
#monitor-lp-ver3.pharmacy .red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
  background: #DC4D4D url("/img/contents/lp/monitor/arrow_redbutton.png") right 18px center no-repeat;
  background-size: 9px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  width: 100%;
  max-width: 314px;
  -webkit-appearance: none;
  margin-left: 7px;
}
#monitor-lp-ver3.pharmacy .red-button:hover { opacity: 0.8; }
#monitor-lp-ver3.pharmacy .form-wrap .notice {
  margin: 33px auto 0;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
#monitor-lp-ver3.pharmacy .form-bg .form-img-wrap {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
#monitor-lp-ver3.pharmacy .form-bg .form-img {
  width: 24%;
  position: absolute;
  bottom: -57px;
}
#monitor-lp-ver3.pharmacy .form-bg .form-img.left { right: 77%; }
#monitor-lp-ver3.pharmacy .form-bg .form-img.right { left: 77%; }
#monitor-lp-ver3.pharmacy .form-bg .form-img img {
  max-width: 315px;
  width: 100%;
}
/* about */
#monitor-lp-ver3.pharmacy .about {
  background: url("/img/contents/lp/monitor/pharmacy/bg.png") center top repeat;
  background-size: 16px;
  padding: 200px 0 100px;
  margin-top: 0;
  position: relative;
  height: auto;
}
#monitor-lp-ver3.pharmacy .about span {
  font-weight: 600;
  color: #4A7BC3;
}
#monitor-lp-ver3.pharmacy .about ul {
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
#monitor-lp-ver3.pharmacy .about li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49.2%;
  margin-bottom: 15px;
  padding: 12px 32px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #A3CCEA;
  border-radius: 10px;
}
#monitor-lp-ver3.pharmacy .about li:nth-of-type(n+3){ margin-bottom: 0; }
#monitor-lp-ver3.pharmacy .about li img { max-width: 83px; }
#monitor-lp-ver3.pharmacy .about li .txt {
  margin-left: 23px;
  line-height: 1.8;
}
#monitor-lp-ver3.pharmacy .about h4 { margin: 110px 0 35px; }
#monitor-lp-ver3.pharmacy .about h4 img {
  max-width: 562px;
  width: 65%;
}
#monitor-lp-ver3.pharmacy .about .left-area {
  max-width: 760px;
  width: 72%;
}
#monitor-lp-ver3.pharmacy .about .left-area p {
  font-size: 15px;
  line-height: 2;
}
#monitor-lp-ver3.pharmacy .about-img-wrap {
  overflow: hidden;
  margin: -370px 0 0 40%;
  position: relative;
  z-index: 1;
  max-width: 1200px;
}
#monitor-lp-ver3.pharmacy .about-img { height: 340px; }
#monitor-lp-ver3.pharmacy .about-img::after {
	content: "";
	width: 100%;
	height: 305px;
	position: absolute;
	right: -55%;
	bottom: 40px;
	display: block;
	background: url("/img/contents/lp/monitor/pharmacy/img_04_02.png") no-repeat;
	background-size: contain;
}
/* 医療関連サービス業に人気の商品 */
#monitor-lp-ver3.pharmacy .items-wrap {
  background: url("/img/contents/lp/monitor/pharmacy/bg.png") center top repeat;
  background-size: 16px;
  padding: 80px 0;
}
#monitor-lp-ver3.pharmacy .popular-items ul {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 1%;
  box-sizing: border-box;
}
#monitor-lp-ver3.pharmacy .popular-items li {
  width: 20%;
  text-align: center;
  padding: 0 1% 30px 0;
  box-sizing: border-box;
}
#monitor-lp-ver3.pharmacy .popular-items li:nth-of-type(n+6) { padding: 0 1% 0 0; }
#monitor-lp-ver3.pharmacy .popular-items li .item-name { padding-top: 10px; }
#monitor-lp-ver3.pharmacy .popular-items li img {
  width: 100%;
  max-width: 195px;
  vertical-align: bottom;
}
#monitor-lp-ver3.pharmacy .popular-items .bottom-btn {
	max-width: 940px;
	width: 100%;
	height: 206px;
	margin: 60px auto 80px;
	position: relative;
	background: url("/img/contents/lp/monitor/pharmacy/btn_img_pc_01.png") no-repeat center;
	background-size: contain;
	text-align: center;
}
#monitor-lp-ver3.pharmacy .popular-items .bottom-btn img { margin: 25px 0 10px; }
#monitor-lp-ver3.pharmacy .popular-items .bottom-btn a {
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  color: #335C9A;
  font-size: 16px;
  background: url("/img/contents/lp/monitor/pharmacy/arrow_blue.png") right center no-repeat;
  background-size: 7px;
  display: block;
  max-width: 160px;
}
/* 主な取り扱い商品 */
#monitor-lp-ver3.pharmacy .items-list .img-area {
  background-color: #FFFFFF;
  border-top: solid 1px #A3CCEA;
  border-left: solid 1px #A3CCEA;
  border-right: solid 1px #A3CCEA;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 30px 40px;
  text-align: center;
}
#monitor-lp-ver3.pharmacy .items-list .img-area img {
  max-width: 940px;
  width: 100%;
}
#monitor-lp-ver3.pharmacy .items-list .txt-area {
  font-size: 15px;
  text-align: center;
  background-color: #F6F6F6;
  padding: 20px 39px;
  border-left: solid 1px #A3CCEA;
  border-right: solid 1px #A3CCEA;
  border-bottom: solid 1px #A3CCEA;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#monitor-lp-ver3.pharmacy .items-list .txt-area .heading {
  color: #4A7BC3;
  font-weight: 600;
  margin-bottom: 8px;
}
#monitor-lp-ver3.pharmacy .items-list .txt-area .txt { line-height: 1.8; }
/* TAB */
	@media screen and (max-width: 940px) {
	/* 共通 */
	#monitor-lp-ver3.pharmacy .title-area { margin: 0 auto 30px; }
	#monitor-lp-ver3.pharmacy .title-area .title::after { margin: 15px auto 0; }
	#monitor-lp-ver3.pharmacy .inner { width: 92%; }
	/* メインビジュアル */
	#monitor-lp-ver3.pharmacy .main-visual {
		background: linear-gradient(90deg, #4a7bc3 0%, #159ab4 100%);
		margin-top: 0;
	}
	#monitor-lp-ver3.pharmacy .main-visual > img {
		max-width: 940px;
		width: 100%;
		position: static;
	}
	#monitor-lp-ver3.pharmacy .main-visual .logo-wrap {
		position: static;
		padding: 15px 20px 0;
	}
	#monitor-lp-ver3.pharmacy .main-visual .logo-wrap img { max-width: 150px; }
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt { width: 100%; }
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt h2 { padding: 0 0 12px; }
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt h3 { line-height: 0; }
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt h3 img { 
		max-width: 670px;
		width: 90%;
	}
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt .mv-txt-img01 {
		max-width: 670px;
		width: 90%;
	}
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt .mv-txt-img02 {
		max-width: 665px;
		width: 90%;
	}
	/* フォーム*/
	#monitor-lp-ver3.pharmacy .form-wrap { 
		width: 87%;
		padding: 34px 0 14px;
	}
	#monitor-lp-ver3.pharmacy .form-wrap.top-box { top: 89%; }
	#monitor-lp-ver3.pharmacy .form-wrap h4 { font-size: 22px; }
	#monitor-lp-ver3.pharmacy .entry-form-action input[type='email'] {
		font-size: 16px;
		max-width: 300px;
		height: 42px;
		margin-right: 5px;
	}
	#monitor-lp-ver3.pharmacy .red-button {
		background: #DC4D4D url("/img/contents/lp/monitor/arrow_redbutton.png") right 13px center no-repeat;
		background-size: 8px;
		font-size: 16px;
		height: 42px;
		max-width: 246px;
		margin-left: 5px;
	}
	#monitor-lp-ver3.pharmacy .form-wrap .notice {
		margin: 18px auto 0;
		font-size: 12px;
	}
	/* about */
	#monitor-lp-ver3.pharmacy .about { padding: 165px 0 63px; }
	#monitor-lp-ver3.pharmacy .about ul { padding: 0; }
	#monitor-lp-ver3.pharmacy .about li {
		width: 49%;
		padding: 12px 2.5%;
	}
	#monitor-lp-ver3.pharmacy .about li .txt { margin-left: 15px; }
	#monitor-lp-ver3.pharmacy .about h4 {
		margin: 40px 0 44px 0;
		text-align: center;
	}
	#monitor-lp-ver3.pharmacy .about .left-area { width: 57%; }
	#monitor-lp-ver3.pharmacy .about-img::after {
		width: 73%;
		max-width: 340px;
		height: 100%;
		right: -13%;
		bottom: -36%;
	}
	/* 医療関連サービス業に人気の商品 */
	#monitor-lp-ver3.pharmacy .items-wrap { padding: 70px 0 60px; }
	#monitor-lp-ver3.pharmacy .popular-items ul::after {
		display: block;
		content:"";
		width: 50%;
	}
	#monitor-lp-ver3.pharmacy .popular-items li {
		width: 25%;
		padding: 0 1% 20px 0;
	}
	#monitor-lp-ver3.pharmacy .popular-items li .item-name { padding-top: 5px; }
	#monitor-lp-ver3.pharmacy .popular-items .bottom-btn {
		max-width: 670px;
		margin: 40px auto 60px;
		background: url("/img/contents/lp/monitor/pharmacy/btn_img_tab_01.png") no-repeat center;
		background-size: contain;
	}
	/* 主な取り扱い商品 */
	#monitor-lp-ver3.pharmacy .items-list .img-area { padding: 30px 3%; }
	#monitor-lp-ver3.pharmacy .items-list .txt-area { padding: 30px 3%; }
}
/* SP */
@media screen and (max-width: 670px) {
	/* 共通 */
	#monitor-lp-ver3.pharmacy {
		font-size: 15px;
		line-height: 1.5;
	}
	#monitor-lp-ver3.pharmacy .title-area { margin: 0 auto; }
	#monitor-lp-ver3.pharmacy .title-area .title::after { margin: 15px auto 0; }
	#monitor-lp-ver3.pharmacy .title-area .t-txt {
		margin: 30px 3% 20px;
		font-size: 14px;
		line-height: 1.8;
	}
	#monitor-lp-ver3.pharmacy .inner { width: 92%; }
	/* メインビジュアル */
	#monitor-lp-ver3.pharmacy .main-visual .logo-wrap {
		width: 40%;
		padding: 6px 20px 0;
		margin: 0 auto;
	}
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt h2 { padding: 0; }
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt h3 img { max-width: 550px; }
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt .mv-txt-img01 { max-width: 550px; }
	#monitor-lp-ver3.pharmacy .main-visual .mv-txt .mv-txt-img02 { max-width: 550px; }
	/* フォーム*/
	#monitor-lp-ver3.pharmacy .form-bg,
	#monitor-lp-ver3.pharmacy .form-bg.bottom { padding: 70px 0; }
	#monitor-lp-ver3.pharmacy .form-wrap {
		width: 92%;
		padding: 28px 3% 9px;
	}
	#monitor-lp-ver3.pharmacy .form-wrap.top-box { top: 87%; }
	#monitor-lp-ver3.pharmacy .form-wrap h4 {
		font-size: 20px;
		margin: 0 20% 8px;
		line-height: 1.3;
	}
	#monitor-lp-ver3.pharmacy .entry-form-action input[type='email'] {
		font-size: 15px;
		max-width: 316px;
		margin-bottom: 13px;
		height: 37px;
		margin-right: 0;
	}
	#monitor-lp-ver3.pharmacy .red-button {
		font-size: 15px;
		max-width: 316px;
		height: 37px;
		margin-left: 0;
	}
	#monitor-lp-ver3.pharmacy .form-wrap .notice {
		margin: 28px auto 0;
		text-align: left;
		padding-left: 1em;
		text-indent: -1em;
	}
	/* about */
	#monitor-lp-ver3.pharmacy .about { padding: 230px 0 215px; }
	#monitor-lp-ver3.pharmacy .about .title-area .title::after { margin: 15px auto 30px; }
	#monitor-lp-ver3.pharmacy .about ul { display: block; }
	#monitor-lp-ver3.pharmacy .about li {
		width: 100%;
		margin-bottom: 10px;
		justify-content: start;
	}
	#monitor-lp-ver3.pharmacy .about li:nth-of-type(n+3){ margin-bottom: 10px; }
	#monitor-lp-ver3.pharmacy .about li img { max-width: 77px; }
	#monitor-lp-ver3.pharmacy .about li .txt { line-height: 1.5; }
	#monitor-lp-ver3.pharmacy .about h4 { margin: 40px 0 30px; }
	#monitor-lp-ver3.pharmacy .about h4 img {
		max-width: 300px;
		width: 85%;
	}
	#monitor-lp-ver3.pharmacy .about .left-area { width: 100%; }
	#monitor-lp-ver3.pharmacy .about .left-area p {
		font-size: 14px;
		line-height: 1.8;
	}
	#monitor-lp-ver3.pharmacy .about-img-wrap {
		overflow: visible;
		margin: -345px 0 0 0;
	}
	#monitor-lp-ver3.pharmacy .about-img { height: 345px; }
	#monitor-lp-ver3.pharmacy .about-img::after {
		max-width: 300px;
		width: 100%;
		min-width: auto;
		height: 89%;
		bottom: -122px;
		right: 50%;
		transform: translateX(50%);
	}
	/* 医療関連サービス業に人気の商品 */
	#monitor-lp-ver3.pharmacy .items-wrap { padding: 60px 0; }
	#monitor-lp-ver3.pharmacy .popular-items ul { padding-left: 0; }
	#monitor-lp-ver3.pharmacy .popular-items li {
		width: 48%;
		padding: 0 0 15px 0;
	}
	#monitor-lp-ver3.pharmacy .popular-items li .item-name {
		padding-top: 4px;
		font-size: 14px;
	}
	#monitor-lp-ver3.pharmacy .popular-items .bottom-btn {
		height: 196px;
		background: url("/img/contents/lp/monitor/pharmacy/btn_img_sp_01.png") no-repeat center;
		background-size: contain;
	}
	#monitor-lp-ver3.pharmacy .popular-items .bottom-btn img { margin: 25px 0 5px; }
	#monitor-lp-ver3.pharmacy .popular-items .bottom-btn a { font-size: 15px; }
	/* 主な取り扱い商品 */
	#monitor-lp-ver3.pharmacy .items-list .title > img {
		max-width: 192px;
		width: 100%;
	}
	#monitor-lp-ver3.pharmacy .items-list .img-area { padding: 20px 3% 15px; }
	#monitor-lp-ver3.pharmacy .items-list .img-area img { max-width: 316px; }
	#monitor-lp-ver3.pharmacy .items-list .txt-area {
		font-size: 14px;
		padding: 20px 3% 15px;
	}
}
/* 202106リリース モニターLP（旧海外向け）
-------------------------------------------- */
#monitor-lp-ver3.cross-border {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#monitor-lp-ver3.cross-border img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border:0;
}
#monitor-lp-ver3.cross-border h1,
#monitor-lp-ver3.cross-border h2,
#monitor-lp-ver3.cross-border h3,
#monitor-lp-ver3.cross-border p,
#monitor-lp-ver3.cross-border figure { 
  margin: 0;
} 
#monitor-lp-ver3.cross-border .title-area {
  text-align: center;
  margin: 60px auto 50px;
}
#monitor-lp-ver3.cross-border .title-area .title {
  margin: 0 auto;
  border-bottom: none;
}
#monitor-lp-ver3.cross-border .title-area .title img { margin-right: 6px; }
#monitor-lp-ver3.cross-border .title-area .title img:last-of-type { margin-right: 0; }
#monitor-lp-ver3.cross-border .title-area .txt {
  margin: 20px auto 0;
  max-width: 550px;
}
#monitor-lp-ver3.cross-border .inner {
  width: 95%;
  max-width: 940px;
  margin: 0 auto;
}
/* main-visual */
#monitor-lp-ver3.cross-border .main-visual {
  margin: -108px 0 155px;
  position: relative;
}
#monitor-lp-ver3.cross-border .main-visual .mv-bg { background: linear-gradient(#1b76c8 0%, #5bbde2 125%); }
#monitor-lp-ver3.cross-border .main-visual .logo-wrap {
  position: absolute;
  top: 21px;
  left: 20px;
  width: 20%;
  z-index: 1;
}
#monitor-lp-ver3.cross-border .main-visual .logo-wrap img {
  max-width: 127px;
  width: 100%;
}
#monitor-lp-ver3.cross-border .main-visual h1  { margin-left: 10px; }
#monitor-lp-ver3.cross-border .main-visual h1 img:first-child { margin-bottom: 30px; }
#monitor-lp-ver3.cross-border .main-visual .mv-wrap {
  margin: 0 auto;
  padding: 20px 0 0;
  overflow: hidden;
}
#monitor-lp-ver3.cross-border .main-visual .mv-wrap .inner { display: flex; }
#monitor-lp-ver3.cross-border .main-visual .mv-txt {
  max-width: 517px;
  width: 100%;
}
#monitor-lp-ver3.cross-border .main-visual .mv-txt h3 {
  max-width: 457px;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 100px;
  padding: 12px 0 8px;
  margin: 52px 0 30px;
  text-align: center;
  color: #2D8ACF;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 1px;
}
#monitor-lp-ver3.cross-border .main-visual .mv-img { 
  max-width: 488px;
  width: 100%;
  margin: 0 -60px -20px 0;
  overflow: hidden;
}
#monitor-lp-ver3.cross-border .main-visual::after {
  content: '';
  display: block;
  background: url("/img/contents/lp/monitor/cross_border/main_wave.png") top left repeat-x;
  background-size: contain;
  height: 6.9em;
}
/* フォーム */
#monitor-lp-ver3.cross-border .form-wrap {
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 40px;
  margin: 0 auto;
  max-width: 890px;
  width: 100%;
  border-radius: 10px;
  border: solid 1px #CFCFC9;
}
#monitor-lp-ver3.cross-border .form-wrap.top-box {
  position: absolute;
  top: 74%;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  box-shadow: 0 9px 0 0 #CFCFC9;
}
#monitor-lp-ver3.cross-border .form-wrap .coupon {
  max-width: 890px;
  width: 100%;
  padding: 8px 0 7px;
  background-color: #DCEDF6;
  color: #2D8ACF;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#monitor-lp-ver3.cross-border .form-wrap .coupon .ribbon {
  display: inline-block;
  height: 26px;
  line-height: 28px;
  text-align: center;
  padding: 0 16px;
  font-weight: 600;
  color: #FFFFFF;
  box-sizing: border-box;
  background: url("/img/contents/lp/monitor/cross_border/main_ribbon.svg") bottom center no-repeat;
  background-size: 87px;
}
#monitor-lp-ver3.cross-border .form-wrap .coupon .txt {
  display: inline-block;
  margin-left: 14px;
}
#monitor-lp-ver3.cross-border .form-wrap .coupon .txt span {
  font-size: 16px;
  font-weight: 600;
}
#monitor-lp-ver3.cross-border .form-wrap .form-title {
  font-size: 30px;
  font-weight: 600;
  margin: 32px 0 20px;
}
#monitor-lp-ver3.cross-border .form-wrap .entry-form-action {
  max-width: 788px;
  margin: 0 auto;
}
#monitor-lp-ver3.cross-border .mail-input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 56%;
  margin: 0 auto;
}
#monitor-lp-ver3.cross-border .mail-input .mail-input-field {
  max-width: 425px;
  width: 100%;
  padding: 14px 15px;
  box-sizing: border-box;
  background-color: #EFEFEF;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  font-size: 20px;
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
}
#monitor-lp-ver3.cross-border .red-button { display: inline-block; }
#monitor-lp-ver3.cross-border .red-button input[type='submit'] {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
  background: #EB4F50 url("/img/contents/lp/monitor/arrow_white.png") right 18px center no-repeat;
  background-size: 8px;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  padding: 14px 44px;
  width: 100%;
  max-width: 348px;
  -webkit-appearance: none;
  margin-left: 7px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
}
#monitor-lp-ver3.cross-border .red-button:hover { opacity: 0.8; }
#monitor-lp-ver3.cross-border .form-wrap .notice {
  margin: 30px auto 0;
  font-size: 16px;
  text-align: center;
}
#monitor-lp-ver3.cross-border .form-bg .form-img-wrap {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
#monitor-lp-ver3.cross-border .form-bg .form-img {
  width: 24%;
  position: absolute;
  bottom: -57px;
}
#monitor-lp-ver3.cross-border .form-bg .form-img.left { right: 77%; }
#monitor-lp-ver3.cross-border .form-bg .form-img.right { left: 77%; }
#monitor-lp-ver3.cross-border .form-bg .form-img img {
  max-width: 315px;
  width: 100%;
}
/* ABOUT */
#monitor-lp-ver3.cross-border .about {
  background-image:
    url("/img/contents/lp/monitor/cross_border/about_ttl_back.svg"),
    url("/img/contents/lp/monitor/cross_border/about_airplane.png");
  background-position: top 76px center, left -318px top 30px;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: #FFFFFF;
  margin-top: 0;
  height: auto;
  padding: 60px 0 0;
  position: relative;
}
#monitor-lp-ver3.cross-border .about .inner { max-width: 996px; }
#monitor-lp-ver3.cross-border .about .title-area { margin: 93px auto 45px; }
#monitor-lp-ver3.cross-border .about .title-area .title .ab-title02 { margin: 0 8px 0 20px; }
#monitor-lp-ver3.cross-border .about .content {
	background-image:
		url("/img/contents/lp/monitor/cross_border/about_pc_02.png"),
		url("/img/contents/lp/monitor/cross_border/about_back.png");
	background-position: bottom 78px right 32px, top left;
	background-repeat: no-repeat;
	background-size: 56%, 661px;
	padding: 66px 0 110px 11%;
	position: relative
}
#monitor-lp-ver3.cross-border .about .content p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 21px;
}
#monitor-lp-ver3.cross-border .about .content p:first-of-type { margin-top: 25px; }
#monitor-lp-ver3.cross-border .about .content p:last-of-type { margin-bottom: 0; }
#monitor-lp-ver3.cross-border .about .content .blue {
  color: #2D8ACF;
  font-size: 24px;
}
#monitor-lp-ver3.cross-border .about .content .blue span { font-size: 39px; }
#monitor-lp-ver3.cross-border .about .content > img {
  width: 11.5%;
  max-width: 118px;
  position: absolute;
  bottom: 50px;
  right: 58px;
}
#monitor-lp-ver3.cross-border .about::after {
  content: '';
  display: block;
  background: url("/img/contents/lp/monitor/cross_border/about_wave.png") bottom center repeat-x;
  background-size: contain;
  height: 4em;
}
/* GENRE */
#monitor-lp-ver3.cross-border .genre {
  background: url("/img/contents/lp/monitor/cross_border/genre_ttl_back.svg") top 25px center no-repeat;
  background-size: auto;
  background-color: #F3F3F3;
  margin: 0;
  padding: 35px 0 0;
  position: relative;
  max-width: 100%;
}
#monitor-lp-ver3.cross-border .genre .inner { max-width: 896px; }
#monitor-lp-ver3.cross-border .genre .genre-list {
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}
#monitor-lp-ver3.cross-border .genre .genre-list figure {
  width: 25%;
  padding: 0 0 35px 0;
  box-sizing: border-box;
  text-align: center;
}
#monitor-lp-ver3.cross-border .genre .genre-list figure:nth-of-type(n+9) { padding: 0; }
#monitor-lp-ver3.cross-border .genre .genre-list figure img {
  width: 100%;
  max-width: 196px;
}
#monitor-lp-ver3.cross-border .genre .genre-list figure figcaption {
  font-size: 18px;
  font-weight: 600;
}
#monitor-lp-ver3.cross-border .genre .genre-btm { margin: 90px 0 55px; }
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img {
  display: flex;
  align-items: center;
}
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img img:first-of-type { margin-right: 3px; }
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img::before,
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img::after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
}
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img::before { margin-right: 20px; }
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img::after { margin-left: 20px; }
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-txt { margin-top: 22px; }
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-txt span::after {
  content: '/';
  display: inline-block;
  margin: 0 18px;
}
#monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-txt span:last-of-type::after { display: none; }
#monitor-lp-ver3 .genre span,
#monitor-lp-ver3 .genre span:first-of-type,
#monitor-lp-ver3 .genre span:last-of-type {
  margin: 0;
}
#monitor-lp-ver3.cross-border .genre::after {
  content: '';
  display: block;
  background: url("/img/contents/lp/monitor/cross_border/flow_wave.png") bottom center repeat-x;
  background-size: contain;
  height: 4em;
}
/* FLOW */
#monitor-lp-ver3.cross-border .flow {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
#monitor-lp-ver3.cross-border .flow .flow-bg {
  padding: 35px 0 127px;
  margin: 0 auto;
  background: url("/img/contents/lp/monitor/cross_border/flow_ttl_back.svg") top 25px center no-repeat;
  background-size: auto;
  background-color: #DCEDF6;
}
#monitor-lp-ver3.cross-border .flow .inner { max-width: 1075px; }
#monitor-lp-ver3.cross-border .flow .flow-list {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
#monitor-lp-ver3.cross-border .flow .flow-list figure {
  width: 23%;
  height: 295px;
  padding: 46px 0 45px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 10px;
  position: relative;
  background-size: auto;
  background-position: top -2px left 10px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}
#monitor-lp-ver3.cross-border .flow .flow-list figure.flow-01 {
  background-image: url("/img/contents/lp/monitor/cross_border/flow_step1_num.svg"); }
#monitor-lp-ver3.cross-border .flow .flow-list figure.flow-02 {
  background-image: url("/img/contents/lp/monitor/cross_border/flow_step2_num.svg"); }
#monitor-lp-ver3.cross-border .flow .flow-list figure.flow-03 {
  background-image: url("/img/contents/lp/monitor/cross_border/flow_step3_num.svg"); }
#monitor-lp-ver3.cross-border .flow .flow-list figure.flow-04 {
  background-image: url("/img/contents/lp/monitor/cross_border/flow_step4_num.svg"); }
#monitor-lp-ver3.cross-border .flow .flow-list figure::after {
  content: url("/img/contents/lp/monitor/cross_border/flow_arrow.svg");
  display: block;
  position: absolute;
  top: 42%;
  right: -15%;
  z-index: 1;
}
#monitor-lp-ver3.cross-border .flow .flow-list figure:last-of-type:after { display: none; }
#monitor-lp-ver3.cross-border .flow .flow-list figure figcaption {
  margin-top: 41px;
  max-width: 190px;
  font-size: 19px;
  font-weight: 600;
  display: inline-block;
}
#monitor-lp-ver3.cross-border .flow .flow-list figure img {
  width: 100%;
  max-width: 155px;
}
#monitor-lp-ver3.cross-border .flow .flow-list figure .flow-04-img { max-width: 206px;}
#monitor-lp-ver3.cross-border .flow .flow-04 { position: relative; }
#monitor-lp-ver3.cross-border .flow .flow-04 .ship {
  width: 120px;
  position: absolute;
  bottom: -52%;
  right: -26%;
  margin-bottom: 0;
}
#monitor-lp-ver3.cross-border .flow::after {
  content: '';
  display: block;
  background: url("/img/contents/lp/monitor/cross_border/faq_wave.png") top center repeat-x;
  background-size: contain;
  height: 4em;
}
/* FAQ */
#monitor-lp-ver3.cross-border .faq {
  background-image: url("/img/contents/lp/monitor/cross_border/faq_ttl_back.svg");
  background-repeat: no-repeat;
  background-position: top 25px center;
  background-size: auto;
  background-color: #FFFFFF;
  padding: 43px 0 0;
  position: relative;
  max-width: 100%;
}
#monitor-lp-ver3.cross-border .faq dt,
#monitor-lp-ver3.cross-border .faq dd {
  min-height: 44px;
}
#monitor-lp-ver3.cross-border .faq dt {
  margin-bottom: 10px;
  padding-left: 59px;
  background: url("/img/contents/lp/monitor/cross_border/faq_icon_q.svg") no-repeat left top;
  font-weight: 600;
  font-size: 20px;
  line-height: 44px;
}
#monitor-lp-ver3.cross-border .faq dd {
  margin: 0 0 37px 0;
  padding: 10px 0 30px 59px;
  background: url("/img/contents/lp/monitor/cross_border/faq_icon_a.svg") no-repeat left top;
  border-bottom: 1px solid #CCCCCC;
  line-height: 1.6;
}
#monitor-lp-ver3.cross-border .faq dd span { font-size: 14px; }
#monitor-lp-ver3.cross-border .faq dd:last-of-type { 
  border-bottom: none;
  margin: 0;
  padding-bottom: 0;
}
#monitor-lp-ver3.cross-border .faq::after {
  margin-top: 87px;
  content: '';
  display: block;
  background: url("/img/contents/lp/monitor/cross_border/faq_town.png") bottom -1px left repeat-x;
  background-size: contain;
  height: 71px;
}
/* 最下部フォーム */
#monitor-lp-ver3.cross-border .form-bg {
  background: linear-gradient(#1b76c8 0%, #5bbde2 100%);
  padding: 100px 0 90px;
  z-index: 1;
  position: relative;
}
#monitor-lp-ver3.cross-border .form-bg .catch {
  max-width: 820px;
  margin: 0 auto 25px;
  text-align: center;
  position: relative;
}
#monitor-lp-ver3.cross-border .form-bg .catch::before,
#monitor-lp-ver3.cross-border .form-bg .catch::after {
  position: absolute;
  bottom: -10px;
  width: 0;
  height: 50px;
  content: '';
  border-width: 0 0 0 2px;
  border-style: solid;
  border-color: #FFFFFF;
}
#monitor-lp-ver3.cross-border .form-bg .catch::before {
  left: -10px;
  transform: rotate(315deg);
}
#monitor-lp-ver3.cross-border .form-bg .catch::after {
  right: -10px;
  transform: rotate(45deg);
}
#monitor-lp-ver3.cross-border .form-bg .catch img:first-of-type { padding-right: 3px; }
#monitor-lp-ver3.cross-border .form-wrap.bottom-box { box-shadow: 0 9px 0 0 #284974; }
.monitor-footer.footer-cross-boder {background-color: #284974;}
#monitor-lp-ver3.cross-border ~ .push { display: none; }
/* TAB */
@media screen and (max-width: 940px) {
  #monitor-lp-ver3.cross-border .title-area { margin: 25px auto 30px; }
  #monitor-lp-ver3.cross-border .title-area .title { line-height: 1.8; }
  #monitor-lp-ver3.cross-border .title-area .title img {
    margin-right: 0;
    width: 80%;
  }
  #monitor-lp-ver3.cross-border .title-area .txt { max-width: 580px; }
  #monitor-lp-ver3.cross-border .inner { width: 92%; }
  /* main-visual */
  #monitor-lp-ver3.cross-border .main-visual { margin: 0 0 80px; }
  #monitor-lp-ver3.cross-border .main-visual .logo-wrap {
    top: 13px;
    left: 14px;
    padding: 0;
  }
  #monitor-lp-ver3.cross-border .main-visual h1 img:first-child {
    margin-bottom: 25px;
    max-width: 332px;
    width: 100%;
  }
  #monitor-lp-ver3.cross-border .main-visual .mv-wrap { padding: 47px 0 90px; }
  #monitor-lp-ver3.cross-border .main-visual .mv-txt { 
    max-width: 381px;
    margin: 0 auto;
  }
  #monitor-lp-ver3.cross-border .main-visual .mv-txt h3 {
    max-width: 332px;
    margin: 48px auto 20px 0;
    font-size: 18px;
  }
  #monitor-lp-ver3.cross-border .main-visual .mv-txt h3 img { max-width: 290px; }
  #monitor-lp-ver3.cross-border .main-visual .mv-img {
    max-width: 354px;
    margin-right: 0;
  }
  #monitor-lp-ver3.cross-border .main-visual::after { height: 4em; }
  /* フォーム */
  #monitor-lp-ver3.cross-border .form-wrap {
    padding-bottom: 30px;
    width: 92%;
  }
  #monitor-lp-ver3.cross-border .form-wrap.top-box { top: 67%; }
  #monitor-lp-ver3.cross-border .form-wrap .coupon {
    padding: 7px 0;
    font-size: 13px;
  }
  #monitor-lp-ver3.cross-border .form-wrap .coupon .txt { margin-left: 10px; }
  #monitor-lp-ver3.cross-border .form-wrap .coupon .txt span { font-size: 14px; }
  #monitor-lp-ver3.cross-border .form-wrap .coupon .ribbon {
    height: 23px;
    line-height: 25px;
    padding: 0 12px;
    background-size: 75px;
  }
  #monitor-lp-ver3.cross-border .form-wrap .form-title {
    font-size: 24px;
    margin: 20px 0 17px;
  }
  #monitor-lp-ver3.cross-border .mail-input { width: 46%; }
  #monitor-lp-ver3.cross-border .mail-input .mail-input-field {
    max-width: 316px;
    padding: 12px;
    font-size: 16px;
  }
  #monitor-lp-ver3.cross-border .red-button input[type='submit'] {
    font-size: 16px;
    padding: 12px 44px;
    margin-left: 3px;
  }
  #monitor-lp-ver3.cross-border .form-wrap .notice {
    margin: 23px auto 0;
    font-size: 14px;
  }
  /* ABOUT */
  #monitor-lp-ver3.cross-border .about {
    background-position: top 76px center, left -68% top 30px;
    background-size: 242px, 420px;
  }
  #monitor-lp-ver3.cross-border .about .title-area { margin: 48px auto 30px; }
  #monitor-lp-ver3.cross-border .about .title-area .title .ab-title01 { width: 300px; }
  #monitor-lp-ver3.cross-border .about .title-area .title .ab-title02 {
    margin: 0 6px 0 0 ;
    width: 175px;
  }
  #monitor-lp-ver3.cross-border .about .title-area .title .ab-title03 { width: 283px; }
  #monitor-lp-ver3.cross-border .about .content {
    background-position: bottom 33px right 7%, top left;
    background-size: 53%, 463px;
    padding: 45px 0 65px 8%;
  }
  #monitor-lp-ver3.cross-border .about .content p {
    font-size: 19px;
    margin-bottom: 10px;
  }
  #monitor-lp-ver3.cross-border .about .content p:first-of-type { margin-top: 10px; }
  #monitor-lp-ver3.cross-border .about .content .blue { font-size: 19px; }
  #monitor-lp-ver3.cross-border .about .content .blue span { font-size: 32px; }
  #monitor-lp-ver3.cross-border .about .content > img {
    bottom: 5px;
    right: 37px;
  }
  /* GENRE */
  #monitor-lp-ver3.cross-border .genre {
    background-size: 231px;
    width: 100%;
  }
  #monitor-lp-ver3.cross-border .genre .inner { max-width: 665px; }
  #monitor-lp-ver3.cross-border .genre .title-area .title img { width: 225px; }
  #monitor-lp-ver3.cross-border .genre .genre-list { padding: 0; }
  #monitor-lp-ver3.cross-border .genre .genre-list figure { padding: 0 0 20px 0; }
  #monitor-lp-ver3.cross-border .genre .genre-list figure img { max-width: 172px; }
  #monitor-lp-ver3.cross-border .genre .genre-list figure figcaption { font-size: 16px; }
  #monitor-lp-ver3.cross-border .genre .genre-btm { margin: 62px 0 8px; }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img img:first-of-type { width: 40%; }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img img:last-of-type { width: 31%; }
  /* FLOW */
  #monitor-lp-ver3.cross-border .flow .flow-bg {
    padding: 35px 0 66px;
    background-size: 197px;
  }
  #monitor-lp-ver3.cross-border .flow .title-area .title img { width: 168px; }
  #monitor-lp-ver3.cross-border .flow .flow-list { display: block; }
  #monitor-lp-ver3.cross-border .flow .flow-list figure {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto 27px;
    padding: 42px 0 33px;
  }
  #monitor-lp-ver3.cross-border .flow .flow-list figure:last-of-type { margin: 0 auto; }
  #monitor-lp-ver3.cross-border .flow .flow-list figure::after {
    transform: rotate(90deg);
    top: 95%;
    right: 45%;
  }
  #monitor-lp-ver3.cross-border .flow .flow-list figure figcaption {
    margin-top: 22px;
    max-width: 400px;
    font-size: 16px;
    display: block;
  }
  #monitor-lp-ver3.cross-border .flow .flow-04 .ship {
    width: 95px;
    bottom: -34%;
    right: -33%;
  }
  /* FAQ */
  #monitor-lp-ver3.cross-border .faq {
    background-size: 140px;
    padding: 28px 0 0;
  }
  #monitor-lp-ver3.cross-border .faq .title-area .title img { width: 168px; }
  #monitor-lp-ver3.cross-border .faq dt,
  #monitor-lp-ver3.cross-border .faq dd {
    min-height: 36px;
    background-size: 35px;
  }
  #monitor-lp-ver3.cross-border .faq dt {
    padding-left: 50px;
    font-size: 18px;
    line-height: 36px;
  }
  #monitor-lp-ver3.cross-border .faq dd {
    margin: 0 0 25px 0;
    padding: 8px 0 25px 50px;
  }
  #monitor-lp-ver3.cross-border .faq::after {
    margin-top: 81px;
    height: 48px;
    background-size: cover;
  }
  /* 最下部フォーム */
  #monitor-lp-ver3.cross-border .form-bg { padding: 50px 0 70px; }
  #monitor-lp-ver3.cross-border .form-bg .catch img { width: 31%; }
  #monitor-lp-ver3.cross-border .form-bg .catch img:last-of-type { width: 42%; }
  #monitor-lp-ver3.cross-border .form-bg .catch::before,
  #monitor-lp-ver3.cross-border .form-bg .catch::after {
    bottom: -5px;
    height: 35px;
  }
  #monitor-lp-ver3.cross-border .form-bg .catch::before { left: 75px; }
  #monitor-lp-ver3.cross-border .form-bg .catch::after { right: 75px; }
}
/* SP */
@media screen and (max-width: 670px) {
  #monitor-lp-ver3.cross-border .title-area { margin: 24px auto 40px; }
  #monitor-lp-ver3.cross-border .title-area .txt { 
    font-size: 14px;
    line-height: 1.8;
  }
  /* main-visual */
  #monitor-lp-ver3.cross-border .main-visual { margin: 0 0 165px; }
  #monitor-lp-ver3.cross-border .main-visual .logo-wrap { width: 30%; }
  #monitor-lp-ver3.cross-border .main-visual .logo-wrap img {
    max-width: 127px;
    width: 100%;
  }
  #monitor-lp-ver3.cross-border .main-visual h1  { margin-left: 0; }
  #monitor-lp-ver3.cross-border .main-visual h1 img:first-child {
    margin-bottom: 20px;
    width: 80%;
  }
  #monitor-lp-ver3.cross-border .main-visual h1 img { width: 90%; }
  #monitor-lp-ver3.cross-border .main-visual .mv-wrap .inner { display: block; }
  #monitor-lp-ver3.cross-border .main-visual .mv-txt { 
    width: 100%;
    text-align: center;
  }
  #monitor-lp-ver3.cross-border .main-visual .mv-txt h3 {
    margin: 20px auto 15px;
      font-size: 16px;
    letter-spacing: inherit;
  }
  #monitor-lp-ver3.cross-border .main-visual .mv-txt h3 img { width: 90%; }
  #monitor-lp-ver3.cross-border .main-visual .mv-img { 
    width: 100%;
    margin: 0 auto;
  }
  /* フォーム */
  #monitor-lp-ver3.cross-border .form-wrap.top-box { 
    top: 75%;
    padding-bottom: 22px;
  }
  #monitor-lp-ver3.cross-border .form-wrap .coupon { 
    padding: 7px 10px 4px;
    box-sizing: border-box;
  }
  #monitor-lp-ver3.cross-border .form-wrap .coupon .txt { margin-left: 0; }
  #monitor-lp-ver3.cross-border .form-wrap .coupon .ribbon { margin-bottom: 3px; }
  #monitor-lp-ver3.cross-border .form-wrap .form-title {
    font-size: 19px;
    margin: 23px 0 15px;
  }
  #monitor-lp-ver3.cross-border .form-wrap .entry-input-box {
    width: 90%;
    margin: 0 auto;
  }
  #monitor-lp-ver3.cross-border .mail-input { width: 100%; }
  #monitor-lp-ver3.cross-border .mail-input .mail-input-field { margin: 0 auto 13px; }
  #monitor-lp-ver3.cross-border .red-button { width: 100%; }
  #monitor-lp-ver3.cross-border .red-button input[type='submit'] {
    padding: 12px 0;
    margin-left: 0;
  }
  #monitor-lp-ver3.cross-border .form-wrap .notice { margin: 20px auto 0; }
  /* ABOUT */
  #monitor-lp-ver3.cross-border .about {
    background-position: top 76px center, left -220px top 30px;
    background-size: 242px, 290px;
  }
  #monitor-lp-ver3.cross-border .about .title-area { margin: 48px auto 20px; }
  #monitor-lp-ver3.cross-border .about .title-area .title .ab-title01 { width: 270px; }
  #monitor-lp-ver3.cross-border .about .title-area .title .ab-title02 {
    margin: 0;
    width: 158px;
  }
  #monitor-lp-ver3.cross-border .about .title-area .title .ab-title03 { width: 263px; }
  #monitor-lp-ver3.cross-border .about .content {
    background-position: bottom 20px center, top center;
    background-size: 350px, 100%;
    padding: 9% 0 240px;
    margin: 0 auto;
    max-width: 370px;
  }
  #monitor-lp-ver3.cross-border .about .content p {
    font-size: 16px;
    margin: 0 auto 5px;
    text-align: center;
  }
  #monitor-lp-ver3.cross-border .about .content p:first-of-type { margin-top: 0; }
  #monitor-lp-ver3.cross-border .about .content p:last-of-type { 
    margin: 10px auto 0;
    line-height: 1.2;
  }
  #monitor-lp-ver3.cross-border .about .content .blue { font-size: 16px; }
  #monitor-lp-ver3.cross-border .about .content .blue span { font-size: 27px; }
  #monitor-lp-ver3.cross-border .about .content > img {
    width: 72px;
    bottom: -5px;
    right: 2%;
  }
  #monitor-lp-ver3.cross-border .about::after { height: 3em; }
  /* GENRE */
  #monitor-lp-ver3.cross-border .genre .title-area .title img { width: 205px; }
  #monitor-lp-ver3.cross-border .genre .genre-list figure { width: 33% }
  #monitor-lp-ver3.cross-border .genre .genre-list figure figcaption {
    margin: 3px auto 0;
    max-width: 90px;
    font-size: 14px;
    line-height: 1.3;
  }
  #monitor-lp-ver3.cross-border .genre .genre-btm { margin: 42px 0 0; }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img { display: grid; }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img img:first-of-type { 
    width: 66%;
    margin: 12px auto 10px;
  }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img img:last-of-type { 
    width: 52%;
    margin: 0 auto 12px;
  }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img::before { margin-right: 0; }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-img::after { margin-left: 0; }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-txt {
    margin-top: 15px;
    text-align: center;
  }
  #monitor-lp-ver3.cross-border .genre .genre-btm .genre-btm-txt span::after { margin: 0 16px; }
  #monitor-lp-ver3.cross-border .genre::after { height: 3em; }
  /* FLOW */
  #monitor-lp-ver3.cross-border .flow .title-area .title img { width: 154px; }
  #monitor-lp-ver3.cross-border .flow .flow-list figure { padding: 40px 0 36px; }
  #monitor-lp-ver3.cross-border .flow .flow-list figure figcaption {
    margin: 22px auto 0;
    max-width: 190px;
  }
  #monitor-lp-ver3.cross-border .flow .flow-04 .ship {
    width: 68px;
    bottom: -33%;
    right: 3%;
  }
  #monitor-lp-ver3.cross-border .flow::after { height: 3em; }
  /* FAQ */
  #monitor-lp-ver3.cross-border .faq {
    background-position: top 3px center;
    padding: 12px 0 0;
  }
  #monitor-lp-ver3.cross-border .faq .title-area .title img { width: 155px; }
  #monitor-lp-ver3.cross-border .faq dt,
  #monitor-lp-ver3.cross-border .faq dd {
    min-height: 32px;
    background-size: 30px;
  }
  #monitor-lp-ver3.cross-border .faq dt {
    padding: 6px 0 0 41px;
    font-size: 16px;
    line-height: 1.6;
  }
  #monitor-lp-ver3.cross-border .faq dd {
    font-size: 14px;
    margin: 0 0 28px 0;
    padding: 6px 0 25px 41px;
  }
  #monitor-lp-ver3.cross-border .faq dd span { font-size: 12px; }
  #monitor-lp-ver3.cross-border .faq::after { 
    margin-top: 50px;
    height: 41px;
  }
  /* 最下部フォーム */
  #monitor-lp-ver3.cross-border .form-bg { padding: 35px 0 50px; }
  #monitor-lp-ver3.cross-border .form-bg .catch {margin: 0 auto 25px; }
  #monitor-lp-ver3.cross-border .form-bg .catch img:first-of-type {
    width: 182px;
    padding-right: 0;
    margin-bottom: 5px;
  }
  #monitor-lp-ver3.cross-border .form-bg .catch img:last-of-type { width: 253px; }
  #monitor-lp-ver3.cross-border .form-bg .catch::before,
  #monitor-lp-ver3.cross-border .form-bg .catch::after {
    bottom: -6px;
    height: 55px;
  }
  #monitor-lp-ver3.cross-border .form-bg .catch::before {
    left: calc(50% - 155px);
    transform: rotate(330deg);
  }
  #monitor-lp-ver3.cross-border .form-bg .catch::after {
    right: calc(50% - 155px);
    transform: rotate(30deg);
  }
}

/* 2021 ライブコマース
----------------------------------------------------------------------------- */
#live-commerce { background: #fffcef; }
#live-commerce h2 {
  border: 0;
  font-size: 36px;
  font-weight: bold;
  color: #0068b7;
  text-align: center;
}
/*メインビジュアル*/
#lc-mv { background: #FFE475; }
#lc-mv .mv {
  max-width: 980px;
  height: 300px;
  margin: 0 auto;
  display: flex;
}
#lc-mv .mv .mv-left {
  width: 55%;
  text-align: center; 
}
#lc-mv .mv .mv-left p {
  margin: 35px 0 10px 0;
  font-size: 24px;
  font-weight: bold;
}
#lc-mv .mv .mv-left p::before {
  content: '＼';
  display: inline-block;
  margin-right: 8px;
}
#lc-mv .mv .mv-left p::after {
  content: '／';
  display: inline-block;
  margin-left: 8px;
}
#lc-mv .mv .mv-left h1 {
  margin: 0 0 10px 70px;
  font-size: 52px;
  font-weight: bold;
  color: #0068b7;
  line-height: 1.15;
  text-align: left; 
}
#lc-mv .mv .mv-left .btn {
  width: 300px;
  padding: 15px 0;
  display: inline-block;
  font-size: 16px;
  text-align: center; 
  border-radius: 50px;
  color: #fff;
  background-color: #EB4F50;
  transition: 0.3s;
}
#lc-mv .mv .mv-left .btn:hover {
  transition: 0.3s;
  text-decoration: none;
  background-color: #E31314;
}
#lc-mv .mv .mv-right {
  width: 45%;
  margin-top: 33px;
  text-align: center;
}
#lc-mv .mv .mv-right img {
  width: 420px;
  height: auto;
}

/*ライブ配信について*/
#lc-about .about {
  width: 90%;
  max-width: 980px;
  margin: 80px auto;
  display: flex;
}
#lc-about .about .about-left { width: 50%; }
#lc-about .about .about-left h2 {
  width: 370px;
  margin: 0 auto;
  padding-left: 50px;
  background: url(/img/contents/live-commerce/icon01.png) no-repeat;
  background-size: 50px;
  background-position: 5% 35%;
}
#lc-about .about .about-left p {
  margin-top: 20px;
  font-size: 16px;
  color: #333;
  line-height: 2;
}
#lc-about .about .about-left p span {
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(transparent 30%, #FFEDA5 30%);
}
#lc-about .about .about-right {
  width: 50%;
  text-align: center;
}
#lc-about .about .about-right img {
  width: 90%;
  height: auto;
}

/*最新ライブをチェック*/
#lc-check {
  background: url(/img/contents/live-commerce/bg.png) no-repeat;
  background-size: cover;
}
#lc-check .check  {
  max-width: 980px;
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
}
#lc-check .check h2 {
  width: 520px;
  margin: 0 auto;
  padding-left: 50px;
  background: url(/img/contents/live-commerce/icon02.png) no-repeat;
  background-size: 33px;
  background-position: 6% 0%;
}
#lc-check .check .youtube {
  text-align: center;
  margin-top: 30px;
}
#lc-check .check .youtube iframe { border: 10px solid #d9eaf5; }

/*配信スケジュール*/
#lc-schedule .schedule {
  max-width: 980px;
  margin: 80px auto 0;
  padding-bottom: 100px;
}
#lc-schedule .schedule h2 {
  width: 500px;
  margin: 0 auto;
  padding-left: 50px;
  background: url(/img/contents/live-commerce/icon03.png) no-repeat;
  background-size: 50px;
  background-position: 18% 0%;
}
#lc-schedule .schedule p {
  width: 660px;
  margin: 20px auto;
  font-size: 16px;
  color: #333;
  line-height: 2;
}
#lc-schedule .schedule p a { color: #2f72d5; }
#lc-schedule .schedule ul {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#lc-schedule .schedule .schedule-list {
  width: 48%;
  margin: 0 0 50px 0;
  display: flex;
}
#lc-schedule .schedule .schedule-list .schedule-list-img {
  width: 38%;
  height: auto;
  margin-right: 15px;
}
#lc-schedule .schedule .schedule-list .schedule-list-img img {
  display:block;
  width:100%;
  height: auto;
  border: 1px solid #ccc;
}
#lc-schedule .schedule .schedule-list .schedule-list-text { width: 60%; }
#lc-schedule .schedule .schedule-list .schedule-list-text p {
  margin: 0;
  width: 100%;
  line-height: 1.25;
}
#lc-schedule .schedule .schedule-list .schedule-list-text .date {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #888;
}
#lc-schedule .schedule .schedule-list .schedule-list-text .date span { font-size: 14px; }
#lc-schedule .schedule .schedule-list .schedule-list-text .title {
  margin: 8px 0;
  font-size: 16px;
  font-weight: bold;
}
#lc-schedule .schedule .schedule-list .schedule-list-text .name {
  font-size: 14px;
  color: #666;
}
#lc-schedule .schedule .title_sub { text-align: center;  }
#lc-schedule .schedule .title_sub img { width: 300px;  }
#lc-schedule .schedule .title_sub .com-sub {
  width: 480px;
  position: relative;
  background-color: #ffe475;
  font-size: 23px;
  font-weight: bold;
  color: #0068b7;
  padding: 4px 10px 0;
  margin: 0 auto 5px;
  top: -10px;
}
#lc-schedule .schedule .title_sub p:after {
  position: absolute;
  content: '';
  bottom: -24px; 
  right: 80px;
  border: 11px solid transparent;
  border-top: 24px solid #ffe475;
  -webkit-transform: rotate(-38deg);
  transform: rotate(38deg);
}
#lc-schedule .schedule .btn_schedule {
  width: 410px;
  display: block;
  position: relative;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  background-color: #0068b7;
  transition: 0.3s;
  padding: 15px 0;
  margin: 40px auto 0;
}
#lc-schedule .schedule .btn_schedule::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  border: 0;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 24px;
}
#lc-schedule .schedule .btn_schedule:hover {
  text-decoration: none;
  background-color: #097ee0;
}

/*チャンネル登録*/
#lc-bottom {
  margin: 180px 0 0 0;
  background: #FFE475;
  height: 350px;
  text-align: center;
}
#lc-bottom img {
  width: 280px;
  margin-top: -150px;
}
#lc-bottom p {
  margin: 20px 0 10px 0;
  font-size: 24px;
  font-weight: bold;
  color: #0068b7;
}
#lc-bottom p::before {
  content: '＼';
  display: inline-block;
  margin-right: 8px;
}
#lc-bottom p::after {
  content: '／';
  display: inline-block;
  margin-left: 8px;
}
#lc-bottom .btn {
  width: 400px;
  padding: 20px 0;
  display: inline-block;
  font-size: 22px;
  text-align: center; 
  border-radius: 50px;
  color: #fff;
  background-color: #EB4F50;
  transition: 0.3s;
}
#lc-bottom .btn:hover {
  transition: 0.3s;
  text-decoration: none;
  background-color: #E31314;
}
#lc-bottom { margin-bottom: -50px; }
#live-commerce + .push { display: none; }

/* --TAB-- */
@media screen and (max-width: 940px) {
  #live-commerce h2 { font-size: 26px; }
  /*メインビジュアル*/
  #lc-mv .mv {
    max-width: 650px;
    height: 220px;
  }
  #lc-mv .mv .mv-left p {
    margin: 20px 0 10px 0;
    font-size: 18px;
  }
  #lc-mv .mv .mv-left h1 {
    margin: 0 0 10px 30px;
    font-size: 38px;
    line-height: 1.10;
  }
  #lc-mv .mv .mv-left .btn {
    width: 250px;
    padding: 10px 0;
    font-size: 16px;
  }
  #lc-mv .mv .mv-right { margin-top: 28px; }
  #lc-mv .mv .mv-right img { width: 300px; }
  
  /*ライブ配信について*/
  #lc-about .about {
    width: 80%;
    margin: 60px auto;
  }
  #lc-about .about .about-left h2 {
    width: 250px;
    padding-left: 30px;
    background-size: 30px;
    background-position: 0% 35%;
  }
  #lc-about .about .about-left p {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.75;
  }
  #lc-about .about .about-left p span {
    font-size: 15px;
    background: linear-gradient(transparent 30%, #FFEDA5 30%);
  }
  
  /*最新ライブをチェック*/
  #lc-check { background-size: 100% 100%; }
  #lc-check .check {
    width: 80%;
    padding: 60px 0;
  }
  #lc-check .check h2 {
    width: 350px;
    padding-left: 40px;
    background-size: 22px;
    background-position: 4% 0%;
  }
  #lc-check .check .youtube {
    margin-top: 15px;
    position:relative;
    width:100%;
    height:0;
    padding-top:55%;
  }
  #lc-check .check .youtube iframe {
    position:absolute;
    top:0;
    left:0;
    width:97%;
    height:95%;
  }
  
  /*配信スケジュール*/
  #lc-schedule .schedule {
    width: 80%;
    margin: 60px auto 0;
  }
  #lc-schedule .schedule h2 {
    width: 350px;
    padding-left: 40px;
    background-size: 28px;
    background-position: 20% 30%;
  }
  #lc-schedule .schedule p {
    width: 100%;
    max-width: 630px;
    margin: 15px auto;
    font-size: 15px;
    line-height: 1.75;
  }
  #lc-schedule .schedule ul { width: 100%; }
  #lc-schedule .schedule .schedule-list .schedule-list-img {
    height: 66px;
    margin-right: 10px;
  }
  #lc-schedule .schedule .schedule-list .schedule-list-text p { line-height: 1.4; }
  #lc-schedule .schedule .schedule-list .schedule-list-text .date { font-size: 14px; }
  #lc-schedule .schedule .schedule-list .schedule-list-text .date span { font-size: 12px; }
  #lc-schedule .schedule .schedule-list .schedule-list-text .title {
    margin: 5px 0;
    font-size: 14px;
  }
  #lc-schedule .schedule .schedule-list .schedule-list-text .name { font-size: 12px; }
  #lc-schedule .schedule .title_sub .com-sub { padding: 4px 10px 2px; }
  /*チャンネル登録*/
  #lc-bottom {
    margin: 100px 0 0 0;
    height: 220px;
  }
  #lc-bottom img {
    width: 170px;
    margin-top: -100px;
  }
  #lc-bottom p {
    margin: 15px 0 10px 0;
    font-size: 18px;
  }
  #lc-bottom .btn {
    width: 230px;
    padding: 10px 0;
    font-size: 14px;
  }
  #lc-bottom { margin-bottom: -50px; }
}

/* --SP-- */
@media screen and (max-width: 670px) {
  #live-commerce h2 { font-size: 20px; }
  /*メインビジュアル*/
  #lc-mv .mv {
    max-width: 315px;
    height: 400px;
    display: block;
  }
  #lc-mv .mv .mv-left { width: 100%; }
  #lc-mv .mv .mv-left p {
    margin: 0;
    padding: 20px 0 5px 0;
    font-size: 18px;
  }
  #lc-mv .mv .mv-left p::before { margin-right: 3px; }
  #lc-mv .mv .mv-left p::after { margin-left: 3px; }
  #lc-mv .mv .mv-left h1 {
    margin: 0 0 10px 25px;
    font-size: 36px;
  }
  #lc-mv .mv .mv-left .btn {
    width: 230px;
    padding: 10px 0;
    font-size: 14px;
  }
  #lc-mv .mv .mv-right {
    width: 100%;
    margin-top: 18px;
  }
  #lc-mv .mv .mv-right img { width: 315px; }
  
  /*ライブ配信について*/
  #lc-about .about {
    min-width: 315px;
    margin: 40px auto;
    display: block;
  }
  #lc-about .about .about-left { width: 100%; }
  #lc-about .about .about-left h2 {
    width: 300px;
    margin: 0 auto;
    padding-left: 20px;
    background-size: 28px;
    background-position: 16% 35%;
  }
  #lc-about .about .about-left p {
    margin-top: 10px;
    font-size: 15px;
  }
  #lc-about .about .about-right { width: 100%; }
  #lc-about .about .about-right img { width: 100%; }
  
  /*最新ライブをチェック*/
  #lc-check { background-size: 100% 100%; }
  #lc-check .check {
    min-width: 315px;
    padding: 40px 0;
  }
  #lc-check .check h2 {
    width: 300px;
    margin: 0 auto;
    padding-left: 15px;
    background-size: 18px;
    background-position: 4% 0%;
  }
  #lc-check .check .youtube iframe {
    width:95%;
    height:90%;
  }
  
  /*配信スケジュール*/
  #lc-schedule .schedule {
    min-width: 315px;
    margin: 40px auto;
    padding-bottom: 60px;
  }
  #lc-schedule .schedule h2 {
    width: 300px;
    margin: 0 auto;
    padding-left:20px;
    background-size: 25px;
    background-position: 19% 10%;
  }
  #lc-schedule .schedule p {
    width: 100%;
    margin: 10px auto;
    font-size: 14px;
    line-height: 1.6;
  }
  #lc-schedule .schedule ul {
    padding: 10px 0 0 0;
    display: block;
  }
  #lc-schedule .schedule .schedule-list {
    width: 100%;
    margin: 0 0 30px 0;
  }
  #lc-schedule .schedule .schedule-list .schedule-list-img { height: auto; }
  #lc-schedule .schedule .title_sub { text-align: center;  }
  #lc-schedule .schedule .title_sub img { width: 145px;  }
  #lc-schedule .schedule .title_sub .com-sub {
    width: 300px;
    font-size: 14px;
    padding: 4px 5px 2px;
    margin: 0 auto 2px;
    top: -10px;
  }
  #lc-schedule .schedule .title_sub p:after {
    bottom: -24px; 
    right: 55px;
    border: 8px solid transparent;
    border-top: 26px solid #ffe475;
  }
  #lc-schedule .schedule .btn_schedule {
    width: 250px;
    font-size: 15px;
    padding: 15px 0;
    margin: 40px auto 0;
  }
  #lc-schedule .schedule .btn_schedule::before {
    width: 12px;
    height: 12px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 14px;
  }

  /*チャンネル登録*/
  #lc-bottom {
    margin: 110px 0 0 0;
    height: 180px;
  }
  #lc-bottom img {
    width: 145px;
    margin-top: -70px;
  }
  #lc-bottom p {
    margin: 10px 0 5px 0;
    font-size: 15px;
  }
  #lc-bottom p::before { margin-right: 0px; }
  #lc-bottom p::after { margin-left: 0px; }
  #lc-bottom { margin-bottom: -50px; }
}

/* 202111リリース モニターLP（宿泊業界）
-------------------------------------------- */
/* 共通 */
#monitor-lp-ver3.hotel { background-image: url(/img/contents/lp/monitor/hotel/bg_00.png); }
#monitor-lp-ver3.hotel .title-area {
  text-align: center;
  margin: 0 auto 52px;
}
#monitor-lp-ver3.hotel .title-area .title { margin: 0 auto; }
#monitor-lp-ver3.hotel h4,
#monitor-lp-ver3.hotel p { margin: 0; }
#monitor-lp-ver3.hotel .inner {
  width: 95%;
  max-width: 1280px;
  margin: 0 auto;
}
#monitor-lp-ver3.hotel .maker span {
  font-weight: 600;
  background: linear-gradient(transparent 30%, #FFCA85 30%);
}
/* ロゴ*/
#monitor-lp-ver3.hotel .logo-wrap {
  position: absolute;
  top: 23px;
  left: 22px;
  width: 30%;
}
#monitor-lp-ver3.hotel .logo-wrap img { 
  width: 125px;
  padding-right: 10px;
  margin-right: 8px;
  border-right: 1px dotted #ffffff;
}
#monitor-lp-ver3.hotel .logo-wrap h1 {
  margin: 0;
  padding: 7px 0 8px 0;
  font-size: 13px;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
}
#monitor-lp-ver3.hotel .logo-wrap h1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  border-right: dotted 0.1em #333333;
  position: absolute;
  top: 0;
  left: 135px;
}
/* メインビジュアル */
#monitor-lp-ver3.hotel .main-visual {
  margin-top: -108px;
  position: relative;
  min-height: 430px;
}
#monitor-lp-ver3.hotel .main-visual .top-tx { margin: 0 auto 20px; }
#monitor-lp-ver3.hotel .main-visual .top-tx img { width: 100%; }
/* フォーム*/
#monitor-lp-ver3.hotel .form-bg {
  background-image: url(/img/contents/lp/monitor/hotel/bg_01.png);
  padding: 60px 0;
  background-size: 100%;
  background-color: #91557C;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
}
#monitor-lp-ver3.hotel .form-bg .inner { position: relative; }
#monitor-lp-ver3.hotel .form-wrap {
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  max-width: 650px;
  width: 100%;
  padding: 29px 0 14px;
  margin: 0 auto;
  border-radius: 10px;
  position: relative;
}
#monitor-lp-ver3.hotel .form-wrap h4 {
  font-size: 22px;
  margin: 0 0 20px 0;
  color: #333333;
}
#monitor-lp-ver3.hotel .entry-form-action input[type='email'] {
  border: 1px #cccccc solid;
  background-color: #F6F6F6;
  padding: 7px 24px;
  box-sizing: border-box;
  background-image: none;
  border-radius: 3px;
  font-size: 15px;
  width: 326px;
  height: 37px;
}
#monitor-lp-ver3.hotel .red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #DC4D4D url("/img/contents/lp/monitor/arrow_redbutton.png") right 15px center no-repeat;
  background-size: 7px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  height: 37px;
  width: 240px;
  -webkit-appearance: none;
}
#monitor-lp-ver3.hotel .red-button:hover { opacity: 0.8; }
#monitor-lp-ver3.hotel .form-wrap .notice {
	margin: 22px auto 10px;
	font-size: 12px;
	color: #666666;
	text-align: center;
}
#monitor-lp-ver3.hotel .form-bg .left-img {
  max-width: 245px;
  width: 100%;
  position: absolute;
  left: -5%;
  bottom: -85px;
}
/* フォーム（メインビジュアル部分）*/
#monitor-lp-ver3.hotel .form-wrap.top-box {
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  box-shadow: 0 3px 5px 1px #CCCCCC;
  z-index: 1;
}
/* フォーム（最下部）*/
#monitor-lp-ver3.hotel .form-btm-wrap { overflow: hidden; }
#monitor-lp-ver3.hotel .form-btm-img { 
  width: 100%;
  max-width: 645px;
  margin: 0 auto;
  height: 130px;
  position: relative;
  z-index: 3;
}
#monitor-lp-ver3.hotel .form-btm-img img {
  max-width: 240px;
  width: 100%;
  position: absolute;
  right: -38%;
  bottom: -12px;
}
#monitor-lp-ver3.hotel .form-bg.btm-box { margin: -315px auto 0; }
/* sdについて */
#monitor-lp-ver3.hotel .about {
  padding: 40px 0;
  margin-top: 0;
  position: relative;
  height: auto;
  background: none;
}
#monitor-lp-ver3.hotel .about .left-area {
  max-width: 720px;
  width: 57%;
}
#monitor-lp-ver3.hotel .about h3 { margin: 0 0 35px 0; }
#monitor-lp-ver3.hotel .about h3 img {
  max-width: 562px;
  width: 65%;
}
#monitor-lp-ver3.hotel .about .left-area p {
  font-size: 15px;
  line-height: 2;
}
#monitor-lp-ver3.hotel .about-img-wrap { 
  margin: -336px 0 0 40%;
  position: relative;
}
#monitor-lp-ver3.hotel .about-img { height: 354px; }
#monitor-lp-ver3.hotel .about-img::after {
	content: "";
	min-width: 465px;
	height: 354px;
	position: absolute;
	left: 30%;
	bottom:-78px;
	display: block;
	background: url(/img/contents/lp/monitor/hotel/img_00_02.png) no-repeat;
	background-size: 450px;
}
/* お客様の様々なニーズに応えるアイテムが揃っています */
#monitor-lp-ver3.hotel .needs {
  background-color: #F6D6C7;
  padding: 100px 0;
}
#monitor-lp-ver3.hotel .inner ul {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 10px 0;
}
#monitor-lp-ver3.hotel .inner ul li {
  width: 31%;
  height: 100%;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
}
#monitor-lp-ver3.hotel .inner ul li .txt-area { text-align: center; }
#monitor-lp-ver3.hotel .inner ul li .txt-area img {
  width: 100%;
  max-width: 392px;
}
#monitor-lp-ver3.hotel .inner ul li .txt-area .industry {
  font-size: 19px;
  font-weight: bold;
  color: #884872;
  margin: 13px 0 7px;
}
#monitor-lp-ver3.hotel .inner ul li .txt-area .txt {
  font-size: 16px;
  text-align: left;
  line-height: 1.7;
}
#monitor-lp-ver3.hotel .inner .bottom-img {
  background-color: #ffffff;
  border-radius: 10px;
  text-align: center;
  padding: 40px 60px;
}
#monitor-lp-ver3.hotel .inner .bottom-img .ex-ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
#monitor-lp-ver3.hotel .inner .bottom-img .ex-txt {
  font-size: 18px;
  text-align: left;
  margin-bottom: 20px;
}
#monitor-lp-ver3.hotel .inner .bottom-img img { width: 100%; }
/* 多くの宿泊関連業者に選ばれる理由 */
#monitor-lp-ver3.hotel .reason {
  background: url(/img/contents/lp/monitor/hotel/bg_02.png) no-repeat;
  background-size: cover;
  padding: 100px 0;
}
#monitor-lp-ver3.hotel .reason ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
}
#monitor-lp-ver3.hotel .reason ul li {
  width: 38.5%;
  text-align: center;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 0;
  min-height: 417px;
}
#monitor-lp-ver3.hotel .reason ul li:first-child { margin-right: 30px; }
#monitor-lp-ver3.hotel .reason ul li img {
  border-radius: 10px 10px 0 0;
  height: auto;
  width: 100%;
}
#monitor-lp-ver3.hotel .reason ul li .catch {
  margin: 19px 0 11px;
  font-size: 19px;
  font-weight: 600;
  color: #884872;
}
#monitor-lp-ver3.hotel .reason ul li .txt {
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
  padding: 0 20px 20px;
}
/* 開業準備中の方もご登録いただけます */
#monitor-lp-ver3.hotel .special {
  padding: 60px 0;
  color: #333333;
}
#monitor-lp-ver3.hotel .special .title-area p {
  margin: 18px 0 47px;
  font-size: 15px;
}
#monitor-lp-ver3.hotel .special .title-area .title { 
  font-family: "DNP 秀英角ゴシック銀 Std","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
  font-size: 22px;
}
#monitor-lp-ver3.hotel .special .catch {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  padding-bottom: 5px;
}
#monitor-lp-ver3.hotel .special .catch::before {
  content: '＼';
  display:inline-block;
  margin-right: 8px;
}
#monitor-lp-ver3.hotel .special .catch::after {
  content: '／';
  display:inline-block;
  margin-left: 8px;
}
#monitor-lp-ver3.hotel .special ul {
  display: flex;
  justify-content: space-between;
  border: 2px dotted #333333;
  position: relative;
  padding: 43px 12% 24px;
  margin: 30px 0 0;
  box-sizing: border-box;
}
#monitor-lp-ver3.hotel .special ul > li.ribbon {
  position: absolute;
  top: -33px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  max-width: 425px;
  width: 100%;
  background-image: url(/img/contents/lp/monitor/hotel/bg_00.png);
  text-align: center;
  display: inline-block;
  height: auto;
}
#monitor-lp-ver3.hotel .special ul > li.ribbon img { 
  max-width: 306px;
  width: 100%;
}
#monitor-lp-ver3.hotel .special .inner { max-width: 940px; }
#monitor-lp-ver3.hotel .special .inner ul li.point {
  width: 44%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 2px solid #D57A6F;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 0;
}
#monitor-lp-ver3.hotel .special li.point p {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
#monitor-lp-ver3.hotel .special li.point .num {
  font-size: 32px;
  font-weight: 600;
  color: #D57A6F;
  border-right: 1px dotted #D57A6F;
  padding: 8px 12px;
}
#monitor-lp-ver3.hotel .special li.plus {
  margin-top: 18px;
  font-size: 22px;
  width: auto;
}
#monitor-lp-ver3.hotel .special li.point .txt {
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  #monitor-lp-ver3.hotel .main-visual { min-height: 400px; }
  #monitor-lp-ver3.hotel .form-wrap.top-box { bottom: 3%; }
}
/* TAB */
  @media screen and (max-width: 940px) {
  /* 共通 */
  #monitor-lp-ver3.hotel .title-area { margin: 0 auto 40px; }
  #monitor-lp-ver3.hotel .inner { width: 93%; }
  /* ロゴ*/
  #monitor-lp-ver3.hotel .logo-wrap {
    left: 3%;
    top: 330px;
    padding: 0;
  }
  #monitor-lp-ver3.hotel .logo-wrap img { border-right: none; }
  /* メインビジュアル */
  #monitor-lp-ver3.hotel .main-visual {
    background-color: #884872;
    height: 780px;
    margin-top: 0;
  }
  #monitor-lp-ver3.hotel .main-visual .top-ttl { text-align: center; }
  #monitor-lp-ver3.hotel .main-visual .top-ttl .top-ttl-bottom { margin-top: 20px; }
  /* フォーム */
  #monitor-lp-ver3.hotel .form-bg { padding: 60px 0; }
  #monitor-lp-ver3.hotel .form-wrap { width: 90%; }
  #monitor-lp-ver3.hotel .form-bg .left-img {
    max-width: 142px;
    left: -4%;
    bottom: -61px;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.hotel .form-wrap.top-box {
    top: 615px;
    bottom: -7%;
  }
  /* フォーム（最下部）*/
  #monitor-lp-ver3.hotel .form-btm-img { height: 92px; }
  #monitor-lp-ver3.hotel .form-btm-img img {
    max-width: 147px;
    right: -11%;
    bottom: -12px;
  }
  #monitor-lp-ver3.hotel .form-bg.btm-box { margin: -293px auto 0; }
  /* sdについて */
  #monitor-lp-ver3.hotel .about { padding: 139px 0 263px; }
  #monitor-lp-ver3.hotel .about .left-area { width: 100%; }
  #monitor-lp-ver3.hotel .about h3 {
    margin: 0 0 27px 0;
    text-align: center;
  }
  #monitor-lp-ver3.hotel .about h3 img {
    width: 100%;
    max-width: 700px;
  }
  #monitor-lp-ver3.hotel .about-img::after {
    height: 296px;
    left: -31%;
    bottom: -30px;
  }
  /* お客様の様々なニーズに応えるアイテムが揃っています */
  #monitor-lp-ver3.hotel .inner ul li { width: 48%; }
  #monitor-lp-ver3.hotel .inner ul li .txt-area .industry { font-size: 18px; }
  #monitor-lp-ver3.hotel .inner ul li .txt-area .txt { font-size: 14px; }
  #monitor-lp-ver3.hotel .inner .bottom-img .ex-txt { font-size: 16px; }
  /* 多くの宿泊関連業者に選ばれる理由 */
  #monitor-lp-ver3.hotel .reason { padding: 50px 0; }
  #monitor-lp-ver3.hotel .reason ul li {
    width: 47%;
    min-height: 369px;
  }
  #monitor-lp-ver3.hotel .reason ul li:first-child { margin-right: 20px; }
  #monitor-lp-ver3.hotel .reason ul li .catch { font-size: 18px; }
  /* 開業準備中の方もご登録いただけます */
  #monitor-lp-ver3.hotel .special { padding: 50px 0 60px; }
  #monitor-lp-ver3.hotel .special .title-area p { margin: 15px 96px 35px; }
  #monitor-lp-ver3.hotel .special ul {
    padding: 43px 2% 24px;
    justify-content: center;
  }
  #monitor-lp-ver3.hotel .special ul > li.ribbon { width: 43%; }
  #monitor-lp-ver3.hotel .special li.point { width: 46%; }
  #monitor-lp-ver3.hotel .special li.plus { padding: 0 8px; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #monitor-lp-ver3.hotel .title-area { margin: 0 auto 25px; }
  #monitor-lp-ver3.hotel .inner { width: 92%; }
  /* ロゴ*/
  #monitor-lp-ver3.hotel .logo-wrap {
    top: 150px;
    left: 35%;
  }
  #monitor-lp-ver3.hotel .logo-wrap img { width: 100px; }
  /* メインビジュアル */
  #monitor-lp-ver3.hotel .main-visual { height: 500px; }
  #monitor-lp-ver3.hotel .main-visual .top-ttl .top-ttl-up {
    width: 80%;
    margin-top: 30px;
  }
  #monitor-lp-ver3.hotel .main-visual .top-ttl .top-ttl-bottom {
    width: 90%;
    margin-top: 15px;
  }
  /* フォーム */
  #monitor-lp-ver3.hotel .form-bg {
    background-size: 500%;
    background-position: 50% 0%;
  }
  #monitor-lp-ver3.hotel .form-wrap { 
    width: 100%;
    padding: 26px 4% 9px;
  }
  #monitor-lp-ver3.hotel .form-wrap h4 {
    font-size: 20px;
    width: 70%;
    margin: 0 auto;
    line-height: 1.3;
  }
  #monitor-lp-ver3.hotel .entry-form-action input[type='email'] {
    margin: 8px 0 13px;
    width: 100%;
  }
  #monitor-lp-ver3.hotel .red-button { width: 100%; }
  #monitor-lp-ver3.hotel .form-wrap .notice {
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
  }
  #monitor-lp-ver3.hotel .form-bg .left-img {
    max-width: 142px;
    left: -8%;
    bottom: -86px;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.hotel .form-wrap.top-box { 
    top: 400px;
    width: 92%;
    bottom: -31%;
  }
  /* フォーム（最下部）*/
  #monitor-lp-ver3.hotel .form-btm-img img {
    right: -5%;
    bottom: -9px;
  }
  #monitor-lp-ver3.hotel .form-bg.btm-box { margin: -393px auto 0; }
  /* sdについて */
  #monitor-lp-ver3.hotel .about { padding: 196px 0 60px; }
  #monitor-lp-ver3.hotel .about .left-area { width: 100%; }
  #monitor-lp-ver3.hotel .about h3 { overflow: visible; }
  #monitor-lp-ver3.hotel .about h3 img { width: 100%; }
  #monitor-lp-ver3.hotel .about-img-wrap { margin: -230px auto 0; }
  #monitor-lp-ver3.hotel .about-img::after {
    background-size: 280px;
    left: 12%;
    height: 249px;
    bottom: -80px;
  }
  /* お客様の様々なニーズに応えるアイテムが揃っています */
  #monitor-lp-ver3.hotel .needs { padding: 50px 0; }
  #monitor-lp-ver3.hotel .needs .inner ul li {
    width: 100%;
    margin-bottom: 15px;
  }
  #monitor-lp-ver3.hotel .needs .inner ul li .txt-area .industry { font-size: 16px; }
  #monitor-lp-ver3.hotel .needs .inner .bottom-img { padding: 30px 20px; }
  #monitor-lp-ver3.hotel .needs .inner .bottom-img .ex-txt { font-size: 15px; }
  /* 多くの宿泊関連業者に選ばれる理由 */
  #monitor-lp-ver3.hotel .reason { padding: 50px 0; }
  #monitor-lp-ver3.hotel .reason ul { display: block; }
  #monitor-lp-ver3.hotel .reason ul li { width: 100%; }
  #monitor-lp-ver3.hotel .reason ul li:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
  /* 開業準備中の方もご登録いただけます */
  #monitor-lp-ver3.hotel .special { padding: 50px 0; }
  #monitor-lp-ver3.hotel .special .title {
    width: 70%;
    line-height: 1.3;
  }
  #monitor-lp-ver3.hotel .special .title-area p { margin: 13px 4% 34px; }
  #monitor-lp-ver3.hotel .special .catch { font-size: 16px; }
  #monitor-lp-ver3.hotel .special .inner ul {
    display: block;
    padding: 48px 4% 34px;
  }
  #monitor-lp-ver3.hotel .special .inner ul > li.ribbon {
    max-width: 425px;
    width: 88%;
  }
  #monitor-lp-ver3.hotel .special .inner ul li.point { width: 100% }
  #monitor-lp-ver3.hotel .special .inner ul li.point .num { padding: 8px 4%; }
  #monitor-lp-ver3.hotel .special .inner ul li.point:first-of-type > .num + p { padding: 20px 0; }
  #monitor-lp-ver3.hotel .special li.plus {
    margin: 1px 0;
    text-align: center;
    display: block;
  }
}


/* 202308リリース モニターLP改修 フリーランス美容師協会対応*/
/* ------------------------------------------------------------ */

@media screen and (max-width: 940px){
  #monitor-lp-ver3 .hairsalon-main-visual.assoc {
    padding-bottom: 80%;
  } 
}
@media screen and (max-width: 670px){
  #monitor-lp-ver3 .hairsalon-main-visual.assoc {
    padding-bottom: 90%;
    height: 420px;
  }  
}

@media screen and (max-width: 480px){
  #monitor-lp-ver3 .hairsalon-main-visual.assoc {
    padding-bottom: 90%;
    height: 500px;
  }  
}

/* BOX型フォーム（メインビジュアル部分）*/
#monitor-lp-ver3 .form-wrap-other.top-box-other.hairsalon-form { top: 410px; }

/* BOX型フォーム（メインビジュアル部分）（※ヘアサロンと共通）*/
#monitor-lp-ver3 .form-wrap-other.top-box-other {
  position: absolute;
  top: 440px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  max-width: 958px;
  width: 95%;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 35px 0 0;
}
#monitor-lp-ver3 .form-wrap-other.box-other {
  padding: 1.3rem 0 0 0;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
#monitor-lp-ver3 .form-wrap-other.top-box-other .form-tx,
#monitor-lp-ver3 .form-wrap-other.box-other .form-tx { 
  font-size: 29px;
  margin: 0 0 4px;
}
#monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx,
#monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx { 
  font-size: 21px;
  margin: 0 0 16px;
  font-weight: normal;
  align-items: center;
  display: flex; 
  justify-content: center; 
  color: #fff;
}

#monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx::before,
#monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx::after,
#monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx::before,
#monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx::after {
  background-color: #fff;
  border-radius: 3px;
  content: "";
  height: 3px;
  width: 26px;
}
#monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx::before,
#monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx::before {
  transform: rotate(40deg);
}
#monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx::after,
#monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx::after {
  transform: rotate(-40deg);
}

#monitor-lp-ver3 .form-wrap-other.top-box-other .form-tx span,
#monitor-lp-ver3 .form-wrap-other.box-other .form-tx span { font-size: 49px; }
#monitor-lp-ver3 .form-wrap-other.top-box-other .entry-form-action,
#monitor-lp-ver3 .form-wrap-other.box-other .entry-form-action { max-width: 815px; }
#monitor-lp-ver3 .form-wrap-other.top-box-other .entry-form-box,
#monitor-lp-ver3 .form-wrap-other.box-other .entry-form-box { width: 460px; }
#monitor-lp-ver3 .form-wrap-other.top-box-other .form,
#monitor-lp-ver3 .form-wrap-other.box-other .form {
  font-size: 24px;
  width: 460px;
  height: 50px;
}

#monitor-lp-ver3 .form-wrap-other.top-box-other .mail-button,
#monitor-lp-ver3 .form-wrap-other.box-other .mail-button { width: 345px; }
#monitor-lp-ver3 .form-wrap-other.top-box-other .flat-red-button,
#monitor-lp-ver3 .form-wrap-other.box-other .flat-red-button  {
  border-radius: 50px;
  font-size: 24px;
  width: 325px;
  height: 58px;
}
#monitor-lp-ver3 .form-wrap-other.top-box-other .form-bk {
  background: #fff;
  padding: 30px 0 24px;
  border-radius: 0 0 10px 10px ;
}
#monitor-lp-ver3 .form-wrap-other.box-other .form-bk {
  background: #fff;
  padding: 30px 0 24px;
}
#monitor-lp-ver3 .form-wrap-other.top-box-other .notice,
#monitor-lp-ver3 .form-wrap-other.box-other .notice { 
  font-size: 18px;
  color: #333; 
  max-width: 100%;
  margin: 15px auto 0;
}

/* クーポン (小サイズ リボン付き)*/
#monitor-lp-ver3 .coupon-wrap {
  display: flex; 
  justify-content: center; 
  max-width: 680px;
  margin: 0 auto 30px;
}
#monitor-lp-ver3 .coupon-wrap .coupon-box {
	align-items: center;
  display: flex;
  flex-wrap:wrap;
  width: 303px;
  position: relative;
	overflow: hidden;
}
#monitor-lp-ver3 .coupon-wrap .coupon-box::before {
  content: "";
  position: absolute;
  display: inline-block;
	top: 8px;
	left: -34px;
  width: 100px;
  padding: 6px 0;
  background: #402B2A;
  color: #fff;
  text-align: center;
  transform: rotate(-40deg);
}
#monitor-lp-ver3 .coupon-wrap .coupon-inner {
	overflow: hidden;
	align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 20px;
  width: 259px;
  background: #FFF157;
  min-height: 80px;
}
#monitor-lp-ver3 .coupon-wrap .coupon-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  background-image: url(/img/contents/lp/monitor/ticket_orange.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: contain;
	width: 47px;
	height: 100%;
}
/* クーポンアイコン */
#monitor-lp-ver3 .coupon-wrap .coupon-inner .catch {
  width: 50px;
  margin: 0 14px 0 24px;
}

/* クーポン (大サイズ)*/
#monitor-lp-ver3 .coupon-large-wrap {
  width: 557px;
  margin: 0 auto 30px;
  min-height: 105px;
}
#monitor-lp-ver3 .coupon-large-wrap .coupon-box {
  width: 522px;
  position: relative;
  word-break: break-all;
}
#monitor-lp-ver3 .coupon-large-wrap .coupon-box::before {
  content: "";
  position: absolute;
  background-image: url(/img/contents/lp/monitor/icon_additionally.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: -14px;
  left: -36px;
  width: 70px;
  height: 59px;
}

#monitor-lp-ver3 .coupon-large-wrap .coupon-inner {
  width: 455px;
  background: #FFF9B6;
}
#monitor-lp-ver3 .coupon-large-wrap .coupon-inner::after {
  content: "";
  position: absolute;
  top:0;
  right: 1px;
  background-image: url(/img/contents/lp/monitor/ticket_yellow.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: contain;
	width: 67px;
	height: 100%;
}
#monitor-lp-ver3 .coupon-large-wrap .content {
  padding: 18px 0 12px;
  text-align: left;
  width: 420px;
  margin: 0 0 0 auto;
}

#monitor-lp-ver3 .coupon-large-wrap .caption {
  font-size: 16px;
  font-weight: bold;
}
#monitor-lp-ver3 .coupon-large-wrap .inner {
  font-size: 22px;
  font-weight: bold;
}
#monitor-lp-ver3 .form-wrap-other .coupon-wrap .coupon-box br { width: 100%; }
#monitor-lp-ver3 .form-wrap-other .coupon-box .co-r { color: #EB4F50; }
#monitor-lp-ver3 .form-wrap-other .coupon-box .comma { font-size: 19px; }
#monitor-lp-ver3 .form-wrap-other .coupon-box .tx-17 { font-size: 17px; }
#monitor-lp-ver3 .form-wrap-other .coupon-box .tx-18 { font-size: 18px; }
#monitor-lp-ver3 .form-wrap-other .coupon-box .tx-28 { font-size: 28px; }
#monitor-lp-ver3 .form-wrap-other .coupon-box .tx-50 { font-size: 50px; }
#monitor-lp-ver3 .form-wrap-other .coupon-wrap .connection {
  align-items: center;
  display: flex; 
  font-size: 29px;
  font-weight: bold;
  margin: 0 20px;
  color: #fff;
}

@media screen and (max-width: 940px) {
  /* BOX型フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3 .form-wrap-other.top-box-other.hairsalon-form { 
    top: 47%;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other {
    padding: 18px 0 0;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx,
  #monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx { 
    font-size: 18px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .mail-button,
  #monitor-lp-ver3 .form-wrap-other.box-other .mail-button { 
    width: 80%;
    float: none;
    margin: 0 auto;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .entry-form-box,
  #monitor-lp-ver3 .form-wrap-other.box-other .entry-form-box { 
    width: 100%;
    float: none;
    text-align: center;
   }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form,
  #monitor-lp-ver3 .form-wrap-other.box-other .form {
    width: 90%;
    margin-bottom: 20px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .flat-red-button,
  #monitor-lp-ver3 .form-wrap-other.box-other .flat-red-button  {
    width: 100%;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .notice,
  #monitor-lp-ver3 .form-wrap-other.box-other .notice { 
    font-size: 16px;
  }
  /* クーポン (小サイズ リボン付き)*/
  #monitor-lp-ver3 .coupon-wrap {
    max-width: 90%;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-box {
   width: 49% ;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-inner {
    width: 81%;
    font-size: 12px;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-inner::after {
    width: 15%;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-inner .catch {
    width: 44px;
    margin: 0 12px 0 18px;
  }
  #monitor-lp-ver3 .coupon-wrap .inner {
    margin: 0 auto;
  }
  /* クーポン (大サイズ)*/
  #monitor-lp-ver3 .coupon-large-wrap {
    max-width: 90%;
  }
  #monitor-lp-ver3 .coupon-large-wrap .coupon-box {
    margin: 0 auto;
  }
  #monitor-lp-ver3 .coupon-large-wrap .coupon-box::before {
    left: -36px;
  }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-50 { font-size: 39px; }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-18 { font-size: 16px; }
}
@media screen and (max-width: 670px) {
  /* BOX型フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3 .form-wrap-other.top-box-other.hairsalon-form { 
    top: 46%;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form-tx,
  #monitor-lp-ver3 .form-wrap-other.box-other .form-tx { 
    font-size: 17px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form-tx span,
  #monitor-lp-ver3 .form-wrap-other.box-other .form-tx span { 
    font-size: 28px; 
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other {
    padding: 12px 0 0;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx,
  #monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx { 
    font-size: 15px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx::before,
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form-sub-tx::after,
  #monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx::before,
  #monitor-lp-ver3 .form-wrap-other.box-other .form-sub-tx::after {
    border-radius: 2px;
    height: 2px;
    width: 20px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .mail-button,
  #monitor-lp-ver3 .form-wrap-other.box-other .mail-button { 
    width: 90%;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form,
  #monitor-lp-ver3 .form-wrap-other.box-other .form {
    height: 28px;
    font-size: 13px;
    padding-left: 5px;
    margin-bottom: 0;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .flat-red-button,
  #monitor-lp-ver3 .form-wrap-other.box-other .flat-red-button  {
    margin: 10px auto 0px;
    height: 38px;
    font-size: 14px;
    padding: 8px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .form-bk,
  #monitor-lp-ver3 .form-wrap-other.box-other .form-bk {
    background: #fff;
    padding: 21px 0 16px;
  }
  #monitor-lp-ver3 .form-wrap-other.top-box-other .notice,
  #monitor-lp-ver3 .form-wrap-other.box-other .notice { 
    font-size: 12px;
  }
  /* クーポン (小サイズ リボン付き)*/
  #monitor-lp-ver3 .coupon-wrap {
    margin: 0 auto 20px;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-box {
    font-size: 11px;
    height: 100%;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-box.left .coupon-inner .catch  {
    margin: 20px 0 0 0;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-box.right .coupon-inner  {
    font-size: 9px;
    height: 100%;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-inner {
    text-align: center;
    display: inline-block;
    padding: 0;
    width: 85%;
    min-height: 90px;
  }
  #monitor-lp-ver3 .coupon-wrap .coupon-inner .catch {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  /* クーポン (大サイズ)*/
  #monitor-lp-ver3 .coupon-large-wrap {
    width: 90%;
    min-height: auto;
  }
  #monitor-lp-ver3 .coupon-large-wrap .coupon-box {
    width: 100%;
  }
  #monitor-lp-ver3 .coupon-large-wrap .coupon-inner {
    width: 90%;
  }
  #monitor-lp-ver3 .coupon-large-wrap .coupon-inner::after {
    width: 10%;
    height: 100%;
  }
  #monitor-lp-ver3 .coupon-large-wrap .coupon-box::before {
    background-position: left;
    background-size: 80%;
    left: -24px;
    top: -24px;
  }
  #monitor-lp-ver3 .coupon-large-wrap .content {
    padding: 11px 0 10px;
    margin: 0 0 0 12%;
    width: 90%;
  }
  #monitor-lp-ver3 .coupon-large-wrap .caption {
    font-size: 12px;
  }
  #monitor-lp-ver3 .coupon-large-wrap .inner {
    font-size: 20px;
  }
  #monitor-lp-ver3 .form-wrap-other .coupon-wrap .connection {
    font-size: 20px;
    margin: 0 2%;
  }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .comma { font-size: 10px; }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-17 { font-size: 9px; }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-18 { font-size: 11px; }
}
@media screen and (max-width: 590px) {
  #monitor-lp-ver3 .coupon-large-wrap .inner {
    font-size: 18px;
  }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-28 { font-size: 22px; }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-50 { font-size: 32px; }
}
@media screen and (max-width: 560px) {
  /* BOX型フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3 .form-wrap-other.top-box-other.hairsalon-form { 
    top: 41%;
  }
}
@media screen and (max-width: 490px) {
  #monitor-lp-ver3 .coupon-large-wrap .caption {
    font-size: 9px;
  }
  #monitor-lp-ver3 .coupon-large-wrap .inner {
    font-size: 14px;
  }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-28 { font-size: 15px; }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-50 { font-size: 27px; }
}
@media screen and (max-width: 380px) {
  #monitor-lp-ver3 .coupon-large-wrap .caption {
    font-size: 9px;
  }
  #monitor-lp-ver3 .coupon-large-wrap .inner {
    font-size: 12px;
  }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-28 { font-size: 15px; }
  #monitor-lp-ver3 .form-wrap-other .coupon-box .tx-50 { font-size: 24px; }
}


/* 2021 エシカルコレクション
----------------------------------------------------------------------------- */
#ethical_collection-wrap {
  background-color: #FDF2D6;
  background-image: url(/img/contents/event/ethicalco/about/bg_00.png);
  background-size: contain;
  background-repeat: repeat-y;
  background-position: top;
}
#ethical_collection-wrap a {
  text-decoration: none;
  color: #333;
}
#ethical_collection-wrap p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.75;
}
#ethical_collection-wrap .pc {
  display: block;
  margin: 0 auto;
}
#ethical_collection-wrap .sp { display: none; }

/*メインビジュアル*/
#ethical-mv {
  width: 100%;
  height: 330px;
  text-align: center;
  background: url(/img/contents/event/ethicalco/about/main_00.png) no-repeat bottom;
  background-size: contain;
}
#ethical-mv .mv-subttl { padding-top: 70px; }
#ethical-mv .mv-ttl img {
  width: 580px;
  padding: 20px 0;
}
#ethical-mv .btn {
  width: 232px;
  padding: 13px 0;
  display: inline-block;
  border-radius: 50px;
  color: #fff;
  border: solid 3px #538457;
  background-color: #538457;
  transition: 0.3s;
  box-shadow: 0 0 3px #333;
  position: relative;
}
#ethical-mv .btn:after {
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 10px;
  height: 10px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
}
#ethical-mv .btn:hover {
  color: #538457;
  background-color: #fff;
  box-shadow: none;
}
#ethical-mv .btn:hover:after { border-color: #538457; }

/* コンテンツ */
#ethical_collection {
  max-width: 980px;
  margin: 100px auto;
  padding: 0 2%;
  box-sizing: border-box;
}
#ethical_collection h2,
.ethical-bottom h2 {
  text-align: center;
  margin-bottom: 30px;
  border: none;
}
/* エシカル・サスティナブルを知ろう*/
#ethical-about { margin-bottom: 100px; }
#ethical-about .about1 {
  width: 85%;
  margin: 0 auto;
  padding-bottom: 30px;
  display: flex;
}
#ethical-about .about1-icon {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}
#ethical-about .about1-icon img {
  width: 100%;
  height: 100%;
}
#ethical-about .about2 {
  width: 85%;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
}
#ethical-about .about2 h3 {
  text-align: center;
  margin-bottom: 20px;
}
#ethical-about .about2 iframe {
  margin-right: 20px;
}

/* 人気商品、ブログ記事、ライブ動画のボタン*/
#ethical-product .btn,
#ethical-blog .btn,
#ethical-live .btn {
  width: 280px;
  margin: 20px 0 100px 0;
  padding: 15px 0;
  display: inline-block;
  border-radius: 50px;
  color: #333;
  border: solid 3px #fff;
  background-color: #fff;
  transition: 0.3s;
  box-shadow: 0 0 3px #333;
  position: relative;
}
#ethical-product .btn:after,
#ethical-blog .btn:after,
#ethical-live .btn:after {
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 10px;
  height: 10px;
  border-top: 2px #333333 solid;
  border-right: 2px #333333 solid;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
}
#ethical-product .btn:hover,
#ethical-blog .btn:hover,
#ethical-live .btn:hover {
  color: #538457;
  background-color: #fff;
  border: solid 3px #538457;
  box-shadow: none;
}
#ethical-product .btn:hover:after,
#ethical-blog .btn:hover:after,
#ethical-live .btn:hover:after { border-color: #538457; }

/* 人気商品*/
#ethical-product {
  text-align: center;
}
#ethical-product .ethical-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#ethical-product .ethical-product .product {
  width: calc((100% - 40px) / 4);
  margin-bottom: 20px;
  transition: 0.3s;
  background-color: #FDF2D6;
  box-sizing: border-box;
}
#ethical-product .ethical-product .product div {
  width: 220px;
  height: 220px;
  background-color: #ffffff;
  border: solid 1px #eee;
  line-height: 0;
  margin-bottom: 7px;
  box-sizing: border-box;
  position: relative;
}
#ethical-product .ethical-product .product div img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#ethical-product .ethical-product .product p { margin: 0; }
#ethical-product .ethical-product .product .item { font-size: 13px; }
#ethical-product .ethical-product .product .item.ls04 { letter-spacing: -0.04em; }
#ethical-product .ethical-product .product :nth-of-type(2) { line-height: 1.6;  max-height: 3.2em; word-break: break-all; overflow: hidden;}
#ethical-product .ethical-product .product .item::before, #ethical-product .ethical-product .product .item::after{
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.2em;
  border-top: 1px solid #111111;
}
#ethical-product .ethical-product .product .item::before { margin-right: 5px; }
#ethical-product .ethical-product .product .item::after { margin-left: 5px; }
#ethical-product .ethical-product .product:hover { opacity: 0.7; }

/*ブログ・ライブ動画*/
#ethical-blog,
#ethical-live { text-align: center; }
#ethical-blog .ethical-blog,
#ethical-live .ethical-live {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
#ethical-blog .ethical-blog .posts,
#ethical-live .ethical-live .posts { width: calc( 100% / 3 ); }
#ethical-blog .ethical-blog .posts:not(:first-of-type),
#ethical-live .ethical-live .posts:not(:first-of-type) { margin-left: 40px; }
#ethical-blog .ethical-blog .blog,
#ethical-live .ethical-live .live { transition: 0.3s; }
#ethical-blog .ethical-blog .blog p,
#ethical-live .ethical-live .live p { 
  text-align: left;
  margin-top: 10px;
}
#ethical-blog .ethical-blog figure,
#ethical-live .ethical-live figure {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #eee;
  background-color: #FFFFFF;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}
#ethical-blog .ethical-blog figure {
  width: 100%;
  height: 226px;
}
#ethical-live .ethical-live figure {
  width: 100%;
  max-width: 300px;
  position: relative;
}
#ethical-live .ethical-live figure:before {
  position: absolute;
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 30px;
  background-color: #538457;
  bottom: 10px;
  right: 10px;
}
#ethical-live .ethical-live figure:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11.5px 0 11.5px 15px;
  border-color: transparent transparent transparent #ffffff;
  bottom: 21px;
  right: 23px;
}
#ethical-blog .ethical-blog .blog img,
#ethical-live .ethical-live .live img {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
#ethical-blog .ethical-blog .blog img.scale-1-1 { transform: scale(1.1); }
#ethical-blog .ethical-blog .blog img.scale-1-2 { transform: scale(1.2); }
#ethical-blog .ethical-blog .blog img.scale-1-3 { transform: scale(1.3); }
#ethical-blog .ethical-blog .blog img.scale-1-4 { transform: scale(1.4); }
#ethical-blog .ethical-blog .blog:hover img,
#ethical-live .ethical-live .live:hover img,
#ethical-blog .ethical-blog .blog:hover p,
#ethical-live .ethical-live .live:hover p {
  opacity: 0.7;
  transition: 0.3s;
}

  /*インスタグラム*/
#ethical-insta {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 100px;
  position:relative;
  box-shadow: 0 0 3px #333;
}
#ethical-insta .insta-wrapper{
  display: flex;
  padding:40px 36px 40px 0px;
  align-items:center;
  justify-content: center;
  position:relative;
  gap:30px;
}
#ethical-insta:hover{
  opacity: 0.7;
  transition: 0.3s;
}
 #ethical-insta .insta-wrapper::after{
  content: '';
  width: 20px;
  height: 20px;
  border-top: 2px #333 solid;
  border-right: 2px #333 solid;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%) rotate(45deg);
}
#ethical-insta .insta-wrapper .insta-glyph img{
  width:60px;
}
#ehical-insta .insta-title{
  width:100%;
}
#ethical-insta .insta-title picture{
  max-width:670px;
}
#ethical-insta .insta-list{
  margin:0;
  padding:0;
}
#ethical-insta .insta-list li{
  display:inline;
}
#ethical-insta .insta-list .co-ts-only .insta-interview{
  display: block;
  flex-basis: 100%;
  margin-right: 0;
} 
#ethical-insta .insta-list .list-icon{
  padding:5px 14px 0px 20px;
  position: relative;
}
#ethical-insta .insta-list .insta-goods{
  content: "";
  background: url("/img/contents/event/ethicalco/about/insta_bag_00.svg") left center no-repeat;
}
#ethical-insta .insta-list .list-slash{
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 1px;
  height: 1em;
  background: #9DB386;
  transform: translateY(-40%) rotate(40deg);
}
#ethical-insta .insta-list .insta-interview{
  content: "";
  background: url("/img/contents/event/ethicalco/about/insta_message_00.svg") left center no-repeat;
}
#ethical-insta .insta-list .insta-info{
  content: "";
  background: url("/img/contents/event/ethicalco/about/insta_pencil_00.svg") left center no-repeat;
}
/*いろいろある*/
#ethical-content .content h3 { margin: 0; }
#ethical-content .content h3 img{
  width: auto;
  height: 40px;
  margin-bottom: 10px;
}
#ethical-content .content {
  margin-bottom: 20px;
}
#ethical-content .content ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 10px;
  flex-grow: 1;
}
#ethical-content .content ul li {
  width: 49%;
  margin-bottom: 20px;
  list-style: none;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  padding: 30px 35px 35px;
  box-sizing: border-box;
}
#ethical-content .content ul li img {
  height: 216px;
  width: auto;
}
#ethical-content .content ul li h4 { margin: 25px 0 15px; }
#ethical-content .content ul li h4 img {
  width: auto;
  height: 26px;
}
#ethical-content .content ul li p { flex-grow: 1; }
#ethical-content .content .btn {
  margin-top: 20px;
  padding: 5px 35px 5px 25px;
  display: inline-block;
  border-radius: 50px;
  color: #538457;
  text-align: center;
  border: solid 1px #538457;
  background-color: #fff;
  transition: 0.3s;
  position: relative;
}
#ethical-content .content .btn:after {
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 7px;
  height: 7px;
  border-top: 2px #538457 solid;
  border-right: 2px #538457 solid;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
}
#ethical-content .content .btn:hover,
#ethical_collection-wrap .ethical-bottom .pop-area .pop-btn:hover {
  color: #fff;
  background-color: #538457;
}
#ethical-content .content .btn:hover:after { border-color: #fff; }
#ethical-content .content-tag {
  display: flex;
  justify-content: space-between;
}
#ethical-content .content-tag .tag {
  width: 49%;
  display: flex;
  flex-direction: column;
}
#ethical-content .content-tag .tag .tag-li { width: 100%; }

/*最後*/
#ethical_collection-wrap .ethical-bottom {
  background-image: url(/img/contents/event/ethicalco/about/main_00.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  background-color: rgba(194, 218, 186, .5);
  text-align: center;
  padding: 60px 2% 90px;
  margin-bottom: 50px;
}
#ethical_collection-wrap .ethical-bottom .bottom-text {
  margin: 0;
  padding: 0 0 20px 0;
  font-size: 28px;
}
#ethical_collection-wrap .ethical-bottom .bottom-text::before {
  content: '＼';
  display: inline-block;
  margin-right: 8px;
}
#ethical_collection-wrap .ethical-bottom .bottom-text::after {
  content: '／';
  display: inline-block;
  margin-left: 8px;
}
#ethical_collection-wrap .ethical-bottom .btn {
  padding: 15px 95px;
  display: inline-block;
  border-radius: 50px;
  font-size: 28px;
  color: #fff;
  border: solid 3px #538457;
  background-color: #538457;
  transition: 0.3s;
  box-shadow: 0 0 3px #333;
  position: relative;
}
#ethical_collection-wrap .ethical-bottom .btn:after {
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 15px;
  height: 15px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  transform: rotate(45deg);
  position: absolute;
  right: 30px;
  top: calc(50% - 10px);
}
#ethical_collection-wrap .ethical-bottom .btn:hover {
  color: #538457;
  background-color: #fff;
  box-shadow: none;
}
#ethical_collection-wrap .ethical-bottom .btn:hover:after { border-color: #538457; }
#ethical_collection-wrap .ethical-bottom .pop-area {
  max-width: 980px;
  width: 100%;
  background-color: #ffffff;
  padding: 40px 10px 35px;
  margin: 0 auto 100px;
  border-radius: 10px;
  box-sizing: border-box;
  background-image: url('/img/contents/event/ethicalco/about/pop-img02_01.png') , url('/img/contents/event/ethicalco/about/pop-img01_01.png');
  background-position: center right 40px , center left 45px;
  background-repeat: no-repeat , no-repeat;
  background-size: 154px auto , 141px auto;
}
.ethical-bottom h2 { margin-bottom: 5px; }
#ethical_collection-wrap .ethical-bottom .pop-area .pop-ttl {
  width: auto;
  height: 29px;
}
#ethical_collection-wrap .ethical-bottom .pop-area .pop-btn {
  padding: 15px 60px;
  display: inline-block;
  border-radius: 50px;
  font-size: 16px;
  color: #538457;
  border: solid 1px #538457;
  background-color: #ffffff;
  transition: 0.3s;
  margin-top: 20px;
  position: relative;
}
#ethical_collection-wrap .ethical-bottom .pop-area .pop-btn:after {
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 10px;
  height: 10px;
  border-top: 2px #538457 solid;
  border-right: 2px #538457 solid;
  transform: rotate(135deg);
  position: absolute;
  right: 20px;
  top: calc(50% - 10px);
}
#ethical_collection-wrap .ethical-bottom .pop-area .pop-btn:hover:after { border-color: #ffffff; }
#ethical_collection-wrap + .push { display: none; }
/* --TAB-- */
@media screen and (max-width: 940px) {
  #ethical_collection-wrap a { font-size: 15px; }
  #ethical_collection-wrap p { font-size: 15px; }

  /*メインビジュアル*/
  #ethical-mv {
    height: 200px;
    background-size: 120%;
    background-position: bottom center;
  }
  #ethical-mv .mv-subttl { 
    width: 400px;
    padding-top: 30px;
  }
  #ethical-mv .mv-ttl img {
    width: 380px;
    padding: 8px 0;
  }
  #ethical-mv .btn {
    width: 210px;
    padding: 8px 0;
  }

  /* コンテンツ */
  #ethical_collection {
    width: 90%;
    margin: 60px auto;
  }
  #ethical_collection h2 { margin-bottom: 20px; }
  #ethical_collection h2 img { height: 25px; }
  
  /* 人気商品、ブログ記事、ライブ動画のボタン*/
  #ethical-product .btn,
  #ethical-blog .btn,
  #ethical-live .btn {
    width: 260px;
    margin: 15px 0 80px 0;
    padding: 10px 0;
  }
  
  /* エシカル・サスティナブルを知ろう*/
  #ethical-about { margin-bottom: 80px; }
  #ethical-about .about1 { width: 100%;}
  #ethical-about .about2 { width: 100%; }
  #ethical-about .about2 h3 {
    margin: 0 0 15px 0;
    width: 100%;
  }
  #ethical-about .about2 h3 img {
    width: 100%;
    max-width: 358px;
  }
  #ethical-about .about2 iframe {
    width: 320px;
    height: 180px
  }

  /* 人気商品*/
  #ethical-product .ethical-product .product {
    margin-bottom: 15px;
  }
  #ethical-product .ethical-product .product div {
    max-height: 20.2vw;
    max-width: 20.2vw;
  }
  #ethical-product .ethical-product .product p { font-size: 13px; }
  #ethical-product .ethical-product .product .item { font-size: 11px; }

  /*ブログ・ライブ動画*/
  #ethical-blog .ethical-blog .posts:not(:first-of-type),
  #ethical-live .ethical-live .posts:not(:first-of-type) { margin-left: 20px; }
  #ethical-blog .ethical-blog figure { height: 21.5vw; }
  #ethical-live .ethical-live figure:before {
    width: 35px;
    height: 35px;
    background-color: #538457;
    bottom: 10px;
    right: 10px;
  }
  #ethical-live .ethical-live figure:after {
    border-width: 8.5px 0 8.5px 11px;
    bottom: 19px;
    right: 20px;
  }
  #ethical-blog .ethical-blog .blog img,
  #ethical-live .ethical-live .blog img { width: 100%; }

  /* インスタグラム */
  #ethical-insta{
    border-radius: 10px;
    margin: 0px auto 70px;
  }
  #ethical-insta .insta-wrapper{
    border-radius: 10px;
    padding:24px 40px 12px;
    margin-bottom: 0px;
    position:relative;
    gap:24px;
  }
  #ethical-insta .insta-wrapper::after{
    display:none; 
  }
  #ethical-insta .insta-area .insta-title{
    width:fit-content
  }
  #ethical-insta .insta-area .insta-title img{
    width:100%;
  }
  #ethical-insta .insta-list{
    margin: 0 auto;
    text-align: center;
    margin-bottom:24px;
    /* font-size: 14px; */
  }
  #ethical-insta .insta-ribbon{
    position: relative;
    background: linear-gradient(90deg, #4B965E 0%, #94A57B 77.4%);
    border-radius: 0px 0px 10px 10px;
  }
  #ethical-insta .insta-ribbon-text{
    display: inline-block;
    color:#fff;
    width:100%;
    height:1.5em;
    text-align:center;
  }
  #ethical-insta .insta-ribbon-text::after{
    content:"";
    width: 8px;
    height: 8px;
    border-top: 2px #fff solid;
    border-right: 2px #fff solid;
    position: absolute;
    top: 50%;
    margin-left:10px;
    transform: translateY(-50%) rotate(45deg);
  }

  /*いろいろある*/
  #ethical-content .content h3 img{ height: 30px; }
  #ethical-content .content ul li img { height: 180px; }
  #ethical-content .content ul li h4 { margin: 20px 0 10px; }
  #ethical-content .content ul li h4 img { height: 23px; }

  /*最後*/
  #ethical_collection-wrap .ethical-bottom .pop-area {
    width: 94%;
    margin-bottom: 60px;
    padding: 40px 10px 35px;
    background-size: 124px auto , 110px auto;
    background-position: center right calc(50% - 230px) , center left calc(50% - 230px);
  }
  #ethical_collection-wrap .ethical-bottom .pop-area .pop-ttl { height: 56px; }
  #ethical_collection-wrap .ethical-bottom .pop-area .pop-btn {
    padding: 12px 50px;
    font-size: 15px;
  }
  #ethical_collection-wrap .ethical-bottom .bottom-text {
    padding: 0 0 15px 0;
    font-size: 22px;
  }
  #ethical_collection-wrap .ethical-bottom .btn {
    width: 260px;
    padding: 10px 0;
    font-size: 20px;
  }
}
/* --SP-- */
@media screen and (max-width: 670px) {
  #ethical_collection-wrap a { font-size: 13px; }
  #ethical_collection-wrap p { font-size: 13px; }
  #ethical_collection-wrap .pc { display: none; }
  #ethical_collection-wrap .sp {
    display: block;
    margin: 0 auto;
  }
  
  /*メインビジュアル*/
  #ethical-mv {
    height: 260px;
    background: url(/img/contents/event/ethicalco/about/main_sp_00.png) no-repeat bottom;
    background-size: 130%;
    background-position: bottom center;
  }
  #ethical-mv .mv-subttl {
    width: 240px;
    padding-top: 30px;
    text-align: center;
  }
  #ethical-mv .mv-ttl img { width: 340px; }
  #ethical-mv .btn { width: 180px; }
  
  /* コンテンツ */
  #ethical_collection {
    width: 100%;
    padding: 0;
  }
  #ethical_collection h2 { margin-bottom: 20px; }
  #ethical_collection h2 img { height: 19px; }
  /* 人気商品、ブログ記事、ライブ動画のボタン*/
  #ethical-product .btn,
  #ethical-blog .btn,
  #ethical-live .btn {
    width: 230px;
    margin: 20px 0 70px 0;
    padding: 10px 0;
  }
  /* エシカル・サスティナブルを知ろう*/
  #ethical-about { 
    width: 90%;
    margin: 0 auto;
    margin-bottom: 60px; }
  #ethical-about .about1-icon {
    width: 65px;
    height: 65px;
    margin-right: 10px;
  }
  #ethical-about .about2 { display: block; }
  #ethical-about .about2 h3 { margin: 0 0 10px 0; }
  #ethical-about .about2 h3 img { width: 285px;}
  #ethical-about .about2 .about2-youtube { text-align: center; }
  #ethical-about .about2 iframe { margin: 10px 0 0 0; }

  /* 人気商品*/
  #ethical-product .ethical-product .product { 
    width: 50%;
    margin: 0;
    padding-bottom: 10px;
    border: solid 1px #eee;
  }
  #ethical-product .ethical-product .product div {
    max-height: 49.5vw;
    max-width: 49.5vw;
    width: 100%;
    border-bottom: solid 1px #eee;
    border-top: none;
    border-right: none;
    border-left: none;
  }
  #ethical-product .ethical-product .product p {
    font-size: 12px;
    padding: 0 5px;
  }

  /*ブログ・ライブ動画*/
  #ethical-blog .ethical-blog,
  #ethical-live .ethical-live { display: block; }
  #ethical-blog .ethical-blog .blog p,
  #ethical-live .ethical-live .live p { margin-top: 0; }
  #ethical-blog .ethical-blog .posts,
  #ethical-live .ethical-live .posts { 
    width: 100%;
    max-width: 100%;
  }
  #ethical-blog .ethical-blog .posts:not(:first-of-type),
  #ethical-live .ethical-live .posts:not(:first-of-type) { margin-left: 0; }
  #ethical-blog .ethical-blog .blog,
  #ethical-live .ethical-live .live {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
  }
  #ethical-blog .ethical-blog figure {
    width: 42vw;
    height: calc(42vw * 0.75);
    flex-shrink: 0;
    margin: 0 10px 0 0;
    max-height: 100%;
  }
  #ethical-live .ethical-live figure {
    width: 42vw;
    height: 100%;
    flex-shrink: 0;
    margin: 0 10px 0 0;
    max-height: 100%;
    background-color: transparent;
    align-items: flex-start;
  }
  #ethical-live .ethical-live figure:after {
    border-width: 6px 0 6px 8px;
    bottom: 13px;
    right: 14px;
  }
  #ethical-live .ethical-live figure:before {
    width: 24px;
    height: 24px;
    background-color: #538457;
    bottom: 7px;
    right: 7px;
  }

  /* インスタグラム */
  #ethical-insta{
    text-align: center;
    width:90%;
  }
  #ethical-insta::after{
    display:none; 
  }
  #ethical-insta .insta-wrapper{
    display: block;
    margin: 0 auto;
    padding:24px 0 0;
    position: relative;
  }
  #ethical-insta .insta-wrapper .insta-glyph{
    position:relative;
  }
  #ethical-insta .insta-wrapper .insta-glyph img{
    width: 42px;
  }
  #ethical-insta .insta-wrapper .insta-glyph::before,
  #ethical-insta .insta-wrapper .insta-glyph::after{
    content:'';
    display: block;
    background-image: url(/img/contents/event/ethicalco/about/insta_leaf_sp.svg);
    width:33px;
    height:40px;
    position:absolute;
    top:16px;
  }
  #ethical-insta .insta-wrapper .insta-glyph::before{
    left:65%;
  }
  #ethical-insta .insta-wrapper .insta-glyph::after{
    right:65%;
    transform:scaleX(-1);
  }
  #ethical-insta .insta-wrapper .insta-title{
    margin:0 auto;
    padding: 0 20px;
  }  
  #ethical-insta .insta-wrapper .insta-title img{
    width:content-fit;
  }  
  #ethical-insta .insta-list{
    margin-bottom:24px;
  }
  #ethical-insta .insta-list li{
    font-size:12px;
  }
  #ethical-insta  .insta-list .insta-interview{
    display:block;
    margin: 0 auto;
    width:fit-content;
  }

  /*いろいろある*/
  #ethical-content .ttl_sp img { height: 44px; }
  #ethical-content .content h3 { margin: 0; }
  #ethical-content .content h3 img{
    height: 28px;
    margin-bottom: 3px;
  }
  #ethical-content .content {
    width: 90%;
    margin: 0 auto;
  }
  #ethical-content .content ul { display: block; }
  #ethical-content .content ul li {
    width: 100%;
    padding: 25px 30px 30px;
    margin-bottom: 25px;
  }
  #ethical-content .content ul li img { height: 140px; }
  #ethical-content .content ul li h4 { margin: 20px 0 5px; }
  #ethical-content .content ul li h4 img { height: 20px; }
  #ethical-content .content .btn {
    margin-top: 15px;
    padding: 5px 30px 5px 15px;
  }
  #ethical-content .content-tag { display: block; }
  #ethical-content .content-tag .tag {
    width: 90%;
    margin: 0 auto;
  }
  /*最後*/
  #ethical_collection-wrap .ethical-bottom {
    background-image: url(/img/contents/event/ethicalco/about/main_sp_00.png);
    background-size: 130%;
    padding: 30px 2% 60px;
  }
  #ethical_collection-wrap .ethical-bottom .pop-area {
    margin-bottom: 40px;
    padding: 30px 30px 195px;
    background-position: bottom 25px right calc(50% - 35px) , bottom 25px left calc(50% - 35px)
  }
  #ethical_collection-wrap .ethical-bottom .pop-area .pop-ttl { height: 46px; }
  #ethical_collection-wrap .ethical-bottom .pop-area .pop-btn {
    padding: 10px 47px;
    margin-top: 15px;
  }
  #ethical_collection-wrap .ethical-bottom .bottom-text {
    padding: 0 0 15px 0;
    font-size: 15px;
  }
  #ethical_collection-wrap .ethical-bottom .btn {
    width: 220px;
    padding: 8px 0;
    font-size: 16px;
  }
  #ethical_collection-wrap .ethical-bottom .btn:after {
    width: 10px;
    height: 10px;
    right: 20px;
    top: calc(50% - 6px);
  }
}
/* 2023 ようこそスーパーデリバリーへ
----------------------------------------------------------------------------- */
#welcome-wrap { background-color: #FDFAE4; }
#welcome-wrap a { text-decoration: none; }
#welcome-wrap p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}
#welcome-wrap h3 { margin: 0 auto 50px; }
#welcome-wrap h3 img{
  display: block;
  margin: 0 auto;
}
#welcome-wrap .bold { font-weight: bold; }
#welcome-wrap .line { background: linear-gradient(transparent 60%, #FFDC00 60%); }
#welcome-wrap .pc {
  display: block;
  margin: 0 auto;
}
#welcome-wrap .sp { display: none; }
#welcome-wrap + .push {
    display: none;
}
/*メインビジュアル*/
#welcome-wrap #wc-mv { margin-bottom: -10px; }
#welcome-wrap #wc-mv img { width: 100%; }
/*youtubeボタン*/
#welcome-wrap .youtube-btn-area { margin: 0 auto; }
#welcome-wrap .youtube-btn-area p {
  margin: 0 auto;
  text-align: center;
}
#welcome-wrap .youtube-btn-area p span {
  position: relative;
  font-size: 16px;
  color: #333;
  text-align: center;
}
#welcome-wrap .youtube-btn-area p span:before,
#welcome-wrap .youtube-btn-area p span:after {
  position: absolute;
  content: '';
  border: 1px solid #999;
  width: 20px;
  top: 8px;
}
#welcome-wrap .youtube-btn-area p span:before {
  left: -22px;
  transform: rotate(65deg);
}
#welcome-wrap .youtube-btn-area p span:after {
  right: -20px;
  transform: rotate(-65deg);
}
#welcome-wrap .youtube-btn-area a {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 26px;
  text-align: center;
  background-color: #EB4F50;
  border-radius: 32px;
  filter: drop-shadow(0 5px 0 #AF1F20);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  padding: 14px 15px 12px 75px;
  margin: 0 0 5px 0;
}
#welcome-wrap .youtube-btn-area a span { font-size: 18px; }
#welcome-wrap .youtube-btn-area a:before,
#welcome-wrap .youtube-btn-area a:after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 35px;
}
#welcome-wrap .youtube-btn-area a:before {
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
  width: 45px;
  height: 45px;
}
#welcome-wrap .youtube-btn-area a:after {
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #EB4F50;
  border-width: 10px 0 10px 18px;
}
#welcome-wrap .youtube-btn-area a:hover {
  filter: none;
  margin: 5px 5px 0 5px;
}
/*スーパーデリバリーの使い方*/
#welcome-wrap #wc-howto {
  background-image: url(/img/contents/welcome/bg_pc01.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top -135px center;
  padding: 40px 0 80px;

}
#welcome-wrap .wc-howto-area {
  width: 640px;
  margin: 0 auto;
}
#welcome-wrap .wc-howto-area > p {
  width: 640px;
  padding: 0 20px;
  margin: 0 auto 30px;
}
#welcome-wrap .wc-howto-area h2 { border: none; }
#welcome-wrap .wc-howto-area h2 > img {
  display: block;
  margin: 0 auto 30px;
}
#welcome-wrap .wc-howto-area .howto-area { position: relative; }
#welcome-wrap .wc-howto-area .howto-btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0;
}
#welcome-wrap .wc-howto-area .howto-btn li {
  width: 31%;
  margin-right:20px;
}
#welcome-wrap .wc-howto-area .howto-btn li:last-child { margin-right: 0; }
#welcome-wrap .wc-howto-area .howto-btn li img {
  display: block;
  filter: drop-shadow(0 5px 0 #C68B08);
  margin-bottom: 5px;
}
#welcome-wrap .wc-howto-area .howto-btn li a { display: block; }
#welcome-wrap .wc-howto-area .howto-btn li a:hover img {
  margin: 5px 5px 0 5px;
  filter: none;
}
#welcome-wrap #wc-search,
#welcome-wrap #wc-price,
#welcome-wrap #wc-goodDeal {
  padding: 60px 0 100px;
}
#welcome-wrap #wc-howto .add-goodDeal-area {
  position: absolute;
  width: 210px;
  top: -20px;
  right: -135px;
}
#welcome-wrap #wc-howto .add-goodDeal {
  position: relative;
  background-color: #F17272;
  padding: 11px 0;
  border: 3px solid #FFF;
  border-radius: 60px;
}
#welcome-wrap #wc-howto .add-goodDeal:before,
#welcome-wrap #wc-howto .add-goodDeal:after {
  display: inline-block;
    position: absolute;
    content: '';
}
#welcome-wrap #wc-howto .add-goodDeal:before {
    border: 8px solid transparent;
    border-top: 18px solid #F17272;
    bottom: -18px;
    left: 40px;
  transform: rotate(35deg);
  z-index: 2;
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl {
  position: absolute;
  width: 108px;
  top:-25px;
  left: 50%;
    transform: translateX(-50%);
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.strong {
  font-size: 15px;
  font-weight: bold;
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt {
  position: relative;
  font-size: 12px;
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:before,
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:after {
  position: absolute;
    content: '';
    border: 1px solid #999;
    width: 16px;
    top: 9px;
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:before {
  left: -20px;
  transform: rotate(65deg);
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:after {
  right: -20px;
  transform: rotate(-65deg);
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-txt {
  font-size: 16px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
#welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-txt span.fs-small { font-size: 12px; }
/*商品を探すには？*/
#welcome-wrap #wc-search {
  background-color: #FFF;
  background-image: radial-gradient(#FDFAE5 15%, transparent 15%), radial-gradient(#FDFAE5 15%, transparent 15%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}
#welcome-wrap #wc-search .wc-search-area {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
#welcome-wrap #wc-search .search-column {
  max-width: 940px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0 20px;
  margin: 0 auto 50px;
} 
#welcome-wrap #wc-search .search-column dl {
  width: 300px;
  display: block;
  margin-right: 20px;
}
#welcome-wrap #wc-search .search-column dl:last-child { margin-right: 0; }
#welcome-wrap #wc-search .search-column dt {
  position: relative;
  width: 280px;
  text-align: center;
  color: #333;
  font-size: 13px;
  background-color: #FFDC00;
  border-radius: 7px;
  padding: 8px 4px;
  margin: 0 auto 15px;
}
#welcome-wrap #wc-search .search-column dt:after {
  display: inline-block;
  position: absolute;
  content: '';
  border: 8px solid transparent;
  border-top: 18px solid #FFDC00;
  transform: rotate(35deg);
  bottom: -18px;
  right: 120px;
}
#welcome-wrap #wc-search .search-column dt span {
  font-size: 15px;
  text-align: center;
}
#welcome-wrap #wc-search .search-column dd {
  margin-left: 0;
  text-align: center;
}
#welcome-wrap #wc-search .search-column dd img {
  width: 100%;
  max-width: 300px;
  margin-bottom: 2px;
  border: 1px solid #CCC;
}
#welcome-wrap #wc-search .search-column dd span {
  display: block;
  font-size: 13px;
}
/*卸価格を見てみよう*/
#welcome-wrap #wc-price {
  position: relative;
  padding: 140px 0 20px;
  background-image: url(/img/contents/welcome/bg_line01.png), url(/img/contents/welcome/bg_pc02.png);
  background-size: auto;
  background-repeat: repeat-x, repeat-y;
  background-position: top center, top -175px center;
}
#welcome-wrap #wc-price:after {
  position: absolute;
  content: '';
  border-right: calc(50vw - 10px) solid transparent;
  border-left: calc(50vw - 10px) solid transparent;
  border-top: 120px solid #FDFAE4;
  top: 100%;
  box-sizing: border-box;
}
#welcome-wrap #wc-price .wc-price-area {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
}
#welcome-wrap #wc-price .wc-price-area p { text-align: center; }
#welcome-wrap #wc-price .wc-price-area .request-column-area {
  position: relative;
  max-width: 1100px;
  background-color: #fff;
  border-radius: 20px;
  margin: 0 auto 60px;
  padding-bottom: 40px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area {
  position: absolute;
  top: -40px;
  right: 32%;
  transform: rotate(7deg);
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  background: #F17272;
  border:3px solid #FFF;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 22px 4px 22px 12px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt:before,
#welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt:after {
  position: absolute;
  content: '';
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt:before {
  display: inline-block;
    border: 13px solid transparent;
    border-top: 16px solid #F17272;
    transform: rotate(39deg);
    bottom: -12px;
    left: -2px;
    z-index: 2;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt:after {
  display: inline-block;
    border: 10px solid transparent;
    border-top: 11px solid #FFF;
    transform: rotate(39deg);
    bottom: -13px;
    left: -2px;
    z-index: 1;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area h4 {
  background-color: #FFB000;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  border-radius: 20px 20px 0 0;
  padding: 10px 0;
  margin:30px auto 40px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area h5 {
  font-size: 16px;
  font-weight: normal;
  background-color: #EEE;
  padding: 8px 0 8px 18px;
  margin: 0 auto 20px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area p { margin-bottom: 25px; }
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding-right: 5px;
  margin:  0 20px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl {
  width: 100%;
  max-width: 300px;
  position: relative;
  margin-right: 35px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl:after {
  position: absolute;
  content: '';
  border-top: 1px solid #FFB000;
  border-right: 1px solid #FFB000;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  top: 35%;
  right: -21px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl:last-child,
#welcome-wrap #wc-price .wc-price-area .request-column-area  .nothing-request .request-column dl:last-child {
  margin-right: 0;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl:last-child:after {
  content: none;
  border: none;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dt img {
  width: 100%;
  max-width: 300px;
  border: 1px solid #CCC;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dd {
  position: relative;
  font-size: 15px;
  padding-top: 4px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dd:before {
  position: absolute;
  top: 0;
  left: -40px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.first-ora dd:before,
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.second-ora dd:before,
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.third-ora dd:before,
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.first-gr dd:before,
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.second-gr dd:before {
  content: '';
  display: inline-block;
  background-image: url(/img/contents/welcome/icon-ora_01.png);
  background-size: contain;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.first-ora dd:before { background-image: url(/img/contents/welcome/icon-ora_01.png); }
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.second-ora dd:before { background-image: url(/img/contents/welcome/icon-ora_02.png); }
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.third-ora dd:before { background-image: url(/img/contents/welcome/icon-ora_03.png); }
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.first-gr dd:before { background-image: url(/img/contents/welcome/icon-gr_01.png); }
#welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.second-gr dd:before { background-image: url(/img/contents/welcome/icon-gr_02.png); }
#welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request {
  max-width: 650px;
  border: 1px solid #666;
  margin: 35px auto 0;
  padding-bottom: 25px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column { margin: 0 auto; }
#welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dl {
  max-width: 278px;
  margin-right: 44px;
}
#welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dt img { max-width: 278px; }
/*お得に仕入れよう*/
#welcome-wrap #wc-goodDeal {
  background-color: #FFF;
  background-image: radial-gradient(#FDFAE5 15%, transparent 15%), radial-gradient(#FDFAE5 15%, transparent 15%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area {
  width: 100%;
  max-width: 1100px;
  margin: 110px auto 0;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column-area { padding: 0 20px 60px; }
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column h5 {
  position: relative;
  font-size: 22px;
  font-weight: normal;
  padding-left: 28px;
  margin: 0 0 5px;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column h5:before {
  position: absolute;
  content: '';
  border-left: 2px solid #FEAF00;
  border-bottom: 2px solid #FEAF00;
  transform: rotate(-45deg);
  width: 14px;
  height: 8px;
  top: 7px;
  left: 0;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column h6 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  border-bottom: 1px solid #CCC;
  padding: 20px;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column:first-child { padding-top: 0; }
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column:nth-child(3) { border-bottom: none; }
#welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column > img {
  width: 300px;
  height: 200px;
  border: 1px solid #CCC;
  margin-right: 20px;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area table {
  width: 100%;
  margin-top: 20px;
  padding: 4px;
  border-spacing: 0;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area caption {
  caption-side: bottom;
  text-align: right;
  font-size: 15px;
  padding: 10px 4px 0 0;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area table th,
#welcome-wrap #wc-goodDeal .wc-goodDeal-area table td {
  text-align: center;
  padding: 9px;
}
#welcome-wrap #wc-goodDeal .wc-goodDeal-area table thead th { border-bottom: 2px solid #CCC; }
#welcome-wrap #wc-goodDeal .wc-goodDeal-area table td { border-bottom: 1px solid #CCC; }
#welcome-wrap #wc-goodDeal .wc-goodDeal-area table td img { vertical-align: middle; }
/* --TAB-- */
@media screen and (max-width: 940px) {
  #welcome-wrap .txt-return { display: block; }
  /*メインビジュアル*/
  #welcome-wrap #wc-mv {
    position: relative;
    height: 280px;
    overflow: hidden; 
  }
  #welcome-wrap #wc-mv img {
    position: absolute;
    width: 1300px;
    height: 280px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /*youtubeボタン*/
  #welcome-wrap .youtube-btn-area p span { font-size: 14px; }
  #welcome-wrap .youtube-btn-area a {
    font-size: 22px;
    padding: 11px 12px 10px 58px;
  }
  #welcome-wrap .youtube-btn-area a span { font-size: 16px; }
  #welcome-wrap .youtube-btn-area a:before,
  #welcome-wrap .youtube-btn-area a:after {
    left: 29px;
  }
  #welcome-wrap .youtube-btn-area a:before {
    width: 38px;
    height: 38px;
  }
  #welcome-wrap .youtube-btn-area a:after { border-width: 8px 0 8px 15px; }
  /*スーパーデリバリーの使い方*/
  #welcome-wrap #wc-howto {
    width: 100%;
    background-image: url(/img/contents/welcome/bg_tab01.png);
    background-position: top -240px center;
  }
  #welcome-wrap #wc-howto .wc-howto-area { width: auto; }
  #welcome-wrap #wc-howto .wc-howto-area h2 img {
    width: 50%;
    max-width: 420px;
    min-width: 340px;
  }
  #welcome-wrap #wc-howto > p {
    width: fit-content;
    margin: 30px 20px;
  }
  #welcome-wrap #wc-howto .howto-btn {
    width: auto;
    margin: auto;
  }
  #welcome-wrap #wc-howto .howto-btn img { width: 100%; }
  #welcome-wrap #wc-howto .howto-btn li {
    margin-right: 13px;
    width: 25%;
  }
  #welcome-wrap #wc-howto .add-goodDeal-area {
    width: 20%;
    top: -35px;
    right: 10px;
  }
  #welcome-wrap #wc-howto .add-goodDeal { border-radius: 45px;}
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-txt { line-height: 1.2; }
  /*商品を探すには？*/
  #welcome-wrap #wc-search .wc-search-area {
    width: 100%;
    padding: 20px 0;
  }
  #welcome-wrap #wc-search .search-column {
    width: 622px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 40px;
  }
  #welcome-wrap #wc-search .search-column dl { margin-bottom: 30px; }
  #welcome-wrap #wc-search .search-column dl:nth-child(even) { margin-right: 0; }
  /*卸価格を見てみよう*/
  #welcome-wrap #wc-price .wc-price-area {
    width: auto;
    margin: 0 20px;
    padding: 0 10px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area { width: auto; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-area {  padding: 0 20px; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 94%;
    margin: auto;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl {
    margin-right: 35px;
    margin-bottom: 25px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl:after { right: -20px; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.first-ora dd:before,
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.second-ora dd:before,
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.third-ora dd:before,
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.first-gr dd:before,
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl.second-gr dd:before {
    width: 25px;
    height: 25px;
    left: -30px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dd {
    font-size: 13px;
    margin-left: 30px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area.bulk-request-area .request-column { max-width: 630px; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area h5 { font-size: 14px; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column { max-width: 580px; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dl { margin-right: 35px; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area { right: 22%; }
  /*お得に仕入れよう*/
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area p,
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area table {
    font-size: 15px;
  }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area table { font-size: 14px; }
}
/* --SP-- */
@media screen and (max-width: 670px) {
  #welcome-wrap p { font-size: 13px; }
  #welcome-wrap h3 { margin: 0 auto 30px; }
  #welcome-wrap h3 img {
    width: 60%;
    max-width: 275px;
  }
  #welcome-wrap #wc-search,
  #welcome-wrap #wc-price,
  #welcome-wrap #wc-goodDeal {
    padding: 40px 0 80px;
  }
  /*メインビジュアル*/
  #welcome-wrap #wc-mv { height: 150px; }
  #welcome-wrap #wc-mv img {
    width: 650px;
    height: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /*youtubeボタン*/
  #welcome-wrap .youtube-btn-area a {
    font-size: 16px;
    padding: 8px 6px 7px 38px;
  }
  #welcome-wrap .youtube-btn-area a:before,
  #welcome-wrap .youtube-btn-area a:after {
    left: 20px;
  }
  #welcome-wrap .youtube-btn-area a:before {
    width: 25px;
    height: 25px;
  }
  #welcome-wrap .youtube-btn-area a:after { border-width: 6px 0 6px 12px; }
  #welcome-wrap .youtube-btn-area a span,
  #welcome-wrap .youtube-btn-area p span {
    font-size: 13px;
  }
  #welcome-wrap .youtube-btn-area p span:before,
  #welcome-wrap .youtube-btn-area p span:after {
    width: 16px;
    top: 6px;
  }
  #welcome-wrap .youtube-btn-area p span:before { left: -19px; }
  #welcome-wrap .youtube-btn-area p span:after { right: -16px; }
  /*スーパーデリバリーの使い方*/
  #welcome-wrap #wc-howto {
    width: auto;
    background-image: none;
    padding: 30px 15px 50px;
  }
  #welcome-wrap #wc-howto .wc-howto-area > p {
    width: auto;
    padding: 0;
    margin: 0 auto 30px;
  }
  #welcome-wrap #wc-howto .wc-howto-area h2 img {
    width: 75%;
    min-width: 270px;
  }
  #welcome-wrap #wc-howto .howto-btn {
    width: 315px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #welcome-wrap #wc-howto .howto-btn li { width: 150px; }
  #welcome-wrap #wc-howto .howto-btn li:nth-child(2) {
    margin-right: 0;
    margin-bottom: 30px;
  }
  #welcome-wrap #wc-howto .howto-btn li:nth-child(3) { position: relative; }
  #welcome-wrap #wc-howto .add-goodDeal-area {
    width: 120px;
    top: 0;
    right: -95px;
  }
  #welcome-wrap #wc-howto .add-goodDeal:before {
    border: 6px solid transparent;
    border-top: 18px solid #F17272;
    bottom: -15px;
    left: 12px;
    transform: rotate(35deg);
  }
  #welcome-wrap #wc-howto .add-goodDeal:after {
    border: 7px solid transparent;
    border-top: 19px solid #FFF;
    bottom: -22px;
    left: 8px;
    transform: rotate(27deg);
  }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt { font-size: 10px; }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.strong { font-size: 13px; }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-txt {
    font-size: 14px;
    line-height: 1.1;
  }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-txt span.fs-small { font-size: 10px; }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl {
    width: 92px;
    top: -22px;
  }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:before,
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:after {
    top:7px;
  }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:before { left: -15px; }
  #welcome-wrap #wc-howto .add-goodDeal .add-goodDeal-subttl span.txt:after { right: -15px; }
  /*商品を探すには？*/
  #welcome-wrap #wc-search .wc-search-area { padding: 0; }
  #welcome-wrap #wc-search .search-column {
    width: 100%;
    padding: 0;
  }
  #welcome-wrap #wc-search .search-column dl {
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 20px;
  }
  #welcome-wrap #wc-search .search-column dt {
    width: 84%;
    max-width: 400px;
    font-size: 12px;
    margin: 0 auto 20px;
  }
  #welcome-wrap #wc-search .search-column dt span { font-size: 14px; }
  #welcome-wrap #wc-search .search-column dd {
    width: 90%;
    max-width: 450px;
    margin: auto;
  }
  #welcome-wrap #wc-search .search-column dd img { max-width: none; }
  /*卸価格を見てみよう*/
  #welcome-wrap #wc-price {
    background-image: url(/img/contents/welcome/bg_line01.png);
    background-size: 20%;
    background-repeat: repeat-x;
    background-position: top center;
    padding: 80px 0 35px;
  }
  #welcome-wrap #wc-price h3 img { width: calc(60% + 40px); }
  #welcome-wrap #wc-price .wc-price-area .request-column-area h4 {
    font-size: 16px;
    margin: 30px auto 20px;
  }
  #welcome-wrap #wc-price:after { border-top: 60px solid #FDFAE4; }
  #welcome-wrap #wc-price .wc-price-area { padding: 0; }
  #welcome-wrap #wc-price .wc-price-area p.ex_txt { text-align: left; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-area p.txt {
    width: 94%;
    text-align: left;
    margin: 0 auto 10px;
  }
  #welcome-wrap #wc-price .wc-price-area p .line { display: inline-block; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column {
    flex-wrap: wrap;
    padding-right: 0;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl {
    max-width: none;
    margin: 0 auto 40px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dt img {
    width: 100%;
    max-width: none;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl:after {
    border-top: none;
    border-bottom: 1px solid #FFB000;
    top: auto;
    bottom: -20px;
    right: 50%;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .request-column dl:last-child { margin-bottom: 0; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area > p {
    text-align: left;
    margin: 0 auto 10px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request { width: 94%; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column { width: 90%; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dl {
    max-width: none;
    margin-right: 0;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dt img { max-width: none; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area { right: 6%; }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt {
    width: 63px;
    height: 63px;
    font-size: 14px;
    padding: 19px 2px 19px 9px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt:before {
    border: 14px solid transparent;
    border-top: 21px solid #F17272;
    transform: rotate(32deg);
    bottom: -15px;
  }
  #welcome-wrap #wc-price .wc-price-area .request-column-area .add-price-area .add-price-txt:after {
    border: 6px solid transparent;
    border-top: 7px solid #FFF;
    transform: rotate(32deg);
    bottom: -9px;
    left: 2px;
  }
  /*お得に仕入れよう*/
  #welcome-wrap #wc-goodDeal { padding: 40px 0 80px; }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area { margin: 60px auto 0; }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column { display: block; }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column > img {
    width: 100%;
    height: auto;
  }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column h5 { font-size: 16px; }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column h6 {
    font-size: 14px;
    margin: 0;
  }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area .goodDeal-column .goodDeal-column-txt { margin-top: 5px; }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area table {
    font-size: 12px;
    margin-top: 10px;
  }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area caption {
    font-size: 12px;
    padding: 5px 4px 0 0;
  }
  #welcome-wrap #wc-goodDeal .wc-goodDeal-area table img { width: 100px; }
}

/* 2023 【foward】ようこそスーパーデリバリーへ
----------------------------------------------------------------------------- */
#welcome-foward-wrap * { box-sizing: border-box; }
#welcome-foward-wrap.welcome-en {
	font-family: "Arial", Arial, sans-serif;
  line-height: 1.5;
}
#welcome-foward-wrap.welcome-ko {
	font-family: "MalgunGothic", "맑은고딕", "Helvetica Neue", Arial, sans-serif;
	letter-spacing: -0.3px;
}
#welcome-foward-wrap.welcome-cn {
	font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
}
#welcome-foward-wrap.welcome-tw {
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
#welcome-foward-wrap { 
  background: #FDFAE4 url(/img/contents/welcome/bg_pc02.png) repeat-y top -175px center;
  position: relative;
}
#welcome-foward-wrap img {max-width: 100%;}
#welcome-foward-wrap a {
  text-decoration: none;
  color: #333;
}
#welcome-foward-wrap p {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}
#welcome-foward-wrap .language ul {
  background: #fff;
  border: #003893 solid 1px;
}
#welcome-foward-wrap .language ul li {
  border-left: #003893 solid 1px;
}
#welcome-foward-wrap .language ul li.select,
#welcome-foward-wrap .language ul li.select a {
  background: #003893;
  color: #fff;
}
#welcome-foward-wrap .language ul li a {
  color: #003893;
}
#welcome-foward-wrap div#wc-video h3,
#welcome-foward-wrap div h3 {
  margin: 0 0 20px;
}
#welcome-foward-wrap div:not(#wc-video) h3 {
   margin: 0 auto 40px;
   display: inline-block;
   font-size: 30px;
   padding-top: 60px;
   background: url(/img/contents/welcome/icon_price.svg) no-repeat top center;
}
#welcome-foward-wrap #wc-search:not(#wc-video) section h3 {
   background-image: url(/img/contents/welcome/icon_search.svg);
}
#welcome-foward-wrap #wc-cart:not(#wc-video) section h3 {
   background-image: url(/img/contents/welcome/icon_cart.svg);
}
#welcome-foward-wrap #wc-coupon:not(#wc-video) section h3 {
   background-image: url(/img/contents/welcome/icon_coupon.svg);
}
#welcome-foward-wrap #wc-support:not(#wc-video) section h3 {
   background-image: url(/img/contents/welcome/icon_support.svg);
}
#welcome-foward-wrap .line, 
#welcome-foward-wrap div:not(#wc-video) h3 > span {
  background: linear-gradient(transparent 60%, #FFDC00 60%);
  display: inline-block;
  padding: 0 3px;
  margin: 0 -3px;
}
#welcome-foward-wrap .bold { font-weight: bold; }
#welcome-foward-wrap div:not(#wc-video) h3 > span {
  min-width: 300px;
}
#welcome-foward-wrap .pc {
  display: block;
  margin: 0 auto;
}
#welcome-foward-wrap .sp { display: none; }
#welcome-foward-wrap + .push {
    display: none;
}
/*ボタン*/
#welcome-foward-wrap .wc-button { margin: 0 auto; }
#welcome-foward-wrap .wc-button p {
  margin: 0 auto;
  text-align: center;
}
#welcome-foward-wrap .wc-button a {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 26px;
  text-align: center;
  background-color: #EB4F50;
  border-radius: 32px;
  filter: drop-shadow(0 5px 0 #AF1F20);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  padding: 14px 15px 12px 75px;
  margin: 0 0 5px 0;
}
#welcome-foward-wrap .wc-button a span { font-size: 18px; }
#welcome-foward-wrap .wc-button a:before,
#welcome-foward-wrap .wc-button a:after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 35px;
}
#welcome-foward-wrap .wc-button a:before {
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
  width: 45px;
  height: 45px;
}
#welcome-foward-wrap .wc-button a:after {
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #EB4F50;
  border-width: 10px 0 10px 18px;
}
#welcome-foward-wrap .wc-button a:hover {
  filter: none;
  margin: 5px 5px 0 5px;
}
#welcome-foward-wrap .balloon {
  position: absolute;
  top: -40px;
  right: calc(50% - 76px - 6em);
  transform: rotate(7deg);
  width: 60px;
  height: 60px;
}
#welcome-foward-wrap.welcome-tw .balloon, 
#welcome-foward-wrap.welcome-cn .balloon {
  right: calc(50% - 76px - 3em);
}
#welcome-foward-wrap .balloon:before,
#welcome-foward-wrap .balloon:after {
  position: absolute;
  content: '';
  display: inline-block;
}
#welcome-foward-wrap .balloon:before {
    border: 6px solid transparent;
    border-top: 11px solid #F17272;
    transform: rotate(45deg);
    top: 47px;
    left: 0px;
    z-index: 3;
}
#welcome-foward-wrap .balloon:after {
    border: 8px solid transparent;
    border-top: 16px solid #FFF;
    transform: rotate(45deg);
    top: 47px;
    left: -5px;
    z-index: 1;
}
#welcome-foward-wrap .balloon > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 0 0;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  background: #F17272;
  border:3px solid #FFF;
  border-radius: 100%;
  z-index: 2;
  padding-bottom: 3px;
}
#welcome-foward-wrap.welcome-en .balloon > span {
  font-size: 12px;
  line-height: 1.1;
}
#welcome-foward-wrap.welcome-ko .balloon > span {
  font-size: 14px;
  line-height: 1.1;
}
#welcome-foward-wrap #wc-search,
#welcome-foward-wrap #wc-price,
#welcome-foward-wrap #wc-coupon,
#welcome-foward-wrap #wc-cart,
#welcome-foward-wrap #wc-support,
#welcome-foward-wrap #wc-video {
  padding: 35px 0 50px;
  text-align: center;
}
/*メインビジュアル*/
#welcome-foward-wrap #wc-mv {
  background: url(/img/contents/welcome/title_bg_pc.png) no-repeat center / cover;
  text-align: center;
}
#welcome-foward-wrap #wc-mv img {
  width: 26%;
  margin: 50px auto 84px;
}
/*スーパーデリバリーの使い方*/
#welcome-foward-wrap #wc-howto {
  background-image: url(/img/contents/welcome/bg_pc01.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top -135px center;
  padding: 40px 0 30px;
  text-align: center;
}
#welcome-foward-wrap .wc-howto-area {
  width: 98%;
  max-width: 1100px;
  margin: 0 auto;
}
#welcome-foward-wrap .wc-howto-area > p {
  padding: 0 20px;
  margin: 0 auto 30px;
}
#welcome-foward-wrap .wc-howto-area h2 {
  text-align: left;
  position: relative;
  border: none;
  margin: 0 auto 30px;
  display: inline-block;
}
#welcome-foward-wrap .wc-howto-area h2 {
  display: inline-block;
  color: #003893;
  padding: 2px calc(8% + 8px) 17px 8%;
  font-size: 25px;
  font-weight: normal;
  z-index: 10;
  position: relative;
  text-wrap: nowrap;
  text-align: center;
  background: #FFDC00;
}
#welcome-foward-wrap.welcome-en .wc-howto-area h2,
#welcome-foward-wrap.welcome-jp .wc-howto-area h2 {
  padding-bottom: 13px;
}
#welcome-foward-wrap .wc-howto-area h2::before {
  display: inline-block;
  content: " ";
  position: absolute;
  height: 50px;
  width: calc(100% - 4px);
  border: #003893 solid 2px;
  top: -6px;
  left: -6px;
  z-index: 0;
}
#welcome-foward-wrap .wc-howto-area .howto-area { position: relative; }
#welcome-foward-wrap .wc-howto-area .howto-btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  padding: 0;
  margin: 0 auto;
}
#welcome-foward-wrap .wc-howto-area .howto-btn img {
  min-width: 140px;
  width: 100%;
}
#welcome-foward-wrap .wc-howto-area .howto-btn li {
  margin: 0 10px 10px 0;
  text-align: center;
  position: relative;
}
#welcome-foward-wrap .wc-howto-area .howto-btn li:last-child { margin-right: 0; }
#welcome-foward-wrap .wc-howto-area .howto-btn li .balloon {
  top: -10px;
  right: 10px;
}
/*動画*/
#welcome-foward-wrap #wc-video {
  background-color: #FFF;
  padding: 35px 4% 90px;
}
#welcome-foward-wrap #wc-video .wc-video-area {
  max-width: 1060px;
  margin: 0 auto;
}
#welcome-foward-wrap #wc-video .h3 {margin-bottom: 30px;}
#welcome-foward-wrap #wc-video .h3 div {
  font-size: 14px;
  padding: 3px 30px 5px;
  border: 1px solid #959595;
  border-radius: 7px;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  font-weight: normal;
}
#welcome-foward-wrap #wc-video .h3 div:before,
#welcome-foward-wrap #wc-video .h3 div:after,
#welcome-foward-wrap #wc-video .h3 div  span:nth-of-type(1):after {
  position: absolute;
  content: '';
  display: inline-block;
}
#welcome-foward-wrap #wc-video .h3 div span:nth-of-type(1)::after {
  background: #fff;
  width: 20px;
  height: 6px;
  z-index: 4;
  bottom: 0;
  left: calc(50% - 10px);
}
#welcome-foward-wrap #wc-video .h3 div:before {
    border: 10px solid transparent;
    border-top: 18px solid #FFF;
    border-left-width: 0;
    top: 81%;
    left: calc(50% - 10px);
    z-index: 3;
    transform: rotate(24deg);
}
#welcome-foward-wrap #wc-video .h3 div:after {
    border: 10px solid transparent;
    border-left-width: 0;
    border-top: 18px solid #959595;
    top:  calc(81% + 3px);
    left: calc(50% - 12px);
    z-index: 1;
    transform: rotate(24deg);
}
#welcome-foward-wrap #wc-video .h3 span:nth-of-type(1) {
  color: #F17272;
  font-weight: 600;
  font-size: 22px;
}
#welcome-foward-wrap #wc-video .h3 span:nth-of-type(2) {
  font-weight: 600;
  font-size: 15px;
}
#welcome-foward-wrap #wc-video .h3 p {
  font-weight: 600;
  font-size: 30px;
}
#welcome-foward-wrap #wc-video .youtube {
  width: 100%;
  position: relative;
  width:100%;
  height:0;
  padding-top: 56.25%;
}
#welcome-foward-wrap #wc-video .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*卸価格を見てみよう*/
#welcome-foward-wrap #wc-price {
  position: relative;
  padding: 140px 0 0;
  background-image: url(/img/contents/welcome/bg_line01.png), url(/img/contents/welcome/bg_pc02.png);
  background-size: auto;
  background-repeat: repeat-x, repeat-y;
  background-position: top center, top -175px center;
}
#welcome-foward-wrap #wc-price .wc-price-area {
  max-width: calc(1100px + 8%);
  margin: 0 auto;
  padding: 0 4%;
}
#welcome-foward-wrap #wc-price .wc-price-area p {
  text-align: center;
  font-size: 90%;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area {
  position: relative;
  max-width: 1100px;
  background-color: #fff;
  border-radius: 20px;
  margin: 0 auto 60px;
  padding-bottom: 10px;
  text-align: left;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .h4 {position: relative;}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area h4 {
  background-color: #FFB000;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  border-radius: 20px 20px 0 0;
  padding: 10px 0;
  margin:30px auto 40px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area h5 {
  font-size: 16px;
  font-weight: normal;
  background-color: #EEE;
  padding: 8px 0 8px 18px;
  margin: 0 auto 20px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area p { margin-bottom: 25px; }
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin:  0 20px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl {
  width: 100%;
  max-width: 300px;
  position: relative;
  margin-right: 35px;
  margin-bottom: 30px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl:after {
  position: absolute;
  content: '';
  border-top: 2px solid #FFB000;
  border-right: 2px solid #FFB000;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  top: 35%;
  right: -21px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl:last-child,
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area  .nothing-request .request-column dl:last-child {
  margin-right: 0;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl:last-child:after {
  border-color: transparent;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dt img {
  width: 100%;
  max-width: 300px;
  border: 1px solid #CCC;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dd {
  position: relative;
  font-size: 15px;
  padding-top: 4px;
  text-indent: -30px;
  margin-left: 30px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-area {
  padding: 0 5%;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area dd span:first-child {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  font-size: 16px;
  width: 26px;
  height: 26px;
  color: #FDAE00;
  border-radius: 50%;
  border: #FDAE00 solid 2px;
  font-weight: 600;
  text-indent: 0;
  margin-right: 5px;
}
#welcome-foward-wrap.welcome-en #wc-price .wc-price-area .request-column-area dd span:first-child,
#welcome-foward-wrap.welcome-ko #wc-price .wc-price-area .request-column-area dd span:first-child,
#welcome-foward-wrap.welcome-en #wc-cart .wc-cart-area dd span:first-child,
#welcome-foward-wrap.welcome-ko #wc-cart .wc-cart-area dd span:first-child {
  align-items: center;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request {
  max-width: 650px;
  border: 1px solid #666;
  margin: 0 auto 40px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column { margin: 0 auto; }
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dl {
  max-width: 278px;
  margin-right: 44px;
}
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dt img { max-width: 278px; }
#welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request dd span:first-child {
  color: #666666;
  border-color: #666666;
}
/*欲しい商品を探そう*/
#welcome-foward-wrap #wc-search {
  background-color: #FFF;
  background-image: radial-gradient(#FDFAE5 15%, transparent 15%), radial-gradient(#FDFAE5 15%, transparent 15%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}
#welcome-foward-wrap #wc-search .wc-search-area {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
#welcome-foward-wrap #wc-search .wc-search-area > div:first-of-type {
  max-width: 1100px;
  padding: 40px 5%;
  margin: 0 auto 50px;
  background: #fff;
  border: 1px solid #C5C5C5;
  border-radius: 20px;
} 
#welcome-foward-wrap #wc-search .search-column,
#welcome-foward-wrap #wc-search div,
#welcome-foward-wrap #wc-cart .cart-column {
  text-align: left;
} 
#welcome-foward-wrap #wc-search .search-column {
  max-width: 940px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto 10px;
} 
#welcome-foward-wrap #wc-search .search-column + p {
  max-width: 790px;
  margin: 0 auto;
} 
#welcome-foward-wrap #wc-search div .search-column .first-gr {
  padding-right: 25px;
  box-sizing: content-box;
  border-right: #CCC dashed 1px;
} 
#welcome-foward-wrap #wc-search .search-column dl {
  max-width: 370px;
  display: block;
  margin-right: 25px;
}
#welcome-foward-wrap #wc-search .search-column dl:last-child {margin-right: 0; }
#welcome-foward-wrap #wc-search  .search-column dt {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 9px;
}
#welcome-foward-wrap #wc-search div .search-column dt {
  font-size: 15px;
}
#welcome-foward-wrap #wc-search .search-column dt span {
  vertical-align: bottom;
}
#welcome-foward-wrap #wc-search .search-column dt span:nth-of-type(2) {
  position: relative;
  color: #fff;
  font-size: 13px;
  background-color: #F17272;
  border-radius: 7px;
  padding: 5px 10px;
  margin: -4px 10px 0;
  display: inline-block;
}
#welcome-foward-wrap #wc-search .search-column dt span:nth-of-type(2):after {
  display: inline-block;
  position: absolute;
  content: '';
  border: 7px solid transparent;
  border-top: 12px solid #F17272;
  border-width: 12px 7px 0 0;
  transform: rotate(10deg);
  bottom: -10px;
  right: 50%;
}
#welcome-foward-wrap #wc-search .search-column dd {
  margin-left: 0;
  text-align: center;
  font-size: 0;

}
#welcome-foward-wrap #wc-search .search-column dd img {
  width: 100%;
  max-width: 370px;
  margin-bottom: 2px;
  border: 1px solid #CCC;
}
/*カートの見方*/
#welcome-foward-wrap #wc-cart {
  position: relative;
  padding: 55px 4% 0;
}
#welcome-foward-wrap #wc-cart:after {
  position: absolute;
  content: '';
  border: calc(50vw - 10px) solid transparent;
  border-top: 120px solid #FDFAE4;
  border-bottom-width: 0;
  top: 100%;
  left: 0;
  box-sizing: border-box;
}
#welcome-foward-wrap #wc-cart .wc-cart-area {
  max-width: 1100px;
  padding: 40px 5%;
  margin: 0 auto 0;
  background: #fff;
  border-radius: 20px;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding-right: 5px;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dl {
  width: 100%;
  max-width: 370px;
  position: relative;
  margin-right: 35px;
  text-align: left;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dl:after {
  position: absolute;
  content: '';
  border-top: 2px solid #FFB000;
  border-right: 2px solid #FFB000;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  top: 43%;
  right: -21px;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dl:last-child {
  margin-right: 0;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dl:last-child:after {
  content: none;
  border: none;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dt {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
}
#welcome-foward-wrap.welcome-en #wc-cart .wc-cart-area .request-column dt {
  min-height: 34px;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dd:nth-of-type(1) {margin: 0;}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dd:nth-of-type(2) {
  position: relative;
  padding-top: 4px;
  text-indent: -30px;
  margin-left: 30px;
}
#welcome-foward-wrap #wc-cart .wc-cart-area .request-column dd img {
  width: 100%;
  border: 1px solid #CCC;
}
#welcome-foward-wrap #wc-cart .wc-cart-area dd span:first-child {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  font-size: 16px;
  width: 26px;
  height: 26px;
  color: #FDAE00;
  border-radius: 50%;
  border: #FDAE00 solid 2px;
  font-weight: 600;
  text-indent: 0;
  margin-right: 5px;
}
/*入会特典について*/
#welcome-foward-wrap #wc-coupon {
  background-color: #FFF;
  background-image: radial-gradient(#FDFAE5 15%, transparent 15%), radial-gradient(#FDFAE5 15%, transparent 15%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  padding-left: 4%;
  padding-right: 4%;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area {
  width: 100%;
  max-width: 930px;
  margin: 110px auto 0;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area .h3 {
  position: relative;
  display: inline-block;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area .balloon {
  top: 0;
  left: 70%;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column h5 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  padding-left: 26px;
  margin: 0 0 5px;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column h5:before {
  position: absolute;
  content: '';
  border-left: 3px solid #FEAF00;
  border-bottom: 3px solid #FEAF00;
  transform: rotate(-45deg);
  width: 14px;
  height: 8px;
  top: 7px;
  left: 3px;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  text-align: left;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column > img {
  width: 370px;
  height: auto;
  border: 1px solid #CCC;
  margin-right: 30px;
}
#welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column .coupon-column-txt {font-size: 16px;}
#welcome-foward-wrap #wc-coupon .button a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  min-width: 300px;
  height: 64px;
  background: #EB4F50 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 0px #AF1F20;
  border-radius: 32px;
  font-size: 26px;
  line-height: 1.1;
  padding: 10px 30px;
  color: #FFFFFF;
  margin: 50px 0 5%;
}
#welcome-foward-wrap.welcome-en #wc-coupon .button a {
  font-size: 21px;
}
#welcome-foward-wrap.welcome-en #wc-coupon .button a span {
  flex-shrink: 0;
}
#welcome-foward-wrap #wc-coupon .button a:hover {
  opacity: 0.8;
}
/* 困ったときは? */
#welcome-foward-wrap #wc-support {margin: 0 5%;}
#welcome-foward-wrap #wc-support .wc-support-area {
  max-width: 1100px;
  margin: 0 auto;
}
#welcome-foward-wrap #wc-support .support-column-area {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}
#welcome-foward-wrap #wc-support .support-column {
  width: 48%;
  background: #fff;
  border-radius: 20px;
}
#welcome-foward-wrap #wc-support .support-column h4 {
  background: #FFB000;
  padding: 11px 10px 9px;
  margin: 0;
  text-align: center;
  border-radius: 20px 20px 0 0;
  font-size: 18px;
}
#welcome-foward-wrap #wc-support .support-column > div {
  padding: 40px 6%;
}
#welcome-foward-wrap #wc-support .support-column div > p {margin: 10px 0;}
#welcome-foward-wrap #wc-support .support-column div > p:nth-of-type(1) {
  position: relative;
  padding-bottom: 50px;
}
#welcome-foward-wrap #wc-support .support-column div > p:nth-of-type(1)::before,
#welcome-foward-wrap #wc-support .support-column div > p:nth-of-type(1):after {
  position: absolute;
  content: '';
  display: inline-block;
  border: 100px solid transparent;
  border-top: 40px solid #FFB000;
  border-width: 40px 100px 0 100px;
  width: 0;
  height: 0;
  bottom: 0;
  left: calc(50% - 100px);
}
#welcome-foward-wrap #wc-support .support-column div > p:nth-of-type(1):after {
  border-top: 40px solid #fff;
  bottom: 1px;
}
#welcome-foward-wrap #wc-support .support-column div img {
  margin: 10px 0;
  max-width: 260px;
}
#welcome-foward-wrap #wc-support .support-column .button a {
  display: inline-block;
  border-radius: 47px;
  background: #3768C9 url(/img/contents/welcome/question-icon.svg) no-repeat 1px center;
  background-size: 72px 23px;
  border: #18408E solid 1px;
  line-height: 47px;
  height: 47px;
  padding: 0 25px 0 55px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
#welcome-foward-wrap #wc-support .support-column .notice {
  font-size: 13px;
  color: #6E6E6E;
  margin-top: 20px;
}
/* 写真 */
#welcome-foward-wrap #wc-photo {
  text-align: center;
  padding: 20px 0 0;
}
#welcome-foward-wrap #wc-photo .wc-photo-area img {
  margin-bottom: -400px;
  max-width: 826px;
  width: 94%;
}
#welcome-foward-wrap #wc-photo .wc-photo-area > div {
  background-color: #E3EBF8;
  background-image: radial-gradient(#FDFAE4 15%, transparent 15%), radial-gradient(#FDFAE4 15%, transparent 15%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  padding: 430px 3% 35px;
}
#welcome-foward-wrap #wc-photo .wc-photo-area > div p {
  font-size: 20px;
}
#welcome-foward-wrap #wc-photo .wc-photo-area > div span {
  font-weight: 600;
}
#welcome-foward-wrap #wc-photo .wc-photo-area > div span span {
  color: #FE7700;
}


/* --TAB-- */
@media screen and (max-width: 940px) {
  #welcome-foward-wrap #wc-search,
  #welcome-foward-wrap #wc-price,
  #welcome-foward-wrap #wc-coupon,
  #welcome-foward-wrap #wc-cart,
  #welcome-foward-wrap #wc-support,
  #welcome-foward-wrap #wc-video {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  #welcome-foward-wrap .txt-return { display: block; }
  /*メインビジュアル*/
  #welcome-foward-wrap #wc-mv {
    height: 250px;
    background-size: auto 250px;
  }
  #welcome-foward-wrap #wc-mv img {
    width: 300px;
  }
  /*スーパーデリバリーの使い方*/
  #welcome-foward-wrap #wc-howto {
    width: 100%;
    background-image: url(/img/contents/welcome/bg_tab01.png);
    background-position: top -240px center;
    padding-right: 4%;
    padding-left: 4%;
  }
  #welcome-foward-wrap #wc-howto .wc-howto-area { width: auto; }
  #welcome-foward-wrap #wc-howto > p {
    width: fit-content;
    margin: 30px 20px;
  }
  #welcome-foward-wrap #wc-howto .howto-btn {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #welcome-foward-wrap #wc-howto .howto-btn::after {
    display: inline-block;
    content: "";
  }
  #welcome-foward-wrap #wc-howto .howto-btn img { width: 100%; }
  #welcome-foward-wrap #wc-howto .howto-btn::after,
  #welcome-foward-wrap #wc-howto .howto-btn li {
    margin: 5px;
    width: 29%;
  }
  /* 欲しい商品を探そう */
  #welcome-foward-wrap #wc-search .search-column dt span {
    font-size: 20px;
    vertical-align: top;
  }
  /*卸価格を見てみよう*/
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column {
    flex-wrap: wrap;
    margin: auto;
  }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area:nth-of-type(1) .request-column::after {
    display: inline-block;
    content: "";
  }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area:nth-of-type(1) .request-column::after,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl:last-child,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl {
    margin-right: 6%;
    margin-bottom: 25px;
    width: 44%;
    max-width: 300px;
  }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area.bulk-request-area .request-column dl:last-child {
    margin-right: 0;
  }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dd {
    font-size: 13px;
    margin-left: 30px;
  }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area.bulk-request-area .request-column { max-width: 630px; }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area h5 { font-size: 14px; }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column { max-width: 580px; }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dl { margin-right: 35px; }
  #welcome-foward-wrap .balloon { right: 22%; }
  /*入会特典について*/
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column > img {
    width: 40%;
    max-width: 340px;
  }
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column-txt {
    font-size: 15px;
  }
}
/* --SP-- */
@media screen and (max-width: 670px) {
  #welcome-foward-wrap.welcome-en {
    line-height: 1.4;
  }
  /* 言語選択 */
	#welcome-foward-wrap .language {
		background-color: #fff;
		border: 2px #003893 solid;
    right: 10px;
	}
	#welcome-foward-wrap .language .now-lang-txt {
		border-bottom: 1px #003893 solid;
		color: #003893;
		font-size: 16px;
    font-weight: 600;
	}
	#welcome-foward-wrap .language ul {
		background-color: #ffffff;
    border-radius: 0 ;
	}
	#welcome-foward-wrap .language li:not(:last-of-type) {
    border-radius: 0;
	}
	#welcome-foward-wrap .language .now-lang-txt p {
		color: #003893;
	}
	#welcome-foward-wrap .language li a {
		border-top: 1px #003893 solid;
		color: #003893!important;
    font-weight: 600;
	}
	#welcome-foward-wrap .language .lang-arw{
		border-left: 1px #003893 solid;
	}

  #welcome-foward-wrap p { font-size: 13px; }
  #welcome-foward-wrap div#wc-video section h3,
  #welcome-foward-wrap div:not(#wc-video) section h3 {
    margin-bottom: 20px;
  }
  #welcome-foward-wrap div#wc-video section h3 p,
  #welcome-foward-wrap div:not(#wc-video) section h3 > span { 
    font-size: 25px;
    min-width: 200px;
  }
  #welcome-foward-wrap div:not(#wc-video) section h3 > span {  display: inline;
  }
  #welcome-foward-wrap .balloon {
    right: calc(50% - 66px - 5em);
    width: 55px;
    height: 55px;
  }
  #welcome-foward-wrap .balloon:before,
  #welcome-foward-wrap .balloon:after {
    position: absolute;
    content: '';
    display: inline-block;
  }
  #welcome-foward-wrap .balloon:before {
    top: 41px;
    left: 0;
  }
  #welcome-foward-wrap .balloon:after {
    top: 40px;
    left: -5px;
  }
  #welcome-foward-wrap .balloon > span {
    font-size: 13px;
  }
  /*メインビジュアル*/
  #welcome-foward-wrap #wc-mv {
    height: 190px;
    background-size: auto 190px;
  }
  #welcome-foward-wrap #wc-mv img {
    width: 240px;
    margin-top: 40px;
  }
  /*スーパーデリバリーの使い方*/
  #welcome-foward-wrap .wc-howto-area h2 {
    font-size: 17px;
  }
  #welcome-foward-wrap .wc-howto-area h2::before {
    height: 36px;
  }
  #welcome-foward-wrap .wc-howto-area .howto-btn { max-width: 500px; }
  #welcome-foward-wrap #wc-howto .howto-btn::after,
  #welcome-foward-wrap #wc-howto .howto-btn li { 
    width: calc(50% - 10px);
  }
  /*卸価格を見てみよう*/
  #welcome-foward-wrap #wc-price {
    background-image: url(/img/contents/welcome/bg_line01.png);
    background-size: 20%;
    background-repeat: repeat-x;
    background-position: top center;
    padding: 80px 0 35px;
  }
  #welcome-foward-wrap #wc-price h3 img { width: calc(60% + 40px); }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area h4 {
    font-size: 16px;
    margin: 30px auto 20px;
  }
  #welcome-foward-wrap #wc-price:after { border-top: 60px solid #FDFAE4; }
  #welcome-foward-wrap #wc-price .wc-price-area p.ex_txt { text-align: left; }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area.bulk-request-area {margin-bottom: 20px;}
  #welcome-foward-wrap #wc-cart .wc-cart-area .request-column .request-area p.txt,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-area p.txt {
    width: 94%;
    text-align: left;
    margin: 0 auto 10px;
  }
  #welcome-foward-wrap #wc-cart .wc-cart-area .request-column,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column {
    display: block;
    padding: 0;
  }
  #welcome-foward-wrap #wc-cart .wc-cart-area .request-column dl,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area:nth-of-type(1) .request-column::after, #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl:last-child, #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl {
    max-width: none;
    margin: 0 auto 40px;
    width: 100%;
  }
  #welcome-foward-wrap #wc-cart .wc-cart-area .request-column dt img,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dt img {
    width: 100%;
    max-width: none;
  }
  #welcome-foward-wrap #wc-cart .wc-cart-area .request-column dl:after,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .request-column dl:after {
    border-top: none;
    border-bottom: 1px solid #FFB000;
    top: auto;
    bottom: -20px;
    right: 50%;
  }
  #welcome-foward-wrap #wc-cart .wc-cart-area .request-column dl:last-child,
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area:first-of-type .request-column dl:last-child { margin-bottom: 0; }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area > p {
    text-align: left;
    margin: 0 auto 10px;
  }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column { width: 90%; }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dl {
    max-width: none;
    margin-right: 0;
  }
  #welcome-foward-wrap #wc-price .wc-price-area .request-column-area .nothing-request .request-column dt img { max-width: none; }
  /*欲しい商品を探そう*/
  #welcome-foward-wrap #wc-search .wc-search-area { padding: 0; }
  #welcome-foward-wrap #wc-search .wc-search-area > div:first-of-type {padding: 20px 4%;}
  #welcome-foward-wrap #wc-search .search-column {
    width: 100%;
    padding: 0;
    display: block;
  }
  #welcome-foward-wrap #wc-search div .search-column .first-gr,
  #welcome-foward-wrap #wc-search .search-column dl {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0 ;
    border: none;
  }
  #welcome-foward-wrap #wc-search .search-column dl:last-child {margin-right: auto; }
  #welcome-foward-wrap #wc-search .search-column dt {
    font-size: 15px;
    margin: 0 0 5px;
  }
  #welcome-foward-wrap #wc-search .search-column dd {
    max-width: 450px;
    margin: auto;
  }
  #welcome-foward-wrap #wc-search .search-column dd img { max-width: none; }
  /* カートの見方 */
  #welcome-foward-wrap #wc-cart {padding-bottom: 10px;}
  #welcome-foward-wrap #wc-cart:after {
    border-top-width: 70px;
  }
  #welcome-foward-wrap.welcome-en #wc-cart .wc-cart-area .request-column .first-ora dt,
  #welcome-foward-wrap #wc-cart .wc-cart-area .request-column .first-ora dt {
    padding-bottom: 0;
  }
  /*入会特典について*/
  #welcome-foward-wrap #wc-coupon {padding-bottom: 10px;}
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .balloon {
    top: 0;
    left: 80%;
  }
  #welcome-foward-wrap #wc-coupon .wc-coupon-area {
    margin: 60px auto 0;
    max-width: 400px;
  }
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column {
    display: block;
    text-align: center;
  }
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column > img {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column h5 { font-size: 17px; }
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column .coupon-column-txt {
    font-size: 13px;
    text-align: left;
  }
  #welcome-foward-wrap #wc-coupon .wc-coupon-area .coupon-column .coupon-column-txt { margin-top: 10px; }
  #welcome-foward-wrap #wc-coupon .button a {
    width: 100%;
    font-size: 22px;
    margin: 20px 0 30px;
    flex-wrap: wrap;
  }
  #welcome-foward-wrap.welcome-en #wc-coupon .button a {
    font-size: 20px;
  }
  /* 困ったときは */
  #welcome-foward-wrap #wc-support {padding-bottom: 10px;}
  #welcome-foward-wrap #wc-support .support-column-area {
    display: block;
  }
  #welcome-foward-wrap #wc-support .support-column-area .support-column {
    width: 100%;
    margin-bottom: 20px;
  }
  #welcome-foward-wrap #wc-support .support-column-area .support-column > div {
    padding: 15px 3%;
    font-size: 13px;
  }
  /* 写真 */
  #welcome-foward-wrap #wc-photo .wc-photo-area img {
    margin-bottom: -150px;
  }
  #welcome-foward-wrap #wc-photo .wc-photo-area > div {
    padding: 180px 3% 35px;
  }
}
/*-----------【Export & Forward】人気検索キーワードページ作成ここから-----------*/
.keyword-cn {
  font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
}
.keyword-ko {
  font-family: "MalgunGothic", "맑은고딕", "Helvetica Neue", Arial, sans-serif;
}
.keyword-tw {
  font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
/* パンくずリスト */

#popular-keyword-wrapper div.punlist
{
	padding: 5px 5px 5px 5px;
	text-align:left;
}

/* パンくずリスト（やじるしcss） */
#popular-keyword-wrapper .topic-path {
	padding: 5px 8px;
	text-align: left;
  display: flex;
  font-size: 13px;
}
#popular-keyword-wrapper .topic-path a {
	margin-right: 25px;
	position: relative;
}
#popular-keyword-wrapper .topic-path a:after {
	content: '';
	position: absolute;
	right: -14px;
	top: 6px;
	width: 6px;
	height: 6px;
	border-top: 2px #888888 solid;
	border-right: 2px #888888 solid;
	border-radius: 2px;
	transform: rotate(45deg);
}

#popular-keyword-wrapper {
  width: 95%;
  margin: 0 auto;
  padding-top: 178px;
  margin-top: -178px;
}
#popular-keyword-wrapper .top-link-wrapper {
  width: 100%;
  position: fixed;
  bottom: 28px;
  right: 28px;
  display: flex;
  justify-content: flex-end;
  z-index: 10;
}
#popular-keyword-wrapper .top-link-wrapper .top-link {
  width: 55px;
  height: 55px;
  opacity: 0.6;
}
#popular-keyword-wrapper .top-link-wrapper .top-link img {
  width: 100%;
}
#popular-keyword-wrapper h2 {
  border-bottom: none;
  color: #666;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-top: 23px;
  margin-bottom: 35px;
}
#popular-keyword-wrapper .alphabet-link {
  width: 98%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 0;
}
#popular-keyword-wrapper .alphabet-link li:hover,.alphabet-link-tw li:hover {
  background-color: #333333;
  color: #9A9A9A;
}
#popular-keyword-wrapper .alphabet-link li,.alphabet-link-tw li {
  margin-bottom: 10px;
} 
#popular-keyword-wrapper .alphabet-link li:not(:last-child),.alphabet-link-tw li:not(:last-child) {
  margin-right: 10px;
} 
#popular-keyword-wrapper .alphabet-link li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #818181;
  font-size: 17px;
  border: 1px solid #ccc;
  width: 40px;
  height: 30px;
}
#popular-keyword-wrapper .alphabet-link li a:hover,.alphabet-link-tw li a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
#popular-keyword-wrapper .alphabet-link-tw {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
}
#popular-keyword-wrapper .alphabet-link-tw li {
  width:148px
}
#popular-keyword-wrapper .alphabet-link-tw li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #818181;
  font-size: 17px;
  border: 1px solid #ccc;
  width:100%;
  height: 35px;
}
#popular-keyword-wrapper .annotation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  color: #818181;
  margin-top: 17px;
  margin-bottom: 15px;
}
#popular-keyword-wrapper .annotation p {
  margin: 0;
}
#popular-keyword-wrapper .annotation .popular_mark {
  width: 15px;
  height: 15px;
  margin-right: 2px;
}
#popular-keyword-wrapper .annotation .popular_mark img {
  width: 100%;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter {
  border-top: 1px solid #CCC;
  color: #666;
  display: flex;
  padding-top: 20px; 
  padding-bottom: 20px;
  padding-left: 8%;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial h3 {
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  width: 35px;
  text-align: center;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial-tw h3 {
  width: 150px
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 88px;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li {
  width:400px;
  margin-bottom: 15px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li .list_popular_mark {
  width: 18px;
  height: 18px;
  margin-left: 7px;
  margin-bottom: 1px;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li .list_popular_mark img {
  width: 100%;
}
#popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li a {
  color: #666;
}
@media screen and (max-width: 940px) {
  #popular-keyword-wrapper {
    width: 100%;
  }
  #popular-keyword-wrapper .top-link-wrapper {
    bottom: 14px;
    right: 14px;
  }
  #popular-keyword-wrapper .alphabet-link {
    width: 96%;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding-left: 0;
    overflow: scroll;
    justify-content: flex-start;
  }
  #popular-keyword-wrapper .annotation {
    width: 96%;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 10px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel {
    width: 96%;
    margin: 0 auto;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter {
    flex-wrap: wrap;
    border-top: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 5px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1F1F1;
    font-size: 30px;
    padding-top: 4px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial h3 {
    width: 100%;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial-tw {
    padding-top: 0px;
    font-size: 24px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial-ko {
    padding-top: 0px;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial h3 {
    text-align: center;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .words-initial-tw h3 {
    width: 100%;
    text-align: center;
    margin-top:
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list {
    margin-top: 18px;
    padding-left: 0;
  }
  #popular-keyword-wrapper .BrandsPageScroll_panel .panel-letter .brand-table-list li {
    width: 100%;
    margin-left: 0;
  }
}
/*-----------【Export & Forward】人気検索キーワードページ作成ここまで-----------*/
/*------------------------------------------------
    不適切な商品を報告する
------------------------------------------------*/
.fo-rwd-table .row .td-txt .reason-txt1,
.fo-rwd-table .row .td-txt .reason-txt2 {
    background-color: #eeeeee;
    padding: 10px;
    font-size: 11px;
    margin-bottom: 10px;
    max-width: 340px;
    width: 97%;
}
.report-form-txt {
    background-color: #eeeeee;
    padding: 20px 10px;
    width: 750px;
    margin: 0 auto 30px;
    line-height: 1.5;
    text-align: center;
}

/* --SP-- */
@media screen and (max-width: 670px) {
  .report-form-txt {
    width: 90%;
    font-size: 12px;
  }
}

/* Paid（後払い）ご利用限度額引き上げのお申し込み
----------------------------------------------------------------------------- */
#kake-up-apply.fo-form-area .fo-rwd-table .row .td-txt textarea {
  width: 96%;
  max-width: 34em;
}
#kake-up-apply.fo-form-area .fo-submit-area .precaution {
  text-align: left;
  margin: 0 auto;
  max-width: 32em;
}
#kake-up-apply.fo-form-area .fo-rwd-table .row .td-txt .other-area input:disabled { background-color: #eeeeee; }
#kake-up-apply.fo-form-area .fo-submit-area .fo-submit { border-top: 1px solid #cccccc; }
/* PC・TAB */
@media screen and (min-width: 671px) {
  #kake-up-apply.fo-form-area .fo-rwd-table .row .th-cap { width: 27%; }
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt { padding: 5px 15px; }
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt .fo-radio { margin: 10px 20px 10px 0 ; }
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt .other-area .fo-radio { margin: 0 8px 0 0; }
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt .other-area,
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt .other-area .other-text { display: inline-block; }
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt .other-area { margin: 10px 0; }
}
/* SP */
@media screen and (max-width: 670px) {
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt .other-area .fo-radio { margin-bottom: 5px; }
  #kake-up-apply.fo-form-area .fo-rwd-table .row.limit .td-txt .other-area .other-text { margin-left: 25px; }
}
@keyframes show {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes myfirst { /* Safari and Chrome */
  from { opacity: 0; }
  to { opacity: 1; }
}
/* 2022 3Dショールーム
----------------------------------------------------------------------------- */
#matterport + script + .push {
  height: 0;
}
#matterport .matterport-wrapper {
  overflow: hidden;
}
#matterport h1,#matterport h2,#matterport h3 {
  border: none;
}
#matterport img {
  max-width: 100%;
  vertical-align: bottom;
}
#matterport .matterport-kv {
  position: relative;
  height: 430px;
  background: #fff;
}
.matterport-kv-inner {
  background: transparent linear-gradient(256deg, rgba(36,171,220,.5) 0%, rgba(198,163,222,.5) 100%) 0% 0% no-repeat padding-box;
  height: 100%;
}
#matterport .matterport-kv::before {
  position: absolute;
  content:"";
  background: url("/img/contents/matterport/kv_figure.png") no-repeat left top / 100%;
  width: 750px;
  height: 420px;
  left: 44%;
  top: 36px;  
}
#matterport .matterport-kv-header {
  position: relative;
  margin: 0 auto;
  padding: 100px 0 0 30px;
  max-width: 1200px;
  box-sizing: border-box;
}
#matterport .matterport-kv-catch {
  margin: 24px auto 0;
  line-height: 1;
  width: 90%;
}
#matterport .matterport-kv-lead {
  margin: 50px 0 0;
  font-size: 15px;
  line-height: 1.8;
}
#matterport .matterport-use {
  padding: 100px 0;
  background: #fff;
}
#matterport .matterport-use-heading {
  text-align: center;
}
#matterport .matterport-use-list {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 76px 0 0;
  padding: 0;
}
#matterport .matterport-use-item {
  position: relative;
  margin:  0 50px;
}
#matterport .matterport-use-item figure {
  margin: 0;
}
#matterport .matterport-use-item:nth-child(1)::after {
  content:"";
  position: absolute;
  background: url("/img/contents/matterport/use_arrow.svg") no-repeat 0 0;
  width: 42px;
  height: 14px;
  left: calc(100% + 25px);
  top: 43%;
  transform: translateY(-50%);
}
#matterport .matterport-use-item::before {
  content: "";
  position: absolute;
  left: -25px;
  top: -36px;
  transform: rotate(-15deg);
}
#matterport .matterport-use-item:nth-child(1)::before {
  background: url("/img/contents/matterport/use_step1.svg") no-repeat 0 0;
  width: 98px;
  height: 67px;
}
#matterport .matterport-use-item:nth-child(2)::before {
  background: url("/img/contents/matterport/use_step2.svg") no-repeat 0 0;
  width: 98px;
  height: 67px;
}
#matterport .matterport-use-item-caption {
  margin-top: 20px;
  font-size: 16px;
  text-align: center;
}
#matterport .matterport-categories {
  padding: 150px 0;
}
#matterport .matterport-categories-article {
  max-width: 1100px;
  margin: 0 auto;
  overflow:hidden;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #5A5A5A33;
}
#matterport .matterport-categories-article + .matterport-categories-article {
  margin-top: 120px;
}
#matterport .matterport-categories-article-heading {
  padding: 20px 0 15px;
  background: transparent linear-gradient(266deg, #24ABDC 40%, #24ABDC 60%, #C6A3DE 100%) 0% 0% no-repeat padding-box;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
#matterport .matterport-categories-article-inner {
  background: #fff;
  padding: 50px 70px 100px;
}
#matterport .matterport-cv {
  background: #fff;
}
#matterport .matterport-cv-inner {
  background: transparent linear-gradient(256deg, rgba(36,171,220,.5) 0%, rgba(198,163,222,.5) 100%) 0% 0% no-repeat padding-box;
  padding: 80px 0 100px;
}
#matterport .matterport-cv-box {
  text-align: center;
  padding: 58px 0;
  max-width: 726px;
  background: #fff;
  border-radius: 10px;
  margin: 0 auto;
  box-shadow: 0px 3px 6px #00000029;
}
#matterport .matterport-cv-heading {
  margin:0;
  font-weight: bold;
  font-size: 20px;
}
#matterport .matterport-cv-inner p {
  margin: 25px 0 0;
  font-size: 16px;
}
#matterport .matterport-cv-inner .co-btn {
  margin: 12px 0 0;
  min-width: 304px;
}
.matterport-nav {
  position: fixed;
  right: 0;
  bottom: 30px;
  border-radius: 10px 0px 0px 10px;
  box-shadow: 0px 0px 15px #5A5A5A33;
  background: #fff;
  overflow: hidden;
  z-index: 20;
}
.matterport-nav-list {
  margin:0;
  padding:0;
}
.matterport-nav li {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  width: 220px;
}
.matterport-nav li .is-active {
  background: #2DABDC;
  color: #fff;
}
.matterport-nav li a {
  display: block;
  padding: 20px 0 15px;
  color: #000;
}
.matterport-nav li a:hover {
  text-decoration: none;
}
#matterport .matterport-categories-list {
  display: flex;
  flex-wrap: wrap;
}
#matterport .matterport-categories-item {
  position: relative;
  flex: 0 1 calc(calc(100% - 70px) / 3);
  transition: .3s;
}
#matterport .matterport-categories-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #C4C4C4;
  border-top-left-radius: 15rem;
  border-top-right-radius: 15rem;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#matterport .matterport-categories-name {
  font-weight: bold;
  font-size: 19px;
  margin: 0;
  line-height: 1.5;
}
#matterport .matterport-categories-description {
  font-size: 15px;
  margin: 5px 0 0;
  line-height: 1.6;
}
#matterport .matterport-categories-dealerParam {
  font-size: 13px;
  margin: 5px 0 0;
}
#matterport .matterport-categories-item-inner {
  position: relative;
  /* 少し左がずれるため */
  padding: 8px 6px 8px 8px;
}
#matterport .matterport-categories-text {
  padding: 20px 25px 15px;
  margin: 0 -8px;
  border-top: none;
}
#matterport .matterport-categories-img {
  position: relative;
  margin: 0 auto;
  vertical-align: bottom;
  height: 210px;
}
#matterport .matterport-categories-img:hover {
  cursor: pointer;
}
#matterport .matterport-categories-img .bg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  object-fit: none;
  border-radius:200px 200px 0 0;
  object-position:85% 20%;  
}
#matterport .matterport-categories-img:hover .bg::before {
  content: "";
  position: absolute;
  background: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#matterport .matterport-categories-item .bg::before {
  transition: .3s;
  object-fit: none;
  border-radius: 200px 200px 0 0;
  object-position: 85% 20%;  
}
#matterport .matterport-categories-img:hover .matterport-categories-annonce {
  opacity: 1;
}
#matterport .matterport-categories-annonce {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  width: 100%;
  margin: 0;
  transition: .3s;
}
#matterport .matterport-categories-annonce .icon {
  line-height: 0;
  margin-left: 8px;
}
/* モーダル処理 */
#matterport .virtualShop-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 47px 0;
  max-width: 1200px;
  max-height: 686px;
  width: 90%;
  height: 90%;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 1px 1px 3px 0px #bbbbbb;
  border-radius: 5px;
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 2px solid #bbbbbb;
  border-bottom: 2px solid #bbbbbb;
  z-index: 9001;  
}
#matterport .virtualShop-modal.-is-show {
  display: block;
}
#matterport .virtualShop-modal .virtualShop-modal-text {
  display: none;
  width: 100%;
  height: 100%;
}
#matterport .virtualShop-modal .virtualShop-modal-cancel {
  position: absolute;
  top: 10px;
  right: 10px;  
  background: #999999;
  width: 28px;
  height: 28px;
  text-align: center;
  padding: 2px 1px 3px 2px;
  margin-left: auto;
  margin-right: 0;
  color: #ffffff;
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  float: right;
  box-sizing: border-box;
}
#matterport .virtualShop-modal .virtualShop-modal-inner {
  position: relative;
  width: 100%;
  height: 100%;  
}
#matterport .virtualShop-modal iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  border: none;
}
.virtual-modal-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  opacity: 0.3;
  background-color: #000000;
  top: 0;
  left: 0;
  z-index: 9000;
}
@media screen and (min-width:941px) {
  #matterport .matterport-wrapper {
    background: url("/img/contents/matterport/bg_section_01.png") no-repeat center center /100% rgba(225,225,225,.34);
    background-attachment:fixed;
  }
  #matterport .matterport-use-item {
    flex: 0 1 360px;
  }
  /* 実際のデザインより少し縮小させる */
  #matterport .matterport-use-heading {
    transform: scale(0.9);
  }
  #matterport .matterport-categories-item:not(:nth-child(3n)) {
    margin-right: 35px;
  }
  #matterport .matterport-categories-item:nth-child(n+4) {
    margin-top: 30px;
  }
  .matterport-nav li a:hover {
    background: #2DABDC;
    color: #fff;
  }
  .matterport-nav li + li {
    border-top: 1px solid #CCCCCC;
  }
  .matterport-nav {
    border: 1px solid #CCCCCC;
  }
  #matterport .matterport-kv-header-inner {
    max-width: 446px;
  }  
}

@media screen and (max-width:940px) {
  #matterport .matterport-wrapper {
    position: relative;
  }
  #matterport {
    position: relative;
  }
  #matterport::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(/img/contents/matterport/bg_section_01_sp.png) no-repeat 90% 10% rgba(225,225,225,.34);
    background-size: 120%;
    z-index: 0;
  }
  #matterport .matterport-kv {
    height: 113vw;
    max-height: 840px;
  }
  #matterport .matterport-kv::before {
    background: url(/img/contents/matterport/kv_figure_sp.png) no-repeat center top / 100%;
    width: calc(772/768*100vw);
    height: calc(498/768*100vw);
    bottom: 0;
    left: 0;
    top: auto;
  }
  #matterport .matterport-kv-header {
    padding: calc(70/768*100vw) 0 0;
    width: calc(526/768*100vw);
    margin: 0 auto;
    text-align: center;
  }
  #matterport .matterport-kv-catch {
    margin: 24px auto 0;
    width: 80%;
  }
  #matterport .matterport-kv-lead {
    margin: calc(40/768*100vw) 0 0;
    font-size: 16px;
  }
  #matterport .matterport-use-list {
    margin: 60px 0 0;
  }
  #matterport .matterport-use-item {
    margin: 0 30px;
  }
  #matterport .matterport-use-item:nth-child(1)::after {
    left: calc(100% + 15px);
  }
  #matterport .matterport-categories {
    padding: 100px 30px;
  }
  #matterport .matterport-categories-article-inner {
    padding: 30px 35px 80px;
  }
  #matterport .matterport-categories-article-heading {
    font-size: 20px;
  }
  #matterport .matterport-categories-article + .matterport-categories-article {
    margin-top: 80px;
  }
  #matterport .matterport-categories-item {
    flex: 0 1 calc(calc(100% - 30px) / 2);
  }
  #matterport .matterport-categories-item:nth-child(n+3) {
    margin-top: 20px;
  }
  #matterport .matterport-categories-img {
    height: 215px;
    display: block;
  }
  #matterport .matterport-categories-text {
    padding: 15px 20px 12px;
  }
  #matterport .matterport-categories-name {
    font-size: 18px;
  }
  #matterport .matterport-categories-description {
    font-size: 14px;
  }
  #matterport .matterport-categories-dealerParam {
    font-size: 13px;
    margin: 5px 0 0;
  }
  #matterport .matterport-cv-heading {
    font-size: 22px;
  }
  #matterport .matterport-cv-box {
    max-width: 708px;
  }
  .matterport-nav {
    width: 100%;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .matterport-nav-list {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
  }
  .matterport-nav li {
    flex: 0 1 25%;
    box-sizing: border-box;
    font-size: 15px;
    border-top: 1px solid #CCCCCC;
  }
  .matterport-nav li a {
    padding: 20px 0 15px;
  }
  .matterport-nav li:nth-child(2n) {
    border-left: 1px solid #CCCCCC;
  }
  #matterport .matterport-categories-item-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
  }
  #matterport .matterport-categories-item-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
  }
}

@media screen and (min-width:671px) and (max-width:940px) {
  .matterport-nav li {
    border-left: 1px solid #CCCCCC;
  }
  #matterport .matterport-categories-item:not(:nth-child(2n)) {
    margin-right: 30px;
  }
}

@media screen and (max-width:670px) {
  #matterport .matterport-kv {
    height: calc(504/375*100vw);
    max-height: 504px;
  }
  #matterport .matterport-kv::before {
    width: 110%;
    height: 110%;
    bottom: 12px;
    right: -20px;
    top: auto;
    left: auto;
    background-position: center bottom;
  }
  #matterport .matterport-kv-catch {
    margin: 16px auto 0;
    width: 96%;
  }
  #matterport .matterport-kv-lead {
    font-size: 13px;
  }
  #matterport .matterport-kv-header {
    padding: calc(45/375*100vw) 0 0;
    width: calc(335/375*100vw);
  }
  #matterport::before {
    background-position: 85% 40%;
  }  
  #matterport .matterport-categories {
    padding: 60px 20px;
  }
  #matterport .matterport-categories-img {
    height: 200px;
    display: block;
  }
  #matterport .matterport-categories-article-heading {
    font-size: 18px;
  }
  #matterport .matterport-categories-name {
    font-size: 16px;
  }
  #matterport .matterport-categories-description {
    margin: 5px 0 0;
    font-size: 14px;
  }
  #matterport .matterport-categories-dealerParam {
    font-size: 13px;
    margin: 5px 0 0;
  }
  #matterport .matterport-categories-article-inner {
    padding: 30px 20px 50px;
  }
  #matterport .matterport-categories-text {
    padding: 15px 20px 5px;
  }
  #matterport .matterport-categories-item {
    flex: 0 1 100%;
  }
  #matterport .matterport-categories-item:nth-child(n+2) {
    margin-top: 20px;
  }
  #matterport .matterport-categories-article + .matterport-categories-article {
    margin-top: 50px;
  }
  #matterport .matterport-use {
    padding: 60px 0;
  }
  #matterport .matterport-use-heading {
    max-width: 180px;
    margin: 0 auto;
  }
  #matterport .matterport-use-list {
    margin: 36px 0 0;
    flex-direction: column;
    align-items: center;
  }
  #matterport .matterport-use-item {
    margin: 0;
    width: calc(274/375*100vw);
  }
  #matterport .matterport-use-item-caption {
    margin-top: 15px;
    font-size: 14px;
  }
  #matterport .matterport-use-item + .matterport-use-item {
    margin-top: 54px;
  }
  #matterport .matterport-use-item:nth-child(1)::after {
    left: 50%;
    top: calc(100% + 15px);
    transform: translateX(-50%) rotate(97deg) scale(0.9);
  }
  #matterport .matterport-use-item::before {
    left: -35px;
    transform: rotate(-15deg) scale(0.7);
  }
  #matterport .matterport-cv-inner {
    padding: 60px 20px;
  }
  #matterport .matterport-cv-box {
    padding: 50px 20px;
  }
  #matterport .matterport-cv-heading {
    font-size: 18px;
  }
  #matterport .matterport-cv-inner p {
    margin: 15px 0 0;
    font-size: 14px;
  }
  #matterport .matterport-cv-inner .co-btn {
    margin: 40px 0 0;
    width: 100%;
    min-width: auto;
  }
  .matterport-nav li {
    flex: 0 1 50%;
    font-size: 12px;
  }
  .matterport-nav li a {
    padding: 12px 0;
  }
}
/* No.35084 エステサロンLP
-------------------------------------------- */
/* 共通 */
#monitor-beauty-salon * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #4B201E;
}
#monitor-beauty-salon * img { line-height: 0; }
#monitor-beauty-salon * .pink { color: #CB3244; }
#monitor-beauty-salon * .maxwidth1080 { max-width: 1080px; }
#monitor-beauty-salon .contents {
  padding: 60px 4% 80px;
  text-align: center;
  display: flex;
    flex-direction: column;
    align-items: center;
}
#monitor-beauty-salon .contents h4 + p {
  font-size: 16px;
  line-height: 1.9;
  position: relative;
  margin-top: 60px;
  margin-bottom: 55px;
}
#monitor-beauty-salon .contents h4 + p::after {
  content: '';
  width: 122px;
  height: 11px;
  display: block;
  position: absolute;
  top: -35px;
  left: calc(50% - 61px);
  background: url(/img/contents/lp/monitor/beauty_salon/decoration_00.svg) center center no-repeat;
  background-size: cover;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 共通 */
  #monitor-beauty-salon .contents { padding: 40px 4% 60px; }
  #monitor-beauty-salon .contents h4 + p {
    font-size: 15px;
    margin-top: 40px;
    margin-bottom: 35px;
  }
  #monitor-beauty-salon .contents h4 + p::after {
    width: 100px;
    height: 9px;
    top: -25px;
    left: calc(50% - 50px);
  }
}
@media screen and (max-width:670px) {
  #monitor-beauty-salon .contents { padding: 40px 6% 60px; }
  #monitor-beauty-salon .contents h4 + p { margin-bottom: 30px; }
}
/* ヘッダー */
#monitor-beauty-salon .logo-wrap {
  position: absolute;
    z-index: 2;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 20px 0 0 20px;
}
#monitor-beauty-salon .logo-wrap img {
  display: block;
  width: 128px;
  height: auto;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  #monitor-beauty-salon .logo-wrap { padding: 10px 0 0 10px; }
  #monitor-beauty-salon .logo-wrap img { width: 100px; }
}
/* メールフォーム（共通） */
#monitor-beauty-salon .mail-input-wrap {
  background-color: #5B4241;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 35px 0 0;
}
#monitor-beauty-salon .mail-input-wrap h2 {
  font-size: 26px;
  border: none;
  color: #fff;
}
#monitor-beauty-salon .mail-input-wrap h2 span {
  font-size: 38px;
  color: #DCC85F;
  position: relative;
  padding-right: 3px;
}
#monitor-beauty-salon .mail-input-wrap h2 span:before {
  top: -9px;
  left: -20px;
  width: 24px;
  height: 26px;
  content: '';
  position: absolute;
  background: url(/img/contents/lp/monitor/beauty_salon/form_icon_00.svg) center center / cover no-repeat;
}
#monitor-beauty-salon .mail-input-wrap .entry-form-action {
  display: flex;
  justify-content: center;
  margin: 10px auto 15px;
}
#monitor-beauty-salon .mail-input-wrap.top .entry-form-action {
  width: 90%;
}
#monitor-beauty-salon .mail-input-wrap .entry-form-action .entry-form-box { margin-right: 10px; }
#monitor-beauty-salon .mail-input-wrap .entry-form-action .entry-form-box input {
  padding: 13px 15px;
  width: 100%;
  font-size: 20px;
  color: #666;
  border-radius: 3px;
}
#monitor-beauty-salon .mail-input-wrap .entry-form-action .mail-button input {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #eb4f50 url("/img/contents/lp/monitor/beauty_salon/form_arrow_00.svg") right 20px center no-repeat;
  background-size: 8px 12px;
  border-radius: 35px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  padding: 10px 60px 10px 30px;
  float: right;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  cursor: pointer;
}
#monitor-beauty-salon .mail-input-wrap .entry-form-action .mail-button input:hover {
  opacity: 0.8;
}
#monitor-beauty-salon .mail-input-wrap .attention {
  font-size: 14px;
}
#monitor-beauty-salon .mail-input-wrap .sub-item {
  font-size: 21px;
  margin: 0 0 16px;
  font-weight: normal;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
}
#monitor-beauty-salon .mail-input-wrap .sub-item::before,
#monitor-beauty-salon .mail-input-wrap .sub-item::after {
  background-color: #fff;
  border-radius: 3px;
  content: "";
  height: 3px;
  width: 26px;
}
#monitor-beauty-salon .mail-input-wrap .sub-item::before {
  transform: rotate(40deg);
}
#monitor-beauty-salon .mail-input-wrap .sub-item::after {
  transform: rotate(-40deg);
}
#monitor-beauty-salon .mail-input-wrap.top .form-inner-wrap {
  background: #fff;
  padding: 30px 0 24px;
  border-radius: 0 0 5px 5px;
}
#monitor-beauty-salon .mail-input-wrap .form-inner-wrap {
  background: #fff;
  padding: 30px 0 24px;
  border-radius: 0;
}
/* メールフォーム（TOP/BOTTOM）*/
#monitor-beauty-salon .mail-input-wrap.top {
  border-radius: 5px;
  max-width: 960px;
  width: 90%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 490px;
  z-index: 1;
  padding: 30px 0 0;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
#monitor-beauty-salon .mail-input-wrap.bottom { padding: 65px  0 0; }
#monitor-beauty-salon .mail-input-wrap.top h2,
#monitor-beauty-salon .mail-input-wrap.bottom h2 { font-size: 30px; }
#monitor-beauty-salon .mail-input-wrap.top h2 span,
#monitor-beauty-salon .mail-input-wrap.bottom h2 span { font-size: 49px; }
#monitor-beauty-salon .mail-input-wrap.top .entry-form-action,
#monitor-beauty-salon .mail-input-wrap.bottom .entry-form-action { margin-bottom: 15px; }

/* クーポン (小サイズ リボン付き)*/
#monitor-beauty-salon .coupon-wrap {
  display: flex; 
  justify-content: center; 
  max-width: 680px;
  margin: 0 auto 30px;
}
#monitor-beauty-salon .coupon-wrap .coupon-box {
	align-items: center;
  display: flex;
  flex-wrap:wrap;
  width: 303px;
  position: relative;
	overflow: hidden;
}
#monitor-beauty-salon .coupon-wrap .coupon-box::before {
  content: "";
  position: absolute;
  display: inline-block;
	top: 8px;
	left: -34px;
  width: 100px;
  padding: 6px 0;
  background: #402B2A;
  color: #fff;
  text-align: center;
  transform: rotate(-40deg);
}
#monitor-beauty-salon .coupon-wrap .coupon-inner {
	overflow: hidden;
	align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 20px;
  width: 259px;
  background: #FFF157;
  min-height: 80px;
}
#monitor-beauty-salon .coupon-wrap .coupon-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  background-image: url(/img/contents/lp/monitor/ticket_orange.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: contain;
	width: 47px;
	height: 100%;
}
/* クーポンアイコン */
#monitor-beauty-salon .coupon-wrap .coupon-inner .catch {
  width: 50px;
  margin: 0 14px 0 24px;
}
/* アンド（＆） */
#monitor-beauty-salon .coupon-wrap .connection {
  align-items: center;
  display: flex; 
  font-size: 29px;
  font-weight: bold;
  margin: 0 20px;
  color: #fff;
}
/* フォント装飾 */
#monitor-beauty-salon .coupon-wrap .coupon-box br { width: 100%; }
#monitor-beauty-salon .coupon-box .co-r { color: #EB4F50; }
#monitor-beauty-salon .coupon-box .comma { font-size: 19px; }
#monitor-beauty-salon .coupon-box .tx-17 { font-size: 17px; }
#monitor-beauty-salon .coupon-box .tx-18 { font-size: 18px; }


/* TAB/SP */
@media screen and (max-width: 940px) {
  /* メールフォーム（共通） */
  #monitor-beauty-salon .mail-input-wrap .entry-form-action { flex-direction: column; }
  #monitor-beauty-salon .mail-input-wrap .entry-form-action .entry-form-box {
    margin-bottom: 15px;
    margin-right: 0;
  }
  #monitor-beauty-salon .mail-input-wrap.top .entry-form-action {
    width: 100%;
  }
  #monitor-beauty-salon .mail-input-wrap.top .entry-form-action .entry-form-box input {
    width: 90%;
    max-width: 38em;
  }
  #monitor-beauty-salon .mail-input-wrap .entry-form-action .entry-form-box input {
    width: 83%;
    max-width: 38em;
  }
  #monitor-beauty-salon .mail-input-wrap.top .entry-form-action .mail-button input { 
    width: 70%;
    float: none; 
  }
  #monitor-beauty-salon .mail-input-wrap .entry-form-action .mail-button input { 
    width: 66%;
    float: none; 
  }
  #monitor-beauty-salon .mail-input-wrap .sub-item {
    font-size: 18px;
  }
  /* メールフォーム（TOP/BOTTOM）*/
  #monitor-beauty-salon .mail-input-wrap.top {
    padding: 30px 0 0;
    width: 94%;
    top: 830px;
    z-index: 3;
  }
  /* クーポン (小サイズ リボン付き)*/
  #monitor-beauty-salon .coupon-wrap {
    max-width: 90%;
  }
  #monitor-beauty-salon .coupon-wrap .coupon-box {
    width: 49%;
  }
  #monitor-beauty-salon .coupon-wrap .coupon-inner {
    width: 86%;
    font-size: 12px;
  }
  #monitor-beauty-salon .coupon-wrap .coupon-inner::after {
    width: 15%;
  }
  #monitor-beauty-salon  .coupon-wrap .inner {
    margin: 0 auto;
  }
  /* クーポンアイコン */
  #monitor-beauty-salon .coupon-wrap .coupon-inner .catch {
    width: 44px;
    margin: 0 12px 0 18px;
  }
  /* フォント装飾 */
  #monitor-beauty-salon .coupon-box .tx-18 { font-size: 16px; }
}
/* SP */
@media screen and (max-width:670px) {
  .co-vi-pc {
    display: none;
  }
  /* メールフォーム（共通）（TOP/BOTTOM） */
  #monitor-beauty-salon .mail-input-wrap,
  #monitor-beauty-salon .mail-input-wrap.top,
  #monitor-beauty-salon .mail-input-wrap.bottom { padding: 14px 0 0; }
  #monitor-beauty-salon .mail-input-wrap.top {
    width: 92%;
    top: 520px;
  }
  #monitor-beauty-salon .mail-input-wrap h2,
  #monitor-beauty-salon .mail-input-wrap.top h2,
  #monitor-beauty-salon .mail-input-wrap.bottom h2 { 
    font-size: 17px;
    margin: 0 auto 10px;
  }
  #monitor-beauty-salon .mail-input-wrap h2 span,
  #monitor-beauty-salon .mail-input-wrap.top h2 span,
  #monitor-beauty-salon .mail-input-wrap.bottom h2 span  { font-size: 28px; }
  #monitor-beauty-salon .mail-input-wrap h2 span:before {
    width: 16px;
    height: 17px;
    top: -6px;
    left: -14px;
  }
  #monitor-beauty-salon .mail-input-wrap .entry-form-action,
  #monitor-beauty-salon .mail-input-wrap.top .entry-form-action,
  #monitor-beauty-salon .mail-input-wrap.bottom .entry-form-action { margin-bottom: 20px; }
  #monitor-beauty-salon .mail-input-wrap .entry-form-action .entry-form-box { margin-bottom: 12px; }
  #monitor-beauty-salon .mail-input-wrap .entry-form-action .entry-form-box input,
  #monitor-beauty-salon .mail-input-wrap.top .entry-form-action .entry-form-box input,
  #monitor-beauty-salon .mail-input-wrap.bottom .entry-form-action .entry-form-box input {
    font-size: 15px;
    padding: 13px 10px;
  }
  #monitor-beauty-salon .mail-input-wrap .entry-form-action .mail-button input,
  #monitor-beauty-salon .mail-input-wrap.top .entry-form-action .mail-button input,
  #monitor-beauty-salon .mail-input-wrap.bottom .entry-form-action .mail-button input {
    font-size: 16px;
    background-size: 8px auto;
    font-weight: normal;
  }

  #monitor-beauty-salon .mail-input-wrap .entry-form-action .mail-button input,
  #monitor-beauty-salon .mail-input-wrap.bottom .entry-form-action .mail-button input {
    width: 83%;
  }
  #monitor-beauty-salon .mail-input-wrap.top .entry-form-action .mail-button input {
    width: 90%;
  }
  #monitor-beauty-salon .mail-input-wrap .attention,
  #monitor-beauty-salon .mail-input-wrap.top .attention,
  #monitor-beauty-salon .mail-input-wrap.bottom .attention { font-size: 14px; }
  #monitor-beauty-salon .mail-input-wrap .sub-item {
    font-size: 15px;
  }
  #monitor-beauty-salon .mail-input-wrap.top .form-inner-wrap {
    padding: 10px 0 14px;
  }
  /* クーポン (小サイズ リボン付き)*/
  #monitor-beauty-salon .mail-input-wrap .coupon-wrap,
  #monitor-beauty-salon .mail-input-wrap.bottom .coupon-wrap {
    width: 83%;
    margin: 0 auto 20px;
  }
  #monitor-beauty-salon .mail-input-wrap.top .coupon-wrap {
    width: 90%;
    margin: 0 auto 20px;
  }
  #monitor-beauty-salon .coupon-wrap .coupon-box {
    font-size: 11px;
    height: 100%;
  }
  #monitor-beauty-salon .coupon-wrap .coupon-inner {
    text-align: center;
    display: inline-block;
    padding: 0;
    min-height: 90px;
  }
  #monitor-beauty-salon .coupon-wrap .inner {
    margin: 0 auto;
  }
  #monitor-beauty-salon .coupon-wrap .coupon-box.right .coupon-inner {
    font-size: 9px;
    height: 100%;
  }
  /* クーポンアイコン */
  #monitor-beauty-salon .coupon-wrap .coupon-box.left .coupon-inner .catch {
    margin: 20px 0 0 0;
  }
  #monitor-beauty-salon .coupon-wrap .coupon-inner .catch {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  /* フォント装飾 */
  #monitor-beauty-salon .coupon-box .tx-17 { font-size: 9px; }
  #monitor-beauty-salon .coupon-box .tx-18 { font-size: 11px; }
  #monitor-beauty-salon .mail-input-wrap .form-inner-wrap {
    padding: 10px 0 24px;
  }
}
/* メインビジュアル */
#monitor-beauty-salon .main-visual { height: 680px; }
#monitor-beauty-salon .main-visual:before,
#monitor-beauty-salon .main-visual:after {
  content: '';
  width: calc((100% - 865px) / 2);
  height: 680px;
  position: absolute;
  background-color: #3C5D93;
  top: 0;
}
#monitor-beauty-salon .main-visual:before {
  background: url(/img/contents/lp/monitor/beauty_salon/mv_bk01_00.png) center center / cover no-repeat;
    left: 0;
}
#monitor-beauty-salon .main-visual:after {
  background: url(/img/contents/lp/monitor/beauty_salon/mv_bk02_00.png) center center / cover no-repeat;
    right: 0;
}
#monitor-beauty-salon .main-visual .main {
  max-width: 865px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 40px 30px 0;
  background: url(/img/contents/lp/monitor/beauty_salon/background_white_texture_01.png) repeat , #E8E1D9;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#monitor-beauty-salon .main-visual .main .subttl {
  font-size: 18px;
  padding: 10px 20px;
  border-top: 1px solid #4B201E;
  border-bottom: 1px solid #4B201E;
  margin-bottom: 30px;
}
#monitor-beauty-salon .main-visual .main h1 img {
  width: 765px;
  height: auto;
}
#monitor-beauty-salon .main-visual .main .sentence {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 27px;
}
#monitor-beauty-salon .main-visual .main .sentence li { margin-right: 25px; }
#monitor-beauty-salon .main-visual .main .sentence li:last-child { margin-right: 0; }
#monitor-beauty-salon .main-visual .main .sentence li img {
  width: 225px;
  height: auto;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* メインビジュアル */
  #monitor-beauty-salon .main-visual { height: 1120px; }
  #monitor-beauty-salon .main-visual:before {
    content: '';
    width: 100%;
    height: 350px;
    position: absolute;
    top: 555px;
    background: url(/img/contents/lp/monitor/beauty_salon/mv_bk_sp_00.png) center center / cover no-repeat;
    left: 0;
    z-index: 2;
  }
  #monitor-beauty-salon .main-visual .main {
    max-width: 940px;
    padding: 50px 30px 0;
  }
  #monitor-beauty-salon .main-visual .main h1 img { width: 480px; }
  #monitor-beauty-salon .main-visual .main .sentence li img { width: 165px; }
}
/* SP */
@media screen and (max-width:670px) {
  /* メインビジュアル */
  #monitor-beauty-salon .main-visual { height: 740px; }
  #monitor-beauty-salon .main-visual:before {
    top: 390px;
    height: 195px;
    background-position: top center;
    background-size: contain;
  }
  #monitor-beauty-salon .main-visual .main { padding: 50px 4% 0; }
  #monitor-beauty-salon .main-visual .main .subttl {
    font-size: 13px;
    padding: 10px;
    margin-bottom: 20px;
  }
  #monitor-beauty-salon .main-visual .main h1 img { width: 305px; }
  #monitor-beauty-salon .main-visual .main .sentence { margin-top: 15px; }
  #monitor-beauty-salon .main-visual .main .sentence li { margin-right: 7px; }
  #monitor-beauty-salon .main-visual .main .sentence li img {
    width: 100%;
      max-width: 110px;
  }
}
/* SDとは */
#monitor-beauty-salon .about {
  display: flex;
  justify-content: center;
  margin-top: 310px;
  margin-bottom: 50px;
}
#monitor-beauty-salon .about .text-wrap {
  max-width: 475px;
  line-height: 1.9;
}
#monitor-beauty-salon .about .text-wrap h3 {
  font-size: 24px;
  width: 18em;
  line-height: 1.7;
  margin-bottom: 20px;
}
#monitor-beauty-salon .about img {
  display: inline-block;
  max-width: 580px;
  height: auto;
  width: 50%;
  margin-left: 30px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* SDとは */
  #monitor-beauty-salon .about {
    width: 94%;
    flex-direction: column;
    align-items: center;
    margin: 220px auto 50px;
  }
  #monitor-beauty-salon .about .text-wrap { max-width: 100%; }
  #monitor-beauty-salon .about .text-wrap h3 {
    text-align: center;
    margin: 0 auto 15px;
  }
  #monitor-beauty-salon .about img {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}
/* SP */
@media screen and (max-width:670px) {
  /* SDとは */
  #monitor-beauty-salon .about {
    width: 88%;
    margin: 220px auto 40px;
  }
  #monitor-beauty-salon .about .text-wrap h3 {
    font-size: 18px;
    text-align: left;
    width: 100%;
  }
  #monitor-beauty-salon .about .text-wrap .txt { font-size: 15px; }
}
/* 今エステサロンが続々と利用中 */
#monitor-beauty-salon .popular {
  background-color: #E8E1D9;
  border-top: 9px solid #DED4CA;
}
#monitor-beauty-salon .popular .sentence li {
  padding: 5px;
  border: 3px solid #4B201E;
  background-color: #fff;
  margin-bottom: 30px;
}
#monitor-beauty-salon .popular .sentence li:last-child { margin-bottom: 0; }
#monitor-beauty-salon .popular .sentence li .text-wrap {
  padding-left: calc(50% + 40px);
  padding: 40px 42px 40px calc(50% + 42px);
  position: relative;
  border: 1px solid #4B201E;
}
#monitor-beauty-salon .popular .sentence li .text-wrap::after {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#monitor-beauty-salon .popular .sentence li:nth-child(1) .text-wrap::after { background: url(/img/contents/lp/monitor/beauty_salon/popular_img01_00.jpg) left top / cover no-repeat ; }
#monitor-beauty-salon .popular .sentence li:nth-child(2) .text-wrap::after { background: url(/img/contents/lp/monitor/beauty_salon/popular_img02_00.jpg) center center / cover no-repeat ; }
#monitor-beauty-salon .popular .sentence li .text-wrap h5 {
  font-size: 24px;
  padding-bottom: 15px;
  margin-bottom: 35px;
  border-bottom: 1px solid #4B201E;
  position: relative;
}
#monitor-beauty-salon .popular .sentence li .text-wrap h5::before {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  border-bottom: 3px solid #4B201E;
}
#monitor-beauty-salon .popular .sentence li .text-wrap p { line-height: 1.9; }
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 今エステサロンが続々と利用中 */
  #monitor-beauty-salon .popular h4 img { height: 130px; }
  #monitor-beauty-salon .popular .sentence li .text-wrap { padding: calc(51vw + 30px) 35px 30px 35px; }
  #monitor-beauty-salon .popular .sentence li .text-wrap::after {
    width: 100%;
    height: 51vw;
  }
}
/* SP */
@media screen and (max-width:670px) {
  /* 今エステサロンが続々と利用中 */
  #monitor-beauty-salon .popular h4 img { height: 91px; }
  #monitor-beauty-salon .popular .sentence li .text-wrap { padding: calc(51vw + 20px) 25px 20px 25px; }
  #monitor-beauty-salon .popular .sentence li .text-wrap h5 {
    font-size: 18px;
    padding-bottom: 12px;
    margin-bottom: 30px;
  }
  #monitor-beauty-salon .popular .sentence li .text-wrap p { font-size: 15px; }
}
/* エステサロン様の声 */
#monitor-beauty-salon .popular .voice-ttl {
  margin-top: 70px;
  margin-bottom: 30px;
}
#monitor-beauty-salon .popular .voice-wrap li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
#monitor-beauty-salon .popular .voice-wrap li:last-child { margin-bottom: 0; }
#monitor-beauty-salon .popular .voice-wrap li p {
  background-color: #fff;
  border: 1px solid #4B201E;
  padding: 30px 35px;
  border-radius: 3px;
  width: 640px;
  line-height: 1.9;
  font-size: 16px;
  margin-left: 40px;
  position: relative;
}
#monitor-beauty-salon .popular .voice-wrap li p::before,
#monitor-beauty-salon .popular .voice-wrap li p::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
#monitor-beauty-salon .popular .voice-wrap li p::before {
  border-width: 10px 22px 10px 0;
  border-color: transparent #4B201E transparent transparent;
  top: 54px;
  left: -22px;
}
#monitor-beauty-salon .popular .voice-wrap li p::after {
  border-width: 9px 20px 9px 0;
  border-color: transparent #fff transparent transparent;
  top: 55px;
  left: -20px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* エステサロン様の声 */
  #monitor-beauty-salon .popular .voice-ttl img { height: 24px; }
  #monitor-beauty-salon .popular .voice-wrap li { justify-content: center; }
  #monitor-beauty-salon .popular .voice-wrap li p {
    max-width: 640px;
    width: 78%;
  }
}
/* SP */
@media screen and (max-width:670px) {
  /* エステサロン様の声 */
  #monitor-beauty-salon .popular .voice-ttl {
    margin-bottom: 20px;
    margin-top: 50px;
  }
  #monitor-beauty-salon .popular .voice-ttl img { height: 20px; }
  #monitor-beauty-salon .popular .voice-wrap li {
    margin-bottom: 20px;
  }
  #monitor-beauty-salon .popular .voice-wrap li img { width: 52px; }
  #monitor-beauty-salon .popular .voice-wrap li p { 
    margin-left: 20px;
    font-size: 15px;
    padding: 20px;
  }
  #monitor-beauty-salon .popular .voice-wrap li p::before {
    border-width: 7px 15px 7px 0;
    top: 29px;
    left: -15px;
  }
  #monitor-beauty-salon .popular .voice-wrap li p::after {
    border-width: 6px 13px 6px 0;
    top: 30px;
    left: -13px;
  }
}
/* 商品の一部をご紹介 */
#monitor-beauty-salon .goods {
  border-top: 9px solid #DED4CA;
  background: url(/img/contents/lp/monitor/beauty_salon/background_white_texture_02.png) repeat , #fff;
}
#monitor-beauty-salon .goods .goods-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#monitor-beauty-salon .goods .goods-wrap li {
  width: calc((100% - 150px) / 4 );
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 65px;
}
#monitor-beauty-salon .goods .goods-wrap li .dealer {
  font-size: 16px;
  color: #fff;
  background-color: #4B201E;
  padding: 5px 12px;
  position: relative;
  margin-bottom: 10px;
}
#monitor-beauty-salon .goods .goods-wrap li .dealer::before,
#monitor-beauty-salon .goods .goods-wrap li .dealer::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0;
}
#monitor-beauty-salon .goods .goods-wrap li .dealer::before {
  border-width: 17px 16px 17px 0;
  border-color: transparent #4B201E transparent transparent;
  left: -16px;
}
#monitor-beauty-salon .goods .goods-wrap li .dealer::after {
  border-width: 17px 0 17px 16px;
  border-color: transparent transparent transparent #4B201E;
  right: -16px;
}
#monitor-beauty-salon .goods .goods-wrap li .name {
  line-height: 1.3;
  min-height: 42px;
  margin-bottom: 15px;
}
#monitor-beauty-salon .goods .goods-wrap li img {
  width: 100%;
  border: 1px solid #4B201E;
  outline: 4px solid #fff;
  box-shadow:0 0 0 7px #4B201E;
}
#monitor-beauty-salon .goods .genre {
  padding: 40px;
  background-color: #fff;
  border: 1px solid #4B201E;
  outline: 4px solid #fff;
  box-shadow:0 0 0 7px #4B201E;
  max-width: 745px;
  margin-top: 10px;
}
#monitor-beauty-salon .goods .genre .ttl {
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #4B201E;
  position: relative;
  width: 10em;
  margin: 0 auto 25px;
}
#monitor-beauty-salon .goods .genre .ttl::before {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  border-bottom: 3px solid #4B201E;
}
#monitor-beauty-salon .goods .genre span {
  line-height: 2;
  margin: 0 12px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 商品の一部をご紹介 */
  #monitor-beauty-salon .goods h4 img { height: 86px; }
  #monitor-beauty-salon .goods .goods-wrap { justify-content: center; }
  #monitor-beauty-salon .goods .goods-wrap li {
    width: calc((100% - 40px) / 2 );
    margin-right: 40px;
    margin-bottom: 45px;
  }
  #monitor-beauty-salon .goods .goods-wrap li:nth-child(2n) { margin-right: 0; }
  #monitor-beauty-salon .goods .genre { margin-top: 30px; }
}
/* SP */
@media screen and (max-width:670px) {
  /* 商品の一部をご紹介 */
  #monitor-beauty-salon .goods h4 img { height: 58px; }
  #monitor-beauty-salon .goods .goods-wrap li {
    width: calc((100% - 30px) / 2 );
    margin-right: 30px;
  }
  #monitor-beauty-salon .goods .goods-wrap li .dealer {
    font-size: 14px;
    padding: 4px 9px;
  }
  #monitor-beauty-salon .goods .goods-wrap li .dealer::before {
    border-width: 15px 13px 14px 0;
    left: -13px;
  }
  #monitor-beauty-salon .goods .goods-wrap li .dealer::after {
    border-width: 14px 0 15px 13px;
    right: -13px;
  }
  #monitor-beauty-salon .goods .goods-wrap li .name {
    font-size: 13px;
    min-height: 35px;
    margin-bottom: 15px;
  }
  #monitor-beauty-salon .goods .genre {
    margin-top: 10px;
    padding: 25px 20px;
    font-size: 15px;
  }
  #monitor-beauty-salon .goods .genre .ttl { font-size: 18px; }
}
/* スーパーデリバリーはこんなに安い */
#monitor-beauty-salon .price { background-color: #E8E1D9; }
#monitor-beauty-salon .price .attention {
  font-size: 13px;
  margin-top: 5px;
}
#monitor-beauty-salon .price .data-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#monitor-beauty-salon .price .data-wrap li {
  width: calc((100% - 80px) / 3 );
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  border: 1px solid #4B201E;
  outline: 4px solid #fff;
  box-shadow:0 0 0 7px #4B201E;
  background-color: #fff;
}
#monitor-beauty-salon .price .data-wrap li:nth-last-child(-n+3) { margin-bottom: 0; }
#monitor-beauty-salon .price .data-wrap li img { width: 100%; }
#monitor-beauty-salon .price .data-wrap li .name {
  background-color: #4B201E;
  color: #fff;
  font-size: 14px;
  width: 100%;
  padding: 7px 5px;
}
#monitor-beauty-salon .price .data-wrap li .name span { color: #fff; }
#monitor-beauty-salon .price .data-wrap li .data-area {
  padding: 15px 10px;
  font-size: 22px;
}
#monitor-beauty-salon .price .data-wrap li .data-area .wholesale-price {
  padding: 1px 5px;
  font-size: 18px;
  font-weight: normal;
  background-color: #DED4CA;
  margin-right: 10px;
}
#monitor-beauty-salon .price .data-wrap li .data-area .data { font-size: 33px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* スーパーデリバリーはこんなに安い */
  #monitor-beauty-salon .price h4 img { height: 130px; }
  #monitor-beauty-salon .price .data-wrap { justify-content: center; }
  #monitor-beauty-salon .price .data-wrap li {
    width: calc((100% - 30px) / 2 );
    margin-right: 30px;
    margin-bottom: 40px;
  }
  #monitor-beauty-salon .price .data-wrap li:nth-last-child(-n+3) { margin-bottom: 40px; }
  #monitor-beauty-salon .price .data-wrap li:nth-child(2n) { margin-right: 0; }
  #monitor-beauty-salon .price .data-wrap li:nth-last-child(-n+2) { margin-bottom: 0; }
}
/* SP */
@media screen and (max-width:670px) {
  /* スーパーデリバリーはこんなに安い */
  #monitor-beauty-salon .price h4 img { height: 91px; }
  #monitor-beauty-salon .price .data-wrap li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
  }
  #monitor-beauty-salon .price .data-wrap li:nth-last-child(-n+3) { margin-bottom: 30px; }
  #monitor-beauty-salon .price .data-wrap li:last-child { margin-bottom: 0; }
  #monitor-beauty-salon .price .data-wrap li img { margin-top: -20px; }
  #monitor-beauty-salon .price .data-wrap li .name { margin-top: -15px; }
  #monitor-beauty-salon .price .data-wrap li .data-area {
    font-size: 20px;
    padding: 8px 10px;
  }
  #monitor-beauty-salon .price .data-wrap li .data-area .wholesale-price { font-size: 16px; }
  #monitor-beauty-salon .price .data-wrap li .data-area .data { font-size: 30px; }
}
/* 開業準備中の方もご登録いただけます */
#monitor-beauty-salon .opening {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: url(/img/contents/lp/monitor/beauty_salon/background_white_texture_02.png) repeat , #fff;
  flex-direction: initial;
  border-top: 9px solid #DED4CA;
}
#monitor-beauty-salon .opening h4 + p {
  margin-top: 20px;
  margin-bottom: 50px;
}
#monitor-beauty-salon .opening h4 + p::after { background: transparent; }
#monitor-beauty-salon .opening .text-area { text-align: left; }
#monitor-beauty-salon .opening .text-area .benefits {
  padding: 50px 30px 30px;
  border-radius: 3px;
  background-color: #EFEFE7;
  border: 1px solid #4B201E;
  position: relative;
}
#monitor-beauty-salon .opening .text-area .benefits p {
  background-color: #CB3244;
  color: #fff;
  padding: 8px 20px;
  position: absolute;
  top: -20px;
  left: calc(50% - 10em - 20px);
}
#monitor-beauty-salon .opening .text-area .benefits p::before,
#monitor-beauty-salon .opening .text-area .benefits p::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
  border-style: solid;
  top: 0;
}
#monitor-beauty-salon .opening .text-area .benefits p::before {
  left: -12px;
  border-width: 20px 0px 20px 13px;
  border-color: #CB3244 #CB3244 #CB3244 transparent;
}
#monitor-beauty-salon .opening .text-area .benefits p::after {
  right: -12px;
  border-width: 20px 13px 20px 0px;
  border-color: #CB3244 transparent #CB3244 #CB3244;
}
#monitor-beauty-salon .opening .text-area .benefits ol li {
  padding: 7px 0 7px 42px;
  margin-bottom: 5px;
}
#monitor-beauty-salon .opening .text-area .benefits ol li:nth-child(1) { background: url(/img/contents/lp/monitor/beauty_salon/opening_icon01_00.svg) left center no-repeat; }
#monitor-beauty-salon .opening .text-area .benefits ol li:nth-child(2) { background: url(/img/contents/lp/monitor/beauty_salon/opening_icon02_00.svg) left center no-repeat; }
#monitor-beauty-salon .opening .text-area .benefits ol li:last-child { margin-bottom: 0; }
#monitor-beauty-salon .opening .image {
  display: inline-block;
  max-width: 530px;
  height: auto;
  width: 50%;
  margin-left: 50px;
  border: 1px solid #4B201E;
  outline: 4px solid #fff;
  box-shadow: 0 0 0 7px #4b201e;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 開業準備中の方もご登録いただけます */
  #monitor-beauty-salon .opening {
    flex-direction: column;
    align-items: center;
  }
  #monitor-beauty-salon .opening h4 img { height: 130px; }
  #monitor-beauty-salon .opening h4 + p {
    margin-top: 40px;
    margin-bottom: 50px;
    position: relative;
  }
  #monitor-beauty-salon .opening h4 + p::after { 
    content: '';
    width: 100px;
    height: 9px;
    top: -25px;
    left: calc(50% - 50px);
    background: url(/img/contents/lp/monitor/beauty_salon/decoration_00.svg) center center no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
  }
  #monitor-beauty-salon .opening .text-area { text-align: center; }
  #monitor-beauty-salon .opening .text-area .benefits { text-align: left; }
  #monitor-beauty-salon .opening .image {
    margin-left: 0;
    margin-top: 40px;
    width: 80%;
  }
}
/* SP */
@media screen and (max-width:670px) {
  /* 開業準備中の方もご登録いただけます */
  #monitor-beauty-salon .opening h4 img { height: 91px; }
  #monitor-beauty-salon .opening .text-area .benefits { padding: 30px 20px 25px; }
  #monitor-beauty-salon .opening .text-area .benefits p {
    font-size: 13px;
    padding: 7px;
    left: calc(50% - 10.5em);
  }
  #monitor-beauty-salon .opening .text-area .benefits p::before {
    border-width: 17px 0px 17px 10px;
    left: -10px
  }
  #monitor-beauty-salon .opening .text-area .benefits p::after {
    right: -10px;
    border-width: 17px 10px 17px 0px;
  }
  #monitor-beauty-salon .opening .text-area .benefits ol li:nth-child(1), 
  #monitor-beauty-salon .opening .text-area .benefits ol li:nth-child(2) {
    background-size: 25px auto;
    padding: 7px 0 7px 35px;
  }
  #monitor-beauty-salon .opening .image {
    margin-top: 30px;
    width: 96%;
  }
}
/* 上へ戻るボタン */
#monitor-beauty-salon #page-top p a { 
  width: 81px;
  height: 81px;
  border-radius: 40px;
  position: fixed;
  bottom: 23px;
  right: 23px;
  border: 3px solid #4B201E;
  z-index: 3;
  background-color: #fff;
  transition: 0.2s;
}
#monitor-beauty-salon #page-top p a:after {
  content: "";
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 65px;
  height: 65px;
  border: 1px solid #4B201E;
  background: url(/img/contents/lp/monitor/beauty_salon/scroll_icon_00.svg) center center no-repeat , #fff;
  border-radius: 40px;
  transition: 0.2s;
}
#monitor-beauty-salon #page-top p a:hover,
#monitor-beauty-salon #page-top p a:hover:after {
  background-color: #EFEFE7;
}
/* スマホのfixボタン */
#monitor-beauty-salon .mail-entry-fix-button { display: none; }
/* フッター調整 */
#monitor-beauty-salon + .monitor-footer-dealerlp { margin-bottom: 0px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 上へ戻るボタン */
  #monitor-beauty-salon #page-top p a { 
    bottom: 68px;
    right: 13px;
  }
  #monitor-beauty-salon #page-top p a:after {
    bottom: 75px;
    right: 20px;
  }
  /* スマホのfixボタン */
  #monitor-beauty-salon .mail-entry-fix-button {
    position: fixed;
    display: block;
    background-color: rgba(255,255,255,0.8);
    left: 0;
    z-index: 1000;
    padding: 7px 0 !important;
    width: 100%;
    display: block;
      margin: 0 auto;
  }
  #monitor-beauty-salon .mail-entry-fix-button a {
    display: block;
    font-size: 15px;
    padding: 12px 60px 12px 100px;
    color: #fff;
    border-radius: 35px;
    font-weight: 600;
    background: url(/img/contents/lp/monitor/beauty_salon/form_arrow_00.svg) center right 20px no-repeat;
    background-color: #CB3244;
    width: 450px;
    margin: 0 auto;
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 上へ戻るボタン */
  #monitor-beauty-salon #page-top p a { 
    bottom: 64px;
    right: 12px;
    width: 54px;
    height: 54px;
  }
  #monitor-beauty-salon #page-top p a:after {
    bottom: 70px;
    right: 18px;
    width: 40px;
    height: 40px;
    background-size: 20px auto;
  }
  /* スマホのfixボタン */
  #monitor-beauty-salon .mail-entry-fix-button a {
    width: 290px;
    padding: 10px 50px 10px 40px;
    font-size: 13px;
    background-size: 8px;
  }
}
/* No..35244 整体・整骨院向けLP
-------------------------------------------- */
/* 共通 */
#monitor-osteopathic * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #333;
}
#monitor-osteopathic * img { line-height: 0; }
#monitor-osteopathic * .pink { color: #CB3244; }
#monitor-osteopathic * .maxwidth1080 { max-width: 1080px; }
#monitor-osteopathic .contents {
  padding: 60px 4% 80px;
  text-align: center;
  display: flex;
    flex-direction: column;
    align-items: center;
}
#monitor-osteopathic .contents h4 + p {
  font-size: 16px;
  line-height: 1.9;
  position: relative;
  margin-top: 30px;
  margin-bottom: 55px;
}
#monitor-osteopathic .contents h4 + p::after {
  content: '';
  width: 122px;
  height: 11px;
  display: block;
  position: absolute;
  top: -30px;
  left: calc(50% - 61px);
  background: url(/img/contents/lp/monitor/osteopathic/decoration_00.svg) center center no-repeat;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 共通 */
  #monitor-osteopathic .contents { padding: 40px 4% 60px; }
  #monitor-osteopathic .contents h4 + p { font-size: 15px; }
  #monitor-osteopathic .contents h4 + p::after {
    width: 100px;
    left: calc(50% - 50px);
  }
}
@media screen and (max-width:670px) {
  #monitor-osteopathic .contents { padding: 40px 6% 60px; }
  #monitor-osteopathic .contents h4 + p { margin-bottom: 30px; }
}
/* ヘッダー */
#monitor-osteopathic .logo-wrap {
  position: absolute;
    z-index: 2;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 20px 0 0 20px;
}
#monitor-osteopathic .logo-wrap img {
  display: block;
  width: 128px;
  height: auto;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  #monitor-osteopathic .logo-wrap { padding: 10px 0 0 10px; }
  #monitor-osteopathic .logo-wrap img { width: 100px; }
}
/* メールフォーム（共通） */
#monitor-osteopathic .mail-input-wrap {
  background-color: #00927D;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 35px 20px;
}
#monitor-osteopathic .mail-input-wrap h2 {
  font-size: 26px;
  border: none;
  color: #fff;
}
#monitor-osteopathic .mail-input-wrap h2 span {
  font-size: 38px;
  color: #DCC85F;
  position: relative;
  padding-right: 3px;
}
#monitor-osteopathic .mail-input-wrap h2 span:before {
  top: -9px;
  left: -20px;
  width: 24px;
  height: 26px;
  content: '';
  position: absolute;
  background: url(/img/contents/lp/monitor/osteopathic/form_icon_00.svg) center center / cover no-repeat;
}
#monitor-osteopathic .mail-input-wrap .entry-form-action {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
#monitor-osteopathic .mail-input-wrap .entry-form-action .entry-form-box { margin-right: 10px; }
#monitor-osteopathic .mail-input-wrap .entry-form-action .entry-form-box input {
  padding: 13px 15px;
  width: 100%;
  font-size: 20px;
  color: #666;
  border-radius: 3px;
}
#monitor-osteopathic .mail-input-wrap .entry-form-action .mail-button input {
  padding: 10px 60px 10px 30px;
  font-size: 19px;
  color: #fff;
  border-radius: 35px;
  border: none;
  position: relative;
  font-weight: 600;
  background: url(/img/contents/lp/monitor/osteopathic/form_arrow_00.svg) center right 20px no-repeat , #CB3244;
  cursor: pointer;
  box-shadow: 0 4px #fff;
  position: relative;
  top: 0;
  transition: .2s box-shadow, .2s top, .2s background-color;
}
#monitor-osteopathic .mail-input-wrap .entry-form-action .mail-button input:hover {
  top: 4px;
  box-shadow: 0 1px #fff;
  background-color: #AA2534;
}
#monitor-osteopathic .mail-input-wrap .attention {
  font-size: 14px;
  color: #fff;
}
/* メールフォーム（TOP/BOTTOM）*/
#monitor-osteopathic .mail-input-wrap.top {
	border-radius: 5px;
	max-width: 960px;
	width: 90%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 530px;
	z-index: 1;
	padding: 45px 40px 60px;
}
#monitor-osteopathic .mail-input-wrap.bottom { padding: 65px 70px; }
#monitor-osteopathic .mail-input-wrap.top h2,
#monitor-osteopathic .mail-input-wrap.bottom h2 { font-size: 30px; }
#monitor-osteopathic .mail-input-wrap.top h2 span,
#monitor-osteopathic .mail-input-wrap.bottom h2 span { font-size: 45px; }
#monitor-osteopathic .mail-input-wrap.top .entry-form-action,
#monitor-osteopathic .mail-input-wrap.bottom .entry-form-action { margin-bottom: 23px; }
#monitor-osteopathic .mail-input-wrap.top .entry-form-action .entry-form-box input,
#monitor-osteopathic .mail-input-wrap.bottom .entry-form-action .entry-form-box input {
  font-size: 24px;
  padding: 17px 15px;
}
#monitor-osteopathic .mail-input-wrap.top .entry-form-action .mail-button input,
#monitor-osteopathic .mail-input-wrap.bottom .entry-form-action .mail-button input {
  font-size: 22px;
  padding: 14px 60px 14px 30px;
}
#monitor-osteopathic .mail-input-wrap.top .attention,
#monitor-osteopathic .mail-input-wrap.bottom .attention { font-size: 16px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* メールフォーム（共通） */
  #monitor-osteopathic .mail-input-wrap .entry-form-action { flex-direction: column; }
  #monitor-osteopathic .mail-input-wrap .entry-form-action .entry-form-box {
    margin-bottom: 15px;
    margin-right: 0;
  }
  #monitor-osteopathic .mail-input-wrap .entry-form-action .entry-form-box input {
    width: 100%;
    max-width: 38em;
  }
  #monitor-osteopathic .mail-input-wrap .entry-form-action .mail-button input { width: 70%; }
  /* メールフォーム（TOP/BOTTOM）*/
  #monitor-osteopathic .mail-input-wrap.top {
    padding: 35px 40px 40px;
    width: 94%;
    top: 840px;
    z-index: 3;
  }
  #monitor-osteopathic .mail-input-wrap.top::after { background: none; }
}
/* SP */
@media screen and (max-width:670px) {
  /* メールフォーム（共通）（TOP/BOTTOM） */
  #monitor-osteopathic .mail-input-wrap,
  #monitor-osteopathic .mail-input-wrap.top,
  #monitor-osteopathic .mail-input-wrap.bottom { padding: 25px 4%; }
  #monitor-osteopathic .mail-input-wrap.top {
    width: 92%;
    top: 530px;
  }
  #monitor-osteopathic .mail-input-wrap h2,
  #monitor-osteopathic .mail-input-wrap.top h2,
  #monitor-osteopathic .mail-input-wrap.bottom h2 { font-size: 16px; }
  #monitor-osteopathic .mail-input-wrap h2 span,
  #monitor-osteopathic .mail-input-wrap.top h2 span,
  #monitor-osteopathic .mail-input-wrap.bottom h2 span  { font-size: 24px; }
  #monitor-osteopathic .mail-input-wrap h2 span:before {
    width: 16px;
    height: 17px;
    top: -6px;
    left: -14px;
  }
  #monitor-osteopathic .mail-input-wrap .entry-form-action,
  #monitor-osteopathic .mail-input-wrap.top .entry-form-action,
  #monitor-osteopathic .mail-input-wrap.bottom .entry-form-action { margin-bottom: 20px; }
  #monitor-osteopathic .mail-input-wrap .entry-form-action .entry-form-box { margin-bottom: 12px; }
  #monitor-osteopathic .mail-input-wrap .entry-form-action .entry-form-box input,
  #monitor-osteopathic .mail-input-wrap.top .entry-form-action .entry-form-box input,
  #monitor-osteopathic .mail-input-wrap.bottom .entry-form-action .entry-form-box input {
    font-size: 15px;
    padding: 13px 10px;
  }
  #monitor-osteopathic .mail-input-wrap .entry-form-action .mail-button input,
  #monitor-osteopathic .mail-input-wrap.top .entry-form-action .mail-button input,
  #monitor-osteopathic .mail-input-wrap.bottom .entry-form-action .mail-button input {
    font-size: 15px;
    width: 90%;
    background-size: 8px auto;
  }
  #monitor-osteopathic .mail-input-wrap .attention,
  #monitor-osteopathic .mail-input-wrap.top .attention,
  #monitor-osteopathic .mail-input-wrap.bottom .attention { font-size: 13px; }
}
/* メインビジュアル */
#monitor-osteopathic .main-visual { height: 680px; }
#monitor-osteopathic .main-visual:before,
#monitor-osteopathic .main-visual:after {
  content: '';
  width: calc((100% - 865px) / 2);
  height: 680px;
  position: absolute;
  background-color: #3C5D93;
  top: 0;
}
#monitor-osteopathic .main-visual:before {
  background: url(/img/contents/lp/monitor/osteopathic/mv_bk01_00.jpg) center center / cover no-repeat;
    left: 0;
}
#monitor-osteopathic .main-visual:after {
  background: url(/img/contents/lp/monitor/osteopathic/mv_bk02_00.jpg) center center / cover no-repeat;
    right: 0;
}
#monitor-osteopathic .main-visual .main {
  max-width: 865px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 40px 30px 0;
  background: url(/img/contents/lp/monitor/osteopathic/background_01_00.png) repeat , #C9F0EA;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#monitor-osteopathic .main-visual .main .subttl {
  font-size: 18px;
  padding: 10px 20px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}
#monitor-osteopathic .main-visual .main h1 img {
  width: 765px;
  height: auto;
}
#monitor-osteopathic .main-visual .main .sentence {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
#monitor-osteopathic .main-visual .main .sentence li { margin-right: 25px; }
#monitor-osteopathic .main-visual .main .sentence li:last-child { margin-right: 0; }
#monitor-osteopathic .main-visual .main .sentence li img {
  width: 225px;
  height: auto;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* メインビジュアル */
  #monitor-osteopathic .main-visual { height: 1120px; }
  #monitor-osteopathic .main-visual:before {
    content: '';
    width: 100%;
    height: 350px;
    position: absolute;
    top: 580px;
    background: url(/img/contents/lp/monitor/osteopathic/mv_bk_sp_00.png) center center / cover no-repeat;
    left: 0;
    z-index: 2;
  }
  #monitor-osteopathic .main-visual .main {
    max-width: 940px;
    padding: 50px 30px 0;
  }
  #monitor-osteopathic .main-visual .main h1 img { width: 480px; }
  #monitor-osteopathic .main-visual .main .sentence li img { width: 165px; }
}
/* SP */
@media screen and (max-width:670px) {
  /* メインビジュアル */
  #monitor-osteopathic .main-visual { height: 740px; }
  #monitor-osteopathic .main-visual:before {
    top: 390px;
    height: 195px;
    background-position: top center;
    background-size: contain;
  }
  #monitor-osteopathic .main-visual .main { padding: 50px 4% 0; }
  #monitor-osteopathic .main-visual .main .subttl {
    font-size: 13px;
    padding: 10px;
    margin-bottom: 20px;
  }
  #monitor-osteopathic .main-visual .main h1 img { width: 305px; }
  #monitor-osteopathic .main-visual .main .sentence { margin-top: 15px; }
  #monitor-osteopathic .main-visual .main .sentence li { margin-right: 7px; }
  #monitor-osteopathic .main-visual .main .sentence li img {
    width: 100%;
      max-width: 110px;
  }
}
/* SDとは */
#monitor-osteopathic .about {
  display: flex;
  justify-content: center;
  margin-top: 230px;
  margin-bottom: 50px;
}
#monitor-osteopathic .about .text-wrap {
  max-width: 475px;
  line-height: 1.9;
}
#monitor-osteopathic .about .text-wrap h3 {
  font-size: 24px;
  width: 18em;
  line-height: 1.7;
  margin-bottom: 20px;
}
#monitor-osteopathic .about img {
  display: inline-block;
  max-width: 580px;
  height: auto;
  width: 50%;
  margin-left: 30px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* SDとは */
  #monitor-osteopathic .about {
    width: 94%;
    flex-direction: column;
    align-items: center;
    margin: 120px auto 50px;
  }
  #monitor-osteopathic .about .text-wrap { max-width: 100%; }
  #monitor-osteopathic .about .text-wrap h3 {
    text-align: center;
    margin: 0 auto 15px;
  }
  #monitor-osteopathic .about img {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}
/* SP */
@media screen and (max-width:670px) {
  /* SDとは */
  #monitor-osteopathic .about {
    width: 88%;
    margin: 100px auto 40px;
  }
  #monitor-osteopathic .about .text-wrap h3 {
    font-size: 18px;
    text-align: left;
    width: 100%;
  }
  #monitor-osteopathic .about .text-wrap .txt { font-size: 15px; }
}
/* 今治療院が続々と利用中 */
#monitor-osteopathic .popular {
  background-color: #C9F0EA;
}
#monitor-osteopathic .popular .sentence li {
  background-color: #fff;
  margin-bottom: 30px;
}
#monitor-osteopathic .popular .sentence li:last-child { margin-bottom: 0; }
#monitor-osteopathic .popular .sentence li .text-wrap {
  padding-left: calc(50% + 40px);
  padding: 40px 30px 40px calc(50% + 30px);
  position: relative;
}
#monitor-osteopathic .popular .sentence li .text-wrap::after {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#monitor-osteopathic .popular .sentence li:nth-child(1) .text-wrap::after { background: url(/img/contents/lp/monitor/osteopathic/popular_img01_00.jpg) left top / cover no-repeat ; }
#monitor-osteopathic .popular .sentence li:nth-child(2) .text-wrap::after { background: url(/img/contents/lp/monitor/osteopathic/popular_img02_00.jpg) center center / cover no-repeat ; }
#monitor-osteopathic .popular .sentence li .text-wrap h5 {
  font-size: 24px;
  padding-bottom: 15px;
  margin-bottom: 35px;
  border-bottom: 1px solid #333;
  position: relative;
}
#monitor-osteopathic .popular .sentence li .text-wrap p { line-height: 1.9; }
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 今治療院が続々と利用中 */
  #monitor-osteopathic .popular h4 img { height: 130px; }
  #monitor-osteopathic .popular .sentence li .text-wrap { padding: calc(51vw + 30px) 35px 30px 35px; }
  #monitor-osteopathic .popular .sentence li .text-wrap::after {
    width: 100%;
    height: 49vw;
  }
}
/* SP */
@media screen and (max-width:670px) {
  /* 今治療院が続々と利用中 */
  #monitor-osteopathic .popular h4 img { height: 91px; }
  #monitor-osteopathic .popular .sentence li .text-wrap { padding: calc(51vw + 20px) 25px 20px 25px; }
  #monitor-osteopathic .popular .sentence li .text-wrap h5 {
    font-size: 18px;
    padding-bottom: 12px;
    margin-bottom: 30px;
  }
  #monitor-osteopathic .popular .sentence li .text-wrap p { font-size: 15px; }
}
/* スーパーデリバリーはこんなに安い */
#monitor-osteopathic .price {
  background: url(/img/contents/lp/monitor/osteopathic/background_02_00.png) repeat , #eee;
}
#monitor-osteopathic .price .attention {
  font-size: 13px;
  margin-top: 5px;
}
#monitor-osteopathic .price .data-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#monitor-osteopathic .price .data-wrap li {
  width: calc((100% - 80px) / 3 );
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  border: 1px solid #ccc;
  background-color: #fff;
}
#monitor-osteopathic .price .data-wrap li:nth-last-child(-n+3) { margin-bottom: 0; }
#monitor-osteopathic .price .data-wrap li img { width: 100%; }
#monitor-osteopathic .price .data-wrap li .name {
  background-color: #00927D;
  color: #fff;
  font-size: 14px;
  width: 100%;
  padding: 7px 5px;
}
#monitor-osteopathic .price .data-wrap li .name span { color: #fff; }
#monitor-osteopathic .price .data-wrap li .data-area {
  padding: 15px 10px;
  font-size: 22px;
}
#monitor-osteopathic .price .data-wrap li .data-area .wholesale-price {
  padding: 1px 5px;
  font-size: 18px;
  font-weight: normal;
  background-color: #C9F0EA;
  margin-right: 10px;
}
#monitor-osteopathic .price .data-wrap li .data-area .data { font-size: 33px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* スーパーデリバリーはこんなに安い */
  #monitor-osteopathic .price h4 img { height: 130px; }
  #monitor-osteopathic .price .data-wrap { justify-content: center; }
  #monitor-osteopathic .price .data-wrap li {
    width: calc((100% - 30px) / 2 );
    margin-right: 30px;
    margin-bottom: 40px;
  }
  #monitor-osteopathic .price .data-wrap li:nth-last-child(-n+3) { margin-bottom: 40px; }
  #monitor-osteopathic .price .data-wrap li:nth-child(2n) { margin-right: 0; }
  #monitor-osteopathic .price .data-wrap li:nth-last-child(-n+2) { margin-bottom: 0; }
}
/* SP */
@media screen and (max-width:670px) {
  /* スーパーデリバリーはこんなに安い */
  #monitor-osteopathic .price h4 img { height: 91px; }
  #monitor-osteopathic .price .data-wrap li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
  }
  #monitor-osteopathic .price .data-wrap li:nth-last-child(-n+3) { margin-bottom: 30px; }
  #monitor-osteopathic .price .data-wrap li:last-child { margin-bottom: 0; }
  #monitor-osteopathic .price .data-wrap li img { margin-top: -20px; }
  #monitor-osteopathic .price .data-wrap li .name { margin-top: -15px; }
  #monitor-osteopathic .price .data-wrap li .data-area {
    font-size: 20px;
    padding: 8px 10px;
  }
  #monitor-osteopathic .price .data-wrap li .data-area .wholesale-price { font-size: 16px; }
  #monitor-osteopathic .price .data-wrap li .data-area .data { font-size: 30px; }
}
/* 商品の一部をご紹介 */
#monitor-osteopathic .goods { background-color: #C9F0EA; }
#monitor-osteopathic .goods .goods-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#monitor-osteopathic .goods .goods-wrap li {
  width: calc((100% - 150px) / 4 );
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}
#monitor-osteopathic .goods .goods-wrap li .name {
  line-height: 1.3;
  min-height: 42px;
  margin-top: 15px;
}
#monitor-osteopathic .goods .goods-wrap li img {
  width: 100%;
  border: 1px solid #ccc;
}
#monitor-osteopathic .goods .genre {
  padding: 40px;
  background-color: #fff;
  max-width: 745px;
  margin-top: 50px;
}
#monitor-osteopathic .goods .genre .ttl {
  background: #00927D;
  color: #fff;
    margin: -70px auto 30px;
    text-align: center;
    font-size: 24px;
    padding: 10px;
    max-width: 280px;
}
#monitor-osteopathic .goods .genre span {
  line-height: 2;
  margin: 0 12px;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 商品の一部をご紹介 */
  #monitor-osteopathic .goods h4 img { height: 86px; }
  #monitor-osteopathic .goods .goods-wrap { justify-content: center; }
  #monitor-osteopathic .goods .goods-wrap li {
    width: calc((100% - 40px) / 2 );
    margin-right: 40px;
    margin-bottom: 30px;
  }
  #monitor-osteopathic .goods .goods-wrap li:nth-child(2n) { margin-right: 0; }
  #monitor-osteopathic .goods .genre { margin-top: 30px; }
}
/* SP */
@media screen and (max-width:670px) {
  /* 商品の一部をご紹介 */
  #monitor-osteopathic .goods h4 img { height: 58px; }
  #monitor-osteopathic .goods .goods-wrap li {
    width: calc((100% - 30px) / 2 );
    margin-right: 30px;
    margin-bottom: 0;
  }
  #monitor-osteopathic .goods .goods-wrap li .dealer {
    font-size: 14px;
    padding: 4px 9px;
  }
  #monitor-osteopathic .goods .goods-wrap li .dealer::before {
    border-width: 15px 13px 14px 0;
    left: -13px;
  }
  #monitor-osteopathic .goods .goods-wrap li .dealer::after {
    border-width: 14px 0 15px 13px;
    right: -13px;
  }
  #monitor-osteopathic .goods .goods-wrap li .name {
    font-size: 13px;
    min-height: 35px;
    margin-bottom: 15px;
  }
  #monitor-osteopathic .goods .genre {
    margin-top: 50px;
    padding: 25px 20px;
    font-size: 15px;
  }
  #monitor-osteopathic .goods .genre .ttl {
    margin: -50px auto 30px;
    font-size: 18px; }
}
/* 開業準備中の方もご登録いただけます */
#monitor-osteopathic .opening {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: url(/img/contents/lp/monitor/osteopathic/background_02_00.png) repeat , #eee;
  flex-direction: initial;
}
#monitor-osteopathic .opening h4 + p {
  margin-top: 20px;
  margin-bottom: 50px;
}
#monitor-osteopathic .opening h4 + p::after { background: transparent; }
#monitor-osteopathic .opening .text-area { text-align: left; }
#monitor-osteopathic .opening .text-area .benefits {
  padding: 50px 30px 30px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #ccc;
  position: relative;
}
#monitor-osteopathic .opening .text-area .benefits p {
  background-color: #CB3244;
  color: #fff;
  padding: 8px 20px;
  position: absolute;
  top: -20px;
  left: calc(50% - 10em - 20px);
}
#monitor-osteopathic .opening .text-area .benefits p::before,
#monitor-osteopathic .opening .text-area .benefits p::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
  border-style: solid;
  top: 0;
}
#monitor-osteopathic .opening .text-area .benefits p::before {
  left: -12px;
  border-width: 20px 0px 20px 13px;
  border-color: #CB3244 #CB3244 #CB3244 transparent;
}
#monitor-osteopathic .opening .text-area .benefits p::after {
  right: -12px;
  border-width: 20px 13px 20px 0px;
  border-color: #CB3244 transparent #CB3244 #CB3244;
}
#monitor-osteopathic .opening .text-area .benefits ol li {
  padding: 7px 0 7px 42px;
  margin-bottom: 5px;
}
#monitor-osteopathic .opening .text-area .benefits ol li:nth-child(1) { background: url(/img/contents/lp/monitor/osteopathic/opening_icon01_00.svg) left center no-repeat; }
#monitor-osteopathic .opening .text-area .benefits ol li:nth-child(2) { background: url(/img/contents/lp/monitor/osteopathic/opening_icon02_00.svg) left center no-repeat; }
#monitor-osteopathic .opening .text-area .benefits ol li:last-child { margin-bottom: 0; }
#monitor-osteopathic .opening .image {
  display: inline-block;
  max-width: 530px;
  height: auto;
  width: 50%;
  margin-left: 50px;
  border: 1px solid #ccc;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 開業準備中の方もご登録いただけます */
  #monitor-osteopathic .opening {
    flex-direction: column;
    align-items: center;
  }
  #monitor-osteopathic .opening h4 img {
    height: 130px;
    margin-bottom: -10px;
  }
  #monitor-osteopathic .opening h4 + p {
    margin-top: 40px;
    margin-bottom: 50px;
    position: relative;
  }
  #monitor-osteopathic .opening h4 + p::after {
    content: '';
    width: 100px;
    height: 11px;
    top: -30px;
    left: calc(50% - 50px);
    background: url(/img/contents/lp/monitor/osteopathic/decoration_00.svg) center center no-repeat;
    display: block;
    position: absolute;
  }
  #monitor-osteopathic .opening .text-area { text-align: center; }
  #monitor-osteopathic .opening .text-area .benefits { text-align: left; }
  #monitor-osteopathic .opening .image {
    margin-left: 0;
    margin-top: 40px;
    width: 80%;
  }
}
/* SP */
@media screen and (max-width:670px) {
  /* 開業準備中の方もご登録いただけます */
  #monitor-osteopathic .opening h4 img { height: 91px; }
  #monitor-osteopathic .opening .text-area .benefits { padding: 30px 20px 25px; }
  #monitor-osteopathic .opening .text-area .benefits p {
    font-size: 13px;
    padding: 7px;
    left: calc(50% - 10.5em);
  }
  #monitor-osteopathic .opening .text-area .benefits p::before {
    border-width: 17px 0px 17px 10px;
    left: -10px
  }
  #monitor-osteopathic .opening .text-area .benefits p::after {
    right: -10px;
    border-width: 17px 10px 17px 0px;
  }
  #monitor-osteopathic .opening .text-area .benefits ol li:nth-child(1),
  #monitor-osteopathic .opening .text-area .benefits ol li:nth-child(2) {
    background-size: 25px auto;
    padding: 7px 0 7px 35px;
  }
  #monitor-osteopathic .opening .image {
    margin-top: 30px;
    width: 96%;
  }
}
/* 上へ戻るボタン */
#monitor-osteopathic #page-top p a {
  width: 81px;
  height: 81px;
  border-radius: 40px;
  position: fixed;
  bottom: 23px;
  right: 23px;
  border: 3px solid #333;
  z-index: 3;
  background-color: #fff;
  transition: 0.2s;
}
#monitor-osteopathic #page-top p a:after {
  content: "";
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 65px;
  height: 65px;
  border: 1px solid #333;
  background: url(/img/contents/lp/monitor/osteopathic/scroll_icon_00.svg) center center no-repeat , #fff;
  border-radius: 40px;
  transition: 0.2s;
}
#monitor-osteopathic #page-top p a:hover,
#monitor-osteopathic #page-top p a:hover:after {
  background-color: #EFEFE7;
}
/* スマホのfixボタン */
#monitor-osteopathic .mail-entry-fix-button { display: none; }
/* フッター調整 */
#monitor-osteopathic + .monitor-footer-dealerlp { margin-bottom: 0px; }
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 上へ戻るボタン */
  #monitor-osteopathic #page-top p a {
    bottom: 68px;
    right: 13px;
  }
  #monitor-osteopathic #page-top p a:after {
    bottom: 75px;
    right: 20px;
  }
  /* スマホのfixボタン */
  #monitor-osteopathic .mail-entry-fix-button {
    position: fixed;
    display: block;
    background-color: rgba(255,255,255,0.8);
    left: 0;
    z-index: 1000;
    padding: 7px 0 !important;
    width: 100%;
    display: block;
      margin: 0 auto;
  }
  #monitor-osteopathic .mail-entry-fix-button a {
    display: block;
    font-size: 15px;
    padding: 12px 60px 12px 100px;
    color: #fff;
    border-radius: 35px;
    font-weight: 600;
    background: url(/img/contents/lp/monitor/osteopathic/form_arrow_00.svg) center right 20px no-repeat;
    background-color: #CB3244;
    width: 450px;
    margin: 0 auto;
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 上へ戻るボタン */
  #monitor-osteopathic #page-top p a {
    bottom: 64px;
    right: 12px;
    width: 54px;
    height: 54px;
  }
  #monitor-osteopathic #page-top p a:after {
    bottom: 70px;
    right: 18px;
    width: 40px;
    height: 40px;
    background-size: 20px auto;
  }
  /* スマホのfixボタン */
  #monitor-osteopathic .mail-entry-fix-button a {
    width: 290px;
    padding: 10px 50px 10px 40px;
    font-size: 13px;
    background-size: 8px;
  }
}

/* No.35703 商品PR動画（ザッピング）一覧ページ作成/TOPページバナー設置
-------------------------------------------- */
#story-movie {
  background-color: #FEFFF6;
  margin-bottom: -85px;
  padding: 30px 30px 100px;
}
#story-movie .title {
  width: 550px;
  margin: 0 auto 20px;
}
#story-movie .title img { width: 100%; }
#story-movie .movie-select {
  max-width: 1130px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#story-movie .movie-select .dealer-filter, #story-movie .movie-select .genre-filter {
  width: 50%;
  position: relative;
}
#story-movie .movie-select .dealer-filter::after, #story-movie .movie-select .genre-filter::after {
  display: block;
    content: "";
    position: absolute;
    top: 65%;
    right: 10%;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg) translateY(0.4em);
    pointer-events: none;
}
#story-movie .movie-select .dealer-filter p, #story-movie .movie-select .genre-filter p {
  margin: 0 0 10px 0;
  font-size: 16px;
}
#story-movie .movie-select .dealer-filter select, #story-movie .movie-select .genre-filter select {
  width: 95%;
  height: 60px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: bold;
  border-radius: 0;
  border: 1px solid #333;
  -webkit-appearance: none;
    appearance: none;
  color: #333;
}
#story-movie .movie-select .dealer-filter select:hover,
#story-movie .movie-select .genre-filter select:hover {
  cursor: pointer;
}
#story-movie #movie-filter-btn {
  padding: 0 5px;
  border: none;
  border-radius: 5px;
  background-color: #073C95;
  color: #FFF;
  height: 60px;
  width: 20%;
  max-width: 138px;
    font-size: 18px;
  box-sizing: border-box;
}
#story-movie #movie-filter-btn:hover {
  opacity: 0.7;
  cursor: pointer;
}
#story-movie .movie_list {
  max-width: 1180px;
  margin: 0 auto;
}
#story-movie .xp_thumbnails {
  margin-top: 50px;
  padding-left: 20px;
}
#story-movie .xp_post {
  width: 170px;
  margin: 0 10px 40px;
}
#story-movie img.xp_thumbnail_image {
  width: 170px;
  background-color: #eee;
}
#story-movie .xp_staff_info_image { display: none; }
#story-movie .xp_staff_info_card .xp_staff_info_shop {
  width: 170px;
  padding-top: 5px;
  text-align: left;
  font-size: 14px;
}
#story-movie #xp_fadelayer_movie_list_all { background-color: rgb(0, 0, 0, 0.3)!important; }
#story-movie #xp_videoArea {
  max-width: 450px;
  max-height: 800px;
}
#story-movie.story-movie-loading {
  padding-bottom: 250px;
  position: relative;
}
#story-movie.story-movie-loading::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition:all 0.1s ease;
  background: url("/img/loading/circular_transparent_100.gif") rgba(112, 112, 112, 0.2) center calc(50% + 125px) / 50px auto no-repeat;
}
#story-movie .movie_not {
  display: none;
  margin: 0;
  padding: 80px 0 50px;
  text-align: center;
}
/* SP */
@media screen and (max-width: 1050px) {
  #story-movie .xp_thumbnails { padding: 0; }
}
@media screen and (max-width: 1030px) {
  #story-movie .xp_thumbnails {
    justify-content: space-around;
  }
  #story-movie .movie_list ul::before{
    content:"";
    display: block;
    width:190px;
    order:1;
  }
  #story-movie .movie_list ul::after{
    content:"";
    display: block;
    width:190px;
  }
}
@media screen and (max-width: 670px) {
  #story-movie { padding: 30px 10px 50px; }
  #story-movie .title { width: 95%; }
  #story-movie .movie-select { display: block; }
  #story-movie .movie-select .dealer-filter { margin-left: 0; }
  #story-movie .movie-select .dealer-filter, #story-movie .movie-select .genre-filter { width: 100%; }
  #story-movie .movie-select .dealer-filter p, #story-movie .movie-select .genre-filter p {
    margin-bottom: 5px;
    font-size: 14px;
  }
  #story-movie .movie-select .dealer-filter::after,
  #story-movie .movie-select .genre-filter::after {
    top: 50%;
    right: 3%;
  }
  #story-movie .movie-select .dealer-filter select, #story-movie .movie-select .genre-filter select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
  }
  #story-movie .movie-select select { margin-bottom: 20px; }
  #story-movie #movie-filter-btn {
    width: 100%;
    max-width: 100%;
    height: 40px;
    font-size: 13px;
  }
  #story-movie .xp_post {
    width: 150px;
    margin-bottom: 30px;
  }
  #story-movie .movie_list ul::before{ width:150px; }
  #story-movie .movie_list ul::after{ width:150px; }
  #story-movie img.xp_thumbnail_image { width: 150px; }
  #story-movie .xp_staff_info_card .xp_staff_info_shop {
    width: 150px;
    font-size: 14px;
  }
  #story-movie .movie_not {
    padding: 80px 0 80px;
    font-size: 14px;
  }
}
/* 202307 エシカルLP
-------------------------------------------- */
/* 共通 */
#monitor-ethical * { box-sizing: border-box; }
#monitor-ethical { font-size: 16px; }
#monitor-ethical p, #monitor-ethical ul, #monitor-ethical figure, #monitor-ethical h2, #monitor-ethical h3, #monitor-ethical h4 {
  margin: 0;
  padding: 0;
  border: none;
  color: #333333;
}
#monitor-ethical a:hover { text-decoration: none; }
#monitor-ethical img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}
#monitor-ethical h3 {
  margin: 0 auto 60px;
  text-align: center;
  font-weight: 600;
}
#monitor-ethical h4 {
  text-align: center;
  font-weight: 600;
}
#monitor-ethical .inner {
  width: 95%;
  max-width: 1080px;
  margin: 0 auto;
}
/* フォーム共通*/
#monitor-ethical .form-wrap {
  background-color: #FFFFFF;
  text-align: center;
  max-width: 650px;
  width: 100%;
  padding: 29px 36px 13px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0px 3px 5px rgba(48, 139, 70, 0.5);
}
#monitor-ethical .form-wrap h3 {
  margin: 0 auto 20px;
  font-size: 22px;
  color: #333333;
}
#monitor-ethical .form-wrap .entry-form-action input[type='email'] {
  width: 100%;
  max-width: 326px;
  height: 37px;
  padding: 7px 18px;
  font-size: 19px;
  border: 1px #CCCCCC solid;
  background-color: #F6F6F6;
  background-image: none;
  border-radius: 3px;
}
#monitor-ethical .form-wrap .button {
  width: 100%;
  max-width: 240px;
  height: 37px;
  margin: -8px 0 0;
  padding-left: 23px;
  display: inline-block;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: #FFFFFF;
  vertical-align: middle;
  cursor: pointer;
  background: #DC4D4D url("/img/contents/lp/monitor/arrow_white.png") no-repeat;
  background-position: right 18px center;
  background-size: 8px;
  border-radius: 50px;
  border: none;
  box-shadow: 0 4px 0 0 #A82525;
  -webkit-appearance: none;
  transition: .3s;
}
#monitor-ethical .form-wrap .button:hover {
  transform: translate3d(0, 4px, 0);
  box-shadow: none;
}
#monitor-ethical .form-wrap .notice {
  margin-top: 33px;
  font-size: 12px;
}
/* フォーム（メインビジュアル部分）*/
#monitor-ethical .form-wrap.top-box {
  position: absolute;
  top: 320px;
  right: 50%;
  transform: translateX(50%);
  box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.5);
  z-index: 10;
}
/* フォーム背景*/
#monitor-ethical .form-bg {
  padding: 61px 0;
  margin-bottom: -2px;
  background: url("/img/contents/lp/monitor/ethical/green_bg_pt.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
/* メインビジュアル */
#monitor-ethical .main-visual {
  background-image: url("/img/contents/lp/monitor/ethical/main_01_pc.png");
  background-color: #FDF2D6;
  background-position: center bottom -3px;
  background-size: 1614px;
  background-repeat: no-repeat;
  position: relative;
  margin-top: -108px;
}
#monitor-ethical .main-visual .logo-wrap {
  width: 28%;
  position: absolute;
  top: 23px;
  left: 11px;
}
#monitor-ethical .main-visual .logo-wrap img {
  width: 122px;
  margin: 0 36px 5px 0;
  vertical-align: middle;
}
#monitor-ethical .main-visual .logo-wrap p {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #333333;
}
#monitor-ethical .main-visual .logo-wrap p::before {
  content: "";
  height: 29px;
  border-right: dashed 0.1em #707070;
  position: absolute;
  top: 0;
  left: 142px;
}
@media screen and (max-width: 1140px) {
  #monitor-ethical .main-visual .logo-wrap p::before { display: none; }
}
#monitor-ethical .main-visual .mv-txt {
  position: relative;
  margin: 0 auto;
  width: 440px;
  background-color: #538457;
  padding: 60px 0 151px;
}
#monitor-ethical .main-visual .mv-txt p {
  padding: 8px 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto 43px;
  max-width: 354px;
  background-color: #FFFFFF;
  color: #538457;
  text-align: center;
  border-radius: 2px;
}
#monitor-ethical .main-visual .mv-txt h1 {
  margin: 0 auto;
  text-align: center;
}
#monitor-ethical .main-visual .mv-txt h1 img { 
  width: 100%;
  max-width: 322px;
}
/* about */
#monitor-ethical .about {
  background: #FFFEF9;
  padding: 142px 0 73px;
  line-height: 1.8;
}
#monitor-ethical .about .inner {
  display: flex;
  justify-content: space-between;
}
#monitor-ethical .about .txt-area {
  width: 100%;
  max-width: 515px;
  margin-right: 5%;
}
#monitor-ethical .about .txt-area h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 29px;
}
#monitor-ethical .about .txt-area h2 span { color: #BD770D; }
#monitor-ethical .about .img-area img {
  width: 100%;
  max-width: 433px;
}
/* 地球と人にやさしいアイテムが揃っています */
#monitor-ethical .item {
  background: linear-gradient(#FCEBD1 0%, #FDF2D6 4%, #FDF2D6 56%, #F5DAC1 100%);
  padding: 82px 0 80px;
}
#monitor-ethical .item .item-bg {
  background: url("/img/contents/lp/monitor/ethical/cloud_1_pc.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
#monitor-ethical .item .inner {
  position: relative;
  z-index: 1;
}
#monitor-ethical .item .item-list {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 0 0 33px;
}
#monitor-ethical .item .item-list li {
  width: calc((100% - 99px) / 3);
  margin: 0 33px 38px 0;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 6px rgba(181, 166, 108, 0.16);
  background-color: #FFFFFF;
  border-radius: 9px;
  border: none;
}
#monitor-ethical .item .item-list li:last-child { margin: 0 33px 0 0; }
#monitor-ethical .item .item-list img {
  width: 100%;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
#monitor-ethical .item .item-list .txt-area { padding: 31px 9% 40px; }
#monitor-ethical .item .item-list .category {
  margin-bottom: 15px;
  font-size: 18px;
}
#monitor-ethical .item .item-list .text { line-height: 1.7; }
#monitor-ethical .item .btm-list {
  margin: 75px auto 0;
  padding: 44px 4% 46px;
  background-color: #FFFFFF;
  border-radius: 12px;
  position: relative;
}
#monitor-ethical .item .btm-list::before {
  content: "";
  background: url("/img/contents/lp/monitor/ethical/green_1.png") no-repeat;
  background-size: 208px;
  width: 208px;
  height: 263px;
  display: block;
  position: absolute;
  top: -248px;
  right: 5%;
  z-index: -1;
}
#monitor-ethical .item .btm-list .title {
  font-size: 22px;
  margin-bottom: 2px;
}
#monitor-ethical .item .btm-list span {
  margin: 22px 18px 0 18px;
  display: inline-block;
}
#monitor-ethical .item .btm-list span:last-child { font-size: 14px;  }
#monitor-ethical .item .btm-list span:not(:last-child)::before {
  margin-right: 5px;
  content: '\025cf';
  display: inline-block;
  color: #82A97C;
  font-size: 14px;
}
/* エシカルな情報を発信 */
#monitor-ethical .info {
  background-image: url("/img/contents/lp/monitor/ethical/green_2.svg"), url("/img/contents/lp/monitor/ethical/green_3.svg");
  background-color: #FFFEFF;
  background-repeat: no-repeat;
  background-position: left -12px bottom -7px, right -25px bottom -7px;
  padding: 78px 0 96px;
  line-height: 1.8;
}
#monitor-ethical .info .title { margin: 0 auto 49px; }
#monitor-ethical .info .wrap {
  display: flex;
  justify-content: space-around;
}
#monitor-ethical .info .txt-area {
  width: 100%;
  max-width: 503px;
  margin: 46px 6% 0 0;
}
#monitor-ethical .info .img-area img {
  width: 100%;
  max-width: 433px;
}
#monitor-ethical .info .btn {
  display: inline-block;
  padding: 12px 50px;
  margin-top: 50px;
  border-radius: 26px;
  background-color: #538457;
  box-shadow: 0px 2px 6px rgba(105, 133, 96, 0.16);
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.6;
}
#monitor-ethical .info .btn::after {
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 9px;
  height: 9px;
  border-top: 2px #FFFFFF solid;
  border-right: 2px #FFFFFF solid;
  transform: rotate(45deg);
  margin-left: 11px;
}
#monitor-ethical .info .btn:hover { opacity: 0.8; }
/* 多くのショップオーナーに選ばれる理由 */
#monitor-ethical .reason {
  background: url("/img/contents/lp/monitor/ethical/cloud_2_PC.png"), linear-gradient(#FDF2D6 0%, #FDF2D6 42%, #F5DAC1 100%);
  background-repeat: no-repeat;
  background-position: top 23% right 54%;
  padding: 82px 0 80px;
  margin-top: -2px;
}
#monitor-ethical .reason .reason-list li {
  width: 100%;
  max-width: 1080px;
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(181, 166, 108, 0.16);
  background-color: #FFFFFF;
  border-radius: 10px;
  border: none;
}
#monitor-ethical .reason .reason-list li:first-child { margin-bottom: 30px; }
#monitor-ethical .reason .reason-list img {
  max-width: 446px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
}
#monitor-ethical .reason .reason-list .txt-area { padding: 4% 5% 4% 6%; }
#monitor-ethical .reason .reason-list .title {
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
  line-height: 1;
}
#monitor-ethical .reason .reason-list .title span {
  margin-right: 14px;
  font-size: 46px;
  font-style: italic;
  color: #82A97C;
  vertical-align: middle;
}
#monitor-ethical .reason .reason-list .text { line-height: 1.8; }
/* 開業準備中の方もご登録いただけます */
#monitor-ethical .special {
  padding: 80px 0 77px;
  text-align: center;
  background: url("/img/contents/lp/monitor/ethical/green_4.svg"), #FFFEF9;
  background-repeat: no-repeat;
  background-position: center bottom -50px;
  background-size: auto;
}
#monitor-ethical .special .title-wrap { margin-bottom: 54px; }
#monitor-ethical .special .title {
  margin: 0 auto 18px;
  font-size: 22px;
}
#monitor-ethical .special .catch {
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}
#monitor-ethical .special .catch::before {
  margin-right: 8px;
  display: inline-block;
  content: '＼';
}
#monitor-ethical .special .catch::after {
  margin-left: 8px;
  display: inline-block;
  content: '／';
}
#monitor-ethical .special .box {
  margin: 30px 0 0;
  padding: 64px 12% 58px;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dotted #707070;
  background-color: #FFFFFF;
  position: relative;
}
#monitor-ethical .special .box h4 {
  width: 100%;
  max-width: 425px;
  text-align: center;
  position: absolute;
  top: -35px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
}
#monitor-ethical .special .box h4 img { 
  width: 100%;
  max-width: 350px;
}
#monitor-ethical .special .box-in {
  width: 50%;
  max-width: 313px;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border: 2px solid #D57A6F;
  border-radius: 5px;
}
#monitor-ethical .special .box-in .num {
  padding: 9px 11px;
  font-size: 32px;
  font-weight: 600;
  color: #D57A6F;
  border-right: 1px dashed #D57A6F;
}
#monitor-ethical .special .box-in .text {
  padding-left: 11px;
  font-size: 15px;
}
#monitor-ethical .special .plus {
  margin: 0 30px;
  font-size: 22px;
  color: #333333;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 共通 */
  #monitor-ethical .inner { width: 90%; }
  #monitor-ethical h3.title img { width: 100%; }
  /* フォーム共通*/
  #monitor-ethical .form-wrap {
    width: 90%;
    max-width: 692px;
    padding: 29px 2% 13px;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-ethical .form-wrap.top-box { top: 451px; }
  /* メインビジュアル */
  #monitor-ethical .main-visual {
    background-image: none;
    background-color: transparent;
    margin-top: 0;
  }
  #monitor-ethical .main-visual .mv-wrap { background-color: #538457; }
  #monitor-ethical .main-visual .logo-wrap {
    width: 100%;
    left: 25px;
  }
  #monitor-ethical .main-visual .logo-wrap img {
    width: 120px;
    margin: 0;
  }
  #monitor-ethical .main-visual .mv-txt { padding: 18px 0 32px; }
  #monitor-ethical .main-visual .mv-txt p {
    padding: 7px 0;
    margin: 0 auto 24px;
  }
  #monitor-ethical .main-visual .mv-txt h1 img { max-width: 400px; }
  #monitor-ethical .mv-img-ts {
    background-color: #FDF2D6;
    height: 266px;
    text-align: center;
    position: relative;
  }
  #monitor-ethical .mv-img-ts img { position: absolute; }
  #monitor-ethical .mv-img-ts .img-left {
    width: 261px;
    top: 23px;
    right: 52%;
    z-index: 2;
  }
  #monitor-ethical .mv-img-ts .img-right {
    width: 328px;
    top: 16px;
    left: 41%;
    z-index: 1;
  }
  /* about */
  #monitor-ethical .about {
    padding: 142px 0 60px;
    text-align: center;
  }
  #monitor-ethical .about .inner { display: block; }
  #monitor-ethical .about .txt-area {
    max-width: 588px;
    margin: 0 auto;
  }
  #monitor-ethical .about .txt-area > p { text-align: left; }
  #monitor-ethical .about .img-area img {
    max-width: 423px;
    margin-top: 36px;
  }
  /* 地球と人にやさしいアイテムが揃っています */
  #monitor-ethical .item { padding: 60px 0; }
  #monitor-ethical .info .title { margin: 0; }
  #monitor-ethical .item .item-bg {
    background: url("/img/contents/lp/monitor/ethical/cloud_1_tab.png");
    background-repeat: no-repeat;
    background-position: top 30px left -30px;
    background-size: 100%;
  }
  #monitor-ethical .item .inner { background: none; }
  #monitor-ethical .item .title img { max-width: 475px; }
  #monitor-ethical .item .item-list {
    justify-content: flex-start;
    padding: 0;
    max-width: 692px;
  }
  #monitor-ethical .item .item-list li {
    width: calc((100% - 33px) / 2);
    margin: 0 33px 38px 0;
    border-radius: 8px;
  }
  #monitor-ethical .item .item-list li:nth-child(2n) { margin: 0 0 38px 0; }
  #monitor-ethical .item .item-list li:last-child { margin: 0; }
  #monitor-ethical .item .item-list img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  #monitor-ethical .item .item-list .txt-area { padding: 31px 11% 33px; }
  #monitor-ethical .item .btm-list {
    margin: 82px auto 0;
    padding: 50px 3%;
  }
  #monitor-ethical .item .btm-list::before {
    background-size: 170px;
    width: 170px;
    height: 215px;
    top: -190px;
    right: 7%;
  }
  /* エシカルな情報を発信 */
  #monitor-ethical .info {
    background-position: left -53px bottom -23px, right -132px bottom -13px;
    padding: 78px 0 79px;
  }
  #monitor-ethical .info .title img { max-width: 230px; }
  #monitor-ethical .info .wrap {
    display: block;
    text-align: center;
  }
  #monitor-ethical .info .txt-area {
    max-width: 588px;
    margin: 46px auto 50px;
    text-align: left;
  }
  #monitor-ethical .info .img-area img { max-width: 588px; }
  #monitor-ethical .info .btn { margin-top: 71px; }
  /* 多くのショップオーナーに選ばれる理由 */
  #monitor-ethical .reason { padding: 60px 0; }
  #monitor-ethical .reason .title img { max-width: 430px; }
  #monitor-ethical .reason .reason-list {
    display: flex;
    max-width: 692px;
    margin: 0 auto;
  }
  #monitor-ethical .reason .reason-list li {
    width: calc((100% - 30px) / 2);
    display: block;
  }
  #monitor-ethical .reason .reason-list li:first-child { margin: 0 30px 0 0; }
  #monitor-ethical .reason .reason-list img {
    max-width: 331px;
    width: 100%;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
  #monitor-ethical .reason .reason-list .txt-area { padding: 0; }
  #monitor-ethical .reason .reason-list .title {
    margin: 24px 4% 14px;
    font-size: 18px;
    text-align: center;
  }
  #monitor-ethical .reason .reason-list .title span {
    margin-right: 5px;
    font-size: 40px;
  }
  #monitor-ethical .reason .reason-list .text { padding: 0 10% 34px 10%; }
  /* 開業準備中の方もご登録いただけます */
  #monitor-ethical .special {
    padding: 60px 0;
    background-position: left -24px bottom -40px;
    background-size: 155%;
  }
  #monitor-ethical .special .title-wrap { margin-bottom: 21px; }
  #monitor-ethical .special .title-wrap > p {
    max-width: 588px;
    margin: 0 auto;
    text-align: left;
  }
  #monitor-ethical .special .catch { padding-bottom: 14px; }
  #monitor-ethical .special .box { padding: 56px 3% 55px; }
  #monitor-ethical .special .plus { margin: 0 10px; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #monitor-ethical h3 { margin: 0 auto 34px; }
  #monitor-ethical h3.title img { width: 95%; }
  /* フォーム共通*/
  #monitor-ethical .form-wrap { padding: 28px 4%; }
  /* フォーム（メインビジュアル部分）*/
  #monitor-ethical .form-wrap.top-box { top: 356px; }
  #monitor-ethical .form-wrap .button {
    max-width: 294px;
    margin: 9px auto 0;
    padding-left: 0;
    display: block;
    text-align: center;
    background-position: right 32px center;
  }
  /* フォーム背景*/
  #monitor-ethical .form-bg {
    padding: 40px 0;
    background: url("/img/contents/lp/monitor/ethical/green_bg_sp.png");
  }
  /* メインビジュアル */
  #monitor-ethical .main-visual .mv-wrap { padding-top: 59px; }
  #monitor-ethical .main-visual .mv-txt {
    width: 100%;
    max-width: 312px;
  }
  #monitor-ethical .main-visual .mv-txt p {
    padding: 6px 0;
    font-size: 13px;
    margin: 0 auto 20px;
    border-radius: 0;
  }
  #monitor-ethical .main-visual .logo-wrap {
    top: 21px;
    left: 18px;
  }
  #monitor-ethical .main-visual .logo-wrap img { width: 77px; }
  #monitor-ethical .main-visual .mv-txt { padding: 0 0 24px; }
  #monitor-ethical .main-visual .mv-txt h1 img { max-width: 225px; }
  #monitor-ethical .mv-img-ts { height: 243px; }
  #monitor-ethical .mv-img-ts .img-left {
    width: 198px;
    top: 12px;
    right: 46%;
    z-index: 1;
  }
  #monitor-ethical .mv-img-ts .img-right {
    width: 228px;
    top: 19px;
    left: 37%;
    z-index: 2;
  }
  /* about */
  #monitor-ethical .about { padding: 165px 0 40px; }
  #monitor-ethical .about .txt-area h2 {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 1.5;
  }
  #monitor-ethical .about .img-area img { max-width: 288px; }
  /* 地球と人にやさしいアイテムが揃っています */
  #monitor-ethical .item {
    padding: 42px 0 40px;
    background: #FDF2D6;
  }
  #monitor-ethical .item .item-bg { background: #FDF2D6; }
  #monitor-ethical .item .title img { max-width: 324px; }
  #monitor-ethical .item .item-list { display: block; }
  #monitor-ethical .item .item-list li {
    width: 100%;
    max-width: 324px;
    margin: 0 auto 24px;
    border-radius: 7px;
  }
  #monitor-ethical .item .item-list li:nth-child(2n) { margin: 0 auto 24px; }
  #monitor-ethical .item .item-list li:last-child { margin: 0 auto; }
  #monitor-ethical .item .item-list img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
  #monitor-ethical .item .item-list .txt-area { padding: 30px 10% 32px; }
  #monitor-ethical .item .item-list .category { margin-bottom: 14px; }
  #monitor-ethical .item .btm-list {
    margin: 117px auto 0;
    padding: 34px 8% 49px;
    border-radius: 7px;
  }
  #monitor-ethical .item .btm-list::before {
    background-size: 69px;
    width: 69px;
    height: 88px;
    top: -117px;
    right: 50%;
    transform: translate(50%, 50%);
  }
  #monitor-ethical .item .btm-list .title {
    margin-bottom: 10px;
    font-size: 18px;
  }
  #monitor-ethical .item .btm-list span:last-child { font-size: 14px;  }
  #monitor-ethical .item .btm-list span {
    margin: 5px 0 0 0;
    font-size: 14px;
  }
  #monitor-ethical .item .btm-list span:not(:last-child)::before {
    margin-right: 0;
    content: none;
  }
  #monitor-ethical .item .btm-list span:not(:last-child)::after {
    margin: 0 5px;
    content: '/';
    color: #333333;
  }
  /* エシカルな情報を発信 */
  #monitor-ethical .info {
    background-image: none;
    padding: 40px 0;
  }
  #monitor-ethical .info .title img { max-width: 213px; }
  #monitor-ethical .info .txt-area { margin: 32px auto 38px; }
  #monitor-ethical .info .img-area img { max-width: 324px; }
  #monitor-ethical .info .btn {
    padding: 10px 0 8px;
    margin-top: 40px;
    background-color: #6D9966;
    font-size: 16px;
    width: 100%;
    max-width: 294px;
  }
  #monitor-ethical .info .btn::after {
    width: 7px;
    height: 7px;
    margin-left: 9px;
  }
  /* 多くのショップオーナーに選ばれる理由 */
  #monitor-ethical .reason {
    padding: 40px 0;
    background: none;
    background-color: #FDF2D6;
  }
  #monitor-ethical .reason .title img { max-width: 258px; }
  #monitor-ethical .reason .reason-list {
    display: block;
    width: 100%;
    max-width: 324px;
  }
  #monitor-ethical .reason .reason-list li {
    width: 100%;
    border-radius: 7px;
  }
  #monitor-ethical .reason .reason-list li:first-child { margin: 0 auto 30px; }
  #monitor-ethical .reason .reason-list .title {
    margin: 30px 4% 20px;
    font-size: 20px;
  }
  #monitor-ethical .reason .reason-list .title span { display: none; }
  #monitor-ethical .reason .reason-list .text { padding: 0 8% 40px 8%; }
  /* 開業準備中の方もご登録いただけます */
  #monitor-ethical .special {
    padding: 40px 0 98px;
    background-position: right -155px bottom -18px;
    background-size: 265%;
  }
  #monitor-ethical .special .title {
    margin: 0 auto 25px;
    font-size: 20px;
  }
  #monitor-ethical .special .title-wrap { margin-bottom: 25px; }
  #monitor-ethical .special .box {
    margin: 30px 0 0;
    padding: 48px 3%;
    display: block;
  }
  #monitor-ethical .special .box h4 img { max-width: 291px; }
  #monitor-ethical .special .box-in {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  #monitor-ethical .special .box-in .num { padding: 7px 11px; }
  #monitor-ethical .special .box-in .text { padding-left: 9px; }
  #monitor-ethical .special .plus {
    margin: 10px 0;
    text-align: center;
  }
}

/* 202402 SDギャザリング特設ページ
-------------------------------------------- */
/* 共通 */
#sd_gathering-wrap { background-color: #f6f6f6; }
#sd_gathering-wrap h1 {
  text-align: center;
  padding-top: 30px;
}
#sd_gathering-wrap h1 span {
  display: block;
  margin: 0 auto;
}
#sd_gathering-wrap h2 {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  border: none;
}
#sd_gathering-wrap .h2_sub {
  margin: 10px auto 40px;
  text-align: center;
}
#sd_gathering-wrap h3 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #3cb2b6;
  overflow: hidden;
}
#sd_gathering-wrap h3 span {
  position: relative;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #3cb2b6;
  background-size: 46px;
  border-radius: 100%;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 20px;
}
#sd_gathering-wrap h3 span:before,
#sd_gathering-wrap h3 span:after {
  position: absolute;
  content: '';
  width: calc((980px - 46px - 24px) / 2 );
  height: auto;
  border-bottom: dotted 3px #3cb2b6;
  top: 50%;
  transform: translateY(-50%);
}
#sd_gathering-wrap h3 span:before { left: 58px; }
#sd_gathering-wrap h3 span:after { right: 58px; }
#sd_gathering-wrap .btn {
  display: inline-block;
  position: relative;
  width: 250px;
  font-size: 16px;
  color: #3cb2b6;
  text-align: center;
  border: 2px solid #3cb2b6;
  border-radius: 50px;
  background-color: #fff;
  padding: 15px 0;
  transition: 0.3s;
}
#sd_gathering-wrap .btn:after {
  position: absolute;
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 8px;
  height: 8px;
  border-top: 2px #3cb2b6 solid;
  border-right: 2px #3cb2b6 solid;
  transform: rotate(45deg);
  right: 44px;
  top: calc(50% - 6px);
  transition: 0.3s;
}
#sd_gathering-wrap .btn:hover {
  color: #fff;
  background-color: #3cb2b6;
}
#sd_gathering-wrap .btn:hover:after {
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
}
#sd_gathering-wrap a { text-decoration: none; }
/* メインビジュアル */
#sd_gathering-wrap #sd_gathering-mv {
  position: relative;
  height: 535px;
  background: #8CCAE1 url(/img/contents/event/sd_gathering/main/main_bg_pc01.jpg) no-repeat center center;
  background-size: 2200px;
  margin-bottom: 70px;
}
#sd_gathering-wrap #sd_gathering-mv .ttl_container { margin: auto; }
#sd_gathering-wrap #sd_gathering-mv .ttl_container p {
  font-size: 20px;
  text-align: center;
  margin: 30px auto 0;
}
#sd_gathering-wrap #sd_gathering-mv .ttl_container .btn {
  display: block;
  margin: 30px auto 0;
}
/* SDギャザリングとは？ */
#sd_gathering-wrap #sd_gathering-about {
  max-width: 980px;
  margin: 0 auto 100px;
  padding: 0 2%;
}
#sd_gathering-wrap #sd_gathering-about .case dt {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
#sd_gathering-wrap #sd_gathering-about .case dd {
  background-color: #fff;
  padding: 20px 30px;
  margin: 0;
}
#sd_gathering-wrap #sd_gathering-about .case dd picture img {
  display: block;
  margin: auto;
}
#sd_gathering-wrap #sd_gathering-about .case_usually {
  border: 1px solid #333;
  margin-bottom: 20px;
}
#sd_gathering-wrap #sd_gathering-about .case_usually dt {
  background-color: #d7d7d7;
  border-bottom: 1px solid #333;
}
#sd_gathering-wrap #sd_gathering-about .case_sd_gathering {
  border: 6px solid #3cb2b6;
  margin-bottom: 60px;
}
#sd_gathering-wrap #sd_gathering-about .case_sd_gathering dt {
  color: #fff;
  background-color: #3cb2b6;
  border-bottom: 1px solid #3cb2b6;
}
#sd_gathering-wrap #sd_gathering-about .about2 figure {
  max-width: 980px;
  margin: 0 auto;
}
#sd_gathering-wrap #sd_gathering-about .about2 figure img {
  width: 100%;
  text-align: center;
}
/* おすすめアイテムを探す */
#sd_gathering-wrap #sd_gathering-recommend {
  background-color: #e4f6f2;
  padding: 90px 0 110px;
}
#sd_gathering-wrap #sd_gathering-recommend h2 span {
  display: inline;
  position: relative;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product {
  max-width: 980px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  padding: 0 2%;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product {
  width: calc((100% - 40px) / 4);
  margin-bottom: 40px;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product:hover img {
  opacity: 0.7;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product div {
  position: relative;
  width: 220px;
  height: 220px;
  margin-bottom: 7px;
  box-sizing: border-box;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product .product img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;
  overflow: hidden;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product a p.item {
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
}
#sd_gathering-wrap #sd_gathering-recommend .recommend-product a p { font-weight: normal; }
#sd_gathering-wrap #sd_gathering-recommend .btn {
  display: block;
  margin: 80px auto 0;
}
#sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark {
  position: absolute;
  right: -90px;
  top: -30px;
}
/* 人気ファッションメーカーが集結！ */
#sd_gathering-wrap #sd_gathering_manufacturers {
  padding: 90px 0 110px;
  margin-bottom: -35px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper {
  width: 100%;
  margin: 0 auto 30px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-wrapper { transition-timing-function: linear; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide { width: 200px; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide:hover {
  opacity: 0.7;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide figure { margin: 0 auto; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide figure img {
  width: 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-slide figure figcaption {
  font-size: 13px;
  color: #333;
}
#sd_gathering-wrap #sd_gathering_manufacturers .btn {
  display: block;
  margin: 80px auto 0;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev button,
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next button {
  position: absolute;
  content: '';
  width: 90px;
  height: 90px;
  top: 33%;
  border-radius: 100%;
  border: none;
  background: #A8DEE0;
  opacity: 0.9;
  z-index: 10;
  box-shadow: 0 0 .5rem .5rem rgba(0, 0 ,0, .08);
  cursor: pointer;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev button { left: -45px; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next button { right: -45px; }
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:before,
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:before {
  position: absolute;
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 14px;
  height: 14px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  top: 46%;
  z-index: 11;
  cursor: pointer;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:before {
  transform: rotate(225deg);
  left: 17px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:before {
  transform: rotate(45deg);
  right: 17px;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:hover:before {
  left: 12px;
  transition: 0.3s;
}
#sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:hover:before {
  right: 12px;
  transition: 0.3s;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
  /* 共通 */
  #sd_gathering-wrap h1 {
    width: 268px;
    margin: auto;
    padding-top: 20px;
  }
  #sd_gathering-wrap h1 span { width: 100px; }
  #sd_gathering-wrap .btn {
    width: 180px;
    font-size: 13px;
    border: 1px solid #3cb2b6;
    padding: 10px 0;
  }
  #sd_gathering-wrap .btn:after {
    width: 6px;
    height: 6px;
    border-top: 1px #3cb2b6 solid;
    border-right: 1px #3cb2b6 solid;
    top: calc(50% - 4px);
    right: 25px;
  }
  #sd_gathering-wrap .btn:hover:after {
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
  }
  #sd_gathering-wrap .h2_sub { margin: 5px auto 40px; }
  #sd_gathering-wrap h3 { font-size: 26px; }
  #sd_gathering-wrap h1 img,
  #sd_gathering-wrap h1 span img,
  #sd_gathering-wrap h2 img,
  #sd_gathering-wrap .h2_sub img,
  #sd_gathering-wrap h3 img,
  #sd_gathering-wrap h3 span img { width: 100%; }
  #sd_gathering-wrap p { font-size: 13px;}
  /* メインビジュアル */
  #sd_gathering-wrap #sd_gathering-mv {
    position: relative;
    background: #8CCAE1 url(/img/contents/event/sd_gathering/main/main_bg_tab01.jpg) no-repeat center center;
    background-size: 940px;
    height: 300px;
    margin-bottom: 70px;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container p {
    font-size: 13px;
    text-align: center;
    margin: 15px auto 0;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container .btn {
    display: block;
    margin: 15px auto 0;
  }
  /* SDギャザリングとは？ */
  #sd_gathering-wrap #sd_gathering-about h2 {
    width: 100%;
    max-width: 310px;
  }
  #sd_gathering-wrap #sd_gathering-about .h2_sub {
    width: 210px;
    text-align: center;
  }
  /* おすすめアイテムを探す */
  #sd_gathering-wrap #sd_gathering-recommend h2 { width: 322px; }
  #sd_gathering-wrap #sd_gathering-recommend .h2_sub {
    max-width: 394px;
    width: 100%;
    text-align: center;
  }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product { margin-bottom: 30px; }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product div {
    max-height: 20.2vw;
    max-width: 20.2vw;
  }
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark {
    top: -20px;
    right: -80px;
  }
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark img { width: 80%; }
  /* 人気ファッションメーカーが集結！ */
  #sd_gathering-wrap #sd_gathering_manufacturers { margin-bottom: -85px; }
  #sd_gathering-wrap #sd_gathering_manufacturers h2 { width: 236px; }
  #sd_gathering-wrap #sd_gathering_manufacturers .h2_sub { width: 332px; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #sd_gathering-wrap h1 {
    width: 288px;
    margin: auto;
    padding-top: 10px;
  }
  #sd_gathering-wrap h1 span { margin: -5px auto 0; }
  #sd_gathering-wrap .h2_sub { margin: 2px auto 20px; }
  #sd_gathering-wrap h3 { font-size: 18px; }
  #sd_gathering-wrap h3 span {
    font-size: 18px;
    width: 27px;
    height: 27px;
    margin: 0 auto 15px;
  }
  #sd_gathering-wrap h3 span::before,
  #sd_gathering-wrap h3 span::after { width: 400px; }
  #sd_gathering-wrap h3 span::before { left: 40px; }
  #sd_gathering-wrap h3 span::after { right: 40px; }
  /* メインビジュアル */
  #sd_gathering-wrap #sd_gathering-mv {
    position: relative;
    background: #8CCAE1 url(/img/contents/event/sd_gathering/main/main_bg_sp01.jpg) no-repeat center center;
    background-size: 670px;
    height: 350px;
    margin-bottom: 30px;
  }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container p { margin: 8px auto 0; }
  #sd_gathering-wrap #sd_gathering-mv .ttl_container .btn { margin: 10px auto 0; }
  /* SDギャザリングとは？ */
  #sd_gathering-wrap #sd_gathering-about {
    padding: 0 4%;
    margin: 0 auto 60px;
  }
  #sd_gathering-wrap #sd_gathering-about h2 { width: 226px; }
  #sd_gathering-wrap #sd_gathering-about .h2_sub { width: 170px; }
  #sd_gathering-wrap #sd_gathering-about .case_usually dt,
  #sd_gathering-wrap #sd_gathering-about .case dt { font-size: 16px; }
  #sd_gathering-wrap #sd_gathering-about .case_usually dd,
  #sd_gathering-wrap #sd_gathering-about .case dd { padding: 10px 15px; }
  #sd_gathering-wrap #sd_gathering-about .case_usually dd img,
  #sd_gathering-wrap #sd_gathering-about .case dd img { width: 100%; }
  /* おすすめアイテムを探す */
  #sd_gathering-wrap #sd_gathering-recommend { padding: 30px 0 60px; }
  #sd_gathering-wrap #sd_gathering-recommend h2 { width: 220px; }
  #sd_gathering-wrap #sd_gathering-recommend .h2_sub { width: 272px; }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product { padding: 0 4%; }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product {
    width: 48%;
    margin-bottom: 25px;
  }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product .product div {
    max-height: 49.5vw;
    max-width: 49.5vw;
    width: 100%;
  }
  #sd_gathering-wrap #sd_gathering-recommend .recommend-product a p.item { margin: 0;}
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark {
    top: -10px;
    right: -65px;
  }
  #sd_gathering-wrap #sd_gathering-recommend .sd_gathering_newmark img { width: 60%; }
  #sd_gathering-wrap #sd_gathering-recommend .btn { margin: 15px auto 0; }
  /* 人気ファッションメーカーが集結！ */
  #sd_gathering-wrap #sd_gathering_manufacturers { padding: 30px 0 70px; }
  #sd_gathering-wrap #sd_gathering_manufacturers h2 { width: 176px; }
  #sd_gathering-wrap #sd_gathering_manufacturers .btn { margin: 40px auto 0; }
  #sd_gathering-wrap #sd_gathering_manufacturers .h2_sub { width: 267px; }
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev button,
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next button { top: 6em; }
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-prev:before,
  #sd_gathering-wrap #sd_gathering_manufacturers .swiper .swiper-button-next:before { top: 7.2em; }
}

/* 202404XXリリース 食品取扱店舗LP
-------------------------------------------- */
/* 共通 */
#monitor-lp-ver3.food h2 {
  border: none;
  margin: 0 0 15px;
}
#monitor-lp-ver3.food .ttl-line { margin-bottom: 6px; }
#monitor-lp-ver3.food .title-area { margin-bottom: 25px; }
/* フォーム */
#monitor-lp-ver3.food .main-form-wrap .side-img {
  text-align: center;
  margin: 30px 0 10px 0;
}
#monitor-lp-ver3.food .form-wrap {
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  max-width: 876px;
  padding: 30px 40px 25px;
  margin: 0 auto;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}
#monitor-lp-ver3.food .form-wrap .form-left {
  width: 474px;
  margin-right: 28px;
  text-align: center;
  z-index: 2;
}
#monitor-lp-ver3.food .form-wrap .form-right {
  width: 344px;
  position: relative;
  text-align: center;
  margin-left: 30px;
}
#monitor-lp-ver3.food .form-wrap .form-right::before { 
  content: "";
  display: inline-block;
  height: 285px;
  position: absolute;
  top: -30px;
  left: -30px;
  border-left: dashed 1px #CCCCCC;
}
#monitor-lp-ver3.food .form-wrap .form-right-tx {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0 0 7px;
}
#monitor-lp-ver3.food .form-wrap .form-right-tx::before {
  content: '＼';
  display:inline-block;
  margin-right: 8px;
}
#monitor-lp-ver3.food .form-wrap .form-right-tx::after {
  content: '／';
  display:inline-block;
  margin-left: 8px;
}
#monitor-lp-ver3.food .form-wrap .form-right img { width: 303px; }
#monitor-lp-ver3.food .form-wrap .form-tx {
  font-size: 22px;
  margin: 0 0 10px 0;
  color: #333333;
}
#monitor-lp-ver3.food .entry-form-action {
  margin: 0 auto;
  max-width: none;
}
#monitor-lp-ver3.food .entry-form-box {
  width: 432px;
  float: none;
}
#monitor-lp-ver3.food .entry-form-box input[type='email'] {
  border: 1px #cccccc solid;
  background-color: #F8F8F8;
  padding: 0 5px;
  box-sizing: content-box;
}
#monitor-lp-ver3.food .form {
  background-image: none;
  border-radius: 3px;
  font-size: 18px;
  width: 422px;
  height: 44px;
}
#monitor-lp-ver3.food .mail-button {
  width: 432px;
  float: none;
  position: static;
}
#monitor-lp-ver3.food .flat-red-button {
  font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif !important;
  background: #eb4f50;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  width: 432px;
  height: 44px;
  margin: 15px 0 10px;
  float: none;
  -webkit-appearance: none;
}
#monitor-lp-ver3.food .flat-red-button:hover { opacity: 0.8; }
#monitor-lp-ver3.food .form-wrap .notice {
  margin: 22px auto 0;
  font-size: 13px;
  max-width: 370px;
  color: #333333;
  text-align: left;
  line-height: 0.8;
}
#monitor-lp-ver3.food .form-wrap .left-img { display: none; }
#monitor-lp-ver3.food .form-wrap .right-img { display: none; }
/* フォーム（メインビジュアル部分）*/
#monitor-lp-ver3.food .main-form-wrap {
  position: absolute;
  top: 277px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
}
#monitor-lp-ver3.food .form-wrap.top-box { box-shadow: 0 3px 5px 1px #CCCCCC; }
/* フォーム（メインビジュアル以外の部分） */
#monitor-lp-ver3.food .bottom-box {
  background: url(/img/contents/lp/monitor/food/img_pc_cv.png) no-repeat center center #C5DFDF;
  padding: 25px 0 45px;
  background-size: 1660px;
}
#monitor-lp-ver3.food .bottom-box .side-img {
  text-align: center;
  margin-bottom: 10px;
}
/* ロゴ */
#monitor-lp-ver3.food .logo-wrap {
  position: absolute;
  top: 20px;
  left: 22px;
  width: 24%;
}
#monitor-lp-ver3.food .logo-wrap img { 
  width: 125px;
  padding-right: 10px;
  margin-right: 8px;
}
/* メインビジュアル */
#monitor-lp-ver3.food .main-visual {
  background-image: url("/img/contents/lp/monitor/food/img_pc_mv.png");
  background-color: #F4F0E4;
  background-size: 1660px;
  padding: 100px 0 150px;
  margin-top: -108px;
  background-repeat: no-repeat;
  background-position: center;
}
#monitor-lp-ver3.food .main-visual h1 {
  border: none;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 1024px;
  position: relative;
}
#monitor-lp-ver3.food .main-visual h1 img.mv-ttl-01 { margin-top: 10px; }
#monitor-lp-ver3.food .main-visual h1 img.mv-ttl-03  {
  width: 96%;
  max-width: 760px;
  margin-top: 10px;
}
#monitor-lp-ver3.food .main-visual h1 img.fukidashi {
  position: absolute;
  top: -50%;
  left: 8%;
}
/* about */
#monitor-lp-ver3.food .about {
  background: url(/img/contents/lp/monitor/food/img_back_00.png) repeat center center;
  margin-top: 0;
  padding: 292px 2% 103px;
  height: 210px;
}
#monitor-lp-ver3.food .about .inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
#monitor-lp-ver3.food .about .inner .about-ttl {
  margin: 0 0 30px;
} 
#monitor-lp-ver3.food .about .inner .left-area {
  float: left;
  border: 1px solid #744C39;
  border-radius: 5px;
  background-color: #fff;
  padding: 20px;
}
#monitor-lp-ver3.food .about .inner .right-area { float: right; }
#monitor-lp-ver3.food .about .inner .right-area img {
  width: 100%;
  max-width: 480px;
  margin-top: -112px;
}
/* 豊富な品揃えの食品ジャンル */
#monitor-lp-ver3.food #food-genre {
  padding: 80px 0 115px;
  margin-bottom: -35px;
  background-image: url("/img/contents/lp/monitor/food/img_back_01.png");
  background-size: cover;
  text-align: center;
}
#monitor-lp-ver3.food #food-genre .swiper {
  width: 100%;
  margin: 0 auto 30px;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-wrapper { transition-timing-function: linear; }
#monitor-lp-ver3.food #food-genre .swiper .swiper-slide {
  width: 200px;
  margin-right: 20px;
}
#monitor-lp-ver3.food #food-genre .features-wrap .features a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-slide figure { margin: 0 auto; }
#monitor-lp-ver3.food #food-genre .swiper .swiper-slide figure img {
  width: 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-slide figure figcaption {
  font-size: 13px;
  color: #333;
}
#monitor-lp-ver3.food #food-genre .btn {
  display: block;
  margin: 80px auto 0;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-prev button,
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-next button {
  position: absolute;
  content: '';
  width: 90px;
  height: 90px;
  top: 33%;
  border-radius: 100%;
  border: none;
  background: #C5DFDF;
  opacity: 0.9;
  z-index: 10;
  box-shadow: 0 0 .5rem .5rem rgba(0, 0 ,0, .08);
  cursor: pointer;
  transition: 0.3s;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-prev button { left: -45px; }
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-next button { right: -45px; }
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-prev:before,
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-next:before {
  position: absolute;
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 14px;
  height: 14px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  top: 46%;
  z-index: 11;
  cursor: pointer;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-prev:before {
  transform: rotate(225deg);
  left: 17px;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-next:before {
  transform: rotate(45deg);
  right: 17px;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-prev:hover:before {
  left: 12px;
  transition: 0.3s;
}
#monitor-lp-ver3.food #food-genre .swiper .swiper-button-next:hover:before {
  right: 12px;
  transition: 0.3s;
}
#monitor-lp-ver3.food #food-genre .features-wrap {
  background-color: #F4F0E4;
  border-radius: 5px;
  padding: 20px 0 35px;
  width: 96%;
  max-width: 1024px;
  margin: 70px auto 0;
}
#monitor-lp-ver3.food #food-genre .features-wrap .features {
  display: flex;
  align-items: center;
  justify-content: center;
}
#monitor-lp-ver3.food #food-genre .features-wrap .features figure { margin: 0; }
#monitor-lp-ver3.food #food-genre .features-wrap .features img {
  width: 290px;
  border: 1px solid #cccccc;
}
#monitor-lp-ver3.food #food-genre .features-wrap .features a { margin-right: 30px; }
#monitor-lp-ver3.food #food-genre .features-wrap .features a:nth-child(3) { margin-right: 0; }
/* 食品以外にも幅広い取り扱い */
#monitor-lp-ver3.food .all-genre {
  padding: 80px 2% 110px;
  margin: 0 auto -35px;
  background-image: url("/img/contents/lp/monitor/food/img_back_01.png");
  background-size: cover;
}
#monitor-lp-ver3.food .all-genre .inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.food .all-genre .inner .main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#monitor-lp-ver3.food .all-genre .inner .all-genre-txt { font-size: 16px; }
#monitor-lp-ver3.food .all-genre .inner .all-genre-txt span.dealer,
#monitor-lp-ver3.food .all-genre .inner .all-genre-txt span.product {
  font-size: 22px;
  color: #FA5151;
  font-weight: bold;
  margin-left: 8px;
}
#monitor-lp-ver3.food .all-genre .inner .main .box { margin-right: 2%; }
#monitor-lp-ver3.food .all-genre .inner .main .box img {
  width: 146px;
  border: 1px solid #cccccc;
  border-radius: 100px;
}
#monitor-lp-ver3.food .all-genre .inner .main .box p { font-weight: bold; }
#monitor-lp-ver3.food .all-genre .inner .sub-box {
  background-color: #F4F0E4;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
}
#monitor-lp-ver3.food .all-genre .inner .sub-box span { font-weight: bold; }
/* 開業準備中の方もご登録いただけます */
#monitor-lp-ver3.food .special {
  background-color: #F4F0E4;
  padding: 80px 0;
}
#monitor-lp-ver3.food .special .inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.food .special .inner .title-area p {
  margin: 18px 0 47px;
  font-size: 15px;
}
#monitor-lp-ver3.food .special .inner .title-area .title { 
  font-family: "DNP 秀英角ゴシック銀 Std","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
  font-size: 22px;
}
#monitor-lp-ver3.food .special .inner .box {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 60px 12% 0;
  margin: 45px 0 0;
  box-sizing: border-box;
}
#monitor-lp-ver3.food .special .inner .box > h4 {
  position: absolute;
  top: -33px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  max-width: 425px;
  width: 100%;
  text-align: center;
}
#monitor-lp-ver3.food .special .inner .box > h4 img { 
  max-width: 306px;
  width: 100%;
}
#monitor-lp-ver3.food .special .inner .box-in {
  width: 44%;
  background-color: #FFFFFF;
  border: 2px solid #DA8B79;
  border-radius: 5px;
  display: flex;
  justify-content: start;
  align-items: center;
}
#monitor-lp-ver3.food .special .inner .box-in p {
  font-size: 15px;
  display: inline-block;
  vertical-align: bottom;
  padding: 8px 2%;
  text-align: left;
  margin: 0 0 0 7px;
}
#monitor-lp-ver3.food .special .inner .box-in .num {
  border-right: 1px dotted #DA8B79;
  padding: 8px 7%;
  margin: 0;
}

#monitor-lp-ver3.food .special .inner .plus {
  margin-top: 18px;
  font-size: 22px;
  color: #744C39;
}
#monitor-lp-ver3.food .special .inner .box-in .txt {
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}
/* よくある質問 */
#monitor-lp-ver3.food .qa {
  padding: 80px 2% 100px;
  margin: 0 auto -35px;
  background-image: url("/img/contents/lp/monitor/food/img_back_01.png");
  background-size: cover;
}
#monitor-lp-ver3.food .qa .inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
}
#monitor-lp-ver3.food .qa .inner .main { text-align: left; }
#monitor-lp-ver3.food .qa .inner .main .box {
  color: #333333;
  margin-bottom: 20px;
}
#monitor-lp-ver3.food .qa .inner .main .box .q {
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #C2DDDA;
  padding-bottom: 6px;
  margin: 0 0 10px;
}
#monitor-lp-ver3.food .qa .inner .main .box .q span {
  font-size: 18px;
  color: #C2DDDA;
  margin-right: 8px;
}
#monitor-lp-ver3.food .qa .inner .main .box .a {
  font-size: 13px;
  margin: 0 0 20px;
}
#monitor-lp-ver3.food .qa .inner .main .box .a span {
  font-size: 18px;
  color: #FA5151;
  margin-right: 8px;
  font-weight: bold;
}
@media screen and (max-width: 940px) {
  /* フォーム */
  #monitor-lp-ver3.food .form-bg { 
    padding: 80px 0;
    margin: 0 auto;
  }
  #monitor-lp-ver3.food .form-wrap {
    width: 90%;
    display: block;
    overflow: visible;
    padding: 30px 25px 25px;
  }
  #monitor-lp-ver3.food .form-wrap .form-left {
    width: 100%;
    margin-right: 0;
  }
  #monitor-lp-ver3.food .form-wrap .form-right {
    width: 100%;
    margin-left: 0;
  }
  #monitor-lp-ver3.food .form-wrap .form-right::before { display: none; }
  #monitor-lp-ver3.food .form-wrap .form-right-tx {
    margin: 25px 0 15px;
    padding: 20px 0 0px;
    border-top: dotted 1.5px #aaaaaa;
    font-size: 15px;
  }
  #monitor-lp-ver3.food .form-wrap .form-right-tx::before,
  #monitor-lp-ver3.food .form-wrap .form-right-tx::after { display: none; }
  #monitor-lp-ver3.food .form-wrap .form-right img { width: 49%; }
  #monitor-lp-ver3.food .entry-form-box {
    width: 60%;
    display: inline-block;
  }
  #monitor-lp-ver3.food .form { width: 95%; }
  #monitor-lp-ver3.food .mail-button {
    width: 39%;
    display: inline-block;
  }
  #monitor-lp-ver3.food .flat-red-button {
    width: 100%;
    margin-top: 0;
    font-size: 16px;
  }
  #monitor-lp-ver3.food .form-wrap .left-img {
    width: 13%;
    left: 3%;
    top: -28%;
    display: block;
    position: absolute;
  }
  #monitor-lp-ver3.food .form-wrap .right-img {
    width: 10%;
    right: 4%;
    bottom: -24%;
    display: block;
    position: absolute;
  }
  /* ロゴ */
  #monitor-lp-ver3.food .logo-wrap {
    padding: 0;
    width: 125px;
  }
  #monitor-lp-ver3.food .logo-wrap img { 
    border-right: none;
    padding-right: 0;
  }
  /* メインビジュアル */
  #monitor-lp-ver3.food .main-visual {
    margin-top: 0;
    background-image: url("/img/contents/lp/monitor/food/img_tb_mv.png");
    background-size: cover;
    padding: 140px 0 200px;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.food .main-visual h1 img.mv-ttl-00 { width: 60%; }
  #monitor-lp-ver3.food .main-visual h1 img.mv-ttl-01 {
    width: 82%;
    margin-top: 5px;
  }
  #monitor-lp-ver3.food .main-visual h1 img.mv-ttl-03 { margin-top: 5px; }
  #monitor-lp-ver3.food .main-visual h1 img.fukidashi {
    top: -37%;
    left: 2%;
    width: 17%;
  }
  #monitor-lp-ver3.food .main-form-wrap {
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: none;
    top: 303px;
  }
  #monitor-lp-ver3.food .main-form-wrap .side-img { margin: 40px 0 10px 0; }
  /* フォーム（メインビジュアル以外の部分）*/
  #monitor-lp-ver3.food .bottom-box {
    background-image: url(/img/contents/lp/monitor/food/img_tb_cv.png);
    background-size: cover;
    padding: 35px 0 50px;
    background-position: left;
  }
  #monitor-lp-ver3.food .bottom-box .form-wrap { max-width: 670px; }
  /* about */
  #monitor-lp-ver3.food .about { padding: 329px 2% 369px; }
  #monitor-lp-ver3.food .about .inner { text-align: center; }
  #monitor-lp-ver3.food .about .inner .about-ttl { margin: 0 0 20px; }
  #monitor-lp-ver3.food .about .inner .left-area {
    float: none;
    padding: 30px 40px 20px;
    display: inline-block;
    margin: 0 auto;
  }
  #monitor-lp-ver3.food .about .inner .right-area { float: none; }
  #monitor-lp-ver3.food .about .inner .right-area img { margin-top: 31px; }
  /* 豊富な品揃えの食品ジャンル */
  #monitor-lp-ver3.food #food-genre { padding: 60px 0 95px; }
  #monitor-lp-ver3.food #food-genre .features-wrap {
    max-width: 670px;
    margin: 50px auto 0;
    width: 94%;
  }
  #monitor-lp-ver3.food #food-genre .features-wrap .features { flex-wrap: wrap; }
  #monitor-lp-ver3.food #food-genre .features-wrap .features a { margin-right: 0; }
  #monitor-lp-ver3.food #food-genre .features-wrap .features a:nth-child(1) { margin-right: 20px; }
  #monitor-lp-ver3.food #food-genre .features-wrap .features a:nth-child(3) { margin-top: 13px; }
  /* 食品以外にも幅広い取り扱い */
  #monitor-lp-ver3.food .all-genre { padding: 60px 2% 95px; }
  #monitor-lp-ver3.food .all-genre .inner { max-width: 670px; }
  #monitor-lp-ver3.food .all-genre .inner .main .box p { margin: 5px 0 15px; }
  #monitor-lp-ver3.food .all-genre .inner .sub-box { padding: 10px 20px; }
  /* 開業準備中の方もご登録いただけます */
  #monitor-lp-ver3.food .special { padding: 60px 2%; }
  #monitor-lp-ver3.food .special .inner .box { padding: 60px 5% 0; }
  #monitor-lp-ver3.food .special .inner .box-in { width: 46%; }
  /* よくある質問 */
  #monitor-lp-ver3.food .qa { padding: 60px 4% 75px; }
  #monitor-lp-ver3.food .qa .inner { max-width: 670px; }
}
/* SP */
@media screen and (max-width: 670px) {
  /* 共通 */
  #monitor-lp-ver3.food h2 { margin: 0 0 10px; }
  #monitor-lp-ver3.food .title-area { margin-bottom: 20px; }
  /* フォーム */
  #monitor-lp-ver3.food .form { width: 96%; }
  #monitor-lp-ver3.food .form-bg { padding: 50px 0; }
  #monitor-lp-ver3.food .form-wrap {
    width: 92%;
    padding: 20px;
  }
  #monitor-lp-ver3.food .form-wrap .form-right { display: block; }
  #monitor-lp-ver3.food .form-wrap .form-right img { width: 100%; }
  #monitor-lp-ver3.food .entry-form-box {
    width: 100%;
    display: inline-block;
  }
  #monitor-lp-ver3.food .mail-button { width: 100%; }
  #monitor-lp-ver3.food .flat-red-button {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
  }
  #monitor-lp-ver3.food .form-wrap .notice {
    margin: 10px auto 0;
    font-size: 12px;
    line-height: 1.6;
    padding-left: 1em;
    text-indent: -1em;
  }
  #monitor-lp-ver3.food .form-wrap .notice p { margin: 0; }
  #monitor-lp-ver3.food .form-wrap .left-img {
    width: 23%;
    top: -17%;
  }
  #monitor-lp-ver3.food .form-wrap .right-img {
    width: 17%;
    bottom: -11%;
  }
  #monitor-lp-ver3.food .form-wrap .form-right-tx {
    margin: 15px 0 10px;
    padding: 15px 0 0px;
    font-size: 14px;
  }
  /* ロゴ */
  #monitor-lp-ver3.food .logo-wrap { left: 15px; }
  #monitor-lp-ver3.food .logo-wrap img {
    width: 105px;
    margin: 0;
  }
  /* メインビジュアル */
  #monitor-lp-ver3.food .main-visual {
    background-image: url(/img/contents/lp/monitor/food/img_sp_mv.png);
    background-size: contain;
    padding: 165px 0 155px 6px;
    background-position: top center;
  }
  #monitor-lp-ver3.food .main-visual h1 img.mv-ttl-02 { width: 78%; }
  #monitor-lp-ver3.food .main-visual h1 img.mv-ttl-03 { width: 95%; }
  #monitor-lp-ver3.food .main-visual h1 img.fukidashi {
    top: -90%;
    left: -3%;
    width: 25%;
  }
  /* フォーム（メインビジュアル部分）*/
  #monitor-lp-ver3.food .main-form-wrap { top: 264px; }
  #monitor-lp-ver3.food .main-form-wrap .side-img { margin: 15px 0 5px 0; }
  #monitor-lp-ver3.food .main-form-wrap .side-img img { width: 60%; }
  #monitor-lp-ver3.food .form-wrap.top-box { top: 20.5em; }
  #monitor-lp-ver3.food .form-wrap .form-right img { width: 80%; }
  /* フォーム（メインビジュアル以外の部分）*/
  #monitor-lp-ver3.food .bottom-box {
    background-image: url(/img/contents/lp/monitor/food/img_sp_cv.png);
    background-size: cover;
    padding: 25px 0 50px;
  }
  /* about */
  #monitor-lp-ver3.food .about { padding: 422px 4% 272px; }
  #monitor-lp-ver3.food .about .inner .about-ttl img {
    width: 100%;
    max-width: 435px;
  }
  #monitor-lp-ver3.food .about .inner .left-area { padding: 20px 15px 12px; }
  #monitor-lp-ver3.food .about .inner .left-area img { width: 100%; }
  #monitor-lp-ver3.food .about .inner .right-area img {
    margin-top: 25px;
    max-width: 350px;
  }
  /* 豊富な品揃えの食品ジャンル */
  #monitor-lp-ver3.food #food-genre { padding: 50px 0 85px; }
  #monitor-lp-ver3.food .title-area p {
    font-size: 15px;
    margin: 10px 4% 0;
  }
  #monitor-lp-ver3.food #food-genre .features-wrap {
    margin: 40px auto 0;
    width: 92%;
    padding: 15px 0 26px;
  }
  #monitor-lp-ver3.food #food-genre .features-wrap h3 { margin-bottom: 10px; }
  #monitor-lp-ver3.food #food-genre .features-wrap .features {display: block; }
  #monitor-lp-ver3.food #food-genre .features-wrap .features a:nth-child(1) { margin-right: 0; }
  #monitor-lp-ver3.food #food-genre .swiper .swiper-button-prev button,
  #monitor-lp-ver3.food #food-genre .swiper .swiper-button-next button { top: 6em; }
  #monitor-lp-ver3.food #food-genre .swiper .swiper-button-prev:before,
  #monitor-lp-ver3.food #food-genre .swiper .swiper-button-next:before { top: 7.2em; }
  /* 食品以外にも幅広い取り扱い */
  #monitor-lp-ver3.food .all-genre { padding: 50px 4% 71px; }
  #monitor-lp-ver3.food .all-genre .inner .all-genre-txt {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.3;
  }
  #monitor-lp-ver3.food .all-genre .inner .all-genre-txt .left,
  #monitor-lp-ver3.food .all-genre .inner .all-genre-txt .right {
    font-size: 26px;
    margin: 0 7px;
  }
  #monitor-lp-ver3.food .all-genre .inner .all-genre-txt span.dealer,
  #monitor-lp-ver3.food .all-genre .inner .all-genre-txt span.product {
    margin-left: 0;
    font-size: 20px;
  }
  #monitor-lp-ver3.food .all-genre .inner .main .box { margin-right: 4%; }
  #monitor-lp-ver3.food .all-genre .inner .main .box:nth-child(2n) { margin-right: 0; }
  #monitor-lp-ver3.food .all-genre .inner .main .box p { font-size: 14px; }
  /* 開業準備中の方もご登録いただけます */
  #monitor-lp-ver3.food .special { padding: 50px 4%; }
  #monitor-lp-ver3.food .special .inner .special-txt { font-size: 14px; }
  #monitor-lp-ver3.food .special .inner .box {
    margin: 35px 0 0;
    display: block;
  }
  #monitor-lp-ver3.food .special .inner .box-in {
    width: 100%;
    padding: 10px 0 7px;
    height: 50px;
  }
  #monitor-lp-ver3.food .special .inner .plus { margin: 3px 0; }
  #monitor-lp-ver3.food .special .inner h2 img {
    width: 100%; 
    max-width: 215px;
  }
  /* よくある質問 */
  #monitor-lp-ver3.food .qa { padding: 50px 4% 62px; }
  #monitor-lp-ver3.food .qa .inner .main .box .q {
    font-size: 14px;
    padding-bottom: 4px;
    margin: 0 0 5px;
  }
  #monitor-lp-ver3.food .qa .inner .main .box .q span { font-size: 16px; }
}

/* S_SD-5368 飲食業用LPの改修依頼
-------------------------------------------- */
#restaurant-lp .main-visual {
  margin-top: -108px;
  height: 568px;
  background: #FFE475;
  background-image: url(/img/contents/lp/monitor/restaurant/2024/bg_01.png);
  background-position: center top;
  background-repeat: repeat;
  position: relative;
}
#restaurant-lp .main-visual .mv-bg::before {
  top: 0;
  left: 0;
  width: 23%;
  height: 568px;
  content: '';
  position: absolute;
  background: url(/img/contents/lp/monitor/restaurant/2024/mv_pc_00.png) no-repeat top/100%;
}
#restaurant-lp .main-visual .mv-bg::after {
  top: 0;
  right: 0;
  width: 23%;
  height: 568px;
  content: '';
  position: absolute;
  background: url(/img/contents/lp/monitor/restaurant/2024/mv_pc_01.png) no-repeat top/100%;
}
#restaurant-lp .main-visual .logo-wrap {
  position: absolute;
  top: 30px;
  left: 20px;
  width: 15%;
}
#restaurant-lp .main-visual .logo-wrap img { width: 100%; }
#restaurant-lp .main-visual .top-tx {
  text-align: center;
  padding-top: 50px;
}
#restaurant-lp .main-visual .top-tx p {
  padding: 15px 0px;
  font-size: 20px;
  font-weight: bold;
  margin: 0px auto 30px;
  max-width: 630px;
  width: 50%;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  color: #000;
}
#restaurant-lp .main-visual .top-tx h2 {
  border-bottom: none;
  position: relative;
}
/*メールフォーム*/
#restaurant-lp .form-wrap-other {
  background-color: #5B4241;
  color: #fff;
  text-align: center;
  padding: 30px 80px;
}
#restaurant-lp .form-wrap-other.top-box {
  position: absolute;
  top: 360px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  max-width: 880px;
  width: 70%;
  border-radius: 10px;
  box-shadow: 0 3px rgb(0, 0, 0, 0.15);
}
#restaurant-lp .form-wrap-other h4 {
  font-size: 26px;
  margin: 0 auto 15px;
}
#restaurant-lp .form-wrap-other h4 span {
  margin: 0 25px 0 10px;
  font-size: 38px;
  color: #FFE625;
  position: relative;
}
#restaurant-lp .form-wrap-other h4 span::after {
  top: -5px;
  width: 30px;
  height: 32px;
  content: '';
  position: absolute;
  background: url(/img/contents/lp/monitor/restaurant/2024/icon01.png) no-repeat;
}
#restaurant-lp .form-wrap-other .sub-item {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: normal;
  align-items: center;
  display: flex;
  justify-content: center;
}
#restaurant-lp .form-wrap-other .sub-item::before { transform: rotate(40deg); }
#restaurant-lp .form-wrap-other .sub-item::after { transform: rotate(-40deg); }
#restaurant-lp .form-wrap-other .sub-item::before, #restaurant-lp .form-wrap-other .sub-item::after {
  margin: 0 5px;
  background-color: #fff;
  border-radius: 3px;
  content: "";
  height: 2px;
  width: 30px;
}
#restaurant-lp .form-wrap-other .coupon-wrap {
  display: flex;
  justify-content: center;
  max-width: 670px;
  margin: 0 auto 20px;
}
#restaurant-lp .form-wrap-other .coupon-wrap .coupon-box {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 300px;
  position: relative;
  overflow: hidden;
}
#restaurant-lp .form-wrap-other .coupon-wrap .coupon-inner {
  display: flex;
  width: 300px;
  margin: 0 10px;
  background: #FFE625;
  min-height: 75px;
}
#restaurant-lp .form-wrap-other .coupon-wrap .coupon-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 3px;
  background-image: url(/img/contents/lp/monitor/restaurant/2024/ticket_01.svg);
  width: 8px;
  height: 100%;
}
#restaurant-lp .form-wrap-other .coupon-wrap .coupon-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 3px;
  background-image: url(/img/contents/lp/monitor/restaurant/2024/ticket_02.svg);
  width: 8px;
  height: 100%;
}
#restaurant-lp .form-wrap-other .coupon-wrap .coupon-inner img { margin: 0 auto; }
#restaurant-lp .form-wrap-other .coupon-wrap .connection {
  align-items: center;
  display: flex;
  font-size: 26px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  margin: 20px 20px 0;
  padding: 3px 3px 3px 5px;
  border-radius: 100px;
  color: #5B4241;
  background-color: #fff;
}
#restaurant-lp .form-wrap-other .entry-form-box {
  width: 100%;
  margin-right: 15px;
  padding-right: 15px;
}
#restaurant-lp .form-wrap-other .form {
  font-size: 22px;
  padding-left: 10px;
  width: 100%;
  height: 40px;
}
#restaurant-lp .form-wrap-other .entry-form-action {
  max-width: 670px;
  margin: 0 auto 10px;
  display: flex;
  justify-content: space-between;
}
#restaurant-lp .form-wrap-other .flat-red-button {
  background: #EB4F50 url(/img/contents/lp/monitor/restaurant/arrow_redbutton.png) right 20px center no-repeat;
  background-size: 8px 12px;
  border-radius: 25px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 40px 10px 30px;
  height: 48px;
  vertical-align: middle;
  border: 1px solid #eb4f50;
  cursor: pointer;
}
#restaurant-lp .form-wrap-other .flat-red-button:hover { opacity: 0.8; }
/*こんなお悩みはありませんか？*/
#restaurant-lp .content01 {
  background: #FEFDF8;
  padding: 210px 20px 50px;
  text-align: center;
}
#restaurant-lp .content01 h3 {
  vertical-align: middle;
  position: relative;
  margin-right: 50px;
}
#restaurant-lp .content01 h3 .illust {
  margin-left: 20px;
  width: 75px;
  position: absolute;
  top: -60px;
  z-index: 0;
}
#restaurant-lp .content01 .box-area {
  width: 880px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#restaurant-lp .content01 .box-area .box {
  width: 280px;
  height: 80px;
  background-color: #fff;
  box-shadow: 3px 3px rgb(0, 0, 0, 0.15);
  z-index: 10;
}
#restaurant-lp .content01 .box-area .box span{
  color: #EB4F50;
  font-size: 18px;
  font-weight: bold;
}
#restaurant-lp .content01::after {
  content: "";
  position: absolute;
  margin-top: 49px;
  height: 80px;
  width: 100%;
  clip-path: polygon(0 0,50% 100%,100% 0);
  background-color: #FEFDF8;
  left: 0;
}
/*そのお悩みスーパーデリバリーが解決します！*/
#restaurant-lp .content02 {
  background: #FFEEA6;
  padding: 150px 20px 80px;
  text-align: center;
}
#restaurant-lp .content02 .ttl-area {
  display: flex;
  justify-content: center;
  margin-bottom: -80px;
}
#restaurant-lp .content02 .ttl-area .illust {
  width: 260px;
  position: relative;
  top: -80px;
}
#restaurant-lp .content02 .box-area {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#restaurant-lp .content02 .box-area .box {
  width: 27%;
  padding: 30px 20px;
  background-color: #fff;
}
#restaurant-lp .content02 .box-area .box .box-img {
  margin: 0 auto;
  width: 180px;
  height: 150px;
  display: flex;
  align-items: center;
}
#restaurant-lp .content02 .box-area .box .box-img img{ width: 100%; }
#restaurant-lp .content02 .box-area .box .box-ttl {
  margin: 20px 0;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
#restaurant-lp .content02 .box-area .box .box-ttl span {
  font-size: 24px;
  color: #EB4F50;
}
#restaurant-lp .content02 .box-area .box .box-tx { text-align: left; }
#restaurant-lp .content02 .box-area .box .box-tx span { background: linear-gradient(transparent 50%, #FFE475 50%); }
/*商品数約160万点！*/
#restaurant-lp .content03 {
  padding: 60px 20px;
  text-align: center;
}
#restaurant-lp .content03 .ttl-area {
  margin: 0 auto 30px;
  max-width: 760px;
}
#restaurant-lp .content03 .swiper {
  width: 100%;
  margin: 0 auto 30px;
}
#restaurant-lp .content03 .swiper .swiper-wrapper { transition-timing-function: linear; }
#restaurant-lp .content03 .swiper .swiper-slide {
  width: 200px;
  margin-right: 20px;
}
#restaurant-lp .content03 .features-wrap .features a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
#restaurant-lp .content03 .swiper .swiper-slide figure { margin: 0 auto; }
#restaurant-lp .content03 .swiper .swiper-slide figure img {
  width: 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
}
#restaurant-lp .content03 .swiper .swiper-slide figure figcaption {
  font-size: 13px;
  color: #333;
}
#restaurant-lp .content03 .btn {
  display: block;
  margin: 80px auto 0;
}
#restaurant-lp .content03 .swiper .swiper-button-prev button,
#restaurant-lp .content03 .swiper .swiper-button-next button {
  position: absolute;
  content: '';
  width: 90px;
  height: 90px;
  top: 33%;
  border-radius: 100%;
  border: none;
  background: #C5DFDF;
  opacity: 0.9;
  z-index: 10;
  box-shadow: 0 0 .5rem .5rem rgba(0, 0 ,0, .08);
  cursor: pointer;
  transition: 0.3s;
}
#restaurant-lp .content03 .swiper .swiper-button-prev button { left: -45px; }
#restaurant-lp .content03 .swiper .swiper-button-next button { right: -45px; }
#restaurant-lp .content03 .swiper .swiper-button-prev:before,
#restaurant-lp .content03 .swiper .swiper-button-next:before {
  position: absolute;
  content: '';
  display: inline-block;
  vertical-align: 1px;
  width: 14px;
  height: 14px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  top: 46%;
  z-index: 11;
  cursor: pointer;
}
#restaurant-lp .content03 .swiper .swiper-button-prev:before {
  transform: rotate(225deg);
  left: 17px;
}
#restaurant-lp .content03 .swiper .swiper-button-next:before {
  transform: rotate(45deg);
  right: 17px;
}
#restaurant-lp .content03 .swiper .swiper-button-prev:hover:before {
  left: 12px;
  transition: 0.3s;
}
#restaurant-lp .content03 .swiper .swiper-button-next:hover:before {
  right: 12px;
  transition: 0.3s;
}
#restaurant-lp .content03 .features-wrap {
  background-color: #F5F3EE;
  padding: 30px;
  max-width: 990px;
  margin: 60px auto 0;
}
#restaurant-lp .content03 .features-wrap h4 {
  margin: 0 0 25px 0;
  font-size: 22px;
  font-weight: bold;
}
#restaurant-lp .content03 .features-wrap .features {
  display: flex;
  gap: 35px;
  flex-wrap: wrap;
  max-width: 615px;
  margin: 0 auto;  
}
#restaurant-lp .content03 .features-wrap .features .banner {
  max-width: 290px;
  width: 50%;
}
#restaurant-lp .content03 .features-wrap .features .banner:nth-child(3) { margin-right: 0; }
#restaurant-lp .content03 .features-wrap .features img {
  width: 100%;
  border: 1px solid #cccccc;
  vertical-align: bottom;
}
/*実際に多くの飲食店が利用中*/
#restaurant-lp .content04 {
  background: #FFEEA6;
  background-image: url(/img/contents/lp/monitor/restaurant/2024/bg_02.png);
  background-position: center top;
  background-repeat: repeat;
  padding: 80px 20px 60px;
  text-align: center;
}
#restaurant-lp .content04 h3 {
  vertical-align: middle;
  position: relative;
  margin-right: 80px;
}
#restaurant-lp .content04 h3 .illust {
  margin-left: 20px;
  width: 100px;
  position: absolute;
  top: -40px;
  z-index: 0;
}
#restaurant-lp .content04 .box {
  margin: 40px auto 0;
  max-width: 1050px;
  display: flex;
  text-align: left;
}
#restaurant-lp .content04 .box img { width: 500px; }
#restaurant-lp .content04 .box .text-area {
  padding: 50px 40px;
  background-color: #fff;
  z-index: 10;
}
#restaurant-lp .content04 .box .text-area p { margin: 0; }
#restaurant-lp .content04 .box .text-area .ttl {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
#restaurant-lp .content04 .box .text-area .shop-name {
  font-size: 13px;
  color: #666;
  text-align: right;
}
/*開業準備中の方もご登録いただけます*/
#restaurant-lp .content05 {
  padding: 60px 20px;
  text-align: center;
  background-color: #F5F3EE;
  position: relative;
}
#restaurant-lp .content05 .ttl-area { margin: 0 auto; }
#restaurant-lp .content05 .box {
  max-width: 1050px;
  padding: 60px 10% 0;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
}
#restaurant-lp .content05 .box > h4 {
  position: absolute;
  top: -33px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  max-width: 425px;
  width: 100%;
  text-align: center;
}
#restaurant-lp .content05 .box > h4 img {
  max-width: 306px;
  width: 100%;
}
#restaurant-lp .content05 .box .box-in {
  width: 45%;
  background-color: #FFFFFF;
  border: 2px solid #EB4F50;
  border-radius: 5px;
  display: flex;
  justify-content: start;
  align-items: center;
}
#restaurant-lp .content05 .box .box-in .num {
  border-right: 1px dotted #EB4F50;
  padding: 8px 7%;
  margin: 0;
}
#restaurant-lp .content05 .box .box-in p {
  font-size: 16px;
  display: inline-block;
  vertical-align: bottom;
  padding: 8px 2%;
  text-align: left;
  margin: 0 0 0 7px;
}
#restaurant-lp .content05 .box .plus {
  margin-top: 18px;
  font-size: 22px;
  color: #333;
}
#restaurant-lp .content05 .illust {
  width: 110px;
  position: absolute;
  right: 0;
  bottom: -60px;
}
/*よくある質問*/
#restaurant-lp .content06 { padding: 60px 40px; }
#restaurant-lp .content06 h3 { text-align: center; }
#restaurant-lp .content06 .box-area {
  max-width: 1080px;
  margin: 0 auto;
}
#restaurant-lp .content06 .box-area .box .q {
  font-weight: bold;
  border-bottom: 0.5px solid #888;
  padding-bottom: 6px;
  margin: 0 0 10px;
}
#restaurant-lp .content06 .box-area .box .q span {
  font-size: 18px;
  color: #666;
  margin-right: 8px;
}
#restaurant-lp .content06 .box-area .box .a { margin: 0 0 20px; }
#restaurant-lp .content06 .box-area .box .a span {
  font-size: 18px;
  color: #EB4F50;
  margin-right: 8px;
  font-weight: bold;
}
#restaurant-lp .logo-vegeproject {
  padding: 10px 0;
  text-align: center;
  font-size: 12px;
}
#restaurant-lp .logo-vegeproject .logo-vegeproject-inner {
  margin: 0 auto;
}
#restaurant-lp .logo-vegeproject .logo-vegeproject-inner > img{
  max-width: 115px;
}
/*** TB ***/
@media screen and (max-width: 940px){
  #restaurant-lp .main-visual {
    margin-top: 0px;
    height: 568px;
  }
  #restaurant-lp .main-visual .logo-wrap {
    top: 20px;
    width: 100px;
  }
  #restaurant-lp .main-visual .top-tx p {
    margin: 0px auto 30px;
    width: 90%;
  }
  #restaurant-lp .main-visual .mv-bg-ts {
    background: url(/img/contents/lp/monitor/restaurant/2024/mv_ts.png) no-repeat;
    background-size: cover;
    background-position: top center;
    margin-top: 10px;
    height: 350px;
  }
  /*メールフォーム*/
  #restaurant-lp .form-wrap-other { padding: 30px 60px; }
  #restaurant-lp .form-wrap-other.top-box {
    top: 550px;
    max-width: 540px;
    width: 80%;
  }
  #restaurant-lp .form-wrap-other.top-box .entry-form-action { margin: 0 auto 10px; }
  #restaurant-lp .form-wrap-other .notice { font-size: 13px; }
  /*こんなお悩みはありませんか？*/
  #restaurant-lp .content01 { padding: 400px 10px 50px; }
  #restaurant-lp .content01 .box-area {
    width: 100%;
    justify-content: space-evenly;
  }
  #restaurant-lp .content01 .box-area .box { width: 200px; }
  /*そのお悩みスーパーデリバリーが解決します！*/
  #restaurant-lp .content02 { padding: 100px 10px 60px; }
  #restaurant-lp .content02 .ttl-area { margin-bottom: 0px; }
  #restaurant-lp .content02 .illust-area {
    max-width: 650px;
    margin: 0 auto -150px;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -150px;
  }
  #restaurant-lp .content02 .illust-area .illust {
    width: 130px;
    height: 145px;
    top: 25px;
  }
  #restaurant-lp .content02 .box-area { display: block; }
  #restaurant-lp .content02 .box-area .box {
    width: 90%;
    margin: 0 auto 20px;
  }
  #restaurant-lp .content02 .box-area .box .box-tx {
    max-width: 580px;
    margin: 0 auto;
  }
  /*商品数約160万点！*/
  #restaurant-lp .content03 { padding: 60px 0; }
  #restaurant-lp .content03 .ttl-area p { padding: 0 20px; }
  #restaurant-lp .content03 .features-wrap {
    max-width: 670px;
    width: 90%;
  }
  #restaurant-lp .content03 .features-wrap .features { flex-wrap: wrap; }
  #restaurant-lp .content03 .features-wrap .features { gap: 20px; }
  /*実際に多くの飲食店が利用中*/
  #restaurant-lp .content04 { padding: 60px 10px 60px; }
  #restaurant-lp .content04 .box {
    margin: 30px auto 0;
    max-width: 570px;
    display: block;
  }
  #restaurant-lp .content04 .box img {
    width: 100%;
    position: relative;
    z-index: 10;
  }
  #restaurant-lp .content04 .box .text-area {
    margin-top: -10px;
    padding: 30px; 
  }
  #restaurant-lp .content04 .box .text-area .shop-name { margin-top: 10px; }
  /*開業準備中の方もご登録いただけます*/
  #restaurant-lp .content05 { padding: 60px 20px 130px; }
  #restaurant-lp .content05 .box { padding: 60px 0px 0; }
  #restaurant-lp .content05 .illust {
    width: 85px;
    left: 45%;
    bottom: -130px;
  }
}
/*** SP ***/
@media screen and (max-width: 670px) {
  #restaurant-lp .main-visual .top-tx p {
    padding: 5px 0px;
    font-size: 13px;
    margin: 0px auto 15px;
    width: 50%;
    min-width: 280px;
  }
  #restaurant-lp .main-visual .mv-bg-ts { height: 180px; }
  /*メールフォーム*/
  #restaurant-lp .form-wrap-other.top-box {
    top: 450px;
    width: 80%;
  }
  #restaurant-lp .form-wrap-other { padding: 30px 20px; }
  #restaurant-lp .form-wrap-other h4 { font-size: 16px; }
  #restaurant-lp .form-wrap-other h4 span::after { background-size: 15px; }
  #restaurant-lp .form-wrap-other h4 span { font-size: 24px; }
  #restaurant-lp .form-wrap-other .sub-item { font-size: 13px; }
  #restaurant-lp .form-wrap-other .coupon-wrap .connection {
    font-size: 26px;
    width: 18px;
    height: 18px;
    margin: 15px 10px 0;
    padding: 5px 8px 5px 0px;
  }
  #restaurant-lp .form-wrap-other .coupon-wrap .coupon-inner { min-height: 60px; }
  #restaurant-lp .form-wrap-other .coupon-wrap .coupon-inner img {
    width: 80%;
    max-width: 150px;
  }
  #restaurant-lp .form-wrap-other .entry-form-action { display: block; }
  #restaurant-lp .form-wrap-other .form {
    width: 95%;
    font-size: 16px;
  }
  #restaurant-lp .form-wrap-other .entry-form-box { float: none; }
  #restaurant-lp .form-wrap-other .mail-button {
    margin-top: 10px;
    width: 100%;
  }
  #restaurant-lp .form-wrap-other .flat-red-button {
    background: #EB4F50;
    font-size: 16px;
    padding: 5px;
    width: 100%;
    height: 44px;
  }
  #restaurant-lp .form-wrap-other .notice { font-size: 11px; }
  /*こんなお悩みはありませんか？*/
  #restaurant-lp .content01 { padding: 320px 20px 30px; }
  #restaurant-lp .content01 h3 { margin: 0; }
  #restaurant-lp .content01 h3 .text{
    max-width: 450px;
    width: 100%;
  }
  #restaurant-lp .content01 .box-area {
    margin-top: 30px;
    float: left;
    width: 50%;
    flex-wrap: wrap;
  }
  #restaurant-lp .content01 .box-area .box {
    margin-bottom: 10px;
    width: 100%;
    height: 65px;
    font-size: 12px;
  }
  #restaurant-lp .content01 .box-area .box span { font-size: 14px; }
  #restaurant-lp .content01 .illust {
    width: 110px;
    margin-top: 40px;
  }
  #restaurant-lp .content01::after { margin-top: 278px; }
  /*そのお悩みスーパーデリバリーが解決します！*/
  #restaurant-lp .content02 { padding: 100px 10px 40px; }
  #restaurant-lp .content02 .ttl-area .ttl img { width: 280px; }
  #restaurant-lp .content02 .illust-area {
    max-width: 400px;
    margin: 0 auto -50px;
    top: -50px;
  }
  #restaurant-lp .content02 .illust-area .illust {
    width: 86px;
    height: 100px;
  }
  #restaurant-lp .content02 .box-area { padding: 0 10px; }
  /*商品数約160万点！*/
  #restaurant-lp .content03 { padding: 40px 0; }
  #restaurant-lp .content03 h3 img { width: 218px; }
  #restaurant-lp .content03 .ttl-area p { font-size: 13px; }
  #restaurant-lp .content03 .features-wrap { width: 70%; }
  #restaurant-lp .content03 .features-wrap h4 { font-size: 18px; }
  #restaurant-lp .content03 .features-wrap .features {
    gap: 10px;
  }
  #restaurant-lp .content03 .features-wrap .features .banner {
    margin: 0;
    width: 100%;
  }
  /*実際に多くの飲食店が利用中*/
  #restaurant-lp .content04 { padding: 40px 20px; }
  #restaurant-lp .content04 h3 { margin-right: 0; }
  #restaurant-lp .content04 h3 img {
    max-width: 400px;
    width: 100%;
  }
  #restaurant-lp .content04 h3 .illust { display: none; }
  /*開業準備中の方もご登録いただけます*/
  #restaurant-lp .content05 { padding: 40px 20px 130px; }
  #restaurant-lp .content05 h3 img {
    max-width: 250px;
    width: 70%;
  }
  #restaurant-lp .content05 p { font-size: 13px; }
  #restaurant-lp .content05 .box {
    margin: 35px 0 0;
    display: block;
  }
  #restaurant-lp .content05 .box .box-in {
    width: 100%;
    padding: 10px 0 7px;
    height: 50px;
  }
  #restaurant-lp .content05 .box .plus { margin: 10px 0; }
  #restaurant-lp .content05 .illust { left: 40%; }
  /*よくある質問*/
  #restaurant-lp .content06 h3 img { max-width: 180px; }
  #restaurant-lp .content06 { padding: 40px 20px; }
}
/* 媒体コード部分 */
#restaurant-lp .campaign-1000pt {
  background: #ffe475;
  padding: 40px 0;
  font-weight: bold;
}
#restaurant-lp .campaign-1000pt .box {
  max-width: 980px;
  margin: 0 auto;
}
#restaurant-lp .campaign-1000pt .box .left {
  float: left;
  width: 48%;
  margin: 100px 0 0;
}
#restaurant-lp .campaign-1000pt .box .left .more {
  background: url("/img/contents/lp/monitor/jafica/icon_title_02.png") no-repeat scroll left 0px center / 101px 29px;
  font-size: 19px;
  color: #ffe475;
  padding-left: 10px;
  margin: 0 0 5px;
  text-align: left;
}
#restaurant-lp .campaign-1000pt .box .left .title {
  font-size: 36px;
  margin: 0;
}
#restaurant-lp .campaign-1000pt .box .left .txt {
  font-size: 21px;
  margin-top: 25px;
  line-height: 1.4;
}
#restaurant-lp .campaign-1000pt .box .left .txt .red {
  font-size: 42px;
  color: #dc4d4d;
}
#restaurant-lp .campaign-1000pt .box .left .txt .blk { font-size: 30px; }
#restaurant-lp .campaign-1000pt .box .right {
  float: right;
  width: 52%;
}
#restaurant-lp .campaign-1000pt .box .right img {
  width: 470px;
  height: auto;
}
/* SP/TABLET共通 */
@media screen and (max-width: 940px) {
  #restaurant-lp .campaign-1000pt .box .left {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #restaurant-lp .campaign-1000pt .box .left .more {
    background: rgba(0, 0, 0, 0) url("/img/contents/lp/monitor/jafica/icon_title_02.png") no-repeat scroll center center / 101px 29px;
    padding-left: 0;
    text-align: center;
  }
  #restaurant-lp .campaign-1000pt .box .left .txt { margin-top: 15px; }
  #restaurant-lp .campaign-1000pt .box .right {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  #restaurant-lp .campaign-1000pt .box .right img {
    max-width: 470px;
    width: 100%;
  }
}
/* SP */
@media screen and (max-width: 670px) {
  #restaurant-lp .campaign-1000pt .box { padding: 0 10px; }
  #restaurant-lp .campaign-1000pt .box .left .more { font-size: 16px; }
  #restaurant-lp .campaign-1000pt .box .left .title {
    font-size: 22px;
    margin: 0;
  }
  #restaurant-lp .campaign-1000pt .box .left .txt {
    font-size: 16px;
    margin-top: 25px;
    line-height: 1.4;
  }
  #restaurant-lp .campaign-1000pt .box .left .txt .red {
    font-size: 33px;
    color: #dc4d4d;
  }
  #restaurant-lp .campaign-1000pt .box .left .txt .blk { font-size: 24px; }
}

/* NYUNYU LP */
.nyunyu-lp-header,.nyunyu-lp-footer {
  z-index: 100;
  position: relative;
}
#nyunyu * {
  box-sizing:border-box;
}
#nyunyu .nyunyu-lp-wrapper h2 {
  border-bottom: none;
}
#nyunyu .nyunyu-lp-bg {
  display: block;
  position:fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/img/contents/nyunyu/bg_main_01_pc.jpg") repeat top center / cover;
}
#nyunyu .nyunyu-heading {
  padding: 0 7%;
  text-align: center;
}
@media screen and (max-width:670px) {
  #nyunyu .nyunyu-heading {
    padding: 36px 9% 73px;
    background: url("/img/contents/nyunyu/bg_main_01_sp.jpg") no-repeat top center / cover;
  }
}
@media screen and (min-width:671px) {
  #nyunyu .nyunyu-lp-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 45px;
  }
}

#nyunyu .nyunyu-lp-kv {
  position: relative;
}
#nyunyu .nyunyu-lp-kv::before {
  content: "";
  position: absolute;
  background: url("/img/contents/nyunyu/kv.png") no-repeat bottom left / 100%;
  width: 345px;
  height: 329px;
  bottom: 0;
}
#nyunyu .nyunyu-lp-kv-box {
  position: relative;
  z-index: 2;  
  max-width: 393px;
  margin-left: auto;
  padding: 29px 18px 0 0;
  text-align: center;  
}
#nyunyu .nyunyu-lp-kv-sub {
  position: relative;
  padding: 5px 20px 0px 20px;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
  display: inline-block;
}
#nyunyu .nyunyu-lp-kv-sub::before,#nyunyu .nyunyu-lp-kv-sub::after {
  content: "";
  position: absolute;
} 
#nyunyu .nyunyu-lp-kv-sub::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 600;
  background: url("/img/contents/nyunyu/bg_top_01.svg") no-repeat 0 0 / 100%;
  width: 13px;
  height: 20px;
} 
#nyunyu .nyunyu-lp-kv-sub::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 600;
  background: url("/img/contents/nyunyu/bg_top_02.svg") no-repeat 0 0 / 100%;
  width: 13px;
  height: 20px;
} 
#nyunyu .nyunyu-lp-kv-fukidashi {
  position: relative;
  padding: 19px 8px;
  background: #DE4747;
  border-radius: 16px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
#nyunyu .nyunyu-lp-kv-fukidashi::after {
  content: "";
  position: absolute;
  background: url("/img/contents/nyunyu/bg_fukidashi_01.svg") no-repeat 0 0 / 100%;
  width: 52px;
  height: 26px;
  bottom: -26px;
  left: 52px;
}
@media screen and (min-width:671px) {
  #nyunyu .nyunyu-lp-kv-box {
    min-height: 239px;
  }
}
@media screen and (max-width:670px) {
  #nyunyu .nyunyu-lp-kv-box {
    padding: 17px 10px 30px 0;
    width: 55%;
  }
  #nyunyu .nyunyu-lp-kv::before {
    width: 217px;
    height: 210px;
  }
  #nyunyu .nyunyu-lp-kv-sub {
    font-size: 16px;
  }
  #nyunyu .nyunyu-lp-kv-fukidashi {
    font-size: 16px;
  }
  #nyunyu .nyunyu-lp-kv-fukidashi::after {
    width: 29px;
    height: 15px;
    bottom: -15px;
  }
}


#nyunyu .nyunyu-lp-slide .swiper-slide {
  width: auto!important;
}
#nyunyu .nyunyu-lp-slide .swiper {
  display: none;
}
#nyunyu .nyunyu-lp-slide .swiper.swiper-initialized {
  display: block;
}
#nyunyu .nyunyu-lp-slide .swiper-wrapper {
  transition-timing-function: linear;
}
@media screen and (max-width:670px)  {
  #nyunyu .nyunyu-lp-slide .swiper {
    height: 180px;
  }
  #nyunyu .nyunyu-lp-slide img {
    height: 100%;
  }
}

#nyunyu .nyunyu-lp-mainContants {
  position: relative;
  z-index: 1;
  max-width: 680px;
  margin: 111px auto 0;
  padding: 0 0 53px;
  width: 100%;
  background: #fff;

  font-size: 16px;
}
@media screen and (min-width:671px) {
  #nyunyu .nyunyu-lp-mainContants {
    border: 2px solid #070707;
    box-shadow: 10px 3px 0px #070707;
  }
}
@media screen and (max-width:670px) {
  #nyunyu .nyunyu-lp-mainContants {
    padding: 0;
    margin: 0;
  }
}
#nyunyu .nyunyu-lp-wrapper img {
  max-width: 100%;
  vertical-align: bottom;
}

#nyunyu .nyunyu-lp-interview {
  padding: 30px 28px;
}
#nyunyu .nyunyu-lp-interview-kv {
  margin: 0;
}
#nyunyu .nyunyu-lp-interview-heading {
  position: relative;
  width: 80%;
  margin: 0 auto 15px;  
  text-align: center;
  font-size: 16px;
  color: #070707;
  letter-spacing: 3.2px;
}
#nyunyu .nyunyu-lp-interview-heading::before {
  content: "";
  position: absolute;
  width: 100%;
  top:50%;
  background: #000;
  height: 1px;
  left: 0;
}
#nyunyu .nyunyu-lp-interview-heading span {
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 0 4px;
}
#nyunyu .nyunyu-lp-interview-title {
  color:#013981;
  font-size: 19px;
  font-weight: 600;
}
#nyunyu .nyunyu-lp-interview-box {
  padding: 15px 0;
}
#nyunyu .nyunyu-lp-interview-box:nth-child(n+2) {
  border-top: 1px dashed #B2B2B2;
}
#nyunyu .nyunyu-lp-interview-description {
  padding-left: 10px;
  margin: 10px 0 0;
  line-height: 1.7;
}
@media screen and (max-width:670px) {
  #nyunyu .nyunyu-lp-interview-description {
    padding-left: 6px;
  }
  #nyunyu .nyunyu-lp-interview {
    padding: 30px 18px 15px;
  }
  #nyunyu .nyunyu-lp-interview-heading {
    width: 100%;
  }
}
#nyunyu .campaign {
  width: 93.6%;
  margin: 0 auto;
  max-width: 637px;
}
.campaign-banner {
  position: relative;
}
#nyunyu .campaign-note {
  margin-top: 15px;
  color: #646464;
  font-size:14px;
}
#nyunyu .campaign-note li:first-child {
  font-weight: 600;
}
#nyunyu .campaign-note li a {
  text-decoration: underline;
  color: #0019FF;
  font-weight: normal;
}
#nyunyu .campaign-note li a:hover {
  opacity: 0.8;
}
#nyunyu .campaign-title .num {
  color:#FF752E;
}
#nyunyu .campaign-apply-button {
  display: block;
  bottom: 30px;
  position: absolute;
  color: #fff;
  text-align: center;
  box-shadow: 0px 5px 0px #AF1F20;
  border-radius: 50px;
  font-size: 29px;
  display: inline-block;
  padding: 15px 80px;
  background: url("/img/contents/nyunyu/icon_arrow.svg") no-repeat right 16px center #FF3133;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 62.7%;
  box-sizing: border-box;  
}
#nyunyu .campaign-apply-button:hover {
  text-decoration: none;
  background-color: #CE1719;
  box-shadow: 0px 5px 0px #6E0B0C;
}
#nyunyu .nyunyu-lp-top + .campaign  {
  margin-top: 32px;
}
@media screen and (max-width:670px) {
  #nyunyu .campaign-apply-button {
    padding: 8px;
    width: 68%;
    font-size: 18px;
    bottom: 20px;
    background-size: 11px auto;
  }
  #nyunyu .nyunyu-lp-top + .campaign {
    margin-top: 17px;
  }
}
#nyunyu .nyunyu-lp-lineup-photos {
  margin-top: 26px;
  display: flex;
}
@media screen and (min-width:671px) {
  #nyunyu .nyunyu-lp-lineup-box {
    padding: 0 0 0 255px;
    min-height: 205px;
    background: url("/img/contents/nyunyu/img_lineup_02.png") no-repeat left 14px top / 255px 205px;
  }
}
#nyunyu .nyunyu-lp-lineup-logo {
  display: flex;
  align-items: baseline;
}
#nyunyu .nyunyu-lp-lineup-logo .logo {
  width: 200px;
}
#nyunyu .nyunyu-lp-lineup-logo .instagram {
  margin-left: 14px;
  width: 42px;
  height: 42px;
}
#nyunyu .nyunyu-lp-lineup-description {
  margin: 26px 0 0 0;
}

#nyunyu .nyunyu-lp-lineup-heading {
  width: 72%;
  margin: 40px auto 0;
}
#nyunyu .nyunyu-lp-lineup-img {
  margin: -20px auto 0;
  width: 90%;
}
@media screen and (min-width:671px) {
  #nyunyu .nyunyu-lp-lineup-box-inner {
    max-width: 375px;
    margin-left: auto;
    padding-right: 20px;
  }
}
@media screen and (max-width:670px) {
  #nyunyu .nyunyu-lp-lineup-heading {
    margin: 30px auto 0;
  }
  #nyunyu .nyunyu-lp-lineup-img {
    margin: 0 auto;
    width: 95%;
  }  
  #nyunyu .nyunyu-lp-lineup-box-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #nyunyu .nyunyu-lp-lineup-description {
    margin: 20px 0 0 0;
    padding: 0 20px 0 20px;
  }
  #nyunyu .nyunyu-lp-lineup-logo {
    margin-left: 30px;
  }
  #nyunyu .nyunyu-lp-lineup-logo .instagram {
    width: 35px;
    height: 34px;
  }
} 

/* 販促POPコンテスト
-------------------------------------------- */
#pop-contest {
	background: #F0F0F0;
	position: relative;
}
#pop-contest ul,
#pop-contest li {
	padding: 0;
	margin: 0;
}
#pop-contest picture {
	display: inline-block;
}
#pop-contest p {
	padding: 0;
	margin: 0;
}
#pop-contest .sp-only {
	display: none;
}
#pop-contest .main-visual {
	background-image:url(/img/contents/pop_contest/mv_img_pc.png);
	background-color: #22ACD3;
	background-repeat: no-repeat;
  background-size: 2020px auto;
  background-position: center; 
	height: calc(590px - 28px);
	text-align: center;
	padding: 28px 0 0;
}
#pop-contest .main-visual h1 {
	margin: 0 0 0 2%;
}
#pop-contest .benefits-wrap {
	width: 100%;
	max-width: calc(1240px - 60px);
	margin: 0 auto;
	padding: 82px 0 99px;
}
#pop-contest .benefits-content {
	width: 100%;
	max-width: 940px;
	margin: 0 auto 110px;
	display: flex;
	justify-content: space-between;
}
#pop-contest .benefits-content .information {
	margin: 19px 20px 0 0;
}
#pop-contest .benefits-content .information .tt {
	margin: 0 0 25px -10px;
}
#pop-contest .benefits-content .information .sub-tt {
	margin: 0 0 25px;
}
#pop-contest .benefits-content .information ul li {
	color: #666666;
	font-size: 16px;
	text-indent: -1em;
	padding-left: 0.5em;
}
#pop-contest .benefits-content .visual {
	width: 100%;
	max-width: 360px;
}
#pop-contest .benefits-details {
	text-align: center;
}
#pop-contest .benefits-details .tt {
	width: 100%;
	max-width:536px;
	margin: 0 auto 44px;
}
#pop-contest .benefits-details .tt img {
	width: 100%;
}
#pop-contest .award-grandprix {
	width: 100%;
	max-width: 584px;
	margin: 0 auto 60px;
}
#pop-contest .award-grandprix img {
	width: 100%;
}
#pop-contest .award-block {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 60px;
}
#pop-contest .award-block li {
	width: 100%;
	max-width: 356px;
}
#pop-contest .award-block li img {
	width: 100%;
}
#pop-contest .award-block li:nth-child(1) {
	max-width: 386px;
}
#pop-contest .benefits-details .note {
	width: 100%;
	max-width: 700px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}
#pop-contest .benefits-details .note li {
	text-indent: -1em;
	padding-left: 1.2em;
	color: #666666;
}
#pop-contest .theme-wrap {
	background: #22ACD3;
	border-radius: 0px 300px 0px 300px;
	padding: 132px 0;
	position: relative;
	z-index: 10;
}
#pop-contest .theme-wrap .theme-content {
	width: calc(100% - 60px);
	margin: 0 auto;
	padding: 0 30px;
}
#pop-contest .theme-content .information-block {
	width: 100%;
	max-width: 970px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 90px;
	transform: translateX(-5.3%);
}
#pop-contest .theme-content .information {
	margin: 22px 0 0 20px;
}
#pop-contest .theme-content .information .tt{
	margin: 0 0 38px -20px;
}
#pop-contest .theme-content .information .sub-tt {
	margin: 0 0 18px;
}
#pop-contest .theme-content .information .tt {
	width: 100%;
	max-width: 274px;
}
#pop-contest .theme-content .information .sub-tt {
	width: 100%;
	max-width: 530px;
}
#pop-contest .theme-content .information img {
	width: 100%;
}
#pop-contest .theme-content .information ul li {
	color: #fff;
	font-size: 21px;
}
#pop-contest .theme-content .information ul li .crucial {
	background: #bcb000;
}
#pop-contest .theme-content .visual {
	width: 100%;
	max-width: 360px;
}
#pop-contest .theme-content .example-wrap .tt-ok {
	width: 100%;
	max-width: 93px;
	margin: 0 auto 20px;
	text-align: center;
}
#pop-contest .theme-content .example-wrap .tt-ok img {
	width: 100%;
}
#pop-contest .theme-content .ok-example {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto 100px;
}
#pop-contest .theme-content .ok-example .item-box {
	margin: 0 20px 0 0;
}
#pop-contest .theme-content .ok-example .item {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: end;
	justify-content: center;
	margin: 15px 0;
}
#pop-contest .theme-content .ok-example .item::before {
	background: url(/img/contents/pop_contest/theme_icon_ok.png) no-repeat center left;
	background-size: contain;
	content: "";
	display: inline-block;
	width: 38px;
	height: 48px;
	margin: 0 10px 0 0;
}
#pop-contest .theme-content .ok-example .sample {
	padding: 3px;
	background-color: #fff;
	width: 100%;
	max-width: calc(295px + 6px);
}
#pop-contest .theme-content .ok-example .sample img {
	width: 100%;
	display: block;
}
#pop-contest .theme-content .example-wrap .tt-ng {
	width: 100%;
	max-width: 564px;
	margin: 0 auto 40px;
	text-align: center;
}
#pop-contest .theme-content .example-wrap .tt-ng img {
	width: 100%;
}
#pop-contest .theme-content .ng-example {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
#pop-contest .theme-content .ng-example .item-box {
	width: 100%;
	max-width: 250px;
	margin: 0;
}
#pop-contest .theme-content .ng-example .item {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	margin: 10px 0;
}
#pop-contest .theme-content .ng-example .item::before {
	background: url(/img/contents/pop_contest/theme_icon_ng.png) no-repeat center left;
	background-size: contain;
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 10px 0 0;
}
#pop-contest .theme-content .ng-example .sample {
	max-width: 224px;
	margin: 0 auto;
	text-align: center;
}
#pop-contest .theme-content .ng-example .sample img {
	width: 100%;
}
#pop-contest .graph-wrap {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #E4E4E4 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #E4E4E4 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  padding: 20% 0 0 0;
	margin: -20% 0 0 0;
	z-index: 8;
	position: relative;
}
#pop-contest .application-wrap {
	width: calc(100% - 60px);
	max-width: 1040px;
	padding: 126px 30px;
	margin: 0 auto;
}
#pop-contest .application-wrap .tt {
	width: 100%;
	max-width: 250px;
	margin: 0 auto 48px;
}
#pop-contest .application-wrap .tt img {
	width: 100%;
}
#pop-contest .application-wrap .application {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	line-height: 36px;
}
#pop-contest .application-wrap .application dt {
	width: 97px;
	text-align: center;
	margin: 0 20px 40px 0;
}
#pop-contest .application-wrap .application dt span {
	background: #22ACD3;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	width: 100%;
}
#pop-contest .application-wrap .application dd {
	width: calc(100% - 120px);
	margin: 0 0 40px 0;
}
#pop-contest .application-wrap .application ul li {
	text-indent: -1em;
	padding-left: 1.2em;
	line-height: 2;
}
#pop-contest .application-wrap .application dd:last-of-type {
	margin-bottom: 0;
}
#pop-contest .post-wrap {
	background: url(/img/contents/pop_contest/form_bk.png) no-repeat center top;
	background-size: 2152px auto;
	padding: 72px 0 88px;
	text-align: center;
	margin: 0 auto;
}
#pop-contest .post-wrap .tt {
	width: 100%;
	max-width: 375px;
	margin: 0 auto 14px;
}
#pop-contest .post-wrap .tt img {
	width: 100%;
}
#pop-contest .post-wrap .post-btn {
	border-radius: 10px;
	background: #22ACD3;
	display: inline-block;
	display: flex; 
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 556px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	position: relative;
	margin: 0 auto;
	padding: 36px 0;
	text-decoration: none;
	transition: background-color 0.2s;
}
#pop-contest .post-wrap .post-btn img {
	width: 47px;
	height: 56px;
	display: inline-block;
	margin: 0 13px 0 0;
}
#pop-contest .post-wrap .post-btn:hover {
	background-color: #0582A5;
}
/*追従ボタン*/
#pop-contest .floating-pc {
	position: fixed;
	right: 30px;
	bottom: 30px;
	color: #fff;
	z-index: 10;
	text-align: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
	transform: translateY(0);
	opacity: 1;
}
#pop-contest .floating-pc.hide {
	transform: translateY(100%);
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
#pop-contest .floating-pc .pop {
	width: 222px;
	filter: drop-shadow(0px 5px 11px rgba(0,0,0,0.3));
}
#pop-contest .floating-pc .pop img {
	width: 100%;
	display: inline-block;
}
#pop-contest .floating-pc .floating-area {
	width: 222px;
	height: 222px;
	background: #22ACD3;
	color: #fff;
	display: flex; 
	align-items: center; 
	justify-content: center; 
	flex-direction: column;
	font-size: 30px;
	font-weight: 700;
	border-radius: 50%;
	text-decoration: none;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	margin: -42px 0 0 0;
	transition: background-color 0.2s;
	line-height: 1.3;
	box-sizing: border-box;
	padding-top: 10px;
}
#pop-contest .floating-pc .floating-area .icon {
	width: 46px;
	height: 55px;
	padding-top: 10px;
}
#pop-contest .floating-pc .floating-area:hover {
	background-color: #0582A5;
}
/*追従バー*/
#pop-contest .floating-tab {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	z-index: 10;
	text-align: center;
	box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.35);
	transition: transform 0.3s ease, opacity 0.3s ease;
	transform: translateY(0);
	opacity: 1;
}
#pop-contest .floating-tab.hide {
	transform: translateY(100%);
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
#pop-contest .floating-tab .floating-wrap {
	padding: 10px 0 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pop-contest .floating-tab .floating-wrap .visual {
	width: 100%;
	max-width: 190px;
	margin: 0 10px 0 0;
}
#pop-contest .floating-tab .floating-wrap .visual img {
	width: 100%;
}
#pop-contest .floating-tab .floating-area {
	width: 100%;
	max-width: 204px;
	background: #22ACD3;
	color: #fff;
	display: flex; 
	align-items: center; 
	justify-content: center; 
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 5px;
	padding: 12px 0;
	transition: background-color 0.2s;
}
#pop-contest .floating-tab .floating-area .icon {
	width: 22px;
	height: 26px;
	margin: 0 6px 0 0;
}
#pop-contest .floating-tab .floating-area:hover {
	background-color: #0582A5;
}
/*** TAB ***/
@media screen and (max-width: 940px){
	#pop-contest .main-visual {
		background-image:url(/img/contents/pop_contest/mv_img_ts.png);
		background-size: contain;
		background-position: bottom; 
		height: auto;
		text-align: center;
		padding: 8px 0 15.4%;
	}
	#pop-contest .main-visual h1 {
		width: calc(100% - 60px);
		margin: 0 auto;
		padding: 0 30px;
	}
	#pop-contest .main-visual h1 img {
		width: 100%;
	}
	#pop-contest .benefits-wrap {
		width: calc(100% - 60px );
		padding: 76px 30px 60px;
	}
	#pop-contest .benefits-content {
		align-items: flex-end;
		margin: 0 auto 75px;
	}
	#pop-contest .benefits-content .information {
		margin: 0 20px 0 0;
	}
	#pop-contest .benefits-content .information .tt {
		width: 100%;
		max-width: 110px;
	}
	#pop-contest .benefits-content .information .sub-tt {
		width: 100%;
		max-width: 405px;
	}
	#pop-contest .benefits-content .information .tt img,
	#pop-contest .benefits-content .information .sub-tt img {
		width: 100%;
	}
	#pop-contest .benefits-content .visual {
		max-width: 270px;
		height: auto;
	}
	#pop-contest .benefits-content .information ul li {
		font-size: 15px;
	}
	#pop-contest .benefits-details .tt {
		margin: 0 auto 27px;
		max-width: 440px;
	}
	#pop-contest .award-grandprix {
		max-width: 492px;
		margin: 0 auto 40px;
	}
	#pop-contest .award-block {
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto 30px;
	}
	#pop-contest .award-block li {
		max-width: 45%;
	}
	#pop-contest .award-block li:nth-child(1) {
		max-width: 100%;
		margin: 0 auto 18px;
	}
	#pop-contest .award-block li:nth-child(1) img {
		max-width: 49%;
	}
	#pop-contest .award-block li:last-child {
		margin: 0 0 0 6%;
	}
	#pop-contest .award-block li img {
		width: 100%;
	}
	#pop-contest .benefits-details .note {
		font-size: 15px;
	}
	#pop-contest .theme-wrap {
		border-radius: 0px 150px 0px 150px;
		padding: 80px 0;
	}
	#pop-contest .theme-content .information-block {
		align-items: flex-end;
		justify-content: center;
		margin: 0 auto 100px;
		transform: translateX(-1%);
	}
	#pop-contest .theme-content .information {
		margin: 0 0 0 38px;
	}
	#pop-contest .theme-content .information .tt {
		max-width: 231px;
		margin: 0 0 28px -25px;
	}
	#pop-contest .theme-content .information .sub-tt {
		max-width: 241px;
	}
	#pop-contest .theme-content .visual {
		max-width: 270px;
		margin: 0 0 -30px 0;
	}
	#pop-contest .theme-content .information ul li {
		font-size: 15px;
	}
	#pop-contest .theme-content .example-wrap .tt-ok {
		max-width: 78px;
		margin: 0 auto 6px;
	}
	#pop-contest .theme-content .ok-example {
		margin: 0 auto 70px;
	}
	#pop-contest .theme-content .ok-example .sample {
		width: 100%;
		max-width: calc(249px + 6px);
	}
	#pop-contest .theme-content .example-wrap .tt-ng {
		max-width: 463px;
		margin: 0 auto 25px;
	}
	#pop-contest .theme-content .ng-example {
		width: 100%;
		max-width: 460px;
	}
	#pop-contest .theme-content .ng-example .item-box {
		max-width: 50%;
	}
	#pop-contest .theme-content .ng-example .item {
		font-size: 15px;
	}
	#pop-contest .theme-content .ng-example .item::before {
		width: 17px;
		height: 17px;
		margin: 0 6px 0 0;
	}
	#pop-contest .theme-content .ng-example .sample {
		max-width: 190px;
	}
	#pop-contest .application-wrap {
		padding: 60px 30px;
	}
	#pop-contest .application-wrap .tt {
		max-width: 212px;
	}
	#pop-contest .application-wrap .application {
		font-size: 15px;
	}
	#pop-contest .application-wrap .application dt {
		margin: 0 20px 30px 0;
	}
	#pop-contest .application-wrap .application dd {
		margin: 0 0 30px 0;
	}
	#pop-contest .post-wrap {
		padding: 38px 0 58px;
		background-size: auto 278px;
	}
	#pop-contest .post-wrap .tt {
		max-width: 370px;
		margin: 0 auto 10px;
	}
	#pop-contest .post-wrap .post-btn {
		max-width: 490px;
		padding: 27px 0;
	}
	#pop-contest .floating-pc {
		display: none;
	}
	#pop-contest .floating-tab {
		display: block;
	}
}
/*** SP ***/
@media screen and (max-width: 670px){
	#pop-contest .sp-only {
		display: block;
	}
	#pop-contest .main-visual h1 {
		width: 100%;
		padding: 0;
		margin-right: -6px;
	}
	#pop-contest .benefits-wrap {
		width: calc(100% - 30px );
		padding: 40px 15px 55px;
	}
	#pop-contest .benefits-content {
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
	#pop-contest .benefits-content .information {
		margin: 0 0 20px;
	}
	#pop-contest .benefits-content .information .tt {
		max-width: 70px;
		margin: 0 auto 20px;
	}
	#pop-contest .benefits-content .information .sub-tt {
		max-width: 80%;
		margin: 0 auto 18px;
	}
	#pop-contest .benefits-content .information ul li {
		font-size: 14px;
	}
	#pop-contest .benefits-content .visual {
		max-width: 200px;
	}
	#pop-contest .benefits-details .tt {
		margin: 0 auto 17px;
		max-width: 90%;
	}
	#pop-contest .award-grandprix {
		max-width: 100%;
		margin: 0 auto 10px;
	}
	#pop-contest .award-block li {
		max-width: 47%;
	}
	#pop-contest .award-block li:nth-child(1) {
		margin: 0 auto 10px;
	}
	#pop-contest .award-block li:nth-child(1) img {
		max-width: 48.2%;
	}
	#pop-contest .award-block li:nth-child(3) {
		margin: 0 0 0 15px;
	}
	#pop-contest .theme-wrap {
		border-radius: 0px 100px 0px 100px;
		padding: 55px 0 80px;
	}
	#pop-contest .theme-wrap .theme-content {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	#pop-contest .theme-content .information-block {
		flex-flow: column;
		align-items: center;
		margin: 0 0 90px;
		transform: translateX(0);
	}
	#pop-contest .theme-content .information {
		order: 1;
		margin: 0 0 20px;
	}
	#pop-contest .theme-content .information .tt {
		max-width: 140px;
		margin: 0 auto 35px;
	}
	#pop-contest .theme-content .information .sub-tt {
		max-width: 86%;
		margin: 0 auto 15px;
	}
	#pop-contest .theme-content .information ul li {
		text-align: center;
		font-size: 14px;
	}
	#pop-contest .theme-content .visual {
		max-width: 200px;
		order: 2;
	}
	#pop-contest .theme-content .example-wrap .tt-ok {
		max-width: 55px;
		margin: 0 auto 20px;
	}
	#pop-contest .theme-content .ok-example {
		margin: 12px auto 50px;
		justify-content: space-between;
	}
	#pop-contest .theme-content .ok-example .sample {
		max-width: 100%;
		margin: 0 auto;
	}
	#pop-contest .theme-content .ok-example .item {
		font-size: 14px;
		text-align: center;
		align-items: flex-start;
		margin: 0 0 12px;
	}
	#pop-contest .theme-content .ok-example .item-box {
		width: 48%;
		margin: 0 0 0 0;
	}
	#pop-contest .theme-content .ok-example .item-box:nth-child(3),
	#pop-contest .theme-content .ok-example .item-box:nth-child(4) {
		margin: 34px 0 0 0;
	}
	#pop-contest .theme-content .ok-example .item::before {
		width: 22px;
		height: 27px;
		margin: 0 6px 0 0;
	}
	#pop-contest .theme-content .example-wrap .tt-ng {
		max-width: 463px;
		margin: 0 auto 10px;
	}
	#pop-contest .theme-content .ng-example .item-box {
		max-width: 48%;
	}
	#pop-contest .theme-content .ng-example {
		justify-content: space-between;
		align-items: center;
	}
	#pop-contest .theme-content .ng-example .item {
		font-size: 14px;
		text-align: center;
		align-items: center;
		height: 50px;
	}
	#pop-contest .theme-content .ng-example .item::before{
		width: 21px;
		height: 21px;
	}
	#pop-contest .application-wrap { 
		width: calc(100% - 30px);
		padding: 40px 15px;
	}
	#pop-contest .application-wrap .application {
		flex-flow: column;
		font-size: 14px;
	}
	#pop-contest .application-wrap .tt {
		max-width: 128px;
		margin: 0 auto 32px;
	}
	#pop-contest .application-wrap .application dt {
		width: 75px;
		margin: 0 0 10px 0;
	}
	#pop-contest .application-wrap .application dt span {
		line-height: 2;
	}	
	#pop-contest .application-wrap .application dd {
		width: 100%;
		margin: 0 0 20px 0;
		line-height: 1.5;
	}
	#pop-contest .application-wrap .application ul li {
		line-height: 1.5;
	}
	#pop-contest .post-wrap {
		padding: 20px 0 38px;
	}
	#pop-contest .post-wrap .tt {
		max-width: 215px;
		margin: 0 auto;
	}
	#pop-contest .post-wrap .post-btn img {
		width: 25px;
    height: 30px;
	}
	#pop-contest .post-wrap .post-btn {
		max-width: 270px;
		font-size: 20px;
		padding: 15px 5px;
	}
	#pop-contest .floating-tab .floating-wrap {
		padding: 7px 0;
	}
	#pop-contest .floating-tab .floating-wrap .visual {
		max-width: 153px;
	}
	#pop-contest .floating-tab .floating-area {
		max-width: 164px;
		font-size: 14px;
		padding: 7px 0;
	}
}

/* 販促POPコンテスト
-------------------------------------------- */
#pop-contest_result {
	background-color: #F0F0F0;
}
#pop-contest_result * {
	box-sizing: border-box;
}
#pop-contest_result ~ .push {
  height: 0;
  margin: 0;
}
#pop-contest_result ul,
#pop-contest_result li {
	padding: 0;
	margin: 0;
}
#pop-contest_result p {
	padding: 0;
	margin: 0;
}
#pop-contest_result img {
	display: block;
}
#pop-contest_result .main-visual {
	background: url(/img/contents/pop_contest_result/mv_bk_pc.png) center center / auto 100% no-repeat #25ACD3;
	padding: 25px 0 0;
	position: relative;
	overflow: hidden;
	height: 567px;
	box-sizing: border-box;
}
#pop-contest_result .main-visual .title img {
	margin: 0 auto;
}
#pop-contest_result .main-visual .cracker {
	position: absolute;
	left: calc(50% + 56px);
	top: -20px;
	transform: translateX(-50%);
}
#pop-contest_result .main-visual .cracker img {
	width: 1764px;
}
#pop-contest_result .contents-box {
	padding: 84px 0 170px;
	background: url(/img/contents/pop_contest_result/bk_pc.png) center top / 2060px auto repeat-y;
}
#pop-contest_result .theme {
	padding-top: 84px;
}
#pop-contest_result .theme img {
	margin: 0 auto;
}
/* コンテンツ内共通 */
#pop-contest_result .award-wrap .award-title {
    border-bottom: none;
}
#pop-contest_result .award-wrap .award-title img {
	margin: 0 auto 40px;
}
#pop-contest_result .award-wrap .photo img {
	border: 9px solid #FFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}
/* グランプリ */
#pop-contest_result .award-first {
	text-align: center;
	margin-bottom: 140px;
}
#pop-contest_result .award-first .photo {
	position: relative;
	display: inline-block;
	margin-bottom: 30px
}
#pop-contest_result .award-first .photo img {
	margin: 0 auto;
	width: 450px;
	height: auto;
	overflow: hidden;
}
#pop-contest_result .award-first .photo::before,
#pop-contest_result .award-first .photo::after {
	content: "";
	position: absolute;
	display: block;
	width: 187px;
	height: 400px;
	top: 50%;
	transform: translateY(-50%);
}
#pop-contest_result .award-first .photo::before {
	left: -218px;
	background: url(/img/contents/pop_contest_result/first_prize_l.png) center center / 187px auto no-repeat;
}
#pop-contest_result .award-first .photo::after {
	right: -218px;
	background: url(/img/contents/pop_contest_result/first_prize_r.png) center center / 187px auto no-repeat;
}
#pop-contest_result .award-first .name {
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 8px;
}
#pop-contest_result .award-first .name .name-after {
	font-size: 24px;
	font-weight: bold;
	margin-left: 0.5em;
}
#pop-contest_result .award-first .text {
	margin: 0 auto;
	width: 600px;
	margin-bottom: 40px;
	text-align: left;
}
#pop-contest_result .award-first .comment {
	margin: 0 auto;
	padding: 38px 40px 24px;
	background-color: #FFF;
	border-radius: 5px;
	width: 600px;
	display: flex;
	justify-content: center;
	position: relative;
}
#pop-contest_result .award-first .comment .label {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}
#pop-contest_result .award-first .comment .comment-list {
	text-align: left;
}
#pop-contest_result .award-first .comment .comment-list li {
	padding: 5px 0 5px 30px;
	background: url(/img/contents/pop_contest_result/icon_smile.png) left 0.2em / 24px auto no-repeat;
}
/* レイアウト共通 */
#pop-contest_result .award-wrap .award-item {
	margin: 0 auto;
	width: calc(100% - 60px);
	max-width: 1130px;
	display: flex;
	justify-content: center;
	gap: 50px;
}
#pop-contest_result .award-wrap .award-item .photo {
	width: 500px;
}
#pop-contest_result .award-wrap .award-item .photo img {
	max-width: 100%;
	margin-left: auto;
	width: 500px;
	height: auto;
}
#pop-contest_result .award-wrap .award-item .photo img.is-portrait {
	width: 380px;
}
#pop-contest_result .award-wrap .award-item .text-box {
	width: 496px;
	flex: 1;
}
#pop-contest_result .award-wrap .award-item .text-box .name {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
#pop-contest_result .award-wrap .award-item .text-box .name .name-after {
	font-size: 24px;
	font-weight: bold;
	margin-left: 0.5em;
}
#pop-contest_result .award-wrap .award-item .text-box .text {
	margin-bottom: 40px;
}
#pop-contest_result .award-wrap .award-item .comment {
	padding: 38px 40px 24px 40px;
	background-color: #FFF;
	border-radius: 5px;
	position: relative;
}
#pop-contest_result .award-wrap .award-item .comment .label {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}
#pop-contest_result .award-wrap .award-item .comment .comment-list {
	text-align: left;
}
#pop-contest_result .award-wrap .award-item .comment .comment-list li {
	padding: 5px 0 5px 30px;
	background: url(/img/contents/pop_contest_result/icon_smile.png) left 0.2em / 24px auto no-repeat;
}
#pop-contest_result .award-wrap .award-item .comment.comment-sd {
	padding: 37px 25px 25px 25px;
}
#pop-contest_result .award-wrap .award-item .comment.comment-sd .comment-text {
	text-align: left;
	padding: 5px 0 5px 108px;
	background: url(/img/contents/pop_contest_result/icon_sd.png) left 0.2em / 90px auto no-repeat;
	min-height: 90px;
}
/* 準グランプリ以降 */
#pop-contest_result .award-second {
	margin-bottom: 140px;
}
#pop-contest_result .award-judge {
	margin-bottom: 140px;
}
#pop-contest_result .award-judge .award-judge-box {
	margin: 0 auto 80px;
	width: calc(100% - 60px);
	max-width: 1130px;
	background: repeating-linear-gradient(90deg, #333 0, #333 2px, transparent 2px, transparent 4px) left bottom / 100% 1px repeat-x;
}
#pop-contest_result .award-judge .sub-title {
	margin-bottom: 22px;
	text-align: center;
	background: repeating-linear-gradient(90deg, #333 0, #333 2px, transparent 2px, transparent 4px) left center / 100% 1px repeat-x;
	line-height: 1;
}
#pop-contest_result .award-judge .sub-title span {
	padding: 0 15px;
	background-color: #F0F0F0;
	display: inline-block;
}
#pop-contest_result .award-judge .judge-member {
	margin: 0 auto;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-around;
	max-width: 960px;
}
#pop-contest_result .award-judge .judge-member li {
	width: 100%;
	max-width: 280px;
}
#pop-contest_result .award-judge .judge-member .img img {
	margin: 0 auto 12px;
	width: 140px;
	height: auto;
}
#pop-contest_result .award-judge .judge-member .info {
	margin-bottom: 5px;
	min-height: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	text-align: center;
}
#pop-contest_result .award-judge .judge-member .company {
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}
#pop-contest_result .award-judge .judge-member .name {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}
#pop-contest_result .award-judge .judge-member .description {
	font-size: 13px;
}
#pop-contest_result .award-judge .award-item {
	margin-bottom: 90px;
}
#pop-contest_result .award-judge .comment-judge {
	padding: 37px 25px 25px 25px;
	background-color: #FFF;
	border-radius: 5px;
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 18px;
}
#pop-contest_result .award-judge .comment-judge .user {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}
#pop-contest_result .award-judge .comment-judge .img img {
	width: 90px;
	height: 90px;
}
#pop-contest_result .award-judge .comment-judge .comment-name {
	font-size: 18px;
	font-weight: bold;
}
#pop-contest_result .award-special {
	margin-bottom: 170px;
}
#pop-contest_result .award-special .award-item {
	margin-bottom: 90px;
}
#pop-contest_result .award-special .award-item .text-box .name .name-award {
	font-size: 25px;
	font-weight: bold;
	display: block;
	margin-bottom: -5px;
}
#pop-contest_result .thanks img {
	margin: 0 auto;
}
#pop-contest_result .page-top {
	width: 82px;
	height: 82px;
	border-radius: 200px;
	background-color: #22ACD3;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	position: fixed;
	right: 40px;
	bottom: 40px;
	transition: opacity 0.1s ease-in, visibility 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
#pop-contest_result .page-top.show {
  opacity: 1;
  visibility: visible;
}
#pop-contest_result .page-top:hover {
	cursor: pointer;
	opacity: 0.8;
}
#pop-contest_result .page-top::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 3px solid #FFF;
	border-left: 0;
	border-bottom: 0;
	transform: rotate(-45deg);
	position: absolute;
	left: 30px;
	top: 36px;
}
/*** TAB ***/
@media screen and (max-width: 940px){
	#pop-contest_result .main-visual {
		background: url(/img/contents/pop_contest_result/mv_bk_tab.png) center center / auto 100% no-repeat #25ACD3;
		height: auto;
	}
	#pop-contest_result .main-visual .title img {
		width: 100%;
	}
	#pop-contest_result .main-visual .cracker {
		position: absolute;
		left: -3%;
		top: auto;
		bottom: -8%;
		transform: none;
	}
	#pop-contest_result .main-visual .cracker img {
		width: 106%;
	}
	#pop-contest_result .contents {
		padding: 0 0 60px;
		background: url(/img/contents/pop_contest_result/bk_tab.png) center top / 964px auto repeat-y;
	}
	#pop-contest_result .contents-box {
		padding: 0;
		background: none;
	}
	#pop-contest_result .theme {
		padding-top: 43px;
	}
	#pop-contest_result .theme img {
		margin: 0 auto 58px;
		max-width: 660px;
		width: calc(100% - 60px);
	}
	/* コンテンツ内共通 */
	#pop-contest_result .award-wrap .award-title img {
		margin: 0 auto 30px;
		width: 380px;
	}
	#pop-contest_result .award-wrap .photo img {
		border: 7px solid #FFF;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	}
	/* グランプリ */
	#pop-contest_result .award-first {
		margin-bottom: 80px;
		overflow: hidden;
	}
	#pop-contest_result .award-first .photo {
		margin-bottom: 18px;
	}
	#pop-contest_result .award-first .photo img {
		width: 380px;
		height: auto;
	}
	#pop-contest_result .award-first .photo::before,
	#pop-contest_result .award-first .photo::after {
		width: 120px;
		height: 255px;
	}
	#pop-contest_result .award-first .photo::before {
		left: -150px;
		background: url(/img/contents/pop_contest_result/first_prize_l.png) center center / 120px auto no-repeat;
	}
	#pop-contest_result .award-first .photo::after {
		right: -150px;
		background: url(/img/contents/pop_contest_result/first_prize_r.png) center center / 120px auto no-repeat;
	}
	#pop-contest_result .award-first .name {
		font-size: 28px;
		margin-bottom: 6px;
	}
	#pop-contest_result .award-first .name .name-after {
		font-size: 20px;
	}
	#pop-contest_result .award-first .text {
		width: 485px;
		margin-bottom: 33px;
		font-size: 14px;
	}
	#pop-contest_result .award-first .comment {
		padding: 30px 20px 20px;
		width: 485px;
	}
	#pop-contest_result .award-first .comment .label {
		top: -15px;
	}
	#pop-contest_result .award-first .comment .label img {
		width: 157px;
	}
	#pop-contest_result .award-first .comment .comment-list li {
		padding: 5px 0 5px 26px;
		background: url(/img/contents/pop_contest_result/icon_smile.png) left 4px / 20px auto no-repeat;
		font-size: 14px;
	}
	/* レイアウト共通 */
	#pop-contest_result .award-wrap .award-item {
		width: auto;
		display: block;
	}
	#pop-contest_result .award-wrap .award-item .photo {
		margin-bottom: 21px;
		width: auto;
	}
	#pop-contest_result .award-wrap .award-item .photo img {
		margin: 0 auto;
		max-width: calc(100% - 60px);
	}
	#pop-contest_result .award-wrap .award-item .text-box {
		margin: 0 auto;
		width: 485px;
	}
	#pop-contest_result .award-wrap .award-item .text-box .name {
		font-size: 28px;
		margin-bottom: 5px;
		text-align: center;
	}
	#pop-contest_result .award-wrap .award-item .text-box .name .name-after {
		font-size: 20px;
	}
	#pop-contest_result .award-wrap .award-item .text-box .text {
		font-size: 14px;
		margin-bottom: 33px;
	}
	#pop-contest_result .award-wrap .award-item .comment {
		padding: 30px 20px 20px;
		display: flex;
		justify-content: center;
	}
	#pop-contest_result .award-wrap .award-item .comment .label {
		top: -15px;
	}
	#pop-contest_result .award-wrap .award-item .comment .label img {
		width: 157px;
	}
	#pop-contest_result .award-wrap .award-item .comment .label.label-sd img {
		width: 267px;
	}
	#pop-contest_result .award-wrap .award-item .comment .comment-list {
		font-size: 14px;
		line-height: 1.6;
	}
	#pop-contest_result .award-wrap .award-item .comment .comment-list li {
		padding: 5px 0 5px 26px;
		background: url(/img/contents/pop_contest_result/icon_smile.png) left 5px / 20px auto no-repeat;
	}
	#pop-contest_result .award-wrap .award-item .comment.comment-sd {
		padding: 28px 29px 24px 38px;
	}
	#pop-contest_result .award-wrap .award-item .comment.comment-sd .comment-text {
		font-size: 14px;
		line-height: 1.6;
	}
	/* 準グランプリ以降 */
	#pop-contest_result .award-second {
		margin-bottom: 80px;
	}
	#pop-contest_result .award-judge {
		margin-bottom: 80px;
	}
	#pop-contest_result .award-judge .award-judge-box {
		margin: 0 auto 58px;
	}
	#pop-contest_result .award-judge .sub-title {
		margin: 0 auto 58px;
	}
	#pop-contest_result .award-judge .sub-title span {
		padding: 0 22px;
	}
	#pop-contest_result .award-judge .judge-member {
		padding-bottom: 10px;
		display: block;
	}
	#pop-contest_result .award-judge .judge-member li {
		margin: 0 auto 30px;
		display: flex;
		gap: 20px;
		width: 600px;
		max-width: none;
	}
	#pop-contest_result .award-judge .judge-member .img img {
		margin: 0 auto;
		width: 140px;
	}
	#pop-contest_result .award-judge .judge-member .info {
		min-height: auto;
		display: block;
		text-align: left;
	}
	#pop-contest_result .award-judge .award-item {
		margin-bottom: 80px;
	}
	#pop-contest_result .award-judge .comment-judge {
		padding: 28px 29px 24px 38px;
	}
	#pop-contest_result .award-judge .comment-judge .user {
		top: -15px;
	}
	#pop-contest_result .award-judge .comment-judge .user img {
		width: 157px;
	}
	#pop-contest_result .award-judge .comment-judge .comment-name {
		font-size: 16px;
	}
	#pop-contest_result .award-judge .comment-judge .comment-text {
		font-size: 14px;
	}
	#pop-contest_result .award-special {
		margin-bottom: 50px;
	}
	#pop-contest_result .award-special .award-item {
		margin-bottom: 80px;
	}
	#pop-contest_result .award-special .award-item .text-box .name .name-award {
		font-size: 22px;
	}
	#pop-contest_result .thanks img {
		width: 549px;
	}
	#pop-contest_result .page-top {
		width: 56px;
		height: 56px;
		right: 20px;
		bottom: 20px;
	}
	#pop-contest_result .page-top::after {
		width: 14px;
		height: 14px;
		left: 20px;
		top: 23px;
	}
}
/*** SP ***/
@media screen and (max-width: 670px){
	#pop-contest_result .main-visual {
		background: url(/img/contents/pop_contest_result/mv_bk_sp.png) center center / auto 100% no-repeat #25ACD3;
	}
	#pop-contest_result .main-visual .cracker {
		left: -8%;
		bottom: 0;
		width: 100%;
	}
	#pop-contest_result .main-visual .cracker img {
		width: 116%;
	}
	#pop-contest_result .contents {
		padding: 0 0 46px;
		background: none;
	}
	#pop-contest_result .theme {
		padding-top: 25px;
	}
	#pop-contest_result .theme img {
		margin: 0 auto 30px;
		width: calc(100% - 30px);
	}
	/* コンテンツ内共通 */
	#pop-contest_result .award-wrap .award-title img {
		margin: 0 auto 15px;
		width: 90%;
		max-width: 380px;
	}
	#pop-contest_result .award-wrap .photo img {
		border: 4px solid #FFF;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	}
	/* グランプリ */
	#pop-contest_result .award-first {
		margin-bottom: 70px;
	}
	#pop-contest_result .award-first .photo {
		width: calc(100% - 110px);
	}
	#pop-contest_result .award-first .photo img {
		width: 100%;
		height: auto;
	}
	#pop-contest_result .award-first .photo::before,
	#pop-contest_result .award-first .photo::after {
		content: none;
		width: auto;
		height: auto;
	}
	#pop-contest_result .award-first .name {
		font-size: 18px;
		margin: 0 auto 3px;
		width: calc(100% - 30px);
	}
	#pop-contest_result .award-first .name .name-after {
		font-size: 14px;
	}
	#pop-contest_result .award-first .text {
		width: calc(100% - 30px);
		margin-bottom: 35px;
	}
	#pop-contest_result .award-first .comment {
		padding: 30px 30px 18px;
		width: calc(100% - 30px);
		box-sizing: border-box;
	}
	/* レイアウト共通 */
	#pop-contest_result .award-wrap .award-item .photo img {
		width: 100%;
		max-width: calc(100% - 30px);
	}
	#pop-contest_result .award-wrap .award-item .photo img.is-portrait {
		width: 70%;
	}
	#pop-contest_result .award-wrap .award-item .text-box {
		margin: 0 auto;
		width: calc(100% - 30px);
	}
	#pop-contest_result .award-wrap .award-item .text-box .name {
		font-size: 18px;
	}
	#pop-contest_result .award-wrap .award-item .text-box .name .name-after {
		font-size: 14px;
	}
	#pop-contest_result .award-wrap .award-item .text-box .text {
		margin-bottom: 37px;
	}
	#pop-contest_result .award-wrap .award-item .comment {
		padding: 30px 30px 18px;
	}
	#pop-contest_result .award-wrap .award-item .comment.comment-sd {
		padding: 33px 20px 20px
	}
	/* 準グランプリ以降 */
	#pop-contest_result .award-second {
		margin-bottom: 93px;
	}
	#pop-contest_result .award-judge {
		margin-bottom: 70px;
	}
	#pop-contest_result .award-judge .award-judge-box {
		margin: 0 auto 40px;
		width: calc(100% - 30px);
	}
	#pop-contest_result .award-judge .sub-title {
		margin-bottom: 20px;
	}
	#pop-contest_result .award-judge .sub-title img {
		width: 50px;
	}
	#pop-contest_result .award-judge .judge-member {
		padding-bottom: 15px;
	}
	#pop-contest_result .award-judge .judge-member li {
		margin: 0 auto 20px;
		gap: 12px;
		width: 100%;
	}
	#pop-contest_result .award-judge .judge-member .img img {
		width: 90px;
	}
	#pop-contest_result .award-judge .judge-member .info {
		margin-bottom: 3px;
	}
	#pop-contest_result .award-judge .judge-member .company {
		font-size: 12px;
	}
	#pop-contest_result .award-judge .judge-member .name {
		font-size: 16px;
	}
	#pop-contest_result .award-judge .judge-member .description {
		font-size: 12px;
	}
	#pop-contest_result .award-judge .award-item {
		margin-bottom: 40px;
	}
	#pop-contest_result .award-judge .comment-judge {
		padding: 33px 20px 20px;
	}
	#pop-contest_result .award-special {
		margin-bottom: 46px;
	}
	#pop-contest_result .award-special .award-item {
		margin-bottom: 40px;
	}
	#pop-contest_result .award-special .award-item .text-box .name .name-award {
		font-size: 14px;
		margin-bottom: 0;
	}
	#pop-contest_result .thanks img {
		width: 345px;
	}
	#pop-contest_result .page-top:hover {
		opacity: 1;
	}
}
/* 一括申請
-------------------------------------------- */
/* 申請画面 */
#bulk-form .fo-contents,
#bulk-form-complete .fo-contents {
	margin: 0 auto;
	border: none;
}
#bulk-form .fo-contents .wrap,
#bulk-form-complete .wrap {
	border: none;
}
#bulk-form .fo-contents {
	width: 800px;
}
#bulk-form .main-img img {
	margin: 15px auto;
	display: block;
	width: 247px;
	height: auto;
}
#bulk-form .main-title {
	margin-bottom:30px;
	font-size: 20px;
	font-weight: bold;
}
#bulk-form .main-lead {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 1.7;
}
#bulk-form .main-lead em {
	font-style: normal;
}
#bulk-form ol {
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#bulk-form ol li {
	padding-bottom: 20px;
	border-radius: 5px;
	border:4px solid #EEEEEE;
	width: 240px;
	position: relative;
	box-sizing: border-box;
}
#bulk-form ol li img {
	display: block;
}
#bulk-form ol li:nth-child(-n + 2)::before {
	content: "";
	position: absolute;
	right: -27px;
	top: 50%;
	width: 15px;
	height: 10px;
	background-color: #888;
}
#bulk-form ol li:nth-child(-n + 2)::after {
	content: "";
	position: absolute;
	right: -54px;
	top: 50%;
	border: 14px solid transparent;
	border-left: 14px solid #888;
	transform: translate(0, calc(-50% + 5px));
}
#bulk-form ol li:nth-child(1) .num-img {
	position: absolute;
	top: 14px;
	left: 16px;
}
#bulk-form ol li:nth-child(1) .cont-img {
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	width: 166px;
}
#bulk-form ol li:nth-child(2) .num-img {
	position: absolute;
	top: 13px;
	left: 7px;
}
#bulk-form ol li:nth-child(2) .cont-img {
	position: absolute;
	top: 25px;
	left: calc(50% + 20px);
	transform: translateX(-50%);
	width: 110px;
}
#bulk-form ol li:nth-child(3) .num-img {
	position: absolute;
	top: 11px;
	left: 9px;
}
#bulk-form ol li:nth-child(3) .cont-img {
	position: absolute;
	top: 22px;
	left: 50%;
	transform: translateX(-50%);
	width: 160px;
}
#bulk-form ol li h3 {
	margin: 0;
	padding-top: 160px;
	font-size: 16px;
	font-weight: bold;
}
#bulk-form ol li p {
	padding: 10px 15px 0;
	font-size: 14px;
	line-height: 1.6;
}
#bulk-form ol li p .note {
	margin-top: 3px;
	display: block;
	font-size: 12px;
	color: #666;
}
#bulk-form .fo-submit {
	margin: 0 auto 60px;
	padding: 30px 0;
	background-color: #EEE;
	box-sizing: border-box;
}
#bulk-form .fo-submit .title {
	margin-bottom: 14px;
	font-size: 16px;
	font-weight: bold;
}
#bulk-form .fo-submit .note {
	margin-top: 14px;
	text-align: center;
}
#bulk-form .fo-submit .note ul {
	display: inline-block;
	font-size: 13px;
	line-height: 1.8;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}
#bulk-form .fo-submit .text {
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 1.7;
}
#bulk-form .fo-submit .text em {
	font-style: normal
}
#bulk-form .fo-submit .co-btn.co-btn-red.co-btn-l a {
	padding: 11px 0;
	min-width: 164px;
	font-size: 18px;
}
#bulk-form .fo-submit .co-btn.co-btn-red.co-btn-l a::before {
	content: none;
}
#bulk-form .fo-submit .co-btn.co-btn-red.co-btn-l img {
	display: none;
}
/* 完了画面 */
#bulk-form-complete .main-img img {
	margin: 15px auto 20px;
	display: block;
	width: 233px;
	height: auto;
}
#bulk-form-complete .main-title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
#bulk-form-complete .main-lead {
	margin-bottom: 20px;
	line-height: 1.8;
}
/*** TBSP ***/
@media screen and (max-width: 940px){
	#bulk-form .co-form-container,
	#bulk-form-complete .co-form-container {
		width: 100%;
	}
	#bulk-form .fo-contents,
	#bulk-form-complete .fo-contents {
		width: 96%;
	}
	#bulk-form .main-title {
		margin-bottom:20px;
		font-size: 16px;
	}
	#bulk-form .main-lead {
		margin-bottom: 20px;
		font-size: 13px;
		line-height: 1.6;
	}
	#bulk-form ol {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	#bulk-form ol li {
		margin: 0 auto 28px;
		padding: 20px 5px 20px 139px;
		max-width: 530px;
		width: 100%;
		text-align: left;
	}
	#bulk-form ol li:nth-child(-n + 2)::before {
		right: 50%;
		top: auto;
		bottom: -18px;
		width: 5px;
		height: 9px;
	}
	#bulk-form ol li:nth-child(-n + 2)::after {
		right: 50%;
		top: auto;
		bottom: -39px;
		border: 10px solid transparent;
		border-top: 12px solid #888;
		transform: translate(calc(-50% + 18px), 0);
	}
	#bulk-form ol li:nth-child(1) .num-img {
		top: 10px;
		left: 10px;
		width: 7px;
	}
	#bulk-form ol li:nth-child(1) .cont-img {
		top: 50%;
		left: 30px;
		transform: translate(0, -50%);
		width: 94px;
	}
	#bulk-form ol li:nth-child(2) .num-img {
		top: 9px;
		left: 5px;
		width: 16px;
	}
	#bulk-form ol li:nth-child(2) .cont-img {
		top: 50%;
		left: 50px;
		transform: translate(0, -50%);
		width: 68px;
	}
	#bulk-form ol li:nth-child(3) .num-img {
		top: 7px;
		left: 6px;
		width: 14px;
	}
	#bulk-form ol li:nth-child(3) {
		margin: 0 auto;
	}
	#bulk-form ol li:nth-child(3) .cont-img {
		top: 50%;
		left: 31px;
		transform: translate(0, -50%);
		width: 92px;
	}
	#bulk-form ol li h3 {
		padding-top: 0;
		font-size: 14px;
	}
	#bulk-form ol li p {
		padding: 4px 0 0;
		font-size: 13px;
	}
	#bulk-form .fo-submit {
		margin: 0 auto 30px;
		width: 94%;
		padding: 20px 10px;
	}
	#bulk-form .fo-submit .title {
		margin-bottom: 10px;
	}
	#bulk-form .fo-submit .note ul {
		font-size: 12px;
		line-height: 1.5;
	}
	#bulk-form .fo-submit .co-btn.co-btn-red.co-btn-l {
		font-size: 18px;
	}
	#bulk-form .fo-submit .co-btn.co-btn-red.co-btn-l a {
		padding: 11px 0;
		min-width: 164px;
	}
}
/*** SP ***/
@media screen and (max-width: 670px) {
	#bulk-form .main-img img {
		margin: 0 auto 15px;
		width: 156px;
	}
	/* 完了画面 */
	#bulk-form-complete .main-img img {
		margin: 15px auto 20px;
		width:156px;
	}
	#bulk-form-complete .main-title {
		margin-bottom: 10px;
		font-size: 16px;
	}
	#bulk-form-complete .main-lead {
		line-height: 1.6;
	}
	#bulk-form .fo-submit {
		margin: 0 0 20px -2%;
		width: 104%;
	}
}