@charset "UTF-8";

/* -----------------------------------------------
 *  	         component.css
 * ----------------------------------------------- */


/* -----------------------------------------------
 *  	         textSetting
 * ----------------------------------------------- */

/* =====================heading1===================== */
/*001 top header*/
h1.heading1_001{
	}
h1.heading1_001 span{
	}

/*002 contentsPageTiele*/
h1.heading1_002{
	text-align:left;
	font-size:40px;
	font-size:4.0rem;
	letter-spacing: 2.5px;
	font-weight: bold;
	line-height: 1.4;
	font-family: 'Oswald', sans-serif;
	}
h1.heading1_002 span{
	display: block;
	font-size:1.4em;
	font-size:14px;
	font-weight: normal;
	letter-spacing: normal;
	font-family: "Noto Sans Japanese";
	}
/* 付随カテゴリ */
h1.heading1_002 span.category{
    display: block;
    width: 128px;
    padding: 3px;
    background: #000000;
    font-family: 'Oswald', sans-serif;
    font-size: 2.0rem;
    font-size: 20px;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    text-align: center;
}
/* 768px */
@media only screen and (max-width: 48em) {
h1.heading1_002{
	font-size:30px;
	font-size:3.0rem;
	}
h1.heading1_002 span{
    margin-top: 5px 0 0 0;
	font-size:1.4em;
	font-size:14px;
	}
h1.heading1_002 span.category{
    width: 64px;
    font-size: 1.6em;
    font-size: 16px;
    }
}

/*003 EVENT用タイトル */
h1.heading1_003{
	text-align:left;
	font-size:36px;
	font-size:3.4rem;
	letter-spacing: 1.5px;
	font-weight: bold;
	line-height: 1.4;
	font-family: 'Oswald', sans-serif;
	}
h1.heading1_003 span{
	display: block;
	font-size:1.5em;
	font-size:15px;
	font-weight: normal;
	letter-spacing: normal;
	font-family: "Noto Sans Japanese";
	}
/* 付随カテゴリ */
h1.heading1_003 span.category{
    display: block;
    width: 128px;
    margin: 0 0 5px 0;
    padding: 3px;
    background: #000000;
    font-family: 'Oswald', sans-serif;
    font-size: 2.0rem;
    font-size: 20px;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    text-align: center;
}
/* 768px */
@media only screen and (max-width: 30em) {
h1.heading1_003{
	font-size:28px;
	font-size:2.8rem;
    letter-spacing: 1.0;
	}
h1.heading1_003 span{
    margin:5px 0 0 0;
	font-size:1.4rem;
	font-size:14px;
	}
h1.heading1_003 span.category{
    width: 64px;
    font-size: 1.6em;
    font-size: 16px;
    }
}

/* =====================heading2===================== */
/* 001 topページ各項目★ */
h2.heading2_001{
	position: relative;
	margin:0 0 10px 0;
	padding:2% 0;
	text-align:center;
	font-size:3.0em;
	font-size:30px;
	line-height:1.2;
	letter-spacing: 1.4px;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
	}
h2.heading2_001 span{
	display:block;
	font-size:14px;
	font-weight:normal;
	font-family:"Noto Sans Japanese";
	}
h2.heading2_001::before{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	content: "";
	width: 25%;
	height: 100%;
	background-color: #faf8f3;
	z-index: -1;
}
h2.heading2_001::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000;
	z-index: -2;
}
@media only screen and (max-width: 48em) {
h2.heading2_001::before{
    width: 65%;
	}
}

/* 002 topページ各項目★ */
h2.heading2_002{
	position: relative;
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
	font-size:3.0em;
	font-size:30px;
	line-height:1.4;
	letter-spacing: 1.4px;
	font-family: 'Oswald', sans-serif;
	}
h2.heading2_002 span{
	display:block;
	font-size:14px;
	font-weight:normal;
	font-family:"Noto Sans Japanese";
	}

/* 003 event-header 日付 | タイトル2行 */
h2.heading2_003 {
    width: 100%;
    font-size: 2.6em;
    font-size: 26px;
    letter-spacing: 1.0px;
}
h2.heading2_003 span {
    display: block;
    margin-right: 30px;
    padding: 0 30px;
    text-align: center;
    border-right: 3px solid #000000;
    float: left;
}
/* 768px */
@media only screen and (max-width: 48em) {
h2.heading2_003 {
    font-size: 1.6em;
    font-size: 16px;
	}
h2.heading2_003 span {
    margin-right: 8px;
    padding: 0 8px;
    }
}

/* 004 SITE POLICY */
h2.heading2_004{
	margin:0 0 20px 0;
	padding:0;
	font-size:2.0rem;
	font-size:20px;
    line-height:1.6;
    border-left:5px solid #000000;
	}
/* 768px */
@media only screen and (max-width: 48em) {
h2.heading2_004{
	font-size:1.8em;
	font-size:18px;
	}
}



/* =====================heading3===================== */
/* 001 news見出し　★*/
h3.heading3_001{
	margin: 0 0 10px 0;
	padding:0;
	font-size:1.8rem;
	font-size:18px;
	text-align:left;
	line-height:1.6;
	}
h3.heading3_001 span{
	display:block;
	font-size:14px;
	font-weight: normal;
	}

