/* =============================================================
  レスポンシブ
============================================================= */
/* 992px以上
----------------------------*/
@media (min-width: 992px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	.header_scrolled .site-header {
		box-shadow: none;
	}
	/*  グローバルナビゲーション
	-------------------------------------------*/
	/* 位置をセンター寄せに（lightning更新上書き）*/
	.site-header-container .global-nav--layout--float-right,
	.site-header-container .global-nav-list {
		margin: 0 auto;
	}
	/* padding調整（lightning更新上書き） */
	.device-pc .global-nav-list>li>a {
		padding: 10px 1.5em;
	}
	/* 文字サイズを調整 */
	.global-nav-list>li .global-nav-name {
		font-size: 16px;
	}
	
	/*  コンテンツ
	-------------------------------------------*/
	/*  .site_body
	-------------------------------*/	
	/* padding調整 */
	.site-body {
		padding: 2rem 0 2.5rem; /* lightningの上書き */
	}
	/*  全幅背景
	-------------------------------*/
	.wide .block_inner {
		 max-width: 930px;
	}
	
	/*  フッター
	-------------------------------------------*/
	/* フッターコンテント内　ウィジェット
	--------------------------------*/
	/* 大枠
	---------------------*/
	/* 均等配置に変更*/
	.site-footer-content .row {
		justify-content: space-between;
	}
	/* 幅を変更 */
	.col-lg-4 {
		flex: 0 0 30%;
		max-width: 30%;
	}
	/* padding削除 */
	.site-footer-content .col-lg-4,
	.site-footer-content .col-md-6 {
		padding: 0;
	}
	/* widgetの下マージンなしに */
	.site-footer-content .widget {
		margin-bottom: 0;
	}
	
}/* 992px以上終わり */


/* 1200px以上
----------------------------*/
@media (min-width: 1200px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	/* 最大サイズを追加、左右のpadding削除*/
	.header_area {
		max-width: 1200px;
		padding-right: 0;
		padding-left: 0;
	}
	
	/*  コンテンツ
	-------------------------------------------*/
	/*  大枠
	-------------------------------*/
	/* 横幅1080px + padding左右15px */
	.container {
		max-width: 1200px;
	}
	/*  全幅背景
	-------------------------------*/
	/* 992px以上の打消しのため */
	.wide .block_inner {
		 max-width: 1200px;
	}
	
}/* 1200px以上終わり */

