@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Droid+Sans:400,700%7CDroid+Serif:400,700%7CCabin:400,500,600,700%7CSource+Sans+Pro:400,600");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.css");

html {
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", Meiryo, Osaka, "MS PGothic", sans-serif;
	color: #333333;
}

body {
	min-width: 980px;
	-webkit-overflow-scrolling: touch;
}

body .wrap {
	width: 980px;
	margin: 0 auto;
}

body #all {
	background: url("../img/header/bg_top.png") repeat center top;
	padding-top: 5px;
}

body #main {
	background: #f5f4ef;
}

/*headerーーーーーーーーーーーーーーーーーーーーーーーーーー*/

body #all #header {
	background: #1d2330;
}

body #all #header .wrap {
	zoom: 1;
}

body #all #header .wrap:before, body #all #header .wrap:after {
	content: " ";
	display: table;
}

body #all #header .wrap:after {
	clear: both;
}

body #all #header .wrap .title {
	float: left;
	padding: 18px 0 0 0px;
}

body #all #header .wrap ul.menu {
	position: relative;
	float: right;
	height: 50px;
}

body #all #header .wrap ul.menu li.gmn {
	font-size: 1.4em;
	float: left;
	border-right: 1px solid #484d56;
}

body #all #header .wrap ul.menu li.gmn p.head {
	text-indent: -99999px;
}

body #all #header .wrap ul.menu li.gmn p.head > a {
	display: block;
}

body #all #header .wrap ul.menu li.gmn p.head > a img {
	vertical-align: bottom;
}

body #all #header .wrap ul.menu li.gmn .sub {
	display: inline-block;
	position: absolute;
	padding: 18px;
	z-index: 100;
	top: 50px;
	display: none;
	background: #1D2330;
	vertical-align: top;
}

body #all #header .wrap ul.menu li.gmn .sub p.close {
	display: none;
}

body #all #header .wrap ul.menu li.gmn .sub ul li {
	margin-right: 10px;
}

body #all #header .wrap ul.menu li.gmn .sub ul li a {
	display: block;
	background: url("../img/cmn/arrow_01_a.png") no-repeat left center;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0 10px 15px;
}

body #all #header .wrap ul.menu li.gmn .sub ul li a:hover {
	color: #72767e;
}

body #all #header .wrap ul.menu li.gmn .sub ul li ul.second {
	display: none;
}

body #all #header .wrap ul.menu li.gmn .sub-01 {
	right: 0;
}

body #all #header .wrap ul.menu li.gmn .sub-02 {
	left: 248px;
}

body #all #header .wrap ul.menu li.gmn .sub-03 {
	left: 404px;
	white-space: nowrap;
}

body #all #header .wrap ul.menu li.mn-01 p.head a {
	width: 48px;
	height: 50px;
	background: url("../img/header/mn_insta.png") no-repeat left top;
}

body #all #header .wrap ul.menu li.mn-02 p.head a {
	width: 48px;
	height: 50px;
	background: url("../img/header/mn_tw.png") no-repeat left top;
}

body #all #header .wrap ul.menu li.mn-03 p.head {
	width: 126px;
	height: 50px;
	background: url("../img/header/mn_lang.png") no-repeat left top;
}

body #all #header .wrap ul.menu li.mn-03-sp {
	display: none;
}

body #all #header .wrap ul.menu li.mn-04 p.head {
	width: 126px;
	height: 50px;
	background: url("../img/header/mn_menu.png") no-repeat left top;
}

body #all #header .wrap ul.menu li.mn-04-sp {
	display: none;
}

body #all #header .wrap ul.menu > li.first {
	border-left: 1px solid #484d56;
	margin-left: 150px;
}


/*footerーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

body #all #footer > p.totop {
	display: none;
}

body #all #footer .block-04 {
	background: #f5f4ef;
	padding-top: 20px;
	padding-bottom: 20px;
}

body #all #footer .block-04 .wrap {
	font-size: 1.4em;
	text-align: center;
	line-height: 1.5;
	position: relative;
}

body #all #footer .block-04 .wrap a {
	color: #000000;
	text-decoration: none;
}

body #all #footer .block-04 .wrap a:hover {
	text-decoration: underline;
}

body #all #footer .block-04 .wrap p.totop {
	display: inline-block;
	text-align: center;
	margin-top: 30px;
}

body #all #copyright {
	font-family: "Utsukushi", serif;
	padding-top: 1px;
	bottom: 0;
	background: url("../img/header/bg_top.png") repeat-x center top;
	width: 100%;
}

body #all #copyright .wrap {
	width: 100%;
	background-color: #1d2330;
	padding: 20px 0;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}


/*マホ時 スライドメニューーーーーーーーーーーー*/

body .sb-right,
body .sb-left {
	background: #0d121e url("../img/header/bg_sidemenu.png") no-repeat left top;
	background-size: 400px auto;
}

body .sb-right p.close,
body .sb-left p.close {
	text-align: right;
}

body .sb-right ul,
body .sb-left ul {
	padding: 0 15px;
	line-height: 1.5;
}

body .sb-right ul li,
body .sb-left ul li {
	border-bottom: 1px dotted #888b91;
}

body .sb-right ul li a,
body .sb-left ul li a {
	font-size: 1.4em;
	display: block;
	background: url("../img/header/icon_star01.png") no-repeat left center;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0 10px 23px;
}

body .sb-right ul li ul.second,
body .sb-left ul li ul.second {
	padding: 0 0 0 20px;
}

body .sb-right ul li ul.second li a,
body .sb-left ul li ul.second li a {
	background: url("https://kyonotanabata.kyoto.travel/design/img/header/icon_star02.png") no-repeat left center;
}

body .sb-right ul li ul.second li.last,
body .sb-left ul li ul.second li.last {
	border-bottom: none;
}


/*shareーーーーーーーーーーーーーーーーーーーーーーーーーー*/

body .br-sp {
	display: none;
}

body a.fade:hover,
body .fade a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	zoom: 1;
}

._mt0 {
	margin-top: 0 !important;
}

._mr0 {
	margin-right: 0 !important;
}

._mb0 {
	margin-bottom: 0 !important;
}

._ml0 {
	margin-left: 0 !important;
}

._mt5 {
	margin-top: 5px !important;
}

._mr5 {
	margin-right: 5px !important;
}

._mb5 {
	margin-bottom: 5px !important;
}

._ml5 {
	margin-left: 5px !important;
}

._mt10 {
	margin-top: 10px !important;
}

._mr10 {
	margin-right: 10px !important;
}

._mb10 {
	margin-bottom: 10px !important;
}

._ml10 {
	margin-left: 10px !important;
}

._mt15 {
	margin-top: 15px !important;
}

._mr15 {
	margin-right: 15px !important;
}

._mb15 {
	margin-bottom: 15px !important;
}

._ml15 {
	margin-left: 15px !important;
}

._mt20 {
	margin-top: 20px !important;
}

._mr20 {
	margin-right: 20px !important;
}

._mb20 {
	margin-bottom: 20px !important;
}

._ml20 {
	margin-left: 20px !important;
}

._mt25 {
	margin-top: 25px !important;
}

._mr25 {
	margin-right: 25px !important;
}

._mb25 {
	margin-bottom: 25px !important;
}

._ml25 {
	margin-left: 25px !important;
}

._mt30 {
	margin-top: 30px !important;
}

._mr30 {
	margin-right: 30px !important;
}

._mb30 {
	margin-bottom: 30px !important;
}

._ml30 {
	margin-left: 30px !important;
}

._mt35 {
	margin-top: 35px !important;
}

._mr35 {
	margin-right: 35px !important;
}

._mb35 {
	margin-bottom: 35px !important;
}

._ml35 {
	margin-left: 35px !important;
}

._mt40 {
	margin-top: 40px !important;
}

._mr40 {
	margin-right: 40px !important;
}

._mb40 {
	margin-bottom: 40px !important;
}

._ml40 {
	margin-left: 40px !important;
}

._mt45 {
	margin-top: 45px !important;
}

._mr45 {
	margin-right: 45px !important;
}

._mb45 {
	margin-bottom: 45px !important;
}

._ml45 {
	margin-left: 45px !important;
}

._mt50 {
	margin-top: 50px !important;
}

._mr50 {
	margin-right: 50px !important;
}

._mb50 {
	margin-bottom: 50px !important;
}

._ml50 {
	margin-left: 50px !important;
}