/* 002 トピックバナー見出し★ */
h3.heading3_002{
	position:relative;
	margin:0 0 15px 0;
	padding:0;
	font-size:2.8rem;
	font-size:28px;
	text-align:left;
	letter-spacing:1.6px;
	line-height:1.2;
	font-family: 'Oswald', sans-serif;
	}
/* 768px */
@media only screen and (max-width: 48em) {
h3.heading3_002{
	margin:0 0 10px 0;
	font-size:1.8em;
	font-size:18px;
	}
}

/* 003 002のセンター★ */
h3.heading3_003{
	position:relative;
	margin:0 0 15px 0;
	padding:0;
	font-size:2.4rem;
	font-size:24px;
	text-align:center;
	letter-spacing:1.6px;
	line-height:1.2;
	font-family: 'Oswald', sans-serif;
	}
/* 768px */
@media only screen and (max-width: 48em) {
h3.heading3_003{
	font-size:1.8em;
	font-size:18px;
	margin:0 0 5px 0;
	}
}

/* 004 weight nomal */
h3.heading3_004{
	margin:0;
	padding:0;
	font-size:2.2em;
	font-size:22px;
	text-align:left;
	line-height:1.5;
	font-weight: normal;
}
h3.heading3_004 span{
    font-size: 1.8rem;
    font-size: 18px;
}
/* 768px */
@media only screen and (max-width: 48em) {
h3.heading3_004{
	font-size:18px;
	font-size:1.8rem;
	}
}


/* 005 Alamain nomal */
h3.heading3_005{
	margin:0;
	padding:0;
	font-size:1.6rem;
	font-size:16px;
	text-align:left;
	line-height:1.2;
	font-family:'alamain', sans-serif;
    font-weight:normal;
	}
/* 768px */
@media only screen and (max-width: 48em) {
h3.heading3_005{
	font-size:1.8em;
	font-size:18px;
	margin:3px 0;
	}
}


/* 006 topページ各項目-小見出し a:sp表示*/
h3.heading3_006{
	margin:0 0 20px 0;
	padding:0;
	font-size:2.0rem;
	font-size:20px;
    line-height:1.6;
    border-left:5px solid #000000;
	}
/* 768px */
@media only screen and (max-width: 48em) {
h3.heading3_006{
	font-size:1.8em;
	font-size:18px;
	}
}

/* 007 講師プロフィール 名前　*/
h3.heading3_007{
	margin:0;
	padding:0;
	font-size:1.5rem;
	font-size:15px;
}

/* 008 黒背景白抜き */
h3.heading3_008{
    display: inline-block;
    padding: 8px 16px;
	font-size:1.8rem;
	font-size:18px;
    line-height:1.6;
    background:#000000;
    color:#ffffff;
	}
/* 768px */
@media only screen and (max-width: 48em) {
h3.heading3_008{
	font-size:1.6em;
	font-size:16px;
	}
}

/* 009  DINNER|DATES > area */
h3.heading3_009{
	font-size:1.6em;
	font-size:16px;
    line-height:1.5;
	font-weight: bold;
	}

/* 010  SITE POLICY | 見出し */
h3.heading3_010{
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
}

/* =====================heading4===================== */
/* 001  小見出し-詳細見出し */
h4.heading4_001{
	font-size:1.6em;
	font-size:16px;
    line-height:1.5;
	font-weight: bold;
	}

h4.heading4_002{
	font-size:1.3em;
	font-size:13px;
    line-height:1.5;
	font-weight: bold;
	}

/* =====================heading5===================== */
/* 001 詳細見出し-アクセント見出し */
h5.heading5_001{
    font-size: 1.4em;
    font-size: 14px;
    font-weight: bold;
	}

/* 002 詳細見出し-白抜き見出し */
h5.heading5_002{
    display: inline-block;
    padding: 10px 22px;
    background: #000000;
	font-size:1.5em;
	font-size:15px;
    color: #ffffff;
    line-height:1.5;
    font-weight: normal;
	}

/* =====================a===================== */
/* リンク領域全体/ホバーで白 */
a.a_typeA{ 
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	}
a.a_typeA:hover{ 
	background-color: rgba(255,255,255,0.2);
	}

/*　詳細はこちら -ニュース用- */
a.link_more::after{
    content: "More >>";
    position: absolute;
    right: 10px;
    bottom:10px;
    font-size: 15em;
    font-size: 15px;
    color: #acacac;
}

a.link_official::after{
    content: "Official Site >>";
    position: absolute;
    right: 10px;
    bottom:10px;
    font-size: 15em;
    font-size: 15px;
    color: #acacac;
}

/* =====================P===================== */
/* 001 デフォルト本文 ★ */
.txt_001{
	margin:0 0 10px 0;
	font-size:1.3em;
	font-size:13px;
    font-family:"Noto Sans Japanese";
	font-weight:normal;
	line-height: 1.8;
	}

/* 002 デフォルト+ボーダートップ ★ */
.txt_002{
	margin:10px 0;
	padding:10px 0 0 0;
	font-size:1.3em;
	font-size:13px;
	font-weight:normal;
	border-top: solid 1px #acacac;
	}
	
/* 003 灰文字右寄せ　MOREなど　★ */
.txt_003{
	margin:0;
	padding: 0;
	text-align: right;
	font-size:1.5em;
	font-size:15px;
	line-height:1.2;
	letter-spacing: 1.0px;
	color:#acacac;
	font-family:'Oswald', sans-serif;
	}

