@charset "UTF-8";

/*記事に関するスタイルシート（PC／印刷共通）*/


/*importはファイルの一番上に書かなければならない*/
@import url(unique20230717.css);


/*CONTENTS-LAYOUT
-------------------------------*/

div.flexbox1 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

div.flexbox1a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*アイテムを折り返して複数行に上から下に並べる*/
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

div.flexbox2 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムを余白を空けず配置、他の要素は均等に間隔を空けて配置*/
	-ms-flex-line-pack: justify;
	justify-content: space-between;
}

div.flexbox2a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムを余白を空けず配置、他の要素は均等に間隔を空けて配置*/
	-ms-flex-line-pack: justify;
	justify-content: space-between;
	/*アイテムを上下中央揃え配置*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.flexbox2b {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムを余白を空けず配置、他の要素は均等に間隔を空けて配置*/
	-ms-flex-line-pack: justify;
	justify-content: space-between;
	/*アイテムを下揃え配置*/
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

div.flexbox2c {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムを余白を空けず配置、他の要素は均等に間隔を空けて配置*/
	-ms-flex-line-pack: justify;
	justify-content: space-between;
	/*アイテムを下揃え配置*/
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	
	background-image: url(../img_scheme/bg_sky2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

div.flexbox2d {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムを余白を空けず配置、他の要素は均等に間隔を空けて配置*/
	-ms-flex-line-pack: justify;
	justify-content: space-between;
	/*アイテムを折り返して複数行に上から下に並べる*/
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

div.flexbox2e {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムを余白を空けず配置、他の要素は均等に間隔を空けて配置*/
	-ms-flex-line-pack: justify;
	justify-content: space-between;
	/*アイテムを上揃えで配置*/
	-ms-flex-line-pack: start;
	align-content: flex-start;
	/*アイテムを折り返して複数行に上から下に並べる*/
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

div.flexbox3 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*アイテムを左右中央揃え配置*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div.flexbox3a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*アイテムを左右中央揃え配置*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*アイテムを上下中央揃え配置*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.flexbox4 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムも含めて、均等な間隔を空けて配置*/
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

div.flexbox4a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムも含めて、均等な間隔を空けて配置*/
	-ms-flex-pack: distribute;
	justify-content: space-around;
	/*アイテムの上下の余白を埋めるように配置*/
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

div.flexbox4b {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	/*両端のアイテムも含めて、均等な間隔を空けて配置*/
	-ms-flex-pack: distribute;
	justify-content: space-around;
	/*アイテムを折り返して複数行に上から下に並べる*/
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div.entry_wrap {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	/*flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;*/
}

div.entry_wrap div.entry_calendar {
	order: 1;
	-webkit-order: 1;
	width: 100%;
	margin-bottom: 30px;
}

div.entry_wrap div.entry_contact {
	order: 2;
	-webkit-order: 2;
	width: 100%;
}

div.section_chenge{
	padding-top: 180px;
	padding-bottom: 100px;
}

div.col2_l {
	width: 49%;
	margin-right: 1%;
}

div.col2_r {
	width: 49%;
	margin-left: 1%;
}

div.col_entry1 {
	font-size: 12px;
	width: 59%;
	margin-right: 1%;
	padding-top: 100px;
}

div.col_entry2 {
	font-size: 12px;
	width: 39%;
	margin-left: 1%;
	padding-top: 100px;
}


/*BASIC
------------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

ul {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 1em;
}

ol {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 2em;
}

li {
	margin-top: 10px;
}

li ol {
	margin-top: 0px;
}

b {
	font-style: normal;
	font-weight: bold;
}

em {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

dt {
	font-style: normal;
	font-weight: bold;
	color: #66C;
	margin: 20px 0px 5px;
}

dt:first-of-type {
	margin-top: 0px;
}

dd {
	font-style: normal;
	font-weight: normal;
	margin: 5px 0px 5px 1em;
}


/*LINK
------------------------------*/

a {
	text-decoration: none;
	/* FireFox用CSSハック（選択時の点線を消す） */
	outline:none;
}

a:link {
	color: #03C;
	text-decoration: none;
}

a:visited {
	color: #639;
	text-decoration: none;
}

a:hover {
	color: #C3C;
	text-decoration: none;
}

a:active {
	color: #C3C;
	text-decoration: underline;
}

a img {
	border: none;
	transition: all 0.3s ease 0s;
}

a:hover img {
	opacity: 0.7;
}

.btn_download a {
	font-size: 14px;
	color: #FFF;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: block;
	background-color: #6666cc;
	background-image: url(../img_scheme/icon_download.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #6666cc;
	width: 266px;
	margin: 40px auto;
	padding: 12px 40px 12px 10px;
	border-radius: 9999px;
}

dl .btn_download a {
	display: inline-block;
	margin: 0px;
}

.btn_download a:link {
	color:#FFF;
	text-decoration: none;
}

.btn_download a:visited {
	color:#FFF;
	text-decoration: none;
}

.btn_download a:hover {
	color:#6666cc;
	text-decoration: none;
	background-color: #FFF;
	background-image: url(../img_scheme/icon_download.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right -40px;
}

.btn_download a:active {
	color: #66C;
	text-decoration: none;
}

a.popup {
	background-image: url(../img_scheme/icon_popup.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

a.movie {
	background-image: url(../img_scheme/icon_movie.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

.attention2 a:link {
	color:#FFF;
	text-decoration: none;
}

.attention2 a:visited {
	color:#FFF;
	text-decoration: none;
}

.attention2 a:hover {
	color: #6CF;
	text-decoration: none;
}

.attention2 a:active {
	color: #6CF;
	text-decoration: none;
}

/*Hamburger Menu
チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*SNSリンク*/

dl.sns {
	text-align: center;
	font-size: 12px;
	margin: 10px 0px 30px;
}

dl.sns dt,
dl.sns dd
{
	margin: 0px;	
}

dl.sns dt.facebook {
	font-size: 0px;
	text-indent: -9999px;
	background-image: url(../img_scheme/icon_facebook_29.png);
	background-repeat: no-repeat;
	background-position: center 8px;
	padding: 40px 0px 0px;
}

dl.sns dt.instagram {
	font-size: 0px;
	text-indent: -9999px;
	background-image: url(../img_scheme/icon_instagram_29.png);
	background-repeat: no-repeat;
	background-position: center 8px;
	padding: 40px 0px 0px;
}

dl.sns dt.twitter {
	font-size: 0px;
	text-indent: -9999px;
	background-image: url(../img_scheme/icon_twitter_29.png);
	background-repeat: no-repeat;
	background-position: center 8px;
	padding: 40px 0px 0px;
}

dl.sns dt.x {
	font-size: 0px;
	text-indent: -9999px;
	background-image: url(../img_scheme/icon_x_30.png);
	background-repeat: no-repeat;
	background-position: center 8px;
	padding: 40px 0px 0px;
}

/*バナー*/

p.banner {
	text-align: center;
	margin: 30px 0px;
}


/*CONTENTS-TEXT
------------------------------*/

h2 {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
}

h3 {
	font-size: 22px;
	font-weight: bold;
}

.head {
	text-align: center;
}

.head h3 {
	color: #C00;
	line-height: 1.2;
	display: inline-block;
	border-bottom: 2px solid #66C;
	margin: 60px auto 40px;
	padding: 30px 0px 10px;
	text-shadow: 1px 3px 1px rgba(0,0,0,0.2);
}

#cheer .head h3 {
	display: block;
	color: #F39;
	line-height: 1.2;
	letter-spacing: 2px;
	text-shadow: 1px 3px 0px rgba(255,204,255,1);
	background-image: url(../img_scheme/bg_head.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-bottom: none;
	margin: 60px auto 40px;
	padding: 40px 0px 10px;
}

h4 {
	color: #C00;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 30px;
	border-bottom: 1px dotted #69F;
	padding: 2px 0px;
}

h4:before {
	content:"★";
	color: #69F;
	letter-spacing: 1px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

div.lead {
	text-align: center;
}

div.lead p {
	font-size: 14px;
	text-align: center;
	color: #69F;
	font-weight: bold;
	line-height: 2;
	display: inline-block;
	border-top: 2px dotted #69F;
	border-bottom: 2px dotted #69F;
	padding: 10px;
	margin: 40px auto;
}

#cheer div.lead p {
	color: #F39;
	border-top: 2px dotted #FCF;
	border-bottom: 2px dotted #FCF;
}

div.list_center {
	text-align: center;
	margin: 0px auto;
}

div.list_center ol,
div.list_center ul,
div.list_center dl {
	text-align: left;
	display: inline-block;
}

div.caption_btn {
	text-align: center;
}

div.caption_btn p,
div.caption_btn ul {
	text-align: left;
	display: inline-block;
	margin: 0px auto 20px;
}

div.caption_btn li {
	margin: 0px;
	padding: 0px;
}

.note {
	color: #C00;
	font-weight: normal;
}

.supp {
	color: #666;
	font-weight: normal;
}

.date {
	color: #666;
	font-weight: normal;
}

span.price {
	color: #66C;
	font-weight: bold
}

.attention {
	color: #C00;
	font-weight: bold
}

.attention2 {
	color: #FFF;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	text-decoration: none;
	background-color: #C00;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 9999px;
}

.required {
	color: #FFF;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
	background-color: #C00;
	display: inline-block;
	padding: 3px;
	margin-left: 3px;
	border-radius: 3px;
}

.sign {
	text-align: right;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
}

.tel {
	font-size: 22px;
	line-height: 2;
	color: #666;
	font-weight: bold;
}

p.caption {
	color: #696969;
	font-weight: normal;
	margin: 0px;
}

p.mail_form {
	margin-top: 50px;
	margin-bottom: 50px;
}

div.resume {
	text-align: center;
	margin: 30px auto 50px;
}

div.resume ol {
	text-align: left;
	display: inline-block;
}

/*スマホでは改行しない*/
span.br_pc {
	display: block;
}

/*スマホでは改行*/
span.br_sp {
	
}


/*FORM
------------------------------*/

textarea {
	line-height: 1.5;
}

.button1 {
	font-weight: bold;
	padding: 2px 40px;
	font-size: 16px;
}

.button2 {
	color: #146bb4;
	padding: 2px 10px;
	font-size: 16px;
}

.form1 {
	width: 98%;
}


/*TABLE
------------------------------------*/

table thead th {
	background-color: #C5CFE0;
	text-align: center;
}

table tbody td {
}

table th {
	border: 1px solid #999;
	text-align: left;
	padding: 2px 5px;
	white-space: nowrap;
	background-color: #f5f5f5;
}

table td {
	border: 1px solid #999;
	padding: 2px 5px;
}

table caption {
	text-align: left;
	color: #00468c;
	font-weight: bold;
	margin: 5px 0px;
}


/*表示切替タブ
------------------------------------*/

input[name="tab"] {
    display: none;
}

.tabs {
  width: 100%;
}

.tab_label {
  border-bottom: 1px solid #69C;
}

.tabs input:checked + .tab_label {
  border-bottom: 2px solid #146bb4;
}

#tab_1:checked ~ #content_1,
#tab_2:checked ~ #content_2,
#tab_3:checked ~ #content_3 {
  display: block;
}

.tab_content {
  display: none;
}