._mt55 {
	margin-top: 55px !important;
}

._mr55 {
	margin-right: 55px !important;
}

._mb55 {
	margin-bottom: 55px !important;
}

._ml55 {
	margin-left: 55px !important;
}

._mt60 {
	margin-top: 60px !important;
}

._mr60 {
	margin-right: 60px !important;
}

._mb60 {
	margin-bottom: 60px !important;
}

._ml60 {
	margin-left: 60px !important;
}

._mt65 {
	margin-top: 65px !important;
}

._mr65 {
	margin-right: 65px !important;
}

._mb65 {
	margin-bottom: 65px !important;
}

._ml65 {
	margin-left: 65px !important;
}

._mt70 {
	margin-top: 70px !important;
}

._mr70 {
	margin-right: 70px !important;
}

._mb70 {
	margin-bottom: 70px !important;
}

._ml70 {
	margin-left: 70px !important;
}

._mt75 {
	margin-top: 75px !important;
}

._mr75 {
	margin-right: 75px !important;
}

._mb75 {
	margin-bottom: 75px !important;
}

._ml75 {
	margin-left: 75px !important;
}

._mt80 {
	margin-top: 80px !important;
}

._mr80 {
	margin-right: 80px !important;
}

._mb80 {
	margin-bottom: 80px !important;
}

._ml80 {
	margin-left: 80px !important;
}

._mt85 {
	margin-top: 85px !important;
}

._mr85 {
	margin-right: 85px !important;
}

._mb85 {
	margin-bottom: 85px !important;
}

._ml85 {
	margin-left: 85px !important;
}

._mt90 {
	margin-top: 90px !important;
}

._mr90 {
	margin-right: 90px !important;
}

._mb90 {
	margin-bottom: 90px !important;
}

._ml90 {
	margin-left: 90px !important;
}

._mt95 {
	margin-top: 95px !important;
}

._mr95 {
	margin-right: 95px !important;
}

._mb95 {
	margin-bottom: 95px !important;
}

._ml95 {
	margin-left: 95px !important;
}

._mt100 {
	margin-top: 100px !important;
}

._mr100 {
	margin-right: 100px !important;
}

._mb100 {
	margin-bottom: 100px !important;
}

._ml100 {
	margin-left: 100px !important;
}


@media only screen and (min-width: 740px) and (max-width: 999px) {
	body {
		min-width: 0px;
	}
	body .wrap {
		width: 100%;
		margin: 0 auto;
	}

	/*headerーーーーーーーーーーーーーーーーーーーーーーーーーー*/

	body #all #header .wrap {
		zoom: 1;
	}
	body #all #header .wrap:before, body #all #header .wrap:after {
		content: " ";
		display: table;
	}
	body #all #header .wrap:after {
		clear: both;
	}
	body #all #header .wrap .title {
		padding-left: 20px;
	}

	/*fotterーーーーーーーーーーーーーーーーーーーーーーーーーー*/

	body #all #footer .block-04 .wrap p.totop {
		display: inline-block;
		margin-top: 30px;
		position: inherit;
	}
}

@media only screen and (max-width: 739px) {
	body {
		min-width: 0px;
	}
	body .wrap {
		width: 100%;
		margin: 0 auto;
	}
	body #all {
		background-size: 700px auto;
	}

	/*headerーーーーーーーーーーーーーーーーーーーーーーーーーー*/

	body #all #header .wrap .title {
		float: left;
		padding: 16px 0 0 11px;
	}
	body #all #header .wrap .title img {
		width: 110px;
		height: auto;
	}
	body #all #header .wrap ul.menu {
		height: 40px;
	}
	body #all #header .wrap ul.menu li.gmn .sub {
		display: none;
		position: inherit;
		padding: 18px;
		z-index: 100;
	}
	body #all #header .wrap ul.menu li.gmn .sub ul {
		vertical-align: top;
		display: block;
	}
	body #all #header .wrap ul.menu li.gmn .sub ul li {
		margin-right: 10px;
	}
	body #all #header .wrap ul.menu li.gmn .sub ul li a {
		display: block;
		background: url("../img/cmn/arrow_01_a.png") no-repeat left center;
		color: #FFFFFF;
		text-decoration: none;
		padding: 5px 0 5px 15px;
		display: inline-block;
	}
	body #all #header .wrap ul.menu li.gmn .sub ul li a:hover {
		color: #72767e;
	}
	body #all #header .wrap ul.menu li.mn-01 p.head a {
		width: 38px;
		height: 40px;
		background: url("../img/header/mn_insta_sp.png") no-repeat left top;
		background-size: 38px auto;
	}
	body #all #header .wrap ul.menu li.mn-02 p.head a {
		width: 38px;
		height: 40px;
		background: url("../img/header/mn_tw_sp.png") no-repeat left top;
		background-size: 38px auto;
	}
	body #all #header .wrap ul.menu li.mn-03 {
		display: none;
	}
	body #all #header .wrap ul.menu li.mn-03-sp {
		display: block;
	}
	body #all #header .wrap ul.menu li.mn-03-sp p {
		cursor: pointer;
	}
	body #all #header .wrap ul.menu li.mn-03-sp img {
		vertical-align: bottom;
	}
	body #all #header .wrap ul.menu li.mn-04 {
		display: none;
	}
	body #all #header .wrap ul.menu li.mn-04-sp {
		display: block;
	}
	body #all #header .wrap ul.menu li.mn-04-sp p {
		cursor: pointer;
	}
	body #all #header .wrap ul.menu li.mn-04-sp img {
		vertical-align: bottom;
	}
	body #all #header .wrap ul.menu > li.first {
		border-left: 1px solid #484d56;
		margin-left: 0;
	}

	/*fotterーーーーーーーーーーーーーーーーーーーーーーーーーー*/

	body #all #footer > p.totop {
		display: block;
		padding: 20px 0;
		position: inherit;
		text-align: center;
		background: #FFFFFF;
	}
	body #all #footer .block-04 {
		padding: 20px 0;
	}
	body #all #footer .block-04 .wrap p.totop {
		display: none;
	}

	/*shareーーーーーーーーーーーーーーーーーーーーーーーーーー*/

	body .br-sp {
		display: block;
	}
}

/*# sourceMappingURL=contents.css.map */




/*--------------------------------------------
■［2022年6月］
--------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body.home div#main,
body.campaign div#main {
	font-family: 'Noto Sans JP', sans-serif;
}

div#main {
	font-size: 15px;
	line-height: 1.8;
}
div#main * {
	box-sizing: border-box;
}
div.main-container {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

/*--------------------------------------------
■［リンク］
--------------------------------------------*/
section * {
	transition: all .3s ease-out;
}
section .btn:hover,
section button:hover,
section a:hover {
	filter: brightness(1.3);
}
section .btn:active,
section button:active,
section a:active {
	filter: brightness(0.7);
}


/*--------------------------------------------
■［画像］
--------------------------------------------*/

div.main-container img {
	-webkit-backface-visibility: hidden;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
	max-width: 100%;
	width: auto;
	height: auto;
	border-style: none;
}

div.main-container img[usemap] {
	max-width: 100%;
	height: auto;
}

div.main-container .ofi {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

div.main-container .ofi.contain {
	object-fit: contain;
	font-family: 'object-fit: contain;'
}

div.main-container span.imagelink,
div.main-container span.zoom {
	width: auto;
	height: auto;
	display: inline-block;
}

div.main-container img[src$=".svg"] {
	width: 100%;
	height: auto;
}


/*--------------------------------------------
■［回り込み］
--------------------------------------------*/

.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.f-left {
	float: left;
}

p.f-left {
	margin-right: 1.5em !important;
}

.f-right {
	float: right;
}

p.f-right {
	margin-left: 1.5em !important;
}

.f-clear {
	clear: both;
}

.a-left {
	text-align: left;
}


.a-right {
	text-align: right;
}

.a-center {
	text-align: center;
}



/*--------------------------------------------
■［表示／非表示］
--------------------------------------------*/

.pc-view {
	display: inherit !important;
}
.sp-view {
	display: none !important;
}


/*--------------------------------------------
■［ボタン］
--------------------------------------------*/

.btn {
	display: inline-block;
	padding: 1.5em 2em;
	line-height: 1;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	margin: 0;
	box-shadow: none;
	color: #fff !important;
	background-color: #1d2330;
	min-width: 16em;
}
.btn2 {
	display: inline-block;
	padding: 1.5em 2em;
	line-height: 1;
	text-decoration: none !important;
	cursor: pointer;
	text-align: left;
	margin: 0;
	box-shadow: none;
	color: #102D53 !important;
	border: 1px solid #102D53;
	min-width: 20em;
	border-radius: 2em;
	font-size: 0.9em;
	background-image: url("../img/site/icon_next.svg");
	background-repeat: no-repeat;
	background-position: right 1.5em center;
	background-size: 20px 5px;
}


/*--------------------------------------------
■［パンくずナビ］
--------------------------------------------*/

div#breadcrumbs {
	padding: 1em 3vw;
	background-color: #000;
	font-size: 15px;
	line-height: 1.8;
}
div#breadcrumbs ul {
	max-width: 1280px;
	margin: 0 auto;
	font-size: 0.9em;
}
div#breadcrumbs ul li {
	display: inline-block;
	color: #ccc;
}
div#breadcrumbs ul li + li:before {
	content: ">";
	padding: 0 0.5em;
	opacity: 0.5;
}
div#breadcrumbs ul li a {
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------
■［キャンペーンヘッダー］
--------------------------------------------*/