/* 1199px以下
----------------------------*/
@media (max-width: 1199px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  コンテンツ
	-------------------------------------------*/
	/*  見出し
	--------------------------------*/
	/* h2 */
	h2 {
		font-size: 1.7rem;
	}
	/* h3 */
	h3 {
		font-size: 1.2rem;
	}	
	h4 {
		font-size: 1rem;
	}
	h6 {
		font-size: 0.9rem;
	}
	/* ボタン
	--------------------------------*/
	/* 共通ボタン
	----------------------*/
	/* a */
	a.cmn_btn {
		font-size: 1rem;
	}

	/* 金額 .price
	--------------------------------*/
	/* td */
	 table.price td {
		font-size: 1.1rem;
	}
	/* td内span */
	 table.price td span {
		font-size: 0.7rem;
	}

	/* =============================================================
	  トップページ　.top
	============================================================= */
	/* メインビジュアル .mvisual
	-------------------------------------------*/
	/* 右側（特集） .right
	--------------------------------*/
	/* タイトル .title
	---------------------*/
	/* p */
	.top .mvisual .title p {
		font-size: 1rem;
	}
	/* h1 */
	.top .mvisual .title h1 {
		font-size: 2rem;
	}
	/* 特集 .feature_link
	---------------------*/
	/* 枠 */
	.top .mvisual .right .feature_link {
		padding: 2.2rem 1.5rem 1.5rem;
	}
	/* h3 */
	.top .mvisual .right .feature_link h3 {
		width: 80%;
	}
	/* h4 */
	.top .mvisual .right .feature_link h4 {
		font-size: 1.2rem;
		line-height: 1.2;
	}
	/* h4 br */
	.top .mvisual .right .feature_link h4 span {
		font-size: 1rem;
		display: block;
	}
	/* h4 + p */
	.top .mvisual .right .feature_link h4 + p {
		font-size: 1.6rem;
		line-height: ;
	}	
	/* h4 + p span */
	.top .mvisual .right .feature_link h4 + p span {
		font-size: 1.1rem;
	}
	.top .mvisual .right .feature_link h4 + p span.price {
		font-size: 1.7rem; /* 上の打ち消し */
	}
	.top .mvisual .right .feature_link h4 + p span.tax {
		display: block;
	}
	
	/* 売れ筋商品 .hot_selling
	-------------------------------------------*/
	/* 共通
	--------------------------------*/ 
	/* リスト
	---------------------*/
	/* li p */
	.top .hot_selling li p {
		font-size: 0.9rem;
	} 

	/* =============================================================
	 商品詳細　.product_detail
	============================================================= */
	/* 共通
	-------------------------------------------*/	
	/* 商品内容 
	--------------------------------*/
	/* 右（詳細） .right
	---------------------*/
	/* 動画 .movie
	----------*/
	/* .movie */
	.product_detail.eco .detail_wrapper .left.movie { margin-top: -23rem; }
	.product_detail.eco-black .detail_wrapper .left.movie { margin-top: -23rem; }
	.product_detail.eco-zero .detail_wrapper .left.movie { margin-top: -44rem; }
	.product_detail.ex .detail_wrapper .left.movie { margin-top: -24rem; }
	.product_detail.whale .detail_wrapper .left.movie { margin-top: -33rem; }
	.product_detail.okugai .detail_wrapper .left.movie { margin-top: -31rem; }
	
	/* 相互リンク .other_products
	--------------------------------*/
	/* アンカー
	---------------------*/
	/* a */
	.other_products li a,
	.other_products li.current {
		font-size: 0.9rem;
	}
	
	/* =============================================================
	  ご利用ガイド　.guide
	============================================================= */
	/* リスト
	--------------------------------*/
	/* ul::after */
	.guide ul::after {
		width: calc((100% - 2.333%*2)/3);
	}
	/* li */
	.guide li {
		flex-basis: calc((100% - 2.333%*2)/3);
	}
	/* li a */
	.guide li a {
		font-size: 0.9rem;
	}
	
	/* =============================================================
	  データ作成用テンプレート　.template
	============================================================= */
	/*共通
	-------------------------------------------*/
	/* 文章
	--------------------------------*/
	/* p */
	.template .guide p br.pc_s {
		display: block;
	}
	/* ボタン
	--------------------------------*/
	/* a */
	.template a.cmn_btn {
		width: 30%;
		font-size: 1rem;
	}
	
	/* ダウンロードボタン .dl_btn
	-------------------------------------------*/
	/* リスト
	--------------------------------*/
	/* li */
	.template .download ul li {
		flex-basis: calc((100% - 2.333%) / 2);
	}
	/* li */
	.template .download ul li a {
		font-size: 0.9rem;
	}

} /* 1199px以下終わり */


