@charset 'UTF-8';
/*normalize: http://necolas.github.io/normalize.css/*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video{
	display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){
	display: none;
	height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],template{
	display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html{
	font-family: sans-serif; /* 1 */

	-webkit-text-size-adjust: 100%; /* 2 */
	    -ms-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body{
	margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a{
	background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus{
	outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover{
	outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,h2,h3,h4,p{
	font-size: 1em;
	margin: 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title]{
	border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong,.strong{
	font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,em,.em{
	font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr{
	box-sizing: content-box;
	height: 0;
}
/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p{
	-webkit-hyphens: auto;
	        hyphens: auto;

	-epub-hyphens: auto;
}
/*
 * Addresses margins set differently in IE6/7.
 */
pre{
	margin: 0;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp{
	font-family: monospace, serif;
	font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre{
	white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q{
	quotes: '\201C' '\201D' '\2018' '\2019';
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,q:after{
	content: '';
	content: none;
}
small,.small{
	font-size: 75%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{
	top: -.5em;
}
sub{
	bottom: -.25em;
}
/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,menu,ol,ul{
	margin: 0;
}
dd{
	margin: 0;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu{
	padding: 0 0 0 40px;
}
ol,ul{
	padding: 0;
	list-style-type: none;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,nav ol{
	list-style: none;
	list-style-image: none;
}
/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img{
	border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root){
	overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure{
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset{
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend{
	padding: 0; /* 2 */
	border: 0; /* 1 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,input,select,textarea{
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input{
	line-height: normal;
}
button{
	padding: 0;
	border: none;
	outline: none;
	background: none;

	line-break: 1;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,select{
	text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type='button'],/* 1 */
input[type='reset'],input[type='submit']{
	cursor: pointer; /* 3 */

	-webkit-appearance: button; /* 2 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled]{
	cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],input[type='radio']{
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search']{
	box-sizing: content-box;

	-webkit-appearance: textfield; /* 1 */ /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
	-webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea{
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table{
	border-spacing: 0;
	border-collapse: collapse;
}
*{
	box-sizing: border-box;
}
.image-replacement,.ir{
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.clearfix,.cf{
	zoom: 1;
}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
	display: table; 
	content: '';
}
.clearfix:after,.cf:after{
	clear: both;
}
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp{
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic;
}
:root{
	--color: #3d3d3d;
	--vh: 1vh;
}
/* ==========================================================================
  アニメーション
========================================================================== */
@keyframes menuFadeIn{
	0%{
		display: block;
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes menuFadeOut{
	0%{
		opacity: 1;
	}
	99%{
		opacity: 0;
	}
	100%{
		display: none;
		opacity: 0;
	}
}
/* ==========================================================================
   共通設定
========================================================================== */
@font-face{
	font-family: 'YuGothic M';
	font-weight: 500;

	src: local('Yu Gothic Medium'),
	local('Yu Gothic');
}
html{
	font-size: 62.5%;
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body{
	font-family: '游ゴシック','游ゴシック体', 'YuGothic M','Noto Sans','Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.3;
	overflow: hidden;
	width: 100%;
	min-width: 1020px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #3d3d3d;
	color: var(--color);
	background: #f4f3f2;

	font-feature-settings: 'pkna';
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;

	backface-visibility: hidden;
}
a{
	text-decoration: none;
	color: #3d3d3d;
	color: var(--color);
}
a:hover{
	opacity: .7;
}
.spShow{
	display: none;
}
.pcShow{
	display: inline-block;
}
.fontM{
	font-family: 'Noto Serif CJK JP','Noto Serif JP', serif;
}
.contents{
	padding-bottom: 140px;
}
/* ==========================================================================
   fix menu
========================================================================== */
.fixmenu{
	display: none;
}
/* ==========================================================================
   mv
========================================================================== */
.mv{
	position: relative;
	min-height: 765px;
}
.mv::before{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 765px;
	content: '';
	background: url('../img/kv1@0.5x.jpg') no-repeat center center / cover;
}
.mv .header h1{
	display: flex;
	height: 68px;
	background: #fff;

	align-items: center;
	justify-content: center;
}
.mv .header .catch{
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	margin-top: 124px;
	text-align: center;
	letter-spacing: .14em;
	color: #fff;
}
.mv .header .catch::before{
	display: block;
	width: 969px;
	height: 45px;
	margin: 0 auto 30px;
	content: '';
	background: url('../img/catch.png') no-repeat center center / contain;
}
.mv .plan{
	max-width: 690px;
	margin: 90px auto 0;
}
.mv .plan>h2{
	margin-bottom: 50px;
	text-align: center;
}
.mv .plan .text{
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .29em;
	color: #fff;
}
.mv .plan .row{
	display: flex;
	margin-top: 50px;

	flex-flow: row wrap;
	justify-content: space-between;
}
.mv .plan .planBox{
	padding: 12px 13.5px 34px;
	text-align: center;
	background: #fff;
	box-shadow: 2.828px 2.828px 12px 0 rgba(0, 0, 0, .2);

	flex: 0 1 340px;
}
.mv .plan .planBox .price{
	font-size: 3.2rem;
	font-weight: bold;
	margin-top: 25px;
	text-align: center;
	letter-spacing: .05em;
}
.mv .plan .planBox .price small{
	font-size: 1.4rem;
}
.mv .plan .planBox ul{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.7;
	margin-top: 15px;
	padding-left: 20px;
}
.mv .plan .planBox ul li{
	text-align: justify;
}
.mv .plan .planBox ul li::before{
	display: inline-block;
	width: 15px;
	height: 12px;
	margin-right: 7px;
	content: '';
	background: url('../img/check_mark.svg') no-repeat center center / contain;
}
.mv .plan .planBox ul li span{
	font-size: 1.55rem;
}
.mv .plan .planBox .more{
	font-size: 1.4rem;
	display: flex;
	max-width: 207px;
	height: 33px;
	margin: 20px auto 0;
	letter-spacing: .1em;
	color: #fff;
	border-radius: 16.5px;
	background: linear-gradient( 90deg, rgb(209,161,76) 0%, rgb(167,117,42) 100%);

	align-items: center;
	justify-content: center;
}
.mv .plan .planBox .more::after{
	width: 12px;
	height: 13px;
	margin-left: 15px;
	content: '';
	background: url('../img/arrow_w.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
.mv .plan .planBox2 ul li::before{
	background: url('../img/check_mark_r.svg') no-repeat center center / contain;
}
.mv .plan .kikan{
	font-weight: bold;
	line-height: 1;
	display: flex;
	height: 52px;
	margin: 37px auto 0;
	color: #fff;
	background: #000;
	box-shadow: 2.828px 2.828px 12px 0 rgba(0, 0, 0, .2);

	align-items: center;
	flex: 0 0 523px;
	gap: 0 33px;
	justify-content: center;
}
.mv .plan .kikan dt{
	font-size: 1.6rem;
	padding-top: .4em;
	letter-spacing: .15em;
}
.mv .plan .kikan dd{
	font-size: 1.78rem;
	letter-spacing: .07em;
}
.mv .plan .kikan dd span{
	font-size: 2.75rem;
}
@media only screen and (min-width: 1366px){
	.mv::before{
		height: 765px;
		background: url('../img/kv1.jpg') no-repeat center center / cover;
	}
}
/* ==========================================================================
   モーダルウィンドウ
========================================================================== */
.overlay{
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);

	align-items: center;
	justify-content: center;
}
.modal{
	display: flex;
	width: 927px;
	background: #fff;
}
.modal header{
	display: flex;
	background: #000;

	align-items: center;
	flex: 0 1 313px;
	flex-flow: column;
	justify-content: center;
}
.modal header h2{
	font-size: 2.4rem;
	line-height: 1.2;
	margin-top: 45px;
	text-align: center;
	color: #fff;
}
.modal .inner{
	padding: 35px 25px 35px 40px;

	flex: 0 1 614px;
}
.modal .inner h2{
	font-size: 2.2rem;
	line-height: 1.23;
	margin-bottom: 25px;
}
.modal .inner li{
	font-size: 1.5rem;
	line-height: 1.33;
	display: flex;
}
.modal .inner li::before{
	width: 16px;
	height: 12px;
	margin-right: 7px;
	padding-top: .3em;
	content: '';
	background: url('../img/check_mark_k2.png') no-repeat center center / contain;

	flex-shrink: 0;
}
.modal .inner li+li{
	margin-top: 15px;
}
.modal .inner .goWaitingBtn{
	font-size: 1.4rem;
	line-height: 1.15;
	display: flex;
	max-width: 207px;
	height: 50px;
	margin: 25px auto 0;
	padding-left: 28px;
	text-align: center;
	letter-spacing: .2em;
	color: #fff;
	border-radius: 55px;
	background: linear-gradient( 90deg, rgb(209,161,76) 0%, rgb(167,117,42) 100%);

	align-items: center;
}
.modal .inner .goWaitingBtn::after{
	width: 12px;
	height: 13px;
	margin-left: 15px;
	content: '';
	background: url('../img/arrow_w.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
.openModal{
	display: flex;
	animation: modalFadeIn .3s 1 0s linear forwards;
	opacity: 1;
}
.modalClose{
	animation: modalFadeOut .3s 1 0s linear forwards;
}
@keyframes modalFadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes modalFadeOut{
	0%{
		opacity: 1;
	}
	99%{
		opacity: 0;
	}
	100%{
		display: none;
		opacity: 0;
	}
}
/* ==========================================================================
   THE STELLAとは
========================================================================== */
.about{
	max-width: 1000px;
	margin: 92px auto 0;
}
.about>h2{
	line-height: 1;
	margin-bottom: 55px;
	text-align: center;
}
.about .text{
	font-size: 2.6rem;
	line-height: 1.76;
	text-align: center;
}
.about .aboutBox{
	position: relative;
	margin-top: 130px;
}
.about .aboutBox::before{
	position: absolute;
	z-index: 1;
	width: 713px;
	height: 354px;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.about .aboutBox .inner{
	position: relative;
	z-index: 2;
	width: 482px;
	padding: 55px 0 40px;
	background: #fff;
}
.about .aboutBox .inner::before{
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.about .aboutBox h2{
	font-size: 2.2rem;
	line-height: 1.4;
	margin-bottom: 15px;
}
.about .aboutBox p{
	font-size: 1.5rem;
	line-height: 1.66;
	max-width: 405px;
}
.about .aboutBox1::before{
	top: -35px;
	right: 0;
	background-image: url('../img/about_img1.jpg');
}
.about .aboutBox1 .inner{
	padding-left: 35px;
}
.about .aboutBox1 .inner::before{
	top: -16px;
	left: 40px;
	width: 54px;
	height: 42px;
	background-image: url('../img/about_num1.png');
}
.about .aboutBox2::before{
	top: -35px;
	left: 0;
	background-image: url('../img/about_img2.jpg');
}
.about .aboutBox2 .inner{
	margin: 0 0 0 auto;
	padding-right: 36.5px;
}
.about .aboutBox2 .inner::before{
	top: -16px;
	right: 40px;
	width: 64px;
	height: 42px;
	background-image: url('../img/about_num2.png');
}
.about .aboutBox2 h2{
	text-align: right;
}
.about .aboutBox2 p{
	margin: 0 0 0 auto;
}
.about .aboutBox2 .kome{
	font-size: 1.4rem;
	margin-top: 25px;
	text-align: right;
}
.about .aboutBox3::before{
	top: -35px;
	right: 0;
	background-image: url('../img/about_img3.jpg');
}
.about .aboutBox3 .inner{
	padding-left: 35px;
}
.about .aboutBox3 .inner::before{
	top: -16px;
	left: 40px;
	width: 64px;
	height: 42px;
	background-image: url('../img/about_num3.png');
}
/* ==========================================================================
   パーツ
========================================================================== */
.wakuBox{
	position: relative;
	border: 1px solid #cdcdcd;
	background: #fff;
}
.wakuBox::before{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 18px;
	height: 18px;
	content: '';
	background: url('../img/waku_left_top.png') no-repeat left top;
}
.wakuBox::after{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 18px;
	height: 18px;
	content: '';
	background: url('../img/waku_right_top.png') no-repeat left top;
}
.wakuBox .wakuBoxInner::before{
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 18px;
	height: 18px;
	content: '';
	background: url('../img/waku_left_bottom.png') no-repeat left top;
}
.wakuBox .wakuBoxInner::after{
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 18px;
	height: 18px;
	content: '';
	background: url('../img/waku_right_bottom.png') no-repeat left top;
}
.enTitle{
	font-size: 4rem;
	line-height: 1;
	text-align: center;
	letter-spacing: .05em;
}
.enTitle::after{
	font-family: '游ゴシック','游ゴシック体', 'YuGothic M','Noto Sans','Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	display: block;
	margin-top: 15px;
	letter-spacing: .15em;
	color: #d3b44d;
}
.waitingText{
	font-size: .9rem;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	margin-top: 12px;
	text-align: center;
}
.waitingText::after{
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-left: 2px;
	content: '';
	vertical-align: bottom;
	background: url('../img/waiting_icon.png') no-repeat center center / contain;
}
.waitingText span{
	text-decoration: underline;
}
/* ==========================================================================
   planDiscription
========================================================================== */
.planDiscription{
	max-width: 850px;
	margin: 0 auto;
}
.planDiscription .wall{
	padding-bottom: 55px;
	background: #efefef;
}
.planDiscription .planHeader{
	position: relative;
	padding: 32px 0 32px 320px;
	background: #fff;
}
.planDiscription .planHeader::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 269px;
	height: 100%;
	content: '';
	background: url('../img/diamond_title.png') no-repeat center center;
	background-color: #000;
}
.planDiscription .planHeader h2{
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 10px;
}
.planDiscription .planHeader .price{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
	letter-spacing: .05em;
}
.planDiscription .planHeader .price .yen{
	font-size: 2.1rem;
}
.planDiscription .planHeader .price strong{
	font-size: 3.25rem;
}
.planDiscription .planHeader .text{
	font-size: 1.5rem;
	line-height: 1.5;
}
.planDiscription .planHeader .goCart{
	font-size: 2.1rem;
	display: flex;
	max-width: 315px;
	height: 50px;
	margin-top: 20px;
	letter-spacing: .1em;
	color: #fff;
	background-image: linear-gradient( 90deg, rgb(181,37,21) 0%, rgb(111,23,13) 100%);

	align-items: center;
	justify-content: center;
}
.planDiscription .planHeader .goCart::before{
	width: 25px;
	height: 22px;
	margin-right: 14px;
	content: '';
	background: url('../img/cart_icon.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
.planDiscription .planHeader .goWaitingBtn{
	font-size: 1.4rem;
	line-height: 1.15;
	display: flex;
	max-width: 207px;
	height: 50px;
	margin-top: 20px;
	padding-left: 28px;
	text-align: center;
	letter-spacing: .2em;
	color: #fff;
	border-radius: 55px;
	background: linear-gradient( 90deg, rgb(209,161,76) 0%, rgb(167,117,42) 100%);

	align-items: center;
}
.planDiscription .planHeader .goWaitingBtn::after{
	width: 12px;
	height: 13px;
	margin-left: 15px;
	content: '';
	background: url('../img/arrow_w.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
/* 限定特典 */
.planDiscription .tokuten{
	max-width: 775px;
	margin: 0 auto;
}
.planDiscription .tokuten>h2{
	font-size: 3.2rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: .05em;
}
.planDiscription .tokuten .kanbaiH2{
	margin-bottom: 0;
}
.planDiscription .tokuten .kanbai{
	font-size: 1.8rem;
	display: flex;
	max-width: 380px;
	height: 50px;
	margin: 18px auto 0;
	color: #fff;
	background: #b41527;

	align-items: center;
	justify-content: center;
}
.planDiscription .tokuten .waitingText{
	display: block;
	max-width: 240px;
	margin: 10px auto 38px;
}
.planDiscription .tokuten .tokutenBox .tokutenBoxInner{
	display: flex;
	padding: 33px 37px;

	flex-flow: row-reverse;
	justify-content: flex-end;
}
.planDiscription .tokuten .tokutenBox .img{
	margin-right: 50px;

	flex: 0 0 170px;
}
.planDiscription .tokuten .tokutenBox .text{
	flex: 0 1 486px;
}
.planDiscription .tokuten .tokutenBox h2{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 12px;
}
.planDiscription .tokuten .tokutenBox p{
	font-size: 1.5rem;
	line-height: 1.6;
}
.planDiscription .tokuten .tokutenBox+.tokutenBox{
	margin-top: 20px;
}
/* サービス */
.planDiscription .service{
	max-width: 775px;
	margin: 70px auto 0;
}
.planDiscription .service .enTitle::after{
	content: 'SERVICE';
}
/* お届け */
.planDiscription .delibery{
	margin-top: 100px;
	padding: 100px 0 50px;
	background: url('../img/delibery_bk.png') repeat-y;
	background-color: #efefef;
}
.planDiscription .delibery>.enTitle{
	margin-bottom: 50px;
}
.planDiscription .delibery>.enTitle::after{
	content: 'ABOUT WINE SELECTION';
}
.planDiscription .delibery .topBox{
	text-align: center;
}
.planDiscription .delibery .topBox .kanbaiText{
	font-size: 1.6rem;
	line-height: 1.43;
	display: flex;
	max-width: 550px;
	height: 75px;
	margin: 0 auto 18px;
	color: #fff;
	background: #b41527;

	align-items: center;
	justify-content: center;
}
.planDiscription .delibery .topBox .read{
	font-size: 1.5rem;
	line-height: 1.6;
	max-width: 490px;
	margin: 0 auto 15px;
}
.planDiscription .delibery .topBox .kome{
	line-height: 1;
	display: inline-block;
	padding: .5em;
	background: #fff;
}
.planDiscription .delibery .topBox .row{
	position: relative;
	display: flex;
	max-width: 775px;
	margin: 40px auto 0;

	justify-content: center;
}
.planDiscription .delibery .topBox .row::after{
	font-size: 2.3rem;
	font-weight: bold;
	position: absolute;
	top: 100px;
	left: 50%;
	width: 3em;
	margin-left: -1.5em;
	content: 'または';
}
.planDiscription .delibery .topBox .row section{
	flex: 0 1 50%;
}
.planDiscription .delibery .topBox .row section h2{
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 10px;
	text-align: center;
	color: #d3b44d;
}
.planDiscription .delibery .topBox .row section figcaption{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 20px;
	text-align: center;
}
.planDiscription .delibery .lineup{
	position: relative;
	margin-top: 100px;
	padding-top: 177px;
	background: url('../img/otodoke_bk.jpg') no-repeat center top;
}
.planDiscription .delibery .lineupHeader{
	max-width: 685px;
	margin: 0 auto;
}
.planDiscription .delibery .lineupHeader .lineupHeaderInner{
	padding: 45px 32px 35px 150px;
	background: url('../img/lineup_ila.png') no-repeat 45px center;
	background-color: #fff;
}
.planDiscription .delibery .lineupHeader h2{
	font-size: 2.2rem;
	line-height: 1;
	margin-bottom: 20px;
	letter-spacing: .05em;
}
.planDiscription .delibery .lineupHeader p{
	font-size: 1.5rem;
	line-height: 1.6;
}
.planDiscription .delibery .lineupWineBox{
	max-width: 765px;
	margin: 0 auto;
	padding: 55px 61px 88px;
	border: 1px solid #cdcdcd;
	background: #fff;
}
.planDiscription .delibery .lineupWineBoxTop{
	margin-top: -122px;
	padding-top: 156px;
}
.planDiscription .delibery .lineupWineBox .kanbaiText{
	font-size: 1.6rem;
	line-height: 1.43;
	position: relative;
	z-index: 3;
	display: flex;
	max-width: 550px;
	height: 96px;
	margin: 0 auto 18px;
	text-align: center;
	color: #fff;
	background: #b41527;

	align-items: center;
	justify-content: center;
}
.planDiscription .delibery .lineupWineBox>header ul{
	display: flex;
	margin-bottom: 25px;

	gap: 0 14px;
	justify-content: center;
}
.planDiscription .delibery .lineupWineBox>header li{
	font-size: 2.2rem;
	display: flex;
	height: 40px;

	align-items: center;
	justify-content: center;
}
.planDiscription .delibery .lineupWineBox>header .month{
	border: 1px solid #cdcdcd;

	flex: 0 1 122px;
}
.planDiscription .delibery .lineupWineBox>header .color{
	flex: 0 1 140px;
}
.planDiscription .delibery .lineupWineBox>header .colorR{
	color: #fff;
	background: #980100;
}
.planDiscription .delibery .lineupWineBox>header .colorW{
	background: #faffbb;
}
.planDiscription .delibery .lineupWineBox>header h2{
	font-size: 3rem;
	line-height: 1.6;
	text-align: center;
	letter-spacing: .1em;
}
.planDiscription .delibery .lineupWineBox .imgBox{
	display: flex;

	align-items: flex-end;
}
.planDiscription .delibery .lineupWineBox .imgBox figure{
	text-align: center;

	flex: 0 1 341px;
}
.planDiscription .delibery .lineupWineBox .imgBox .name{
	flex: 0 1 300px;
}
.planDiscription .delibery .lineupWineBox .imgBox .name .logo{
	text-align: center;
}
.planDiscription .delibery .lineupWineBox .imgBox .name ul{
	border-bottom: 1px solid #cdcdcd;
}
.planDiscription .delibery .lineupWineBox .imgBox .name li{
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid #cdcdcd;
}
.planDiscription .delibery .lineupWineBox .data{
	margin-top: 40px;
	padding: 20px 33px;
	background: #f4f3f2;
}
.planDiscription .delibery .lineupWineBox .data li{
	font-size: 1.4rem;
}
.planDiscription .delibery .lineupWineBox .data li+li{
	margin-top: 1em;
}
.planDiscription .delibery .lineupWineBox .text{
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 20px;
}
.planDiscription .delibery .winery{
	margin-top: 100px;
}
.planDiscription .delibery .winery .enTitle{
	margin-bottom: 30px;
}
.planDiscription .delibery .winery .enTitle::after{
	content: 'WINERY';
}
.planDiscription .delibery .winery .nameHeader{
	margin-bottom: 40px;
	text-align: center;
}
.planDiscription .delibery .winery .nameHeader h2{
	font-size: 3rem;
	line-height: 1;
}
.planDiscription .delibery .winery .nameHeader p{
	font-size: 1.6rem;
	line-height: 1;
	margin-top: 10px;
}
.planDiscription .delibery .winery .logoImg{
	text-align: right;
}
.planDiscription .delibery .winery .text{
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 30px;
}
.planDiscription .delibery .lineupWineBox+.lineupWineBox{
	margin-top: 60px;
}
/* 申し込みリンク */
.planDiscription .linkBox{
	margin-top: 45px;
	text-align: center;
}
.planDiscription .linkBox .linkBtn{
	font-size: 2.1rem;
	display: flex;
	max-width: 425px;
	height: 50px;
	margin: 0 auto;
	letter-spacing: .1em;
	color: #fff;
	border-radius: 25px;
	background-image: linear-gradient( 90deg, rgb(181,37,21) 0%, rgb(111,23,13) 100%);

	align-items: center;
	justify-content: center;
}
.planDiscription .linkBox .linkBtn::after{
	width: 11px;
	height: 19px;
	margin-left: 17px;
	content: '';
	background: url('../img/arrow_w.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
.planDiscription .linkBox .goWaitingBtn{
	font-size: 2.1rem;
	line-height: 1.15;
	display: flex;
	max-width: 427px;
	height: 50px;
	margin: 96px auto 0;
	padding-left: 47px;
	text-align: center;
	letter-spacing: .1em;
	color: #fff;
	border-radius: 50px;
	background: linear-gradient( 90deg, rgb(209,161,76) 0%, rgb(167,117,42) 100%);

	align-items: center;
}
.planDiscription .linkBox .goWaitingBtn::after{
	width: 12px;
	height: 20px;
	margin-left: 20px;
	content: '';
	background: url('../img/arrow_w.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
.planDiscription .linkBox .kome{
	font-size: 1.2rem;
	line-height: 2;
	margin-top: 50px;
}
.planDiscription .linkBox .contact{
	font-size: 1.2rem;
	line-height: 1;
	margin-top: 35px;
	text-align: center;
}
.planDiscription .linkBox .contact a{
	text-decoration: underline;
	color: #b42515;
}
/* ==========================================================================
   diamondPlan
========================================================================== */
.diamondPlan{
	margin-top: 190px;
	padding-top: 20px;
}
.diamondPlan .tokuten{
	margin-top: 47px;
}
.diamondPlan .tokuten>h2{
	display: flex;
	margin-bottom: 39px;

	align-items: center;
	justify-content: center;
}
.diamondPlan .tokuten>h2::before{
	width: 128px;
	height: 128px;
	margin-right: 25px;
	content: '';
	background: url('../img/gentei_maru.png') no-repeat center center;

	flex-shrink: 0;
}
.diamondPlan .tokuten .tokutenBox .normal{
	font-size: 1.4rem;
	display: flex;
	margin-top: 20px;
}
.diamondPlan .tokuten .tokutenBox .normal dt{
	flex: 0 0 140px;
}
.diamondPlan .tokuten .tokutenBox .normal li{
	font-size: 1.3rem;
	display: inline-flex;

	align-items: center;
}
.diamondPlan .tokuten .tokutenBox .normal li::before{
	width: 15px;
	height: 16px;
	margin-right: 7px;
	content: '';
	background: url('../img/check_mark_k.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
.diamondPlan .tokuten .tokutenBox .normal li+li{
	margin-top: .5em;
}
.diamondPlan .service .row{
	display: flex;
	margin-top: 65px;

	flex-flow: row wrap;
	gap: 65px 0;
	justify-content: space-between;
}
.diamondPlan .service .serviceBox{
	position: relative;
	background: #fff;
}
.diamondPlan .service .serviceBox::before{
	font-size: 3.35rem;
	font-weight: bold;
	position: absolute;
	top: -1.2em;
	left: 0;
	letter-spacing: .05em;
	color: #d3b44d;
}
.diamondPlan .service .serviceBox>h2{
	font-size: 2.1rem;
	margin-bottom: 15px;
	text-align: center;
}
.diamondPlan .service .serviceBox .img{
	margin-bottom: 20px;
}
.diamondPlan .service .serviceBox>p{
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0 12px;
}
.diamondPlan .service .serviceBox1,.diamondPlan .service .serviceBox2{
	padding: 30px 17px;

	flex: 0 1 370px;
}
.diamondPlan .service .serviceBox1::before{
	content: '01';
}
.diamondPlan .service .serviceBox2::before{
	content: '02';
}
.diamondPlan .service .serviceBox3{
	padding: 34px 48px 50px;
}
.diamondPlan .service .serviceBox3::before{
	content: '03';
}
.diamondPlan .service .serviceBox3>h2{
	font-size: 2.3rem;
	margin-bottom: 30px;
}
.diamondPlan .service .serviceBox3 .img{
	margin-bottom: 24px;
}
.diamondPlan .service .serviceBox3 .tours>h2{
	font-size: 2rem;
	margin-bottom: 15px;
	text-align: center;
}
.diamondPlan .service .serviceBox3 .tours>p{
	font-size: 1.6rem;
	line-height: 1.5;
}
.diamondPlan .service .serviceBox3 .tours .data{
	display: flex;
	margin-top: 30px;

	justify-content: space-between;
}
.diamondPlan .service .serviceBox3 .toursSec{
	padding: 20px 25px;
	background: #efefef;
}
.diamondPlan .service .serviceBox3 .toursSec h2{
	font-size: 2rem;
	margin-bottom: 13px;
}
.diamondPlan .service .serviceBox3 .toursSec p{
	font-size: 1.6rem;
}
.diamondPlan .service .serviceBox3 .toursSec ul{
	font-size: 1.6rem;
	display: flex;
	margin-top: 5px;

	flex-flow: row wrap;
}
.diamondPlan .service .serviceBox3 .toursSec li:nth-child(even){
	margin-left: 1em;

	flex: 0 1 50%;
}
.diamondPlan .service .serviceBox3 .toursSec:first-child{
	flex: 0 1 368px;
}
.diamondPlan .service .serviceBox3 .toursSec:last-child{
	flex: 0 1 282px;
}
.diamondPlan .service .serviceBox3 .toursLink{
	font-size: 1.6rem;
	line-height: 1;
	margin-top: 45px;
	text-align: center;
	letter-spacing: .1em;
}
.diamondPlan .service .serviceBox3 .toursLink a{
	display: inline-flex;
	color: #d3b44d;

	align-items: center;
}
.diamondPlan .service .serviceBox3 .toursLink a::after{
	width: 7px;
	height: 13px;
	margin-left: 12px;
	content: '';
	background: url('../img/arrow_k.svg') no-repeat center center / contain;

	flex-shrink: 0;
}
.diamondPlan .service .serviceBox3 .toursLink a span{
	padding-bottom: 3px;
	border-bottom: 1px solid #d3b44d;
}
.diamondPlan .service .other{
	margin-top: 45px;
}
.diamondPlan .service .other h2{
	font-size: 3rem;
	line-height: 1;
	margin-bottom: 25px;
	text-align: center;
	letter-spacing: .05em;
}
.diamondPlan .service .other ul{
	display: flex;

	justify-content: space-between;
}
.diamondPlan .service .other li{
	padding: 15px 14.5px 25px;
	background: #fff;

	flex: 0 1 170px;
}
.diamondPlan .service .other li p{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.14;
	display: flex;
	min-height: 2.2em;
	margin-bottom: 10px;
	text-align: center;

	align-items: center;
	justify-content: center;
}
.diamondPlan .delibery .lineupWineBox1 .imgBox .name{
	padding-bottom: 18px;
}
.diamondPlan .delibery .lineupWineBox1 .imgBox .name .logo{
	margin-bottom: 55px;
}
.diamondPlan .delibery .lineupWineBox2 .imgBox .name{
	padding-bottom: 15px;
}
.diamondPlan .delibery .lineupWineBox2 .imgBox .name .logo{
	margin-bottom: 70px;
}
/* ==========================================================================
   kv2
========================================================================== */
.kv2{
	width: 100%;
	height: 410px;
	margin-top: 90px;
}
.kv2 img{
	width: 100%;
	height: 100%;

	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
/* ==========================================================================
   premiumPlan
========================================================================== */
.premiumPlan{
	margin-top: 140px;
	padding-top: 20px;
}
.premiumPlan .planHeader::before{
	background: url('../img/premium_title.png') no-repeat center center;
	background-color: #751b03;
}
.premiumPlan .tokuten{
	margin-top: 95px;
}
.premiumPlan .tokuten>h2{
	margin-bottom: 35px;
}
.premiumPlan .service .row{
	display: flex;
	margin-top: 50px;

	justify-content: space-between;
}
.premiumPlan .service .serviceBox{
	padding: 30px 17px;
	background: #fff;

	flex: 0 1 370px;
}
.premiumPlan .service .serviceBox>h2{
	font-size: 2.1rem;
	margin-bottom: 15px;
	text-align: center;
}
.premiumPlan .service .serviceBox .img{
	margin-bottom: 20px;
}
.premiumPlan .service .serviceBox>p{
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0 12px;
}
.premiumPlan .service .other{
	display: flex;

	flex: 0 1 370px;
	flex-flow: row wrap;
	gap: 34.5px 0;
	justify-content: space-between;
}
.premiumPlan .service .other li{
	padding: 15px 14.5px 25px;
	background: #fff;

	flex: 0 1 170px;
}
.premiumPlan .service .other li p{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.14;
	display: flex;
	min-height: 2.2em;
	margin-bottom: 10px;
	text-align: center;

	align-items: center;
	justify-content: center;
}
.premiumPlan .delibery .lineupWineBox1 .imgBox .name{
	padding-bottom: 18px;
}
.premiumPlan .delibery .lineupWineBox1 .imgBox .name .logo{
	margin-bottom: 55px;
}
.premiumPlan .delibery .lineupWineBox2 .imgBox .name{
	padding-bottom: 15px;
}
.premiumPlan .delibery .lineupWineBox2 .imgBox .name .logo{
	margin-bottom: 70px;
}
/* ==========================================================================
   END
========================================================================== */
@media only screen and (max-width: 767px){
	html{
		font-size: 1.33333vw;
	}
	body{
		font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','游ゴシック','游ゴシック体', 'YuGothic M','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
		font-weight: 400;
		min-width: 0;
	}
	a:hover{
		opacity: 1;
	}
	img{
		width: 100%;
		max-width: none;
	}
	button:hover{
		opacity: 1;
	}
	.spShow{
		display: inline-block;
	}
	.pcShow{
		display: none;
	}
	.contents{
		min-height: 100vh;
		padding-bottom: 20vw;
	}
	/* ==========================================================================
   fix menu
========================================================================== */
	/* ==========================================================================
   fix menu
========================================================================== */
	.fixmenu{
		position: fixed;
		z-index: 99;
		bottom: 0;
		left: 0;
		display: none;
		width: 100%;
		background: #fff;
	}
	.fixmenu ul{
		display: flex;
		height: 16vw;

		align-items: center;
		gap: 0 1.33333vw;
		justify-content: center;
	}
	.fixmenu{
		flex: 0 1 48vw;
	}
	.navOpen{
		display: block;
		animation: menuFadeIn .4s 1 0s linear forwards;
	}
	.navClose{
		animation: menuFadeOut .4s 1 0s ease-out forwards;
	}
	@keyframes menuFadeIn{
		0%{
			display: block;
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}
	@keyframes menuFadeOut{
		0%{
			opacity: 1;
		}
		100%{
			display: none;
			opacity: 0;
		}
	}
	/* ==========================================================================
   mv
========================================================================== */
	.mv{
		position: relative;
		min-height: 178.53333vw;
	}
	.mv::before{
		height: 178.53333vw;
		background: url('../img/sp_kv1.jpg') no-repeat center center / cover;
	}
	.mv .header h1{
		height: 13.86667vw;
	}
	.mv .header h1 img{
		width: 40.26667vw;
	}
	.mv .header .catch{
		font-size: 2.8rem;
		line-height: 1.7;
		margin-top: 17.33333vw;
	}
	.mv .header .catch::before{
		width: 75.86667vw;
		height: 18.13333vw;
		margin: 0 auto 5.6vw;
		background: url('../img/sp_catch.png') no-repeat center center / contain;
	}
	.mv .plan{
		max-width: 98.93333vw;
		margin: 15.33333vw auto 0;
	}
	.mv .plan>h2{
		width: 73.73333vw;
		margin: 0 auto 4.86667vw;
	}
	.mv .plan .text{
		font-size: 4.4rem;
	}
	.mv .plan .row{
		margin-top: 10.66667vw;
	}
	.mv .plan .planBox{
		padding: 1.86667vw 1.86667vw 7.06667vw;

		flex: 0 1 48.53333vw;
	}
	.mv .plan .planBox .price{
		font-size: 4.6rem;
		margin-top: 3.33333vw;
	}
	.mv .plan .planBox .price small,.mv .plan .planBox .price span{
		font-size: 2rem;
	}
	.mv .plan .planBox ul{
		font-size: 2.3rem;
		margin-top: 3.2vw;
		padding-left: 0;
	}
	.mv .plan .planBox ul li::before{
		width: 2.66667vw;
		height: 2.13333vw;
		margin-right: .93333vw;
	}
	.mv .plan .planBox ul li span{
		font-size: 1.9rem;
	}
	.mv .plan .planBox .more{
		font-family: 'Noto Serif CJK JP','Noto Serif JP', serif;
		font-size: 2.6rem;
		max-width: 42.66667vw;
		height: 6.66667vw;
		margin: 5.33333vw auto 0;
		padding-left: 2vw;
		border-radius: 3.33333vw;
	}
	.mv .plan .planBox .more::after{
		width: 1.46667vw;
		height: 2.66667vw;
		margin-left: 4vw;

		flex-shrink: 0;
	}
	.mv .plan .kikan{
		height: 17.6vw;
		margin: 2.26667vw auto 0;

		align-items: center;
		flex: 0 0 67.2vw;
		flex-flow: column;
		gap: 1.33333vw 0;
		justify-content: center;
	}
	.mv .plan .kikan dt{
		font-size: 2.6rem;
	}
	.mv .plan .kikan dd{
		font-size: 2.9rem;
	}
	.mv .plan .kikan dd span{
		font-size: 4.5rem;
	}
	/* ==========================================================================
   モーダルウィンドウ
========================================================================== */
	.modal{
		display: block;
		overflow-y: auto;
		width: 82.93333vw;
		max-height: 90vh;
	}
	.modal header{
		padding: 10vw 0;
	}
	.modal header .logo{
		width: 26.66667vw;
		margin: 0 auto;
	}
	.modal header h2{
		font-size: 4rem;
		line-height: 1.25;
		margin-top: 4.4vw;
		text-align: center;
	}
	.modal .inner{
		padding: 6vw 5.33333vw;
	}
	.modal .inner h2{
		font-size: 3.4rem;
		line-height: 1.33;
		margin-bottom: 5.33333vw;
	}
	.modal .inner li{
		font-size: 2.2rem;
		line-height: 1.27;
	}
	.modal .inner li::before{
		width: 2.66667vw;
		height: 2.13333vw;
		margin-right: 1.86667vw;
		background: url('../img/sp_check_mark_k2.png') no-repeat center center / contain;
	}
	.modal .inner li+li{
		margin-top: 2.26667vw;
	}
	.modal .inner .goWaitingBtn{
		font-size: 2.8rem;
		max-width: 55.2vw;
		height: 13.33333vw;
		margin: 6vw auto 0;
		padding-left: 8vw;
		letter-spacing: .1em;
		border-radius: 7.33333vw;
	}
	.modal .inner .goWaitingBtn::after{
		width: 2.93333vw;
		height: 5.2vw;
		margin-left: 4vw;
	}
	/* ==========================================================================
   THE STELLAとは
========================================================================== */
	.about{
		max-width: none;
		margin: 13.33333vw auto 0;
	}
	.about>h2{
		width: 60.66667vw;
		margin: 0 auto 10.66667vw;
	}
	.about .text{
		font-size: 3.2rem;
	}
	.about .aboutBox{
		margin-top: 14.66667vw;
		padding-top: 54.66667vw;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
	.about .aboutBox::before{
		display: none;
	}
	.about .aboutBox .inner{
		width: 74.66667vw;
		margin: 0 5.33333vw 0 auto;
		padding: 0;
		background: none;
	}
	.about .aboutBox .inner::before{
		margin-right: 2.93333vw;
	}
	.about .aboutBox h2{
		font-size: 4rem;
		margin-bottom: 2.66667vw;
	}
	.about .aboutBox p{
		font-size: 3rem;
		max-width: none;
	}
	.about .aboutBox1{
		background-image: url('../img/sp_about_img1.jpg');
	}
	.about .aboutBox1 .inner{
		padding-left: 0;
	}
	.about .aboutBox1 .inner::before{
		top: 0;
		left: -20vw;
		width: 14.26667vw;
		height: 11.2vw;
		background-image: url('../img/sp_about_num1.png');
	}
	.about .aboutBox2{
		background-image: url('../img/sp_about_img2.jpg');
	}
	.about .aboutBox2 .inner{
		margin: 0 5.33333vw 0 auto;
		padding-right: 0;
	}
	.about .aboutBox2 .inner::before{
		top: 0;
		left: -20vw;
		width: 16.93333vw;
		height: 11.2vw;
		background-image: url('../img/sp_about_num2.png');
	}
	.about .aboutBox2 h2{
		text-align: justify;
	}
	.about .aboutBox2 p{
		margin: 0;
	}
	.about .aboutBox2 .kome{
		font-size: 2.8rem;
		margin-top: 5.33333vw;
		text-align: justify;
	}
	.about .aboutBox3{
		background-image: url('../img/about_img3.jpg');
	}
	.about .aboutBox3 .inner{
		padding-left: 0;
	}
	.about .aboutBox3 .inner::before{
		top: 0;
		left: -20vw;
		width: 16.8vw;
		height: 11.2vw;
		background-image: url('../img/sp_about_num3.png');
	}
	/* ==========================================================================
   パーツ
========================================================================== */
	.wakuBox{
		border: .26667vw solid #cdcdcd;
	}
	.wakuBox::before{
		position: absolute;
		top: -.26667vw;
		left: -.26667vw;
		width: 4.8vw;
		height: 4.8vw;
		background: url('../img/sp_waku_left_top.png') no-repeat left top / contain;
	}
	.wakuBox::after{
		position: absolute;
		top: -.26667vw;
		right: -.26667vw;
		width: 4.8vw;
		height: 4.8vw;
		background: url('../img/sp_waku_right_top.png') no-repeat left top / contain;
	}
	.wakuBox .wakuBoxInner::before{
		position: absolute;
		bottom: -.26667vw;
		left: -.26667vw;
		width: 4.8vw;
		height: 4.8vw;
		background: url('../img/sp_waku_left_bottom.png') no-repeat left top / contain;
	}
	.wakuBox .wakuBoxInner::after{
		position: absolute;
		right: -.26667vw;
		bottom: -.26667vw;
		width: 4.8vw;
		height: 4.8vw;
		background: url('../img/sp_waku_right_bottom.png') no-repeat left top / contain;
	}
	.enTitle{
		font-size: 6rem;
		line-height: 1.16;
	}
	.enTitle::after{
		font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','游ゴシック','游ゴシック体', 'YuGothic M','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
		font-size: 2.8rem;
		margin-top: 4vw;
	}
	.waitingText{
		font-size: 1.8rem;
		line-height: 1.22;
		margin-top: 2.66667vw;
	}
	.waitingText::after{
		width: 2.4vw;
		height: 2.4vw;
		margin-left: -.4vw;
		vertical-align: middle;
		background: url('../img/sp_waiting_icon.png') no-repeat center center / contain;
	}
	.waitingText span{
		display: inline-block;
		text-decoration: none;
		border-bottom: 1px solid #000;
	}
	/* ==========================================================================
   planDiscription
========================================================================== */
	.planDiscription{
		max-width: none;
	}
	.planDiscription .wall{
		padding-bottom: 15.33333vw;
		background: #efefef;
	}
	.planDiscription .planHeader{
		width: 98.66667vw;
		margin: 0 auto;
		padding: 23.33333vw 0 5.33333vw 0;
	}
	.planDiscription .planHeader::before{
		position: absolute;
		top: -17.06667vw;
		left: 13.33333vw;
		width: 72vw;
		height: 33.6vw;
		content: '';
		background: url('../img/sp_diamond_title.png') no-repeat center center;
		background-color: #000;
		background-size: 32.26667vw auto;
	}
	.planDiscription .planHeader h2{
		font-size: 4.4rem;
		margin-bottom: 2.66667vw;
		text-align: center;
	}
	.planDiscription .planHeader .price{
		font-size: 2.8rem;
		margin-bottom: 5.33333vw;
		text-align: center;
	}
	.planDiscription .planHeader .price .yen{
		font-size: 4.2em;
	}
	.planDiscription .planHeader .price strong{
		font-size: 6.5rem;
	}
	.planDiscription .planHeader .text{
		font-size: 3rem;
		text-align: center;
	}
	.planDiscription .planHeader .goCart{
		font-size: 4.2rem;
		max-width: 84vw;
		height: 13.33333vw;
		margin: 9.33333vw auto 0;
	}
	.planDiscription .planHeader .goCart::before{
		width: 6.13333vw;
		height: 5.86667vw;
		margin-right: 3.73333vw;
	}
	.planDiscription .planHeader .goWaitingBtn{
		font-size: 3rem;
		max-width: 84vw;
		height: 13.33333vw;
		margin: 9.33333vw auto 0;
		padding-left: 20.93333vw;
		letter-spacing: .1em;
		border-radius: 7.33333vw;

		justify-content: space-between;
	}
	.planDiscription .planHeader .goWaitingBtn::after{
		width: 2.93333vw;
		height: 5.2vw;
		margin-right: 11.46667vw;
		margin-left: 0;
	}
	.planDiscription .planHeader .waitingText{
		display: block;
		width: 60vw;
		margin: 2.66667vw auto 0;
	}
	.planDiscription .planHeader .waitingText::after{
		margin-left: .8vw;
		vertical-align: middle;
	}
	/* 限定特典 */
	.planDiscription .tokuten{
		max-width: 92vw;
		margin: 0 auto;
	}
	.planDiscription .tokuten>h2{
		font-size: 4.4rem;
	}
	.planDiscription .tokuten .kanbaiH2{
		margin-bottom: 0;
	}
	.planDiscription .tokuten .kanbai{
		font-size: 3rem;
		max-width: 84vw;
		height: 13.33333vw;
		margin: 4vw auto 0;
	}
	.planDiscription .tokuten .waitingText{
		display: block;
		width: 60vw;
		margin: 2.66667vw auto 5.33333vw;
	}
	.planDiscription .tokuten .waitingText::after{
		margin-left: .8vw;
		vertical-align: middle;
	}
	.planDiscription .tokuten .tokutenBox .tokutenBoxInner{
		display: flex;
		padding: 12vw 0 14.66667vw;

		align-items: center;
		flex-flow: column-reverse;
		justify-content: flex-end;
	}
	.planDiscription .tokuten .tokutenBox .img{
		width: 45.33333vw;
		margin: 0 auto 8vw;

		flex: 1 1 auto;
	}
	.planDiscription .tokuten .tokutenBox .text{
		flex: 1 1 auto;
	}
	.planDiscription .tokuten .tokutenBox h2{
		font-size: 4.8rem;
		margin-bottom: 4vw;
		text-align: center;
	}
	.planDiscription .tokuten .tokutenBox p{
		font-size: 3rem;
		max-width: 77.33333vw;
		margin: 0 auto;
	}
	.planDiscription .tokuten .tokutenBox+.tokutenBox{
		margin-top: 4.26667vw;
	}
	/* サービス */
	.planDiscription .service{
		max-width: 92vw;
		margin: 14.66667vw auto 0;
	}
	/* お届け */
	.planDiscription .delibery{
		margin-top: 20vw;
		padding: 20vw 0 19.6vw;
		background: url('../img/delibery_bk.png') repeat-y;
		background-color: #efefef;
	}
	.planDiscription .delibery>.enTitle{
		margin-bottom: 9.33333vw;
	}
	.planDiscription .delibery .topBox .kanbaiText{
		font-size: 2.8rem;
		line-height: 1.43;
		max-width: 84vw;
		height: 22.66667vw;
		margin: 0 auto 4vw;
	}
	.planDiscription .delibery .topBox .read{
		font-size: 3rem;
		max-width: 92vw;
		margin: 0 auto 2.66667vw;
	}
	.planDiscription .delibery .topBox .kome{
		font-size: 3rem;
		line-height: 1.44;
		display: flex;
		width: 90.66667vw;
		min-height: 16vw;
		margin: 0 auto;
		padding: .2em;

		align-items: center;
		justify-content: center;
	}
	.planDiscription .delibery .topBox .row{
		max-width: none;
		margin: 10.66667vw auto 0;
	}
	.planDiscription .delibery .topBox .row::after{
		font-size: 2.7rem;
		top: 16vw;
	}
	.planDiscription .delibery .topBox .row section h2{
		font-size: 3.5rem;
		margin-bottom: 1.33333vw;
	}
	.planDiscription .delibery .topBox .row section figure img{
		width: 25.33333vw;
		margin: 0 auto;
	}
	.planDiscription .delibery .topBox .row section figcaption{
		font-size: 2.8rem;
		margin-top: 1.33333vw;
	}
	.planDiscription .delibery .lineup{
		position: relative;
		margin-top: 8vw;
		padding-top: 36vw;
		background: url('../img/sp_otodoke_bk.jpg') no-repeat center top / 92vw auto;
	}
	.planDiscription .delibery .lineupHeader{
		max-width: 92vw;
	}
	.planDiscription .delibery .lineupHeader .lineupHeaderInner{
		padding: 32.93333vw 5.86667vw 6.66667vw;
		background: url('../img/sp_lineup_ila.png') no-repeat center 7.2vw;
		background-color: #fff;
		background-size: 20.13333vw auto;
	}
	.planDiscription .delibery .lineupHeader h2{
		font-size: 4.4rem;
		line-height: 1.36;
		margin-bottom: 4vw;
		text-align: center;
	}
	.planDiscription .delibery .lineupHeader p{
		font-size: 3rem;
	}
	.planDiscription .delibery .lineupWineBox{
		max-width: 92vw;
		padding: 12vw 5.86667vw 17.33333vw;
		border: .26667vw solid #cdcdcd;
	}
	.planDiscription .delibery .lineupWineBoxTop{
		margin-top: -17.33333vw;
		padding-top: 33.33333vw;
	}
	.planDiscription .delibery .lineupWineBox .kanbaiText{
		font-size: 2.8rem;
		line-height: 1.43;
		max-width: 84vw;
		height: 28.66667vw;
		margin: 0 auto 4vw;
	}
	.planDiscription .delibery .lineupWineBox>header ul{
		margin-bottom: 8vw;

		gap: 0 2.4vw;
	}
	.planDiscription .delibery .lineupWineBox>header li{
		font-size: 2.75rem;
		height: 6.66667vw;
	}
	.planDiscription .delibery .lineupWineBox>header .month{
		border: .26667vw solid #cdcdcd;

		flex: 0 1 20.26667vw;
	}
	.planDiscription .delibery .lineupWineBox>header .color{
		flex: 0 1 23.33333vw;
	}
	.planDiscription .delibery .lineupWineBox>header h2{
		font-size: 4.2rem;
		line-height: 1.42;
	}
	.planDiscription .delibery .lineupWineBox .imgBox{
		display: block;
	}
	.planDiscription .delibery .lineupWineBox .imgBox .name{
		margin-top: 16.4vw;
	}
	.planDiscription .delibery .lineupWineBox .imgBox .name ul{
		border-bottom: .26667vw solid #cdcdcd;
	}
	.planDiscription .delibery .lineupWineBox .imgBox .name li{
		font-size: 3.2rem;
		padding: 4vw 0;
		border-top: .26667vw solid #cdcdcd;
	}
	.planDiscription .delibery .lineupWineBox .data{
		margin-top: 11.33333vw;
		padding: 6.66667vw 8vw;
	}
	.planDiscription .delibery .lineupWineBox .data li{
		font-size: 2.8rem;
		line-height: 1.14;
		display: flex;
	}
	.planDiscription .delibery .lineupWineBox .data li span:first-child{
		flex-shrink: 0;
	}
	.planDiscription .delibery .lineupWineBox .text{
		font-size: 3.2rem;
		margin-top: 8vw;
	}
	.planDiscription .delibery .winery{
		margin-top: 22.66667vw;
	}
	.planDiscription .delibery .winery .enTitle{
		margin-bottom: 10.66667vw;
	}
	.planDiscription .delibery .winery .nameHeader{
		margin-bottom: 9.33333vw;
	}
	.planDiscription .delibery .winery .nameHeader h2{
		font-size: 4.6rem;
	}
	.planDiscription .delibery .winery .nameHeader p{
		font-size: 3.2rem;
		margin-top: 2.66667vw;
	}
	.planDiscription .delibery .winery .text{
		font-size: 3.2rem;
		margin-top: 5.33333vw;
	}

	.planDiscription .delibery .lineupWineBox+.lineupWineBox{
		margin-top: 9.73333vw;
	}
	/* 申し込みリンク */
	.planDiscription .linkBox{
		width: 92vw;
		margin: 12.8vw auto 0;
		text-align: center;
	}
	.planDiscription .linkBox .linkBtn{
		font-size: 4rem;
		line-height: 1.25;
		max-width: none;
		height: 18.66667vw;
		padding: 0 8.13333vw 0 18.26667vw;
		border-radius: 9.33333vw;

		justify-content: space-between;
	}
	.planDiscription .linkBox .linkBtn::after{
		width: 3.06667vw;
		height: 5.2vw;
		margin-left: 0;
		content: '';
	}
	.planDiscription .linkBox .goWaitingBtn{
		font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','游ゴシック','游ゴシック体', 'YuGothic M','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
		font-size: 3rem;
		line-height: 1.06;
		max-width: 84vw;
		height: 13.33333vw;
		margin: 25.33333vw auto 0;
		padding-left: 20.66667vw;
		letter-spacing: .1em;
		border-radius: 6.66667vw;
	}
	.planDiscription .linkBox .goWaitingBtn::after{
		width: 2.93333vw;
		height: 5.2vw;
		margin-left: 10.66667vw;
	}
	.planDiscription .linkBox .waitingText{
		display: block;
		width: 60vw;
		margin: 2.66667vw auto 5.33333vw;
	}
	.planDiscription .linkBox .waitingText::after{
		margin-left: .8vw;
		vertical-align: middle;
	}
	.planDiscription .linkBox .kome{
		font-size: 2.6rem;
		width: 80vw;
		margin: 7.33333vw auto 0;
		text-align: justify;
	}
	.planDiscription .linkBox .contact{
		font-size: 2.4rem;
		margin-top: 9.33333vw;
	}
	/* ==========================================================================
   diamondPlan
========================================================================== */
	.diamondPlan{
		margin-top: 13.33333vw;
		padding-top: 32vw;
	}
	.diamondPlan .tokuten{
		margin-top: 14.26667vw;
	}
	.diamondPlan .tokuten>h2{
		width: 100vw;
		margin-bottom: 5.6vw;
		margin-left: -4vw;
		text-align: justify;
	}
	.diamondPlan .tokuten>h2::before{
		width: 28.53333vw;
		height: 28.53333vw;
		margin-right: 1.33333vw;
		background: url('../img/sp_gentei_maru.png') no-repeat center center / contain;
	}
	.diamondPlan .tokuten .tokutenBox .normal{
		font-size: 3rem;
		display: block;
		max-width: 77.33333vw;
		margin: 8vw auto 0;
	}
	.diamondPlan .tokuten .tokutenBox .normal dt{
		margin-bottom: 5.33333vw;
		text-align: center;
	}
	.diamondPlan .tokuten .tokutenBox .normal dd{
		padding-left: 4vw;
	}
	.diamondPlan .tokuten .tokutenBox .normal li{
		font-size: 2.8rem;
	}
	.diamondPlan .tokuten .tokutenBox .normal li::before{
		width: 4.66667vw;
		height: 3.6vw;
		margin-right: 2.66667vw;

		flex-shrink: 0;
	}
	.diamondPlan .tokuten .tokutenBox .normal li+li{
		margin-top: 3.33333vw;
	}
	.diamondPlan .service .row{
		display: block;
		margin-top: 13.33333vw;
	}
	.diamondPlan .service .serviceBox::before{
		font-size: 6.7rem;
	}
	.diamondPlan .service .serviceBox>h2{
		font-size: 4.2rem;
		margin-bottom: 6.66667vw;
	}
	.diamondPlan .service .serviceBox .img{
		margin-bottom: 5.33333vw;
	}
	.diamondPlan .service .serviceBox>p{
		font-size: 3.2rem;
		padding: 0;
	}
	.diamondPlan .service .serviceBox1,.diamondPlan .service .serviceBox2{
		margin-top: 22.53333vw;
		padding: 6.66667vw 5.33333vw;
	}
	.diamondPlan .service .serviceBox3{
		margin-top: 22.53333vw;
		padding: 7.33333vw 3.06667vw 13.33333vw;
	}
	.diamondPlan .service .serviceBox3>h2{
		font-size: 4.6rem;
		line-height: 1.47;
		margin-bottom: 6vw;
	}
	.diamondPlan .service .serviceBox3 .img{
		margin-bottom: 8vw;
	}
	.diamondPlan .service .serviceBox3 .tours>h2{
		font-size: 4rem;
		margin-bottom: 4.66667vw;
	}
	.diamondPlan .service .serviceBox3 .tours>p{
		font-size: 3.2rem;
	}
	.diamondPlan .service .serviceBox3 .tours .data{
		display: block;
		margin-top: 9.33333vw;
	}
	.diamondPlan .service .serviceBox3 .toursSec{
		padding: 5.33333vw 6vw;
		background: #efefef;
	}
	.diamondPlan .service .serviceBox3 .toursSec h2{
		font-size: 4rem;
		margin-bottom: 2.66667vw;
	}
	.diamondPlan .service .serviceBox3 .toursSec p{
		font-size: 3.2rem;
		line-height: 1.5;
	}
	.diamondPlan .service .serviceBox3 .toursSec ul{
		font-size: 3.2rem;
		line-height: 1.5;
		display: flex;
		margin-top: 1.33333vw;

		flex-flow: row wrap;
	}
	.diamondPlan .service .serviceBox3 .toursSec li:nth-child(even){
		margin-left: 1em;

		flex: 0 1 50%;
	}
	.diamondPlan .service .serviceBox3 .toursSec:last-child{
		margin-top: 6.66667vw;
	}
	.diamondPlan .service .serviceBox3 .toursLink{
		font-size: 3.2rem;
		margin-top: 10vw;
	}
	.diamondPlan .service .serviceBox3 .toursLink a::after{
		width: 1.86667vw;
		height: 3.46667vw;
		margin-left: 2vw;
	}
	.diamondPlan .service .serviceBox3 .toursLink a span{
		padding-bottom: 1.33333vw;
		border-bottom: .26667vw solid #d3b44d;
	}
	.diamondPlan .service .other{
		margin-top: 32vw;
	}
	.diamondPlan .service .other h2{
		font-size: 6rem;
		margin-bottom: 6.66667vw;
	}
	.diamondPlan .service .other ul{
		flex-flow: row wrap;
		gap: 8vw 0;
	}
	.diamondPlan .service .other li{
		padding: 3.33333vw 3.33333vw 5.33333vw;

		flex: 0 1 42.13333vw;
	}
	.diamondPlan .service .other li p{
		font-size: 2.9rem;
		margin-bottom: 2.66667vw;
	}
	.diamondPlan .delibery .lineupWineBox1 .imgBox figure{
		width: 69.73333vw;
		margin: 0 auto;
	}
	.diamondPlan .delibery .lineupWineBox1 .imgBox .name{
		padding-bottom: 0;
	}
	.diamondPlan .delibery .lineupWineBox1 .imgBox .name .logo{
		width: 50.66667vw;
		margin: 0 auto 14vw;
	}
	.diamondPlan .delibery .lineupWineBox2>header{
		width: 91.46667vw;
		margin-bottom: 11.86667vw;
		margin-left: -5.86667vw;
	}
	.diamondPlan .delibery .lineupWineBox2 .imgBox figure{
		width: 69.73333vw;
		margin: 0 auto;
	}
	.diamondPlan .delibery .lineupWineBox2 .imgBox .name{
		padding-bottom: 0;
	}
	.diamondPlan .delibery .lineupWineBox2 .imgBox .name .logo{
		width: 46.13333vw;
		margin: 0 auto 26.66667vw;
	}
	/* ==========================================================================
   kv2
========================================================================== */
	.kv2{
		height: 60.53333vw;
		margin-top: 32vw;
	}
	/* ==========================================================================
   premiumPlan
========================================================================== */
	.premiumPlan{
		margin-top: 4vw;
		padding-top: 28.93333vw;
	}
	.premiumPlan .planHeader::before{
		background: url('../img/sp_premium_title.png') no-repeat center center;
		background-color: #751b03;
		background-size: 32.26667vw auto;
	}
	.premiumPlan .tokuten{
		margin-top: 17.33333vw;
	}
	.premiumPlan .tokuten>h2{
		margin-bottom: 7.33333vw;
	}
	.premiumPlan .service .row{
		display: block;
		margin-top: 13.33333vw;
	}
	.premiumPlan .service .serviceBox{
		padding: 6.66667vw 5.33333vw;
	}
	.premiumPlan .service .serviceBox>h2{
		font-size: 4.2rem;
		margin-bottom: 6.66667vw;
	}
	.premiumPlan .service .serviceBox .img{
		margin-bottom: 5.33333vw;
	}
	.premiumPlan .service .serviceBox>p{
		font-size: 3.2rem;
		padding: 0;
	}
	.premiumPlan .service .other{
		margin-top: 8vw;

		gap: 8vw 0;
	}
	.premiumPlan .service .other li{
		padding: 3.33333vw 3.33333vw 5.33333vw;

		flex: 0 1 42.13333vw;
	}
	.premiumPlan .service .other li p{
		font-size: 2.9rem;
		margin-bottom: 2.66667vw;
	}
	.premiumPlan .delibery .lineupWineBox1 .imgBox figure{
		width: 69.73333vw;
		margin: 0 auto;
	}
	.premiumPlan .delibery .lineupWineBox1 .imgBox .name{
		padding-bottom: 0;
	}
	.premiumPlan .delibery .lineupWineBox1 .imgBox .name .logo{
		width: 50.66667vw;
		margin: 0 auto 14vw;
	}
	/*end*/
}