header#cp-header {
	background-color: #fff;
	position: relative;
	padding: 15px 20px;
}
header#cp-header h1 {
	display: inline-block;
}
header#cp-header h1 img {
	height: 40px;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
header#cp-header h1 strong {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.5em;
	font-size: 13px;
	font-weight: normal;
}
header#cp-header h1 strong span {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	color: #666;
}
header#cp-header h2 {
	display: inline-block;
	margin-left: 1.5em;
	vertical-align: middle;
	font-size: 12px;
}
header#cp-header ul {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1em;
	font-size: 15px;
	font-family: "Utsukushi", serif;
	font-weight: bold;
	max-width: calc(100% - 380px)
}
header#cp-header ul li {
	display: inline-block;
}
header#cp-header ul li + li {
	margin-left: 1.5em;
}
header#cp-header ul li a {
	text-decoration: none;
}
body.information header#cp-header ul li a[href="/information/"],
body.campaign header#cp-header ul li a[href="/campaign/"],
body.home header#cp-header ul li a[href="/"] {
	color: #195780;
}



/*--------------------------------------------
■［キャンペーンフッター］
--------------------------------------------*/

p#topofpage {
	position: sticky;
	height: 0;
	bottom: 0;
	z-index: 100;
}
p#topofpage button {
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background-color: #1D2330;
	position: absolute;
	right: 0;
	bottom: 0;
	border: none;
	font-size: 20px;
	cursor: pointer;
}
footer#cp-footer {
	background-color: #1D2330;
	color: #C6C6C6;
	padding: 3em 3vw;
	font-size: 14px;
	line-height: 1.8;
}
footer#cp-footer a {
	color: #fff;
	text-decoration: none;
}
footer#cp-footer div.main-container {
}
footer#cp-footer div.main-container div#cp-footer-site h4 {
	margin-bottom: 1.5em;
}
footer#cp-footer div.main-container div#cp-footer-site h4 img {
	height: 36px;
	display: inline-block;
	margin-right: 1.5em;
	vertical-align: middle;
}
footer#cp-footer div.main-container div#cp-footer-site h4 strong {
	display: inline-block;
	vertical-align: middle;
}
footer#cp-footer div.main-container p {
	margin-bottom: 1.5em;
}
footer#cp-footer div.main-container ul#cp-footer-navi-site {
	margin-bottom: 1.5em;
}
footer#cp-footer div.main-container ul#cp-footer-navi-site li {
	margin-bottom: 0.25em;
}
footer#cp-footer div.main-container ul#cp-footer-navi-site li i {
	color: #4D80AA;
	margin-right: 0.3em;
}
footer#cp-footer div.main-container ul.sns {
	margin-bottom: 1.5em;
}
footer#cp-footer div.main-container ul.sns li {
	display: inline-block;
}
footer#cp-footer div.main-container ul.sns li + li {
	margin-left: 0.5em;
}
footer#cp-footer div.main-container ul.sns li a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
footer#cp-footer div.main-container ul.sns li a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 18px;
}
footer#cp-footer div.main-container ul.sns li a[href*="twitter"] {
	background-color: #1E9BEC;
}
footer#cp-footer div.main-container ul.sns li a[href*="facebook"] {
	background-color: #3A578F;
}
footer#cp-footer div.main-container ul.sns li a[href*="instagram"] {
	background-color: #D91570;
}
footer#cp-footer div.main-container ul#footer-ban {
	display: flex;
	margin: -5px;
	margin-bottom: 1.5em;
	width: 50%;
	margin-left: auto;
}
footer#cp-footer div.main-container ul#footer-ban li {
	/*width: 50%;*/
	padding: 5px;
}
.w28 {
	width: 28%;
}
.w30 {
	width: 30%;
}
.w38 {
	width: 38%;
}
.w48 {
	width: 48%;
}
.w58 {
	width: 58%;
}
.w66 {
	width: 66%;
}
.w68 {
	width: 68%;
}
.w78 {
	width: 78%;
}
.w88 {
	width: 88%;
}



/*--------------------------------------------
■［キャンペーントップ］
--------------------------------------------*/

body.home section#mainvisual {
	position: relative;
}
body.home section#mainvisual img {
	width: 100%;
	height: auto;
}
body.home section#mainvisual p {
	position: absolute;
	right: 3vw;
	bottom: 3vw;
	width: 400px;
	height: 200px;
	display: flex;
}
body.home section#about {
	background-color: #E9F0F5;
	position: relative;
	padding: 4em 3vw;
}
body.home section#about:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url("../img/site/bg_001.svg");
	background-size: 90px 100px;
	opacity: 0.5;
}
body.home section#about div.main-container {
	display: flex;
	gap: 50px;
}
body.home section#about div.main-container article {
	width: 50%;
	padding: 3em;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(16, 45, 83, 0.2);
}
body.home section#about div.main-container article h3 {
	font-family: "Utsukushi", serif;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	text-align: center;
}
body.home section#about div.main-container article h3 span {
	background: linear-gradient(transparent 70%, #E9CF91 70%);
}
body.home section#index {
	background-color: #102D53;
	position: relative;
	padding: 4em 3vw;
}
body.home section#index:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: -moz-linear-gradient(top,  rgba(0,145,139,0) 1%, rgba(0,145,139,0) 25%, rgba(0,145,139,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,145,139,0) 1%,rgba(0,145,139,0) 25%,rgba(0,145,139,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,145,139,0) 1%,rgba(0,145,139,0) 25%,rgba(0,145,139,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000918b', endColorstr='#00918b',GradientType=0 );
	z-index: 0;
}
body.home section#index:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url("../img/home/home_003.png"), url("../img/home/home_002.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom, center top;
	z-index: 1;
}
body.home section#index div.main-container {
	position: relative;
	z-index: 2;
}
body.home section#index div.main-container > ul {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}
body.home section#index div.main-container > ul > li {
	width: 20%;
	padding: 10px;
}
body.home section#index div.main-container > ul > li:nth-child(2),
body.home section#index div.main-container > ul > li:nth-child(1) {
	width: 50%;
}
body.home section#index div.main-container > ul > li > span,
body.home section#index div.main-container > ul > li > a {
	display: block;
	border-radius: 0.6em;
	border: 2px solid #4D80AA;
	padding: 20px;
	background-color: rgba(16, 45, 83, 0.75);
	position: relative;
	color: #fff;
	text-decoration: none;
	height: 100%;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