/* 991px以下
----------------------------*/
@media (max-width: 991px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	/*  大枠（lightning）
	--------------------------------*/
	/* 最大サイズ */
	.header_area {
		max-width: 720px;
		padding: 15px;
	}
	/* モバイルナビ
	--------------------------------*/
	/* 位置調整 */
	.admin-bar .vk-mobile-nav-menu-btn {
		border: none;
		top: calc(32px + 35px);
	}
	.vk-mobile-nav nav ul li a {
		padding-top: 1.5rem;
		padding-bottom: 1.6rem;
	}
	
	/*  ロゴ（lightningのもの）
	--------------------------------*/
	/* 既存のlogoを再表示 */
	.site-header--layout--nav-float .site-header-logo {
		display: block;
		background-color: #fff;
		background-color: var(--color-primary-bright1);
		margin-bottom: 0;
		padding-top: 0.8rem;
		padding-bottom: 0.7rem;
	}
	/*  ロゴなど（cmn.jsで追加したもの）
	-------------------------------*/
	/* 枠
	---------------------*/  
	/* 下線を追加 */
	.header_area {
		border-bottom: 1px solid var(--color-border1);
	}
	/* ロゴ（左）
	---------------------*/  
	/* 追加したlogoを非表示 */
	.header_area .left {
		display: none;
	}
	/* 電話、メール（右）
	---------------------*/  
	/* 横幅を100%に */
	.header_area .right {
		width: 80%;
		margin: 0 auto;
	}
	
	/*  コンテンツ
	-------------------------------------------*/
	/*  レイアウト
	--------------------------------*/
	/* コンテンツ幅 */
	.main-section {
		width: 100%;
	}
	/*  サイドバナー  .sub-section
	--------------------------------*/
	/* レイアウト
	---------------------*/     
	/* サイドバナー幅 */
	.sub-section--pos--left.sub-section {
		width: 100%;
		margin-top: 2.5rem;
	}
	/* リスト
	---------------------*/     
	.side_block li {
		width: calc((100% - 6%) / 3);
	}
	/* liを左寄せに */
	.side_block ul::before {
		content: "";
		display: block;
		width: calc((100% - 6%) / 3);
		order: 1;
	}
	.side_block ul::after {
		content: "";
		display: block;
		width: calc((100% - 6%) / 3);
	}
	
	/*  スマホ用ナビゲーション
	-------------------------------*/
	/* タブレットのメニューを縦並びに */
	.vk-menu-acc {
		display: block;
	}
	
	/*  見出し
	--------------------------------*/
	/* h1（サイトヘッダーロゴ） */
	h1.site-header-logo {
		background: transparent;
		border-radius: 0;
		padding: 0;
	}

	/*  その他
	-------------------------------------------*/
	/* コールトゥーアクション
	--------------------------------*/
	/* 共通
	---------------------*/
	/* calltoAction */
	.calltoAction {
		display: none;
	}
			
	/* =============================================================
	  トップページ　.top
	============================================================= */
	/* メインビジュアル .mvisual
	-------------------------------------------*/
	/* 左側（画像） .left
	--------------------------------*/
	/* 枠
	---------------------*/
	/* left */
	.top .mvisual .left {
		position: relative;
		flex-basis: 52%;
	}
	/* 画像
	---------------------*/
	/* img */
	.top .mvisual .left img {
		position: absolute;
		bottom: -10px;
	}
	/* 右側（特集） .right
	--------------------------------*/
	/* 枠
	---------------------*/
	/* right */
	.top .mvisual .right {
		flex-basis: calc(100% - 52%);
	}
	/* タイトル .title
	---------------------*/
	/* h1 */
	.top .mvisual .title h1 {
		font-size: 1.8rem;
	}
	/* 特集 .feature_link
	---------------------*/
	/* 枠 */
	.top .mvisual .right .feature_link {
		margin-top: 2rem;
	}	
	/* a.cmn_btn */
	.top .mvisual .right .feature_link a.cmn_btn {
		margin-top: 1rem;
	}
	
	/* 売れ筋商品 .hot_selling
	-------------------------------------------*/
	/* 共通
	--------------------------------*/ 
	/* リスト
	---------------------*/
	/* li p */
	.top .hot_selling li p br:nth-of-type(1) {
		display: none;
	}  
	
	/* =============================================================
	 商品詳細　.product_detail
	============================================================= */
	/* 共通
	-------------------------------------------*/	
	/* 商品内容 
	--------------------------------*/
	/* 右（詳細） .right
	---------------------*/
	/* アイコン
	----------*/
	/* li p */
	.product_detail .detail_wrapper .right .icon li p {
		font-size: 0.9rem;
		padding: 0.2rem 0.8rem;
	}
	/* 見出し・文章
	----------*/
	/* h2 */
	.product_detail .detail_wrapper .right h2 {
		font-size: 1.6rem;
		margin-top: 1rem;
	}
	/* h2 + p内br */
	.product_detail .detail_wrapper .right h2 + p br {
		display: none;
	}	
	/* 動画 .movie
	----------*/
	/* .movie */
	.product_detail.eco .detail_wrapper .left.movie { margin-top: -35rem; }
	.product_detail.eco-black .detail_wrapper .left.movie { margin-top: -38rem; }
	.product_detail.eco-zero .detail_wrapper .left.movie { margin-top: -53rem; }
	.product_detail.ex .detail_wrapper .left.movie { margin-top: -35rem; }
	.product_detail.whale .detail_wrapper .left.movie { margin-top: -39rem; }
	.product_detail.okugai .detail_wrapper .left.movie { margin-top: -37rem; }
	
	/* 相互リンク .other_products
	--------------------------------*/
	/* リスト
	---------------------*/
	/* ul::after */
	.product_detail .other_products ul::after {
		width: calc((100% - 2.333%)/2);
	}
	/* li */
	.product_detail .other_products li {
		flex-basis: calc((100% - 2.333%)/2);
	}
	
	/* =============================================================
	  特集　.feature
	============================================================= */
	/* 商品 .feature_product
	-------------------------------------------*/
	/* 詳細（右)
	--------------------------------*/
	/* 見出し・文章
	---------------------*/
	/* h2 */
	.feature .feature_product .detail h2 {
		font-size: 1.5rem;
		line-height: 1.2;
	}
	/* h2 + p内br */
	.feature .feature_product .detail h2 + p + p br {
			display: none;
	}
	/* アイコン
	---------------------*/
	/* li p */
	.feature .feature_product .detail .icon li p {
		padding: 0.2rem 0.8rem;
	}
	
	/* =============================================================
	  デザインプラン　.design
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* 枠
	--------------------------------*/
	/* リスト
	---------------------*/  
	/* ul */
	.design ul.plan {
		gap: 1.5rem 3%;
	}
	/* li */
	.design ul.plan li {
		flex-basis: calc((100% - 3%*2)/3);
	}
	/* 各プラン
	--------------------------------*/
	/* 枠
	---------------------*/  
	/* li div */
	.design ul.plan li div {
		padding: 1.2rem;
	}
	/* 見出し
	---------------------*/  
	/* div h4 */
	.design h4 {	
		font-size: 1.2rem;
	}
	/* リスト
	---------------------*/  
	/* plan li br */
	.design .plan li br {
		display: none;
	}
	

	/* =============================================================
	  データ作成用テンプレート　.template
	============================================================= */
	/* ガイドを確認 .guide
	-------------------------------------------*/
	/* ボタン
	--------------------------------*/
	/* a */
	.template a.cmn_btn {
		width: 33%;
	}

	/* =============================================================
	  フォーム
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/*  テーブル
	----------------------------*/
	/*thとtdを縦並び、横100%に */
	.form table th,
	.form table td {
		display: block;
		width: 100%;
	}
	
} /* 991以下終わり */


