@charset "utf-8";



html { color: #000; background: #FFF; }

body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend,
input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }
legend { color: #000; }
#yui3-css-stamp.cssreset { display: none; }



/*	Universal selector
-------------------------------*/

* {
	margin: 0;
	padding: 0;
	color: #333333;
	font-style: normal;
	text-decoration: none;
}



/*	Structure Module
-------------------------------*/

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
	line-height: 1;
	letter-spacing: 0;

	-webkit-text-size-adjust: 100%;
	overflow: auto !important;

    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
    font-feature-settings: "palt" 1;
    
    word-wrap: break-word;
    overflow-wrap: break-word;
}



/*	Base body color
-------------------------------*/

body {
	background-color: #ffffff;
}



/*	Base font set
-------------------------------*/

body {
	font-size: 140.01%;
}

@media screen and (min-width: 835px){	/* for PC */
	body {
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
@media screen and (max-width: 834px){	/* for Tablet */
	body {
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	body {
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, body {
			font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
	}	/* IE11 hack */
	body, x:-moz-any-link {
	}

table {
	font-size: inherit;
}



/*	Image Module
-------------------------------*/

img {
	border: none;
}
a img {
	border: none;
}

@media screen and (min-width: 835px){	/* for PC */
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
}
@media screen and (max-width: 834px){	/* for Tablet */
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
}



/*	Hypertext Module
-------------------------------*/

a {
	text-decoration: none;
}

a:link {
	cursor: pointer;
	color: #3366cc;
}

a:visited {
	color: #3366cc;
}

a:hover {
	color: #3399CC;
	text-decoration: underline;
}



/*	Object Module
-------------------------------*/

object,
embed {
	margin: 0;
}



/*	Text Module
-------------------------------*/

p {
	line-height: 1.4;
	text-justify: distribute;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	margin: 0.5em 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

sup {
	font-size: 80%;
}

address {
	font-weight: normal;
	font-style: normal;
}



/*	List Module
-------------------------------*/

ul,
ol,
dl {
	margin: 0.8em 0;
	padding: 1px 0;
	list-style-position: outside;
}

ul {
	margin-left: 22px;
	list-style-type: square;
}

ul ul {
	list-style-type: circle;
}

ul ul ul {
	list-style-type: disc;
}

ol {
	margin-left: 30px;
}

li,
dt,
dd {
	text-justify: distribute;
	margin: 0.2em 0;
}

dt {
	color: #333333;
	margin-top: 0.6em;
}

dd {
	margin-bottom: 0.6em;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.2em 10px;
}

li ul,
dd ul {
	margin-left: 26px;
}

li ol,
dd ol {
	margin-left: 34px;
}



/*	Tables Module
-------------------------------*/

table {
	margin: 0.8em 0;
	border-collapse: collapse;
}

th,
td {
	padding: 0;
}

th {
	color: #333333;
}



/*	Forms Module
-------------------------------*/

form {
	margin: 0;
	padding: 1px 0; 
}

fieldset {
	margin: 0;
	padding: 0; 
	border: none;
}

legend {
	display: none;
}

input,
textarea {
	font-family:'ＭＳ Ｐゴシック', 'Osaka', Arial, sans-serif;
	padding: 0.4em;
	border: 1px solid #CCCCCC;
}

input {
	line-height: 1.2;
}

textarea {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

input:hover,
textarea:hover {
	border: 1px solid #888888;
}

input:focus,
textarea:focus {
	border: 1px solid #444444;
}

input.submit {
	color: #333333;
	padding: 0.1em 0.4em;
	border: 1px solid #999999;
	cursor: pointer;
}

input.submit:hover {
	color: #999999;
	border-color: #CCCCCC;
}

input.submit:focus {
	color: #FFFFFF;
	border-color: #000000;
	background-color: #999999;
	background-image: none;
}



/*	Decoration Style[font Size]
-------------------------------*/

.fontSizeSmall {
	font-size: 75%;
}
.fontSizeBig {
	font-size: 130%;
}



/*	Decoration Style[font Style]
-------------------------------*/

.Mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



/*	Decoration Style[background]
-------------------------------*/

.backColorFFFFCC {
	background-color: #FFFFCC;
}



/*	Decoration Style[font Color]
-------------------------------*/

.fontColorEE0000 {
	color: #ee0000;
}

.fontColor0066CC {
	color: #0066CC;
}

.fontColor009CDC {
	color: #009CDC;
}

.fontColorFFFFFF {
	color: #FFFFFF;
}

.fontColor77171B {
	color: #77171b;
}



/*	Decoration Style[align]
-------------------------------*/

.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}



/*	Decoration Style[Float]
-------------------------------*/

.floatL {
	float: left;
}
.floatR {
	float: right;
}



/*	Decoration Style[img Float]
-------------------------------*/

.imgL {
	margin-right: 1em;
	float: left;
}
.imgR {
	margin-left: 1em;
	float: right;
}



/*	Decoration Style[clear]
-------------------------------*/

.clearL,
.clearR,
.clear {
	line-height: 0;
	clear: both;
	display: block;
}
.clearL {
	clear: left;
}
.clearR {
	clear: right;
}



/*	Decoration Style[button]
-------------------------------*/

.linkSwitch {
}
	.linkSwitch:link {
	}
	.linkSwitch:active {
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}
	.linkSwitch:visited {
	}
	.linkSwitch:hover {
		filter:alpha(opacity=70);	/* for IE */
		-moz-opacity: 0.7;			/* for Mozzila */
		opacity: 0.7;				/* for Other */
	}



/*	Decoration Style[display]
-------------------------------*/

.displayPC {
}
.displaySP {
}
@media print, screen and (min-width: 835px){	/* for PC */
	.displayPC {
		display: block;
	}
	.displaySP {
		display: none;
	}
}
@media screen and (max-width: 834px){	/* for Tablet */
	.displayPC {
		display: block;
	}
	.displaySP {
		display: none;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	.displayPC {
		display: none;
	}
	.displaySP {
		display: block;
	}
}
.displayImgPC {
}
.displayImgSP {
}
@media print, screen and (min-width: 835px){	/* for PC */
	.displayImgPC {
		display: inline;
	}
	.displayImgSP {
		display: none;
	}
}
@media screen and (max-width: 834px){	/* for Tablet */
	.displayImgPC {
		display: inline;
	}
	.displayImgSP {
		display: none;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	.displayImgPC {
		display: none;
	}
	.displayImgSP {
		display: inline;
	}
}



/*	Decoration Style[boxRevise]
-------------------------------*/

.boxRevise {
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	clear: both;
}



/*	Shared base style
-------------------------------*/

	/*	contents box
	-------------------------------*/

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	_text-align: center;	/* IE6 hack */
}
@media screen and (min-width: 835px){	/* for PC */
	#wrapper {
	}
}
@media screen and (max-width: 834px){	/* for Tablet */
	#wrapper {
	}
}
@media screen and (max-width: 640px){	/* for SP */
	#wrapper {
	}
}



header,
footer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	_text-align: center;	/* IE6 hack */
	clear: both;
}
	header {
	}
	footer {
		background: #0D6FB8;
	}
.visual {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}
.holder {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	_text-align: center;	/* IE6 hack */
	clear: both;
}
    .holderLine {
        background-image: url("../images/holder_line_01.png");
        background-attachment: scroll;
        background-position: center top;
        background-repeat: repeat-x;
    }
@media screen and (min-width: 835px){	/* for PC */
	header,
	footer {
		width: 100%;
	}
		header {
			padding: 0;
		}
		footer {
			padding: 0;
		}
	.visual {
		width: 100%;
	}
	.holder {
		width: 100%;
	}
}
@media screen and (max-width: 834px){	/* for Tablet */
	header,
	footer {
		width: 100%;
	}
		header {
			padding: 0;
		}
		footer {
			padding: 0;
		}
	.visual {
		width: 100%;
	}
	.holder {
		width: 100%;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	header,
	footer {
		width: 100%;
	}
		header {
			padding: 0;
		}
		footer {
			padding: 0;
		}
	.visual {
		width: 100%;
	}
	.holder {
		width: 100%;
	}
}



/*	contents fields
-------------------------------*/

.inner {
	margin: 0 auto;
	padding: 0;
}
@media print, screen and (min-width: 835px){	/* for PC */
	.inner {
		width: 1000px;
	}
		header .inner {
            width: 100%;
		}
		footer .inner {
            width: 100%;
			padding: 15px 0;
			position: relative;
		}
		.visual .inner {
			width: 100%;
		}
		.holder .inner {
			padding: 50px 0;
		}
}
@media screen and (max-width: 834px){	/* for Tablet */
	.inner {
		width: 100%;
	}
		header .inner {
		}
		footer .inner {
			padding: 15px 0;
			position: relative;
		}
		.visual .inner {
			width: 100%;
		}
		.holder .inner {
			padding: 50px 0;
		}
}
@media screen and (max-width: 640px){	/* for SP */
	.inner {
		width: 90%;
	}
		header .inner {
            width: 100%;
		}
		footer .inner {
			padding: 5% 0;
			position: relative;
			width: 90%;
		}
		.visual .inner {
			width: 100%;
		}
		.holder .inner {
			padding: 7.5% 0;
		}
}



/*	Shared parts
-------------------------------*/

	/*	shared - edit
	-------------------------------*/

.editField {
	padding: 0;
	font-size: 90%;
	position: relative;
}
@media print, screen and (min-width: 835px){	/* for PC */
	.editField {
		margin: 30px auto 0;
	}
}
@media screen and (max-width: 834px){	/* for Tablet */
	.editField {
		margin: 30px auto 0;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	.editField {
		margin: 5% auto 0;
	}
}
	.editField:first-child {
		margin: 0 auto;
	}

	/*	shared - youtube / map
	-------------------------------*/

.youtube {
	margin: 0 auto;
	padding: 56.25% 0 0;
	display: block;
    position: relative;
    width: 100%;
}
.youtube iframe {
    left: 0;
    top: 0;
    position: absolute;
	width: 100%;
}
@media print, screen and (min-width: 641px){	/* for PC */
	.youtube iframe {
        height: 100%;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	.youtube iframe {
        height: 100%;
	}
}

.gmap {
	margin: 0 auto;
	padding: 0;
	display: block;
}
.gmap iframe {
	width: 100%;
}
@media print, screen and (min-width: 641px){	/* for PC */
	.gmap iframe {
		height: 250px;
	}
}
@media screen and (max-width: 640px){	/* for SP */
	.gmap iframe {
		height: 150px;
	}
}



/*	page parts
-------------------------------*/

header h1 {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
header h1 img {
    width: 100vw;
    height: auto;
}

footer p {
    margin: 1.5% auto;
    font-size: 70%;
    line-height: 2.0;
    color: #ffffff;
}
footer p a {
    color: #ffffff !important;
}

.lead {
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
    line-height: 1.85;
}
@media print, screen and (min-width: 835px){	/* for PC */
    .lead {
        text-align: center;
    }
}
@media screen and (max-width: 834px){	/* for Tablet */
    .lead {
        text-align: center;
    }
}
@media screen and (max-width: 640px){	/* for SP */
    .lead {
        text-align: left;
    }
}

.liveInfo {
    line-height: 1.85;
}
.liveSurveyTitle {
    line-height: 1.85;
    color: #FF0000;
    font-weight: bold;
}
.liveSurvey {
    line-height: 1.85;
    color: #FF0000;
}

.liveButtonList {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.liveButtonList li {
    margin: 0;
    padding: 1.5%;
    list-style: none;
}
@media print, screen and (min-width: 835px){	/* for PC */
    .liveButtonList {
    }
    .liveButtonList li {
        width: 47%;
        float: left;
    }
        .liveButtonListLong li {
            width: 97%;
            float: none;
        }
}
@media screen and (max-width: 834px){	/* for Tablet */
    .liveButtonList {
    }
    .liveButtonList li {
        width: 47%;
        float: left;
    }
        .liveButtonListLong li {
            width: 97%;
            float: none;
        }
}
@media screen and (max-width: 640px){	/* for SP */
    .liveButtonList {
    }
    .liveButtonList li {
        width: 97%;
        float: none;
    }
        .liveButtonListLong li {
            width: 97%;
            float: none;
        }
}

.liveButtonList li a {
    margin: 0;
    padding: 5% 1.5%;
    display: block;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(13,111,184,1) 25%, rgba(0,212,255,1) 100%);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
    .liveButtonListLong li a {
        padding: 2.5% 1.5%;
    }

h2 {
    margin: 15px auto 30px;
    padding: 0;
    text-align: center;
    font-size: 180%;
    font-weight: lighter;
    letter-spacing: 0.15em;
    line-height: 1.0;
}
h2 span {
    font-size: 40%;
    font-weight: normal;
    letter-spacing: 0em;
}

.scheduleTitle {
    margin: 0 auto 15px;
    padding: 0;
    line-height: 1.5;
    font-size: 140%;
}
@media print, screen and (min-width: 835px){	/* for PC */
    .scheduleTitle {
        text-align: left;
    }
}
@media screen and (max-width: 834px){	/* for Tablet */
    .scheduleTitle {
        text-align: left;
    }
}
@media screen and (max-width: 640px){	/* for SP */
    .scheduleTitle {
        text-align: center;
    }
}
.scheduleTitle img {
    vertical-align: middle;
}

.mizu {
    color: #0e78ff;
    padding-right: 5px;
}

.scheduleColumn {
    margin: 15px auto;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.scheduleColumn li {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media print, screen and (min-width: 835px){	/* for PC */
        .scheduleColumn li:nth-child(1) {
            width: 35%;
            float: right;
        }
        .scheduleColumn li:nth-child(2) {
            margin-top: 0;
            width: 60%;
            float: left;
        }
}
@media screen and (max-width: 834px){	/* for Tablet */
        .scheduleColumn li:nth-child(1) {
            width: 35%;
            float: right;
        }
        .scheduleColumn li:nth-child(2) {
            margin-top: 0;
            width: 60%;
            float: left;
        }
}
@media screen and (max-width: 640px){	/* for SP */
        .scheduleColumn li:nth-child(1) {
            width: 100%;
            float: none;
        }
        .scheduleColumn li:nth-child(2) {
            margin-top: 15px;
            width: 100%;
            float: none;
        }
}

.scheduleList {
    margin: 15px auto;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.scheduleList dt,
.scheduleList dd {
    margin: 0;
    padding: 1.5%;
    list-style: none;
}
    .scheduleList dt {
        font-weight: normal;
        background: #aaddff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }
    .scheduleList dd {
    }
.scheduleList dt p,
.scheduleList dd p {
    margin: 0.2em 0;
    line-height: 1.85;
}
    .scheduleList dt .scheduleListTitle,
    .scheduleList dd .scheduleListTitle {
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 140%;
        font-weight: bold;
        line-height: 1.5;
    }
    .scheduleList dt .scheduleListName,
    .scheduleList dd .scheduleListName {
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 110%;
        font-weight: bold;
        line-height: 1.5;
    }
        .scheduleList dt .scheduleListName span,
        .scheduleList dd .scheduleListName span {
            font-size: 100%;
        }
    .scheduleList dt .scheduleListButton,
    .scheduleList dd .scheduleListButton {
        vertical-align: middle;
    }

.buttonKage {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

h3 {
    margin: 10px auto;
    padding: 0;
    font-size: 120%;
    line-height: 1.5;
}

.infoList li {
    font-size: 80%;
    line-height: 1.85;
}

.infoString {
    font-size: 80%;
    line-height: 1.85;
    text-align: left;
}

.infoStringMeans {
    font-size: 90%;
    line-height: 1.85;
}
@media print, screen and (min-width: 835px){	/* for PC */
    .infoStringMeans {
        text-align: left;
    }
}
@media screen and (max-width: 834px){	/* for Tablet */
    .infoStringMeans {
        text-align: left;
    }
}
@media screen and (max-width: 640px){	/* for SP */
    .infoStringMeans {
        text-align: center;
    }
}

.entryButton {
    margin: 0;
    padding: 3% 1.5%;
    display: block;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(13,111,184,1) 25%, rgba(0,212,255,1) 100%);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.StayButton {
    margin: 0;
    padding: 3% 1.5%;
    display: block;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    background: rgb(99,99,99);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.surveyButton {
    margin: 0;
    padding: 3% 1.5%;
    display: block;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(13,111,184,1) 25%, rgba(0,212,255,1) 100%);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.infoButton {
    margin: 0;
    padding: 3% 1.5%;
    display: block;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    background: linear-gradient(#007bff, #0033ff);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.footerInfo {
    text-align: center;
    font-size: 90%;
    line-height: 1.75;
}



/* 三分岐 */

@media print, screen and (min-width: 835px){	/* for PC */
}
@media screen and (max-width: 834px){	/* for Tablet */
}
@media screen and (max-width: 640px){	/* for SP */
}

/* 二分岐 */

@media print, screen and (min-width: 641px){	/* for PC */
}
@media screen and (max-width: 640px){	/* for SP */
}