body.home section#index div.main-container > ul > li > a.s {
	height: calc(50% - 5px);
	padding-top: 25px;
}
body.home section#index div.main-container > ul > li > a.s + a.s {
	margin-top: 10px;
}
body.home section#index div.main-container > ul > li > a:after {
	position: absolute;
	right: 10px;
	bottom: 10px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #e9cf91 transparent;

}
body.home section#index div.main-container > ul > li:nth-child(2) a,
body.home section#index div.main-container > ul > li:nth-child(1) a {
	padding-left: 30%;
}
body.home section#index div.main-container > ul > li a h5 {
	color: #E9CF91;
	font-family: "Utsukushi", serif;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	text-align: center;
}
body.home section#index div.main-container > ul > li:nth-child(2) a h5,
body.home section#index div.main-container > ul > li:nth-child(1) a h5 {
	font-size: 1.8em;
	text-align: left;
}
body.home section#index div.main-container > ul > li a h5 img {
	display: block;
	width: 40%;
	margin: 0.5em auto 0.3em auto;
}
body.home section#index div.main-container > ul > li:nth-child(2) a h5 img,
body.home section#index div.main-container > ul > li:nth-child(1) a h5 img {
	position: absolute;
	left: 5%;
	top: 15px;
	width: 20%;
	margin: 0;
}
body.home section#index div.main-container > ul > li:nth-child(6) span {
	padding: 15px;
}
body.home section#index div.main-container > ul > li:nth-child(6) span ul {
	display: flex;
	gap: 5px;
	margin-top: 10px;
}
body.home section#blog {
	padding: 4em 3vw;
}
body.home section#blog div.main-container {
	max-width: 980px;
}
body.home section#blog h2 {
	color: #102D53;
	font-family: "Utsukushi", serif;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
	text-align: center;
	margin-bottom: 1em;
}
body.home section#blog h2 img {
	width: 2em;
	display: block;
	margin: 0 auto;
}
/*body.home section#blog ul {
	display: flex;
	margin-bottom: 2em;
}
body.home section#blog ul li {
	width: 33.333%;
}
body.home section#blog ul li a {
	display: block;
	text-decoration: none;
}
body.home section#blog ul li p.thumb {
	width: 100%;
	padding-top: 60%;
	height: 0;
	margin: 0 0 1em 0;
	position: relative;
}
body.home section#blog ul li p.thumb img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}
body.home section#blog ul li h5 {
	font-weight: normal;
	padding-right: 20px;
}
body.home section#blog ul li h5 span {
	font-size: 0.8em;
	color: #4D80AA;
	display: block;
}*/
body.home section#blog div#timeline {
	display: flex;
	gap: 60px;
}
body.home section#blog div#timeline article {
	width: 50%;
}
.facebook-wrapper {
	max-width: 500px; /* Facebook Page Plugin の最大幅 */
	margin: 0 auto;
}
.facebook-wrapper > .fb-page {
	width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
	width: 100% !important;
}
body.home section#blog ul.sns {
	margin-top: 2em;
	text-align: center;
}
body.home section#blog ul.sns li {
	display: inline-block;
}
body.home section#blog ul.sns li + li {
	margin-left: 0.5em;
}
body.home section#blog ul.sns li a {
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 2em;
	padding: 0.6em 1.5em;
	text-decoration: none;
}
body.home section#blog ul.sns li a[href*="twitter"] {
	background-color: #1E9BEC;
}
body.home section#blog ul.sns li a[href*="facebook"] {
	background-color: #3A578F;
}
body.home section#blog ul.sns li a[href*="instagram"] {
	background-color: #D91570;
}


/*--------------------------------------------
■［願いごと応募］
--------------------------------------------*/

section#title {
	background-image: url("../img/information/title.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 3em 3vw;
	color: #fff;
	font-size: 15px;
	line-height: 1.8;
	display: flex;
	line-height: 1.5;
	align-items: center;
	flex-wrap: wrap;
}
section#title:before {
	background-color: rgba(29, 35, 48, 0.6);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	z-index: 0;
}
section#title h1 {
	position: inherit;
	font-family: "Utsukushi", serif;
	font-size: 2.4em;
	font-weight: normal;
	z-index: 1;
}
section#title h2 {
	display: inline-block;
	font-size: 1.1rem;
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", Meiryo, Osaka, "MS PGothic", sans-serif;
	vertical-align: middle;
	margin-left: 2.5em;
	max-width: 500px;
	color: #fff;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 0.05em;
}

body.campaign section#period {
	padding: 4em 3vw;
	text-align: center;
}
body.campaign section#period p,
body.campaign section#period h2 {
	margin-bottom: 1.5em;
}
body.campaign section#period h2 img {
	height: 3em;
	max-width: 100%;
}
body.campaign section#period p.period span {
	display: inline-block;
	border-radius: 2em;
	font-size: 1.3em;
	background-color: #E9CF91;
	color: #102D53;
	font-weight: bold;
	padding: 0.5em 1em;
}
body.campaign section#period p.period span strong {
	font-size: 1.4em;
}
body.campaign section#outline {
	padding: 4em 3vw 0 3vw;
	background-color: #E9F0F5;
	position: relative;
}
body.campaign section#outline:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url("../img/site/bg_001.svg");
	background-size: 90px 100px;
	opacity: 0.25;
	z-index: 0;
}
body.campaign section#outline div#thisyear {
	margin-bottom: 3em;
}
body.campaign section#outline div#thisyear h4 {
	font-family: "Utsukushi", serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #102D53;
	margin-bottom: 1em;
}
body.campaign section#outline ul#tab {
	display: flex;
}
body.campaign section#outline ul#tab li {
	width: 33.333%;
	padding: 0 10px;
}
body.campaign section#outline ul#tab li a,
body.campaign section#outline ul#tab li button {
	border: 3px solid #E8945E;
	border-bottom: none;
	background-color: #fff;
	border-radius: 0.4em 0.4em 0 0;
	width: 100%;
	font-size: 1.4em;
	height: 100%;
	font-weight: bold;
	padding: 1em;
	padding-left: 25%;
	text-align: left;
	color: #102D53;
	position: relative;
	display: block;
	min-height: 4em;
	text-decoration: none;
	line-height: 1.3;
	cursor: pointer;
}
body.campaign section#outline ul#tab li a {
	border-bottom: 3px solid #E8945E;
	border-radius: 0.4em;
	height: auto;
	min-height: inherit;
}
body.campaign section#outline ul#tab li a:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #e8935e transparent;
	position: absolute;
	right: 5px;
	bottom: 5px;
	content: "";
}
body.campaign section#outline ul#tab li button.active {
	background-color: #E8945E;
	color: #fff;
}