/* 575px以下
----------------------------*/
@media (max-width: 575px) {

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ページ全体
	-------------------------------------------*/
	.site-body {
		padding-top: 0;
	}
	
	/*  ヘッダー
	-------------------------------------------*/
	/*  ロゴなど（cmn.jsで追加したもの）
	-------------------------------*/
	/* 枠
	---------------------*/  
	/* 上に線を追加 */
	.header_area {
		border-top: 1px solid var(--color-border1);
		padding: ;
	}
	/* 電話、メール（右）
	---------------------*/  
	/* 横幅を100%に */
	.header_area .right {
		display: block;
		width: 80%;
	}
	.header_area .right .tel {
		width: 60%;
	}
	.header_area .right .mail {
		width: 88%;
		margin-top: 0.7rem;
	}
	
	/* mobileナビ
	----------------------------*/	
	/* 枠を非表示 */
	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(32px + 34px);
	}	
	.vk-mobile-nav-menu-btn.menu-open {
		border: none;	
	}
	
	/*  グローバルナビゲーション
	-------------------------------------------*/
	/* ulのflexを解除 */
	ul.vk-menu-acc {
		display: block;
	}
	
	/* スマホPC切り替え
	-------------------------------------------*/
	/* sp用表示pc用非表示 */
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	
	/*  コンテンツ
	-------------------------------------------*/
	/* ブロック
	--------------------------------*/
	.block_inner {
		width: 90%;
		max-width: 1080px;
		margin: 0 auto;
	}
		
	/*  サイドバナー  .sub-section
	--------------------------------*/
	/* リスト
	---------------------*/
	/* ulの幅を変更 */
	.side_block ul, .side_block .widget ul {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	/* liの幅を変更 */
	.side_block li {
		width: calc((100% - 6%) / 2);
	}
	/*  見出し
	--------------------------------*/
	/* h2（ページヘッダー）の文字サイズ変更 */
	h2 {
		font-size: 1.6rem;
	}
	/* h3の文字サイズ変更 */
	h3 {
		font-size: 1.5rem;
		line-height: 1.3;
		text-indent: -0.7em;
		padding-left: 1.3em;
	}
	/* ボタン
	--------------------------------*/
	/* コンテンツボタン .btn_base
	----------------------*/
	/* 共通ボタン .cmn_btn
	----------------------*/
	/* アンカー */
	 a.cmn_btn {
		width: 100%;
	}
	
	/*  フッター
	-------------------------------------------*/
	/* フッターコンテント内　ウィジェット
	--------------------------------*/
	/* 配送について、お問い合わせ先（中） #block-8
	---------------------*/
	/* footer_lawをセンター寄せに */
	.site-footer-content .widget .footer_law {
		text-align: center;
	}
	
	/* =============================================================
	  トップページ　.top
	============================================================= */
	/* メインビジュアル .mvisual
	-------------------------------------------*/
	/* 背景
	--------------------------------*/
	/* .block_inner */
	.top .mvisual .block_inner {
		flex-direction: column;
	}
	/* 左側（画像） .left
	--------------------------------*/
	/* 枠
	---------------------*/
	/* left */
	.top .mvisual .left {
		order: 2;
	}
	/* 画像
	---------------------*/
	/* img */
	.top .mvisual .left img {
		position: relative;
	}
	/* 右側（特集） .right
	--------------------------------*/
	/* 枠
	---------------------*/
	/* right */
	.top .mvisual .right {
		order: 1;
	}
	/* 特集 .feature_link
	---------------------*/
	/* 枠 */
	.top .mvisual .right .feature_link {
		display: none;
	}
	
	/* ポイント .point
	-------------------------------------------*/
	/* 背景
	--------------------------------*/
	/* point */
	.top .point {
		padding: 2rem 0 3rem;
	}
	/* リスト
	--------------------------------*/
	/* ul */
	.top .point ul {
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	/* li */
	.top .point ul li {
		width: 100%;
		min-width: 85%;
	}
	
	/* 特集 .top_feature
	-------------------------------------------*/
	/* 背景
	--------------------------------*/
	/* top_feature */
	.top .top_feature {
		padding: 2rem 0;
	}
	/* block_inner */
	.top .top_feature .block_inner {
		gap: 1.5rem 2.5%;
		flex-direction: column;
	}
	/* 右側（特集） .right
	--------------------------------*/
	/* 枠
	---------------------*/
	/* right */
	.top .top_feature .right {
		display: flex;
		align-items: center;
		flex-basis: calc((100% - 2.5% )/2);
		text-align: center;
	}
	/* h2::before */
	.top .top_feature .right h2:before {
		top: -2.5rem;
		left: 0rem;		
	}
		
	/* 売れ筋商品 .hot_selling
	-------------------------------------------*/
	/* 共通
	--------------------------------*/ 
	/* 見出し・文字
	---------------------*/
	/* .title */
	.top .hot_selling .title p {
		position: relative;
		margin-top: 0.3rem;
	}	
	/* リスト
	---------------------*/
	/* ul */
	.top .hot_selling ul {
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	/* li */
	.top .hot_selling li {
		width: 100%;
		min-width: 40%;
	} 
	/* ボタン
	---------------------*/
	/* a.cmn_btn */
	.top .hot_selling a.cmn_btn {
		width: 80%;
	}
		
	/* 器具サイズ比較 .size_comparison
	-------------------------------------------*/
	/* 背景
	--------------------------------*/ 
	/* block_inner */
	.size_comparison .block_inner {
		background-image: url(https://rollupbanner.tenjikai-professional.com/wp/wp-content/uploads/top_comparison_bg_sp.png);
		background-size: 100%;
		padding: 1.5rem 0 1rem;
	}	
	/* イメージ
	--------------------------------*/ 
	.size_comparison .image {
		margin-top: 1.25rem;
	}

	/* メディアの種類 .media_types
	-------------------------------------------*/
	/* リスト
	--------------------------------*/ 
	/* ul */
	.top .media_types ul {
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	/* li */
	.top .media_types li {
		width: 100%;
		min-width: 60%;
	}
	
	/* 見出し・文字
	--------------------------------*/ 
	/* h3 */
	.media_types li h3 {
		font-size: 1.2rem;
	padding: 0.6rem 0.3rem; /* style.cssの打ち消し */
	}

	/* 比較表（共通）.comparison_chart
	-------------------------------------------*/
	/* テーブル
	--------------------------------*/ 
	 /* th（固定） */
	.top .comparison_chart table th.sticky {
		position: relative;
	}
	/* thの幅 */
	.product_comparison_chart table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 150px;
	}
	/* td span.tax */
	.product_comparison_chart table td span.tax {
		display: block;
	}
	
	
	/* メディアの比較表 .media_comparison_chart
	-------------------------------------------*/
	/* テーブル
	--------------------------------*/ 
	/* table_wrap */
	 .top .media_comparison_chart .table_wrap {
		overflow-x: auto;
	 }
	 /* table */
	 .top .media_comparison_chart table {
		width: 1200px;
	 }
	 .top .media_comparison_chart table td {
		width: calc((100% - 150px) / 4);
	 }

	/* 利用シーン .usage_scenes
	-------------------------------------------*/
	/* リスト
	--------------------------------*/ 
	.top .usage_scenes .sp ul {
		gap: 1rem 3.25%;
		flex-wrap: nowrap;
		overflow-x: scroll;
		margin-top: 1.5rem;
	}
	/* li */
	.top .usage_scenes .sp li {
		width: 100%;
		min-width: 60%;
	}
	/* li h6 */
	.top .usage_scenes .sp li h6 {
		text-align: center;
		margin-top: 0.2rem;
	}
	/* li h6 */
	.top .usage_scenes .sp li h6 + p {
		margin-top: 0.5rem;
	}
	
	/* デザインについて .top_design
	-------------------------------------------*/
	/* リスト
	--------------------------------*/ 
	/* 枠
	---------------------*/  
	/* ul */
	.top .top_design ul {
		gap: 1rem 3.25%;
		flex-wrap: nowrap;
		overflow-x: scroll;
		margin-top: 1.5rem;
	}
	/* li */
	.top .top_design li {
		width: 100%;
		min-width: 80%;
	}
	/* ボタン
	---------------------*/
	/* a.cmn_btn */
	.top .top_design a.cmn_btn {
		width: 80%;
	}
	
	/* メディアの交換について .top_media_change
	-------------------------------------------*/
	/* ボタン 
	--------------------------------*/ 
	/* cmn_btn */
	.top .top_media_change a.cmn_btn {
		width: 80%;
	}

	/* =============================================================
	   商品一覧　.product_list
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* リスト
	--------------------------------*/
	/* li */
	.product_list li {
		flex-basis: calc((100% - 5%*1)/2);
	}
	/* リンク
	--------------------------------*/
	/* li a h6 br */
	.product_list li a h6 br {
		display: none;
	}
	
	/* =============================================================
		商品詳細　.product_detail
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* 共通 .detail_wrapper
	---------------------*/
	/* detail_wrapper */
	.product_detail .detail_wrapper .block_inner {
		flex-direction: column;
	}	
	/* 表示順 */
	.product_detail .detail_wrapper .dl_btn { order: 4; }
	.product_detail .detail_wrapper .cmn_btn { order: 5; margin-top: 1rem; }
	
	/* 左（スライダー、動画） .left
	---------------------*/
	/* 枠 .left
	------------*/
	/* left */
	.product_detail .detail_wrapper .left {
		width: 100%;
		margin-top: 1.5rem;
	}
		/* left.movie */
		.product_detail .detail_wrapper .left.movie,
		.product_detail.eco .detail_wrapper .left.movie,
		.product_detail.eco-black .detail_wrapper .left.movie,
		.product_detail.eco-zero .detail_wrapper .left.movie,
		.product_detail.ex .detail_wrapper .left.movie,
		.product_detail.whale .detail_wrapper .left.movie,
		.product_detail.okugai .detail_wrapper .left.movie {
			margin-top: 2rem;
		}
	/* 右（詳細） .right
	---------------------*/
	/* 枠 .right
	----------*/
	/* right */
	.product_detail .detail_wrapper .right {
		width: 100%;
		margin-top: 3rem;
	}
	
	/* 相互リンク .other_products
	--------------------------------*/	
	/* リスト
	---------------------*/
	/* ul */
	.other_products ul {
		flex-direction: column;
	}
	
	/* =============================================================
	  特集　.feature
	============================================================= */
	/* 商品 .feature_product
	-------------------------------------------*/
	/* ブロック
	--------------------------------*/
	/* .sub_blcok */
	.feature_product .sub_block.flex {
		flex-direction: column;
	}
	/* イメージ(左）
	--------------------------------*/
	/* img */
	.feature_product .image img {
		position: relative;
	}
	
	/* ボタン .cmn_btn
	-------------------------------------------*/
	/* a */
	.feature a.cmn_btn {
		width: 90%;
	}
	
	/* =============================================================
	  ご利用ガイド　.guide
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* リスト
	--------------------------------*/
	/* ul */
	.guide ul {
		flex-direction: column;		
	}
	
	/* =============================================================
	  デザインプラン　.design
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* 枠
	--------------------------------*/
	/* リスト
	---------------------*/  
	/* ul */
	.design ul.plan {
		gap: 1.5rem 5%; /* タブレットの上書き */
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	/* li */
	.design ul.plan li {
		flex-basis: calc((100% - 5%*2)/3); /* タブレットの上書き */
		width: 100%;
		min-width: 85%;
	}
	/* 各プラン
	--------------------------------*/
	/* 枠
	---------------------*/  
	/* li div */
	.design ul.plan li div {
	padding: 1.4rem; /* タブレットの上書き */
	}
	/* リスト
	---------------------*/  
	/* plan ul li */
	.design ul.plan ul li {
		font-size: 1rem;
	}
	/* カラー 
	---------------------*/
	/* ul li */
	.design .plan_omakase ul li { padding-bottom: 0.62rem; }
	
	
	/* =============================================================
	  データ作成用テンプレート　.template
	============================================================= */
	/* ガイドを確認 .guide
	-------------------------------------------*/
	/* 枠
	--------------------------------*/
	/* guide */
	.template .guide {
		flex-direction: column;		
	}
	
	
	/* ダウンロードボタン .dl_btn
	-------------------------------------------*/
	/* リスト
	--------------------------------*/
	/* ul */
	.template .download ul {
		flex-direction: column;		
	}
	/* 文章
	--------------------------------*/
	/* p */
	.template .guide p {
		text-align: center;
		margin-top: 1rem;
	}
	/* ボタン
	--------------------------------*/
	/* a */
	.template a.cmn_btn {
		width: 100%;
		margin-top: 1rem;
	}

	/* =============================================================
	  ご注文の流れ　.orderflow
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* 見出し・文字
	--------------------------------*/
	/* h3 */
	.orderflow h3 {
		font-size: 1.3rem;
		text-indent: 0;
		padding: 0;
	}

	/* =============================================================
	  ご利用規約　.terms
	============================================================= */
	/* 見出し・文字
	-------------------------------------------*/
	.terms h1 + P {
		width: 90%;
		max-width: 1080px;
		margin: 1rem auto 0;
	}
	
	/* =============================================================
	  お客様の声　.customers_voice
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* ブロック
	--------------------------------*/
	/* block_inner */
	.customers_voice .block_inner {
		flex-direction: column;		
	}
	.customers_voice .block_inner .sub_block {		
		width: 100%;
	}

	/* =============================================================
	  フォーム　.form
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* 見出し・文章
	--------------------------------*/
	/* h4 */
	.form h3 {
		text-indent: 0;
	}
	
	/* ラベル
	--------------------------------*/
	/* span wpcf7-list-item  */
	.form .upload_plan span.wpcf7-list-item,
	.form .payment span.wpcf7-list-item {
		display: block;
		margin: 1rem 0 0;
	}
	.form .upload_plan span.wpcf7-list-item .wpcf7-list-item-label,
	.form .payment span.wpcf7-list-item .wpcf7-list-item-label {
		width: 100%;
		text-align: center;
	}
	
	/* テキストボックス
	--------------------------------*/
	/* 入力欄 */
	input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
		font-size: 16px; /* 勝手に拡大防止 */
	}
	/* 送信ボタン
	--------------------------------*/
	/* submitの幅を変更 */
	input[type=submit] {
		width: 90%;
	}
	
	/* ブロック
	--------------------------------*/
	/* submit_annotation */
	.form .submit_annotation {
		width: 90%;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
	}
	/* recaptcha_word */
	.form .recaptcha_word {
		width: 90%;
		margin: 0 auto;
	}
	
}/* 575px以下終わり */