/* 004 コンテンツ冒頭の詩 */
.txt_004{
	font-size:1.3em;
	font-size:13px;
	font-weight:normal;
	line-height:1.8;
	}

/* 005 ABOUT - 枠付き説明文  */
.txt_005{
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.8em;
	font-size:18px;
	line-height:1.8;
    font-weight: bold;
}
/* 768px */
@media only screen and (max-width: 48em) {
}

/* 006 Oswald nomal（中） */
.txt_006{
	font-size:1.8rem;
	font-size:18px;
	letter-spacing:1.3px;
	line-height:1.8;
	font-family:'Oswald', sans-serif;
}
/* 768px */
@media only screen and (max-width: 48em) {
.txt_006{
	font-size:1.5em;
	font-size:15px;
	}
}

/* 007 Oswald nomal（大） */
.txt_007{
	font-size:2.3rem;
	font-size:23px;
	letter-spacing:1.6px;
	line-height:1.8;
	font-family:'Oswald', sans-serif;
}
/* 768px */
@media only screen and (max-width: 48em) {
.txt_007{
	font-size:1.8em;
	font-size:18px;
	}
}
/* 008 デフォルト文（中） ★ */
.txt_008{
	margin:0 0 10px 0;
	font-size:1.6em;
	font-size:16px;
	font-weight:normal;
	line-height: 1.8;
	}
/* 480px */
@media only screen and (max-width: 48em) {
.txt_008{
	font-size:1.4em;
	font-size:14px;
	}
}

/* 009 Alamain nomal */
.txt_009{
	margin:0;
	padding:0;
	font-size:1.6rem;
	font-size:16px;
	text-align:left;
	line-height:1.2;
	font-family:'alamain', sans-serif;
    font-weight:normal;
	}
/* 768px */
@media only screen and (max-width: 48em) {
.txt_009{
	font-size:1.8em;
	font-size:18px;
	margin:3px 0;
	}
}
/* 008 デフォルト文（小） ★ */
.txt_010{
	margin:0;
	font-size:1.3em;
	font-size:13px;
	font-weight:normal;
	line-height: 1.2;
}
/* 480px */
@media only screen and (max-width: 30em) {
.txt_010{
	font-size:1.2em;
	font-size:12px;
	}
}


/* ============= リードテキスト =================== */
/* 英文リードデフォルト TOP冒頭 ★ */
.lead_txt_001{
	margin:0;
	font-size:2.8em;
	font-size:28px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:1.4px;
	text-align: left;
	font-family: 'Oswald', sans-serif;
	}