body.campaign section#outline ul#tab li a img,
body.campaign section#outline ul#tab li button img {
	position: absolute;
	left: 5%;
	top: 1em;
	width: 15%;
	height: auto;
}
body.campaign section#outline ul#tab li a span,
body.campaign section#outline ul#tab li button span {
	display: block;
	font-size: 0.8em;
	margin-bottom: 0.2em;
}
body.campaign section#outline div#cnt {
	border-top: 7px solid #E8945E;
	background-color: #fff;
	z-index: 1;
	position: relative;
	margin: 0 -3vw;
}
body.campaign section#outline div#cnt h3 {
	font-size: 2em;
	text-align: center;
	margin-bottom: 1.5em;
	color: #102D53;
	line-height: 1.4;
	display: none;
}
body.campaign section#outline div#cnt h3 span {
	font-size: 0.5em;
	display: block;
	font-weight: normal;
}
body.campaign section#outline div#cnt h3 img {
	display: block;
	height: 2em;
	width: auto;
	margin: 0 auto 0.3em auto;
}
body.campaign section#outline div#cnt article#box,
body.campaign section#outline div#cnt article#wish,
body.campaign section#outline div#cnt article#present {
	display: none;
}
body.campaign section#outline div#cnt article#box.active,
body.campaign section#outline div#cnt article#wish.active,
body.campaign section#outline div#cnt article#present.active {
	display: block;
}
body.campaign section#outline div#cnt article#box div#box-guideline,
body.campaign section#outline div#cnt article#wish div#wish-guideline,
body.campaign section#outline div#cnt article#present div#present-guideline {
	position: relative;
	padding: 4em 3vw;
}
body.campaign section#outline div#cnt article#box div#box-guideline:before,
body.campaign section#outline div#cnt article#wish div#wish-guideline:before,
body.campaign section#outline div#cnt article#present div#present-guideline:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50vw;
	background-color: #DDE5ED;
	content: "";
}
body.campaign section#outline div#cnt article#wish div#wish-guideline:before {
	left: auto;
	right: 0;
}
body.campaign section#outline div#cnt article#box div#box-guideline:after,
body.campaign section#outline div#cnt article#wish div#wish-guideline:after,
body.campaign section#outline div#cnt article#present div#present-guideline:after {
	position: absolute;
	left: 49%;
	top: 3em;
	bottom: 0;
	width: 50vw;
	max-width: 600px;
	content: "";
	background-image: url("../img/campaign/campaign_002.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
body.campaign section#outline div#cnt article#wish div#wish-guideline:after {
	left: auto;
	right: 49%;
	background-image: url("../img/campaign/campaign_003.png");
}
body.campaign section#outline div#cnt article#box div#box-guideline:after {
	background-image: url("../img/campaign/campaign_005.png");
}
body.campaign section#outline div#cnt article#present div#present-guideline div.main-container {
	z-index: 1;
}
body.campaign section#outline div#cnt div.present-presentlist {
	background-color: #F3E8CF;
	padding: 4em 3vw;
}
body.campaign section#outline div#cnt div.present-presentlist h4 {
	font-family: "Utsukushi", serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #102D53;
	margin-bottom: 1em;
}
body.campaign section#outline div#cnt ul.presentslider {
	margin: 0 -10px;
	position: relative;
}
/*body.campaign section#outline div#cnt ul.presentslider button.slick-arrow {
	position: absolute;
	right: 0;
	top: -50px;
	width: 30px;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	color: #fff;
	background-color: #102D53;
	line-height: 30px;
	text-align: center;
	border: none;
}
body.campaign section#outline div#cnt ul.presentslider button.slick-arrow.slick-prev {
	right: 40px;
}
body.campaign section#outline div#cnt ul.presentslider button.slick-arrow:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	width: 1em;
	height: 1em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 1;
	margin: auto;
	content: "\f054";
}
body.campaign section#outline div#cnt ul.presentslider button.slick-arrow.slick-prev:before {
	content: "\f053";
}
body.campaign section#outline div#cnt ul.presentslider ul.slick-dots {
	right: 90px;
	top: -40px;
	font-size: 0;
	position: absolute;
}
body.campaign section#outline div#cnt ul.presentslider ul.slick-dots li {
	width: 10px;
	height: 0;
	padding-top: 10px;
	border-radius: 50%;
	margin: 0 3px;
	background-color: #B1B1B1;
	overflow: hidden;
	display: inline-block;
}
body.campaign section#outline div#cnt ul.presentslider ul.slick-dots li.slick-active {
	background-color: #E8945E;
}*/
body.campaign section#outline div#cnt ul.presentslider {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}
body.campaign section#outline div#cnt ul.presentslider > li {
	width: 25%;
	padding: 10px;
}
body.campaign section#outline div#cnt ul.presentslider li div {
	background-color: #fff;
	margin: 0;
	height: 100%;
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.05);
	padding: 20px;
	margin-bottom: 1em;
}
body.campaign section#outline div#cnt ul.presentslider li div p.thumb {
	margin: -20px -20px 0 -20px;
	height: 0;
	padding-top: 78%;
	position: relative;
}
body.campaign section#outline div#cnt ul.presentslider li div p.thumb[data-vol]:after {
	content: attr(data-vol)"";
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	background-color: #102D53;
	color: #fff;
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
}
body.campaign section#outline div#cnt ul.presentslider li div p.thumb.caption:before {
	content: attr(data-caption)"";
	color: #102D53;
	/*z-index: 2;
	background-color: rgba(16, 45, 83, 0.7);
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.3em;*/
	font-size: 0.7em;
	line-height: 1;
	display: block;
	text-align: right;
	margin-top: 0.2em;
	padding-right: 0.3em;
}
body.campaign section#outline div#cnt ul.presentslider li div p.thumb img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

body.campaign section#outline div#cnt ul.presentslider li div h5 {
	margin-top: 25px;
	font-weight: bold;
	color: #102D53;
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 0;
}
body.campaign section#outline div#cnt ul.presentslider li div h5 span {
	font-weight: normal;
	font-size: 0.7em;
	display: block;
	margin-bottom: 0.3em;
}
body.campaign section#outline div#cnt ul.presentslider li div p.quantity {
	text-align: right;
	color: #195780;
	margin-bottom: 0.5em;
}
body.campaign section#outline div#cnt ul.presentslider li div p.caption {
	margin-bottom: 1em;
}
body.campaign section#outline div#cnt ul.presentslider li div p.link i {
	color: #E8945E;
}
body.campaign section#outline div#cnt div.detail {
	width: 46%;
}
body.campaign section#outline div#cnt article#wish div.detail {
	margin-left: auto;
}
body.campaign section#outline div#cnt p {
	margin-bottom: 1em;
}
body.campaign section#outline div#cnt p:last-child {
	margin-bottom: 0;
}
body.campaign section#outline div#cnt dl.summary {
	margin-bottom: 1em;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
body.campaign section#outline div#cnt dl.summary > dt {
	margin-bottom: 1em;
	width: 8em;
	text-align: center;
	border-radius: 2em;
	padding: 0.6em;
	color: #102D53;
	font-weight: bold;
	background-color: #fff;
}
body.campaign section#outline div#cnt dl.summary > dd {
	margin-bottom: 1em;
	width: calc(100% - 8em);
	padding: 0.6em 0 0.6em 1em;
}
body.campaign section#outline div#cnt dl.summary > dd > *:last-child {
	margin-bottom: 0;
}
body.campaign section#outline div#cnt dl.method {
	margin-bottom: 1em;
	line-height: 1.5;
}
body.campaign section#outline div#cnt dl.method > dt {
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 0.3em 0.3em 0 0;
	color: #102D53;
	font-weight: bold;
	padding: 0.5em 1em;
	font-size: 1.2em;
}
body.campaign section#outline div#cnt dl.method > dt strong {
	display: inline-block;
	font-size: 0.8em;
	padding: 0.3em 0.6em;
	border-radius: 0.2em;
	background-color: #4D80AA;
	font-weight: normal;
	color: #fff;
	vertical-align: middle;
	margin-right: 0.5em;
}
body.campaign section#outline div#cnt dl.method > dd {
	border: 2px solid #fff;
	border-radius: 0 0 0.3em 0.3em;
	padding: 1.5em;
}
body.campaign section#outline div#cnt dl.method > dd > *:last-child {
	margin-bottom: 0;
}
/*body.campaign section#outline div#cnt ul.method {
	display: flex;
	flex-wrap: wrap;
}
body.campaign section#outline div#cnt ul.placelist > li {
	width: 50%;
}*/
body.campaign section#outline div#cnt ul.placelist h6 {
	font-size: 1.1em;
	color: #102D53;
	margin-bottom: 0.2em;
}
body.campaign section#outline div#cnt article#box div.present-presentlist h3 {
	text-align: center;
	display: block;
	line-height: 1.3;
}
body.campaign section#outline div#cnt article#box div.present-presentlist h3 span {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
body.campaign section#outline article#box div.present-presentlist dl.method {
	margin-bottom: 2em;
}
body.campaign section#outline article#box div.present-presentlist ul.placelist {
	display: flex;
	flex-wrap: wrap;
}
body.campaign section#outline article#box div.present-presentlist ul.placelist > li {
	width: 50%;
}
body.campaign section#outline a[target='_blank']:after {
	content: "\f2d2";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 0.7em;
	vertical-align: super;
	line-height: 1;
	margin-left: 0.3em;
	text-decoration: none;
}
body.campaign a.button {
	background-color: #E8945E;
	border-radius: 0.6em;
	padding: 1.3em;
	display: block;
	color: #fff;
	box-shadow: 0 7px 0 0 #C37F4F;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
body.campaign a.button:active {
	box-shadow: none;
}
body.campaign section#terms  {
	padding: 4em 3vw;
	background-color: #F3F3F3;
}
body.campaign section#terms h3 {
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #102D53;
	margin-bottom: 1em;
}
body.campaign section#terms div#agree-contents {
	border: 4px solid #ddd;
	border-radius: 1em;
	padding: 1.5em;
	overflow-y: auto;
	height: 30em;
	background-color: #fff;
}
body.campaign section#terms div#agree-contents h5 {
	font-size: 1.2em;
	margin: 1em 0 0.5em 0;
}
body.campaign section#remarks  {
	padding: 4em 3vw;
	background-color: #fff;
	position: relative;
}
body.campaign section#remarks:before  {
	background-color: #F3E8CF;
	width: 50vw;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
}
body.campaign section#remarks div.main-container {
	display: flex;
	gap: 60px;
}
body.campaign section#remarks div.main-container article {
	width: 50%;
}
body.campaign section#remarks h3 {
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #102D53;
	margin-bottom: 1em;
}
body.campaign section#remarks article#caution h3 {
	color: #9A172E;
}
ul.disc {
	margin-bottom: 1.5em;
}
ul.disc li {
	margin: 0 0 0.3em 2em;
	position: relative;
	line-height: 1.5;
}
ul.disc > li:before {
	content: "●";
	color: #4D80AA;
	font-size: 0.6em;
	position: absolute;
	left: -2em;
	margin-top: 0.4em;
}
ol.decimal {
	margin: 0px 0px 1.5em 2em;
	padding: 0px;
}
ol.decimal > li {
	margin: 0px 0px 0.5em 0.5em;
	list-style-type: decimal;
}
ul.icon-kome {
	margin: 0 0 1.5em 0;
	padding: 0;
	position: relative;
}
ul.icon-kome li {
	padding-left: 1.75em;
	margin-bottom: 0.3em;
	position: relative;
}
p.icon-kome {
	position: relative;
	padding-left: 1.75em;
}
p.icon-kome:before,
ul.icon-kome > li:before {
	content: "＊";
	color: #9A172E;
	position: absolute;
	left: 0.5em;
	top: 0;
	display: block;
}
.s {
	font-size: 13px;
}
.notes {
	color: #9A172E;
}
body.campaign.privacy section#privacy {
	padding: 4em 3vw;
}
body.campaign.privacy section#privacy h2 {
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #102D53;
	margin-bottom: 1em;
}
body.campaign.privacy section#privacy h4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #102D53;
	margin: 2em 0 1em 0;
	border-bottom: 2px solid #102D53;
}
body.campaign.privacy section#privacy h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #102D53;
	margin: 0 0 0.5em 0;
}
body.campaign.privacy section#privacy p {
	margin: 0 0 1em 0;
}
.note_sponsorship {
	font-size: 1.5em;
    font-weight: bold;
}
.note_coming-soon {
	margin-bottom: 3em;
	text-align: center;
}
.note_coming-soon p {
	font-size: 2em;
	line-height: 1.3;
    font-weight: bold;
}
.note_coming-soon p.--large {
	font-size: 2.6em;
}