@media only screen and (max-width: 48em) {
.lead_txt_001{
	font-size:1.8em;
	font-size:18px;
	text-align: center;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
.lead_txt_001{
    margin: 0 0 8px 0;
	font-size:1.5em;
	font-size:15px;
	}
}


/* 英文リードデフォルト 各コンテンツページリード ★ */
.lead_txt_002{
	margin:0;
	font-size:2.8em;
	font-size:28px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:1.4px;
	text-align: left;
	font-family: 'Oswald', sans-serif;
	}
@media only screen and (max-width: 48em) {
.lead_txt_002{
	font-size:1.8em;
	font-size:18px;
	text-align: left;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
.lead_txt_002{
    margin: 0 0 8px 0;
	font-size:1.5em;
	font-size:15px;
	}
}

/* 日本文リードデフォルト ★ */
.lead_txt_003{
	margin:0 0 5px 0;
	font-size:1.6em;
	font-size:16px;
	line-height:1.3;
	font-weight: bold;
	}

.lead_txt_004{
	margin:0 0 5px 0;
	font-size:1.6em;
	font-size:16px;
	line-height:2;
	font-weight: normal;
	}
@media only screen and (max-width: 48em) {
.lead_txt_004{
	font-size:14px;
	font-size:1.4rem;
	}
}



/* =====================figure===================== */
/* 001 width:100%; */
figure.figure_001{
    width: 100%;
}
figure.figure_001 img{
    width: 100%;
}

/* 002 */
figure.figure_002{
	text-align:center;
	}
figure.figure_002 img{
	width:40%;
}
@media only screen and (max-width: 48em) {
figure.figure_002 img{
	width:80%;
	}
}
    
/* 003 serviseLogo */
figure.figure_003 {
    text-align: center;
}
figure.figure_003 img{
	width:30%;
}
@media only screen and (max-width: 48em) {
figure.figure_003 img{
	width:35%;
	}
}
@media only screen and (max-width: 30em) {
figure.figure_003 img{
	width:65%;
	}
}

/* 004 profileimg - 190px以下 */
figure.figure_004{
    text-align: center;
}
figure.figure_004 img{
    width: 50%;
}
/* 768px */
@media only screen and (max-width: 48em) {
figure.figure_004 img{
	width:25%;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
figure.figure_004 img{
	width:50%;
	}
}

/* 005 width:50% */
figure.figure_005{
    width: 50%;
}
figure.figure_005 img{
    width: 100%;
}

/* 006 100→50 */
figure.figure_006{
    width: 100%;
}
figure.figure_006 img{
    width: 100%;
}
@media only screen and (max-width: 30em) {
figure.figure_006 img{
	width:25%;
	}
}

/* 007 75→100  */
figure.figure_007{
    width: 80%;
    margin: 0 auto;
}
figure.figure_007 img{
    width: 100%;
}
@media only screen and (max-width: 30em) {
figure.figure_007{
	width:100%;
	}
figure.figure_007 img{
	width:100%;
	}
}

/* 008 serviseLogo */
figure.figure_008 {
    text-align: center;
}
figure.figure_008 img{
	width:10%;
}
@media only screen and (max-width: 48em) {
figure.figure_008 img{
	width:35%;
	}
}
@media only screen and (max-width: 30em) {
figure.figure_008 img{
	width:15%;
	}
}


/* =====================span===================== */
/* 01 囲いボーダー（小 / Oswald） */
span.span_01{
	padding: 5px 10px;
	display: inline-block;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 1.4px;
	border: solid 1px #000;
	font-family: 'Oswald', sans-serif;
}
@media only screen and (max-width: 48em) {
span.span_01{
	font-size: 13px;
	font-size: 1.3rem;
}
}

/* 01 囲いボーダー（中 / Notosans） */
span.span_02{
	padding: 5px 10px;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 2.0px;
	border: solid 1px #000;
	font-family: "Noto Sans Japanese";
}
@media only screen and (max-width: 48em) {
span.span_02{
	font-size: 15px;
	font-size: 1.5rem;
}
}

/* =====================hr===================== */
hr.hr_01{
	margin:0 0 30px 0;
	border-top:solid #d8d6d5 1px;
	}

/* =====================Article===================== */
article.general_arti_01{
	padding: 20px 0 10px 0;
	}

/* =====================Section===================== */

/* ==========banner_sectA ピックアップコンテンツ========== */
/* banner_sectA */
section.banner_sectA{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin:0 0 5% 0;
	background-color: #fff;
	background-image: url(/members/common/img/icon_link_01.jpg);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 20px 20px;
	}
section.banner_sectA div.banner_sectA_imgbox{
	width: 50%;
	margin: 0;
	padding: 25% 0 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	}
section.banner_sectA div.banner_sectA_imgbox img{
	display: none;
	}
section.banner_sectA div.banner_sectA_txtbox{
	width: 50%;
	margin: 0;
    padding: 15px 15px 30px 15px;
	}
section.banner_sectA a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
@media only screen and (max-width: 48em) {
section.banner_sectA{
    position: relative;
    background-image: none;
}
section.banner_sectA div.banner_sectA_imgbox{
	width: 35%;
    height: 100%;
	padding: 30% 0 0 0;
	}
section.banner_sectA div.banner_sectA_txtbox{
	width: 65%;
	}
}
@media only screen and (max-width: 30em) {
section.banner_sectA div.banner_sectA_imgbox{
	width: 45%;
	padding: 50% 0 0 0;
	}
section.banner_sectA div.banner_sectA_txtbox{
	width: 60%;
	}
section.banner_sectA div.banner_sectA_txtbox::after{
    content: "MORE >>";
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #acacac;
}
section.banner_sectA div.banner_sectA_txtbox p{
	margin:0 0 5px 0 !important;
	font-size:1.2em !important;
	font-size:12px !important;
	line-height: 1.4 !important;
	}	
section.banner_sectA div.banner_sectA_txtbox br{
	display: none;
	}
}


/* banner_sectB */
section.banner_sectB{
	margin: 0 0 40px 0;
	}
section.banner_sectB a{
	display: block;
	text-decoration: none;
	transition: all 0.3s;
	}
section.banner_sectB figure{
	position: relative;
	text-align: center;
	width: 100%;
	}
section.banner_sectB figure::after{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 50;
	transition: all 0.3s;
	}
section.banner_sectB figure img{
	width: 100%;
	}
section.banner_sectB figure figucaption{
	position: absolute;
	top:10%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	opacity: 0;
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 18px;
	transition: all 0.3s;
	z-index: 51;
	}

/*hover*/
section.banner_sectB a:hover figure figucaption{
	top:0;
	opacity: 1;
	}
section.banner_sectB a:hover figure::after{
	display: block;
	opacity: 1;
	}
/* 768px */
@media only screen and (max-width: 48em) {
section.banner_sectB{
    background-color: #fff;
	padding: 10px 0 0 0;
	}
section.banner_sectB figure{
	position: relative;
	text-align: left;
	width: 100%;
	}
section.banner_sectB figure::after{
	display: none;
	}
section.banner_sectB figure figucaption{
	position: static;
	margin: auto;
	text-align: left;
	opacity: 1;
	height: auto;
	color: #000;
	font-size: 14px;
	}
section.banner_sectB a figure figucaption::after{
	content: "MORE";
	display: block;
    margin: 10px 0 0 0;
	text-align: center;
	color: #ffffff;
    background: #000000;
	font-family:'Oswald', sans-serif;
	}
section.banner_sectB figure figucaption br{
	display: none;
	}
/*hover*/
section.banner_sectB a:hover figure figucaption{
	top:0;
	opacity: 1;
	}
section.banner_sectB a:hover figure::after{
	display: none;
	}
}

/* banner_sectC kitchen|arealogo要素 */
section.banner_sectC{
    background: #FFFFFF;
}
section.banner_sectC a {
    display: block;
}
section.banner_sectC img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

/*banner_sectD benefit | STEP要素 */
section.banner_sectD{
    width: 100%;
}
section.banner_sectD .banner_sectD_innerA,
section.banner_sectD .banner_sectD_innerB{
    display: inline-block;
    width: 48%;
    margin: 0 0 20px 0;
    vertical-align: middle;
}
section.banner_sectD .banner_sectD_innerA > div{
    display: inline-block;
    width: 48%;
    text-align: center;
    vertical-align: middle;
}
section.banner_sectD .banner_sectD_innerA p{
    padding: 20% 0;
}
section.banner_sectD .banner_sectD_innerA img{
    width: 70%;
}
/* 600px */
@media only screen and (max-width: 37.5em) {
    section.banner_sectD .banner_sectD_innerA{
        width: 38%;
}
    section.banner_sectD .banner_sectD_innerB{
        width: 58%;
        margin: 0 0 20px 0;
}
    section.banner_sectD .banner_sectD_innerA > div{
        display: block;
        width: 80%;
        margin: 0 auto;
}
    section.banner_sectD .banner_sectD_innerA p{
        padding: 5px;
}
    section.banner_sectD .banner_sectD_innerA img{
        width: 85%;
}
}

/*banner_sectE wedding|対象会場 1column */
section.banner_sectE {
    position: relative;
    background-color: #fff;
	background-image: url(/members/common/img/icon_link_01.jpg);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 20px 20px;
}
section.banner_sectE > div{
    display: inline-block;
    width: 48%;
    height: 100%;
    vertical-align: middle;
}
section.banner_sectE .banner_sectE_imgbox{
    background-size: cover;
    background-position: center center;
}
section.banner_sectE .banner_sectE_imgbox img{
    display: none;
}
section.banner_sectE a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
@media only screen and (max-width: 30em) {
section.banner_sectE div.banner_sectE_imgbox{
	width: 50%;
	padding: 42% 0 0 0;
    }
}

/* banner_sectG kitchen|attractions要素 */
section.banner_sectG{
    background:#FFFFFF;   
}

/* banner_sectH lifesupport|voice要素 */
section.banner_sectH{
    background:#ffffff;
}
section.banner_sectH .banner_sectH_innerA,
section.banner_sectH .banner_sectH_innerB{
    width:100%;
}
section.banner_sectH .banner_sectH_innerA p,
section.banner_sectH .banner_sectH_innerA figure{
    display:block;
    width:50%;
    text-align:center;
}
section.banner_sectH .banner_sectH_innerA p{
    float:left;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
}
section.banner_sectH .banner_sectH_innerA figure{
    float:right;
}
section.banner_sectH .banner_sectH_innerB p{
    padding:15px;
}

/*banner_sectF wedding|対象会場 1column */
section.banner_sectF {
    position: relative;
    background-color: #fff;
	background-image: url(/members/common/img/icon_link_01.jpg);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 20px 20px;
}
section.banner_sectF > div{
    display: inline-block;
    vertical-align: middle;
}
section.banner_sectF .banner_sectF_imgbox{
    background-size: cover;
    background-position: center center;
}
section.banner_sectF .banner_sectF_imgbox img{
   /* display: none; */
   width: 30%;
   border-radius: 50%;
   border: 1px solid #CCC;
}
section.banner_sectF a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
@media only screen and (max-width: 30em) {
section.banner_sectF div.banner_sectF_imgbox{
	width: 20%;
	padding: 1% 0 0 3%;
    } 

section.banner_sectF {
    position: relative;
    background-color: #fff;
	background-image: url(/members/common/img/icon_link_01.jpg);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 20px 20px;
}
section.banner_sectF > div{
    display: inline-block;
    width: 70%;
    height: 100%;
    vertical-align: middle;
}
section.banner_sectF .banner_sectF_imgbox{
    background-size: cover;
    background-position: center center;
}
section.banner_sectF .banner_sectF_imgbox img{
   /* display: none; */
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 1px solid #CCC;
}
section.banner_sectF a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}    
    

}

/* =============== special sect ================= */
/* ニュースページソートボタン */
section.filter_btn_sect{
	}
	
section.filter_btn_sect ul{
	}
	
section.filter_btn_sect ul li{
	display:inline-block;
	margin:0 10px 30px 0;
	padding:5px 10px;
	width:150px;
	text-align:center;
	border:solid 2px #000000;
	cursor:pointer;
	font-family:Oswald', sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	}

section.filter_btn_sect ul li.is_active{
	border:solid 2px #000000;
	background:#000;
	color:#FFF;
	}
section.filter_btn_sect ul li:hover{
	border:solid 2px #000000;
	background:#000;
	color:#FFF;
	transition:0.3s;
	}

section.info_article_sect{
	border-top:solid 1px #d8d6d5;
	}
	

/* /* ニュースページ年度ボタン */
section.year_btn_sect{
	}
	
section.year_btn_sect ul{
	margin-bottom:30px;
	}
section.year_btn_sect ul li{
	display:inline-block;
	margin:0 5px 10px 0;
	}

section.year_btn_sect ul li a{
	display:inline-block;
	padding:5px 10px;
	text-align:center;
	border:solid 1px #000000;
	cursor:pointer;
	font-family:Oswald', sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	}
	
section.year_btn_sect ul li a{
	text-decoration:none;
    }

section.year_btn_sect ul li.is_active{	
	background: #000;
	color: #FFF;
	}

section.year_btn_sect ul li.is_active a{	
	color: #FFF;
	}
	
section.year_btn_sect ul li a:hover{
	background:#000;
	color:#FFF;
	}
	
.end::before{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/members/common/img/icon_end.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px;
	height: 90px;
}



/* =====================box===================== */
/*box01 タグと日付*/
div.box_01{
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	}
div.box_01 span.box1tag{
	display: block;
	border: solid 1px #acacac;
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	}
div.box_01 span.box1date{
	text-align: center;
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.2;
    letter-spacing: 1.3px;
	font-family: 'Oswald', sans-serif;
	}

/*box02 lifesuppoert|bonus*/
div.box_02{
    width: 100%;
    background: #ffffff;
    padding: 20px;
}
div.box_02 .center{
    text-align: center;
}
div.box_02 >div {
    width: 100%;
}
div.box_02 h3{
    display: inline-block;
    margin: 0 0 15px 0;
    padding: 8px 16px;
    background: #000000;
    font-size: 1.6rem;
    font-size: 16px;
    color: #ffffff;
}
div.box_02 h4{
    margin: 0 0 5px 0;
    font-size: 1.4rem;
    font-size: 14px;
}
div.box_02 p.caution {
    font-size: 1.3rem;
    font-size: 13px;
    font-weight: bold;
}

/*box03 wedding|contact*/
div.box_03{
    width: 100%;
    align-items: center;
	justify-content: center;
    background: #ffffff;
    padding: 20px;
}
div.box_03 > div {
    width: 100%;
}
div.box_03 h3 {
    margin: 0 0 5px 0;
    font-size: 1.4rem;
    font-size: 14px;
}

/*box04 wedding|1column→2column3:7可変ボックス*/
div.box_04{
    width: 100%;
    text-align: center;
}
div.box_04 p {
    display: inline-block;
    padding: 15px 20px;
}
div.box_04 ul {
    list-style: none;
}
div.box_04 li {
    margin: 0 0 10px 0;
}

/*box05 hotel|料金*/
div.box_05 h5{
    display: inline-block;
    padding: 0 15px 0 0;
}
div.box_05 p{
    display: inline-block;
}

/*box06 hotel|ボタン2つ横並び*/
div.box_06{
    text-align: center;
}
div.box_06 > div{
    display: inline-block;
    padding: 0 10px;
}

/*box07 party|説明つきスライダー|キャプションボックス*/
div.box_07{
    width: 100%;
    padding: 40px 15px 20px;
}
div.box_07 div.capacity > p{
    display: inline-block;
    padding: 0 20px 0 0;
}
div.box_07 p.capacity p span{
}

/*box08 concierge|figure*/
div.box_008{
   width: 100%;
}
div.box_008 div{
    margin: 0 0 20px 0;
}
div.box_008 div.box_008_imgbox{
    position: absolute;
    top: -50%;
    right: 0;
}
div.box_008 div.box_008_imgbox figure{
    text-align: right;
}
div.box_008 div.box_008_imgbox figure img{
    width: 75%;
}
/* 960px */
@media only screen and (max-width: 60em) {
div.box_008 div.box_008_imgbox figure img{
    width: 65%;
}
}
/* 600px */
@media only screen and (max-width: 37.5em) {
    div.box_008 div.box_008_imgbox{
        position: static;
    }
    div.box_008 div.box_008_imgbox figure{
        text-align: center;
    }
    div.box_008 div.box_008_imgbox figure img{
        width: 100%;
    }
}

/* =====================flexBox===================== */


/*flex_center 1段 中央 */
.flex_center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex_center > div.flex_center_inner{
	width: 100%;
}


/*flex_1A 1段 50→100 */
.flex_1A{
	display: flex;
	justify-content: center;
}
.flex_1A div:first-child{
	width: 49%;
}
@media only screen and (max-width: 30em) {
.flex_1A{
	display: block;
}
.flex_1A div:first-child{
	width: 100%;
	margin: 0 0 30px 0;
}
}

/*flex_2A 2段 48:48 */
.flex_2A{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex_2A div, .flex_2A section{
    width: 48%;
}

@media only screen and (max-width: 48em) {
.flex_2A{
}
.flex_2A div, .flex_2A section{
	width: 49%;
	margin: 0 0 30px 0;
}
}

/*flex_2B 2段 67:30*/
.flex_2B{
	display: flex;
	justify-content: space-between;
}
.flex_2B .flex_2B_innerA{
	width: 67%;
}
.flex_2B .flex_2B_innerB{
	width: 30%;
}
@media only screen and (max-width: 48em) {
.flex_2B{
	display: block;
}
.flex_2B .flex_2B_innerA{
	width: 100%;
	margin: 0 0 10px 0;
}
.flex_2B .flex_2B_innerB{
	width: 100%;
}
}


/*flex_2C 2段 55:45 */
.flex_2C{
	display: flex;
}
.flex_2C div:first-child{
	width: 45%;
}
.flex_2C div:nth-child(2){
	width: 55%;
}
@media only screen and (max-width: 30em) {
.flex_2C{
	display: block;
}
.flex_2C div:first-child{
	width: 100%;
}
.flex_2C div:nth-child(2){
	width: 100%;
}
}

/*flex_2D 2段 50:50 中央寄せ */
.flex_2D{
	display: flex;
	align-items: center;
	justify-content: center;	
}
.flex_2D div.flex_2D_inner, .flex_2D section.flex_2D_inner{
	width: 50%;
}

@media only screen and (max-width: 30em) {
.flex_2D{
	display: block;
}
.flex_2D div.flex_2D_inner, .flex_2D section.flex_2D_inner{
	width: 100%;
}
}

/*flex_2E 2段 48:48→100 */
.flex_2E{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex_2E div.flex_2E_inner, .flex_2E section.flex_2E_inner{
	width: 48%;
}
@media only screen and (max-width: 30em) {
.flex_2E{
	display: block;
}
.flex_2E div.flex_2E_inner, .flex_2E section.flex_2E_inner{
	width: 100%;
}
}

/*flex_3A 3段 32%左右均等配置*/
.flex_3A{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.flex_3A > div, .flex_3A > li , .flex_3A > section{
	width: 31%;
	margin: 0 0 10px 0;
}

@media only screen and (max-width: 48em) {
.flex_3A{
	display: block;
}
.flex_3A > div, .flex_3A > li , .flex_3A > section{
	width: 100%;
	margin: 0 0 10px 0;
}
}


/*flex_3B 3段 32% 左寄せ配置右空き ソート対策用*/
.flex_3B{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}
.flex_3B > div, .flex_3B > li , .flex_3B > section{
	width: 31%;
	margin: 0 2% 10px 0;
}

@media only screen and (max-width: 48em) {
.flex_3B{
	display: block;
}
.flex_3B > div, .flex_3B > li , .flex_3B > section{
	width: 100%;
	margin: 0 0 10px 0;
}
}

/* =====================BTN===================== */
/* btn_01 */
.btn_01{
	width: 300px;
	margin: 0 auto;
	}
.btn_01 a{
	display: block;
	width: 100%;
	font-size: 15px;
	padding: 15px 0;
	letter-spacing: 1.3px;
	line-height: 1;
	text-align: center;
	background-color: #000;
	vertical-align: middle;
	color: #fff;
	background-image: url(/members/common/svg/svg_icon_btn_01.svg);
	background-repeat:no-repeat;
	background-position: right 10px center;
	background-size: 15px 30px;
	transition: all 0.3s;
	text-decoration: none;
	}
.btn_01 a:hover{
	background-position: right 3px center;
	}

/* 768px */
@media only screen and (max-width: 48em) {
.btn_01 a{
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
.btn_01 a{
	}
}

/* btn_02 予約ボタン width100% */
.btn_02{
	width: 100%;
	}
.btn_02 a{
	display: block;
	width: 100%;
	font-size: 15px;
	padding: 15px 0;
	letter-spacing: 1.3px;
	line-height: 1;
	text-align: center;
	background-color: #000;
	vertical-align: middle;
	color: #fff;
	background-image: url(/members/common/svg/svg_icon_btn_01.svg);
	background-repeat:no-repeat;
	background-position: right 10px center;
	background-size: 15px 30px;
	transition: all 0.3s;
	text-decoration: none;
	}
.btn_02 a:hover{
	background-position: right 3px center;
	}
	
/* btn_02 予約ボタン 開始前のリンク無し */
.btn_02pre{
	width: 100%;
	display: block;
	width: 100%;
	font-size: 15px;
	padding: 15px 0;
	letter-spacing: 1.3px;
	line-height: 1;
	text-align: center;
	background-color: #666;
	vertical-align: middle;
	color: #fff;
	background-image: url(/members/common/svg/svg_icon_btn_01.svg);
	background-repeat:no-repeat;
	background-position: right 10px center;
	background-size: 15px 30px;
	transition: all 0.3s;
	text-decoration: none;
	}

/* btn_03 モーダルボタン */
.btn_03{
    width: 100%;
    border: 2px solid #000000;
}
.btn_03 a{
    display: block;
    width: 100%;
	font-size: 15px;
	padding: 15px 0;
    letter-spacing: 1.3px;
    font-weight: bold;
	line-height: 1;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.btn_03 a:hover{
    background: #000000;
    color: #ffffff;
}

/* btn_04 左寄せ300px → 中央100% | contact */
.btn_04{
	width: 300px;
	}
.btn_04 a{
	display: block;
	width: 100%;
	font-size: 15px;
	padding: 15px 0;
	letter-spacing: 1.3px;
	line-height: 1;
	text-align: center;
	background-color: #000;
	vertical-align: middle;
	color: #fff;
	background-image: url(/members/common/svg/svg_icon_btn_01.svg);
	background-repeat:no-repeat;
	background-position: right 10px center;
	background-size: 15px 30px;
	transition: all 0.3s;
	text-decoration: none;
	}
.btn_04 a:hover{
	background-position: right 3px center;
	}

/* 768px */
@media only screen and (max-width: 48em) {
.btn_04 {
    width: 100%;
    margin: 0 auto;
}
}

/* ==========MovieBox========== */
.movie_box_01{
	margin:0 0 5% 0;
	}

/* =====================UL INDEX LIST===================== */
/* index_list_01 */
ul.index_list_01{
	list-style: none;
}

/* index_list_02 | sitemap */
ul.index_list_02{
    margin: 0 0 40px 0;
    list-style: none; 
}
ul.index_list_02 li{
    display: inline-block;
    padding: 0 15px 0 0;
    margin: 0 0 10px 0;
    font-size: 1.5rem;
    font-size: 15px;
}

/* index_list_03 | contact */
ul.index_list_03{
    list-style: none;
}
ul.index_list_03 li{
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 0 23px;
}
ul.index_list_03 li a{
    display: block;
}
ul.index_list_03 li a:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin: -8px 0 0 0;
    border-radius: 50%;
    background-color: #cccccc; 
}
ul.index_list_03 li a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 0;
    height: 0;
    margin: ;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}

/* index_list_04 | event-riquidcolumn 5→3→2 */
ul.index_list_04{
    list-style: none;
}
ul.index_list_04 > li{
    display: inline-block;
    width: 23%;
    min-height: 300px;
    vertical-align: top;
    margin: 0 0 1.5% 1.4%;
}
ul.index_list_04 li > p{
    margin-top: 10px;
}
ul.index_list_04 li img{
    width: 100%;
}
/* 768px */
@media only screen and (max-width: 48em) {
ul.index_list_04 > li{
    width: 31%;
    min-height: 280px;
    margin: 0 0 1% 1.5%;
}
}
/* 480px */
@media only screen and (max-width: 30em) {
ul.index_list_04 > li{
    width: 48%;
    min-height: 200px;
    margin: 0 0 0.5% 1%;
}
}


/* =====================UL INDEX LIST===================== */


/* =====================UL TXT LIST===================== */

/* txt_list_01 style-squer */
ul.txt_list_01{
    list-style: square;
    padding: 0 0 0 20px;
}
ul.txt_list_01 li span{
    font-weight: bold;
}

/* txt_list_02 contact-list */
ul.txt_list_02{
    list-style: none;
    font-size: 1.4rem;
    font-size: 14px;
}
ul.txt_list_02 li{
    line-height: 2.0;
}

/* txt_list_03 points-list */
ul.txt_list_03{
    list-style: none;
}
ul.txt_list_03 li{
    margin: 0 0 10px 0;
    display: flex;
}
ul.txt_list_03 li span{
    width: 25%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 2.5% 0 0;
}
 
/* =====================OL NUMBERING LIST===================== */
/* ordered_list_01 */
ol.ordered_list_01 {
    padding: 0 0 0 20px;
}

/* =====================definition list===================== */
/* definition_list01 |  */
dl.definition_list_01 dt,dd{
    display: inline-block;
    vertical-align: top;
}
dl.definition_list_01 dt{
    width: 30%;
}

dl.definition_list_01 dd{
    width: 68%;
}

/* definition_list02 | dinner */
dl.definition_list_02 dt,dd{
    display: inline-block;
    vertical-align: middle;
}
dl.definition_list_02 dt{
    width: 25%;
    text-align: center;
}

dl.definition_list_02 dd{
    width: 68%;
    padding: 0 0 0 15px;
}

/* definition_list03 | policy */
dl.definition_list_03 dt{
    font-weight: bold;
}

dl.definition_list_03 dd{
    font-weight: normal;
    margin: 0 0 20px 0;
}

/* definition_list04 | contact > faq */
dl.definition_list_04 dt{
    font-weight: bold;
    font-size: 1.4rem;
    font-size: 14px;
    margin: 0 0 10px 0;
}

dl.definition_list_04 dd{
    font-weight: normal;
    margin: 0 0 40px 0;
    line-height: 1.8;
}
/* 768px */
@media only screen and (max-width: 30em) {
    dl.definition_list_04 dd{
        width: 100%;
    }
}


/* ===================== TABLE ===================== */
/* table_01 */
table.table_01{
    width: 100%;
    border-collapse: collapse;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.6;
}
table.table_01 tr{
    border-top: 1px solid #000000;
}
table.table_01 tr:last-child{
    border-bottom: 1px solid #000000;
}
table.table_01 th{
    width: 28%;
    padding-left: 2%;
    text-align: left;
    font-weight: normal;
}
table.table_01 td{
    padding: 16px;
}
/* 768px */
@media only screen and (max-width: 48em) {
table.table_01{
    font-size: 1.4rem;
    font-size: 14px;
    }
}



/* ====================site map==================== */
section.sitemap_one{
	margin:0 0 40px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #000000;
	}
section.sitemap_one:first-child{
    margin-top: 10px;
}


.membercard_bg{
  width: 100%;
  height: 0;
  padding-top: calc(1300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(../../card/img/mainvisual.jpg) center center / cover no-repeat;
	}
.membercard_box{
    position: absolute;
    top: 55%;
    left: 5%;
    background-color: rgba(255,255,255,0.8);
    margin:0 auto 20px auto;
    width: 90%;
    padding: 20px;
}


/* 1400px */
@media only screen and (max-width: 87.5em) {
}
/* 1024px */
@media only screen and (max-width: 64em) {
}
/* 960px */
@media only screen and (max-width: 60em) {
}
/* 768px */
@media only screen and (max-width: 48em) {
}
/* 720px */
@media only screen and (max-width: 45em) {
}
/* 600px */
@media only screen and (max-width: 37.5em) {
}
/* 480px */
@media only screen and (max-width: 30em) {
}
/* 320px */
@media only screen and (max-width: 20em) {
}