/*--------------------------------------------
■［関連情報］
--------------------------------------------*/

body.information div#mainvisual {
	background-color: #0e111e;
	color: #fff;
	text-align: center;
	padding: 0 3vw 4em 3vw;
	font-size: 15px;
	line-height: 1.8;
}
body.information div#mainvisual h1 {
	margin: 0 -3vw;
}
body.information div#mainvisual h1 img {
	width: 100%;
}
body.information div#mainvisual h2 {
	font-family: "Utsukushi", serif;
	font-weight: bold;
    font-size: 2.8em;
	margin: 1em 0 0.5em 0;
}
body.information div#mainvisual p {
	line-height: 2.2;
	font-size: 1.2em;
}
body.information div#main h2 {
	font-family: "Utsukushi", serif;
	font-size: 2em;
	text-align: center;
	font-weight: normal;
	position: relative;
	margin: 0 0 2em 0;
	padding-bottom: 0.3em;
}
body.information div#main h2:before {
	width: 2em;
	height: 2px;
	background-color: #c70d1b;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "";
}
body.information div#areasearch {
	padding: 4em 3vw;
	background-color: #f5f4ef;
	overflow: hidden;
}
body.information div#areasearch div#areasearch-map {
	width: 48%;
	float: left;
}
body.information div#areasearch div#areasearch-map div.svg-import {
	margin: 0 auto;
}
body.information div#areasearch ul {
	width: 48%;
	float: right;
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
}
body.information div#areasearch ul > li {
	width: 33.333%;
	padding: 15px;
}
body.information div#areasearch ul > li a {
	display: block;
	background-color: #fff;
	box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	line-height: 1.3;
	text-decoration: none;
	padding: 2em;
	height: 100%;
	position: relative;
}
body.information div#areasearch ul > li:nth-child(2) a {
	color: #7397C0;
}
body.information div#areasearch ul > li:nth-child(3) a {
	color: #B2A8D5;
}
body.information div#areasearch ul > li:nth-child(4) a {
	color: #F7B01E;
}
body.information div#areasearch ul > li:nth-child(5) a {
	color: #73BF2F;
}
body.information div#areasearch ul > li:nth-child(6) a {
	color: #FF91B8;
}
body.information div#areasearch ul > li:nth-child(7) a {
	color: #442764;
}
body.information div#areasearch ul > li a:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #c70d1d transparent;
	position: absolute;
	right: 5px;
	bottom: 5px;
	content: "";
}
body.information div#areasearch ul > li a img {
	max-width: 6em;
	max-height: 6em;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
}
body.information div#categorysearch {
	padding: 4em 3vw;
	padding-bottom: 5em;
	background-image: url("../img/information/bg_001.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	background-color: #fff;
}
body.information div#categorysearch ul {
	display: flex;
	margin: -15px;
}
body.information div#categorysearch ul > li {
	padding: 15px;
	width: 20%;
}
body.information div#categorysearch ul > li a {
	display: block;
	height: 100%;
	box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	border: 1px solid #DFDFDF;
	padding: 10px;
	padding-bottom: 30px;
	width: 100%;
	text-align: center;
	position: relative;
	text-decoration: none;
}
body.information div#categorysearch ul > li a:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #c70d1d transparent transparent transparent;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 10px;
	margin: auto;
	content: "";
}
body.information div#categorysearch ul > li a p.thumb {
	margin-bottom: 1em;
	overflow: hidden;
	height: 0;
	padding-top: 100%;
	position: relative;
}
body.information div#categorysearch ul > li a p.thumb img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}
body.information div#categorysearch ul > li a h5 {
	font-weight: normal;
	line-height: 1.3;
}
body.information div#archivelist ,
body.information div#newentry {
	padding: 4em 3vw;
}
body.information div#archivelist h3,
body.information div#newentry h3{
	font-family: "Utsukushi", serif;
	font-size: 1.8em;
	text-align: center;
	font-weight: normal;
	position: relative;
	margin: 0 0 1.5em 0;
}
body.information div#archivelist hr,
body.information div#newentry hr {
	border-color: #fff;
	margin: 3em 0;
}
body.information div#archivelist hr:last-child,
body.information div#newentry hr:last-child {
	display: none;
}
body.information ul.spotlist {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
	margin-bottom: 2em;
}
body.information ul.spotlist > li {
	padding: 15px;
	width: 20%;
}
body.information ul.spotlist > li a {
	text-decoration: none;
	height: 100%;
}
body.information ul.spotlist > li a p.thumb {
	margin: 0 0 1em 0;
	height: 0;
	padding-top: 60%;
	overflow: hidden;
	position: relative;
}
body.information ul.spotlist > li a p.thumb img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
body.information ul.spotlist > li a h5 {
	font-weight: normal;
	position: relative;
	padding-left: 1em;
	line-height: 1.3;
}
body.information ul.spotlist > li a h5:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #c70d1d;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
body.information div#archivetitle {
	background-image: url("../img/information/title.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 3em 3vw;
	color: #fff;
	font-size: 15px;
	line-height: 1.8;
}
body.information div#archivetitle:before {
	background-color: rgba(29, 35, 48, 0.6);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	z-index: 0;
}
/*body.information div#archivetitle div.main-container {
padding-right: 300px;
max-width: calc(1280px - 300px);
}*/
body.information div#archivetitle h1 {
	position: inherit;
	font-family: "Utsukushi", serif;
	font-size: 2.4em;
	font-weight: normal;
	z-index: 1;
}
body.information div#archivetitle h1 span {
	font-size: 0.7em;
	margin-left: 0.3em;
}
body.information div#archivetitle div.svg-import {
	width: 200px;
	position: absolute;
	right: 0;
	top: -6em;
	bottom: -6em;
}

body.information ul.anchorlink {
	text-align: center;
	margin-bottom: 2rem;
	font-size: 0;
}
body.information ul.anchorlink li {
	font-size: 1rem;
	display: inline-block;
	padding: 0 1em;
}
body.information ul.anchorlink li + li {
	border-left: 1px solid #ddd;
}
body.information ul.anchorlink li a {
	text-decoration: none;
}

body.information div#detail {
	padding: 3em 3vw;
}
body.information div#detail ul.entrycategory {
	font-family: "Utsukushi", serif;
	font-size: 0;
	margin-bottom: 1rem;
}
body.information div#detail ul.entrycategory > li {
	font-size: 0.9rem;
	padding: 0.3em 1.25em;
	border-radius: 1.5em;
	background-color: #C8161D;
	color: #fff;
	display: inline-block;
}
body.information div#detail ul.entrycategory > li + li {
	margin-left: 0.5em;
}
body.information div#detail h2 {
	text-align: left;
	border-bottom: 2px solid #C8161D;
	font-family: "Utsukushi", serif;
	font-size: 2.4em;
	font-weight: bold;
	padding-bottom: 0.2em;
	line-height: 1.3;
	margin-bottom: 1em;
}
body.information div#detail h2:before {
	display: none;
}
body.information div#detail h3 {
	font-family: "Utsukushi", serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 1em;
}
body.information div#detail p {
	margin-bottom: 1.5em;
}
body.information div#detail p:last-child {
	margin-bottom: 0;
}
body.information div#detail div.clearfix > div.f-left,
body.information div#detail div.clearfix > div.f-right {
	width: 48%;
}
body.information div#detail ul#slider li img {
	width: 100%;
	height: auto;
}
body.information div#detail dl {
	margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
}
body.information div#detail dl dt {
	width: 10em;
	padding: 1em;
	border-top: 1px solid #A7A7A7;
	font-weight: bold;
	color: #1d2330;
}
body.information div#detail dl dd {
	width: calc(100% - 10em);
	padding: 1em;
	border-top: 1px solid #A7A7A7;
	word-break: break-all;
}
body.information div#detail ul#maplink {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
	margin-bottom: 2em;
}
body.information div#detail ul#maplink > li {
	width: 50%;
	padding: 10px;
}
body.information div#detail ul#maplink > li a {
	display: block;
	background-color: #1d2330;
	padding: 1em;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
body.information div#detail ul#maplink > li a:hover {
	background-color: #B77D19;
}
body.information div#detail ul#maplink > li.gmap a,
body.information div#detail ul#maplink > li.areamap a {
	background-image: url("../img/information/icon_erea.svg"), url("../img/information/icon_pdf.svg");
	background-position: right 0.5em center, left 0.5em center;
	background-repeat: no-repeat;
	background-size: 2.6em;
}
body.information div#detail ul#maplink > li.gmap a {
	background-image: url("../img/information/icon_blank.svg"), url("../img/information/icon_pin.svg");
}
body.information div#detail hr {
	margin: 2em 0;
}
body.information div#detail ul#thumbs.unset div.slick-track {
	transform: unset !important;
}
body.information div#detail ul#thumbs li.slick-current {
	opacity: 0.5;
}
body.information div#detail li.slick-slide p {
	position: relative;
	height: 0;
	padding-top: 60%;
	overflow: hidden;
}
body.information div#detail li.slick-slide img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
body.information div#detail ul#slider button.slick-arrow {
	border: none;
	background-color: #1d2330;
	width: 36px;
	height: 0;
	padding-top: 36px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
}
body.information div#detail ul#slider button.slick-arrow.slick-prev {
	left: 0;
}
body.information div#detail ul#slider button.slick-arrow.slick-next {
	right: 0;
}
body.information div#detail ul#slider button.slick-arrow:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	right: 10px;
}
body.information div#detail ul#slider button.slick-arrow.slick-next:before {
	transform: rotate(-135deg);
	right: 0;
	left: 10px;
}

div#footernavi {
	padding: 2em 3vw;
	font-size: 15px;
	line-height: 1.8;
}
div#footernavi ul {
	display: flex;
	flex-wrap: wrap;
}
div#footernavi ul li {
	width: 25%;
}
div#footernavi ul li a {
	color: #fff;
	text-decoration: none;
}
div#footernavi ul li a:before {
	content: ">";
	margin-right: 0.3em;
}
body.information div#detail ul#slider button.slick-arrow.slick-next:before {
	transform: rotate(-135deg);
	right: 0;
	left: 10px;
}
body.information .main-container ul li {
	position: relative;
}
.tooltip_area {
    width: max-content;
    position: absolute;
    left: 10%;
    margin-bottom: -30px;
    padding: 5px 15px;
    background-color: #E8945E;
    font-size: 1em;
    color: #fff;
    text-align: center;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: opacity 0.3s;
}
.tooltip_area::after {
	content: "";
	display: block;
	position: absolute;
	left: 10%;
	bottom: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 10px;
	border-color: #E8945E transparent transparent transparent;
}
/*市内（北部) */
.tooltip_area.--color-area-a{
	background-color: #7397C0;
}
.tooltip_area.--color-area-a::after {
	border-color: #7397C0 transparent transparent transparent;
}

/*市内（東部）*/
.tooltip_area.--color-area-b{
	background-color: #B2A8D5;
}
.tooltip_area.--color-area-b::after {
	border-color: #B2A8D5 transparent transparent transparent;
}

/*市内（西部）*/
.tooltip_area.--color-area-c{
	background-color: #F7B01E;
}
.tooltip_area.--color-area-c::after {
	border-color: #F7B01E transparent transparent transparent;
}

/*市内（南部）*/
.tooltip_area.--color-area-d{
	background-color: #73BF2F;
}
.tooltip_area.--color-area-d::after {
	border-color: #73BF2F transparent transparent transparent;
}

/*市内（中心）*/
.tooltip_area.--color-area-e{
	background-color: #FF91B8;
}
.tooltip_area.--color-area-e::after {
	border-color: #FF91B8 transparent transparent transparent;
}
/*京都市外*/
.tooltip_area.--color-area-f{
	background-color: #442764;
}
.tooltip_area.--color-area-f::after {
	border-color: #442764 transparent transparent transparent;
}

/*京都各地*/
.tooltip_area.--color-area_other{
	background-color: #000000;
}
.tooltip_area.--color-area_other::after {
	border-color: #000000 transparent transparent transparent;
}


body.information .main-container ul li:hover .tooltip_area{
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


/*--------------------------------------------
■［404］
--------------------------------------------*/

body.notfound section#notfound {
	padding: 4em 3vw;
	text-align: center;
}
body.notfound section#notfound h2 {
	font-family: "Utsukushi", serif;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 1em 0;
}
body.notfound section#notfound p {
	margin-bottom: 1.5em;
}

@media screen and (max-width: 1366px) {

	/*--------------------------------------------
	■［キャンペーンヘッダー］
	--------------------------------------------*/
	header#cp-header ul {
		text-align: right;
	}
	header#cp-header ul li + li {
		margin-left: 1em;
	}

}

@media screen and (max-width: 1024px) {

	/*--------------------------------------------
	■［キャンペーンヘッダー］
	--------------------------------------------*/
	header#cp-header h1 strong {
		display: none;
	}
	header#cp-header ul {
		height: 2.5em;
		max-width: calc(100% - 200px)
	}
	header#cp-header ul li {
		margin-bottom: 0.5em;
	}
	/*--------------------------------------------
	■［キャンペーントップ］
	--------------------------------------------*/
	body.home section#mainvisual p {
		width: 38vw;
		height: 19vw;
	}

}

@media screen and (max-width: 739px) {


	/*--------------------------------------------
	■［表示／非表示］
	--------------------------------------------*/

	.pc-view {
		display: none !important;
	}
	.sp-view {
		display: inherit !important;
	}

	/*--------------------------------------------
	■［キャンペーンヘッダー］
	--------------------------------------------*/
	header#cp-header {
		padding: 10px;
	}
	header#cp-header h1 img {
		height: 30px;
	}
	header#cp-header h1 strong {
		font-size: 2.8vw;
		display: inline-block;
	}
	header#cp-header h1 strong span {
		font-size: 2.2vw;
	}
	header#cp-header h2 {
		font-size: 2.2vw;
	}
	header#cp-header ul {
		display: none;
	}

	/*--------------------------------------------
	■［キャンペーンフッター］
	--------------------------------------------*/
	footer#cp-footer {
		padding: 5vw 3vw;
	}
	footer#cp-footer div.main-container div#cp-footer-navi > div,
	footer#cp-footer div.main-container div#cp-footer-navi,
	footer#cp-footer div.main-container div#cp-footer-site {
		width: auto;
		float: none;
	}



	/*--------------------------------------------
	■［パンくずナビ］
	--------------------------------------------*/

	div#breadcrumbs {
		padding: 1em 3vw;
	}


	/*--------------------------------------------
	■［キャンペーントップ］
	--------------------------------------------*/
	body.home section#about {
		padding: 5vw 3vw;
	}
	body.home section#about div.main-container {
		display: block;
	}
	body.home section#about div.main-container article {
		width: auto;
		padding: 3vw;
	}
	body.home section#about div.main-container article + article {
		margin-top: 3vw;
	}
	body.home section#index {
		padding: 5vw 3vw;
	}
	body.home section#index div.main-container > ul {
		margin: -5px;
	}
	body.home section#index div.main-container > ul > li {
		width: 50%;
		padding: 5px;
	}
	body.home section#index div.main-container > ul > li:nth-child(7),
	body.home section#index div.main-container > ul > li:nth-child(2),
	body.home section#index div.main-container > ul > li:nth-child(1) {
		width: 100%;
	}
	body.home section#index div.main-container > ul > li > span,
	body.home section#index div.main-container > ul > li > a {
		padding: 5vw;
	}
	body.home section#index div.main-container > ul > li:nth-child(2) a,
	body.home section#index div.main-container > ul > li:nth-child(1) a {
		min-height: 25vw;
	}
	body.home section#index div.main-container > ul > li a h5 {
		font-size: 4vw;
	}
	body.home section#index div.main-container > ul > li:nth-child(2) a h5,
	body.home section#index div.main-container > ul > li:nth-child(1) a h5 {
		font-size: 5vw;
	}
	body.home section#blog {
		padding: 5vw 3vw;
	}
	body.home section#blog h2 {
		font-size: 5vw;
	}
	/*body.home section#blog ul {
		display: block;
	}
	body.home section#blog ul li {
		width: 100%;
		margin-bottom: 1.5em;
	}*/
	body.home section#blog div#timeline {
		display: block;
		gap: 0;
	}
	body.home section#blog div#timeline article {
		width: auto;
		margin-bottom: 1.5em;
		min-height: 400px;
	}


	/*--------------------------------------------
	■［願いごと応募］
	--------------------------------------------*/
	section#title {
		padding: 5vw 3vw;
	}
	section#title h1 {
		font-size: 6vw;
	}
	section#title h2 {
		display: block;
		font-size: 1rem;
		margin-left: 0;
	}
	body.campaign section#period {
		padding: 5vw 3vw;
	}
	body.campaign section#period h2 img {
		height: 7vw;
	}
	body.campaign section#period p.period span {
		font-size: 3.2vw;
	}
	body.campaign section#outline {
		padding: 5vw 3vw 0 3vw;
	}
	body.campaign section#outline div#thisyear {
		margin-bottom: 0;
	}
	body.campaign section#outline div#thisyear div  {
		width: 100%;
		float: none;
		margin-bottom: 1em;
	}
	body.campaign section#outline div#thisyear h4 {
		font-size: 5vw;
		margin-bottom: 0;
	}
	body.campaign section#outline ul#tab {
		display: block;
		margin-bottom: 3em;
	}
	body.campaign section#outline ul#tab li {
		width: auto;
		padding: 0;
		margin-bottom: 1em;
	}
	body.campaign section#outline ul#tab li a,
	body.campaign section#outline ul#tab li button {
		height: 100%;
		padding-left: 18%;
	}
	body.campaign section#outline ul#tab li a img,
	body.campaign section#outline ul#tab li button img {
		left: 5%;
		top: 0.5em;
		width: 11%;
	}
	body.campaign section#outline div#cnt {
		border-top: none;
	}
	body.campaign section#outline div#cnt h3 {
		font-size: 6vw;
		display: block;
	}
	body.campaign section#outline div#cnt article#box,
	body.campaign section#outline div#cnt article#wish,
	body.campaign section#outline div#cnt article#present {
		display: block;
	}
	body.campaign section#outline div#cnt article#box div#box-guideline,
	body.campaign section#outline div#cnt article#wish div#wish-guideline,
	body.campaign section#outline div#cnt article#present div#present-guideline {
		position: relative;
		padding: 5vw 3vw;
	}
	body.campaign section#outline div#cnt article#box div#box-guideline:before,
	body.campaign section#outline div#cnt article#wish div#wish-guideline:before,
	body.campaign section#outline div#cnt article#present div#present-guideline:before {
		width: 100%;
	}
	body.campaign section#outline div#cnt article#box div#box-guideline:after,
	body.campaign section#outline div#cnt article#wish div#wish-guideline:after,
	body.campaign section#outline div#cnt article#present div#present-guideline:after {
		display: none;
	}
	body.campaign section#outline div#cnt div.present-presentlist {
		padding: 5vw 3vw;
	}
	body.campaign section#outline div#cnt article#box div.present-presentlist h3 span {
		font-size: 7vw;
	}
	body.campaign section#outline div#cnt div.present-presentlist h4 {
		font-size: 5vw;
	}
	body.campaign section#outline div#cnt div.detail {
		width: auto;
	}
	body.campaign section#outline div#cnt ul.placelist {
		display: block;
	}
	body.campaign section#outline div#cnt ul.placelist > li {
		width: auto;
	}
	body.campaign section#terms  {
		padding: 5vw 3vw;
	}
	body.campaign section#terms h3 {
		font-size: 5vw;
	}
	body.campaign section#remarks {
		padding: 0;
	}
	body.campaign section#remarks:before  {
		display: none;
	}
	body.campaign section#remarks div.main-container {
		display: block;
		gap: 0;
	}
	body.campaign section#remarks div.main-container article {
		width: auto;
		padding: 5vw 3vw;
	}
	body.campaign section#remarks article#caution {
		background-color: #F3E8CF;
	}
	body.campaign section#remarks h3 {
		font-size: 5vw;
	}
	body.campaign section#outline div#cnt ul.presentslider > li {
		width: 100%;
	}
	.note_sponsorship {
		font-size: 4vw;
	}


	/*--------------------------------------------
	■［関連情報］
	--------------------------------------------*/

	body.information div#mainvisual h1 {
		margin: 0 -30vw;
	}
	body.information div#mainvisual h2 {
		font-size: 6vw;
	}
	body.information div#main h2 {
		font-size: 5vw;
	}
	body.information div#areasearch {
		padding: 5vw 3vw;
	}
	body.information div#areasearch ul,
	body.information div#areasearch div#areasearch-map {
		width: auto;
		float: none;
	}
	body.information div#areasearch div#areasearch-map {
		max-width: inherit;
		margin: 0 auto;
	}
	body.information div#areasearch div#areasearch-map div.svg-import {
		margin: 0;
	}
	body.information div#areasearch ul {
		margin: 1em -10px;
	}
	body.information div#areasearch ul > li {
		padding: 10px;
	}
	body.information div#areasearch ul > li a {
		padding: 1em 0;
	}
	body.information div#areasearch ul > li a img {
		max-width: 3em;
		max-height: 3em;
	}
	body.information div#categorysearch {
		padding: 5vw 3vw;
	}
	body.information div#categorysearch ul {
		display: flex;
		margin: -10px;
		margin-bottom: 1em;
		flex-wrap: wrap;
	}
	body.information div#categorysearch ul > li {
		padding: 10px;
		width: 33.333%;
	}
	body.information div#newentry {
		padding: 5vw 3vw;
	}
	body.information div#newentry h3 {
		font-size: 4.6vw;
	}
	body.information ul.spotlist {
		margin: -10px;
	}
	body.information ul.spotlist > li {
		padding: 10px;
		width: 50%;
	}
	body.information div#archivetitle {
		padding: 5vw 3vw;
	}
	body.information div#archivetitle div.main-container {
		max-width: inherit;
		padding-right: 0;
	}
	body.information div#archivetitle h1 {
		font-size: 6vw;
	}
	body.information div#archivetitle div.svg-import {
		display: none;
	}
	body.information div#detail {
		padding: 5vw 3vw;
	}
	body.information div#detail h2 {
		font-size: 5vw;
	}
	body.information div#detail h3 {
		font-size: 4vw;
	}
	body.information div#detail div.clearfix > div.f-left,
	body.information div#detail div.clearfix > div.f-right {
		width: auto;
		float: none;
		margin-bottom: 1.5em;
	}
	body.information div#detail ul#maplink {
		display: block;
	}
	body.information div#detail ul#maplink > li {
		width: 100%;
	}
	.tooltip_area {
		padding: 3px 10px;
		font-size: 0.8em;
		visibility: visible;
		opacity: 1;
		margin-bottom: -25px;
		top: 0;
	}
	body.information .main-container ul li:hover .tooltip_area{
		bottom: auto;
	}
	.note_coming-soon {
		margin-bottom: 2em;
	}
	.note_coming-soon p {
		font-size: 1.2em;
	}
	.note_coming-soon p.--large {
		font-size: 1.8em;
		margin-bottom: 0.5em;
	}

}