@charset "UTF-8";

/* 全日本ぎょうざ祭り2018 / Base CSS for SP
/* /css/base_sp.css

/* 01. Tag setting
/* 02. Base Layout
/* 03. LowPage Parts
/* 04. Common Style



/* ================================================== */
/* 01. Tag setting
/* ================================================== */

@media screen and (max-width: 374px) {
	body {
		font-size: 90%;
	}
}
a:hover img {
	opacity: 1;
}



/* ================================================== */
/* 02. Base Layout
/* ================================================== */

/* Box layout
---------------------------------------- */
.wrapper {
	width: auto;
	margin: 3vw 3vw 5vw 3vw;
	padding-bottom: 20vh;
	border-width: 2px;
	border-radius: 2vw;
/* 	background: url(../images/common/wrapper_bg.png) center bottom no-repeat #FFF; */
	background-size: 100% auto;
}
.wrapper_inside {
	width: 94%;
	margin: 0 auto;
	padding-top: 0;
}


/* Header
---------------------------------------- */
.header_copy {
	padding-top: 0.5em;
}
.header_copy span {
	display: block;
	margin-right: 0;
}
.header_copy span:last-child {
	font-size: 1rem;
}

header video{
	width:100%;
}

/* Nav
---------------------------------------- */
.nav {
	margin-bottom: 1rem;
}
.nav_switch {
	position: fixed;
	z-index: 1;
	top: 5vw;
	right: 0;
	width: 4em;
	height: 4em;
	border-radius: 0.5em 0 0 0.5em;
	background: #B5A266;
	text-align: center;
	color: #FFF;
	transition: right 0.5s;
}
.nav_switch.opened {
	right: 50vw;
}
.nav_switch .btn_txt {
	display: inline-block;
	margin-top: 0.4em;
}
.nav_switch .btn_bar,
.nav_switch .btn_bar:before,
.nav_switch .btn_bar:after {
	position: absolute;
	display: block;
	width: 1.6em;
	height: 2px;
	line-height: 0;
	background: #FFF;
}
.nav_switch .btn_bar {
	bottom: 1.3em;
	left: 1.2em;
}
.nav_switch .btn_bar:before {
	content: "";
	top: -6px;
}
.nav_switch .btn_bar:after {
	content: "";
	top: 6px;
}
.nav_switch.opened .btn_bar {
	background: #B5A266;
}
.nav_switch.opened .btn_bar:before {
	top: 0;
	transform: rotate(45deg);
}
.nav_switch.opened .btn_bar:after {
	top: 0;
	transform: rotate(-45deg);
}
.nav_inside {
	position: fixed;
	z-index: 1;
	top: 0;
	right: -50vw;
	width: 50vw;
	height: 100vh;
	background: #B5A266;
	transition: right 0.5s;
}
.nav_inside.opened {
	right: 0;
}
.logo_top_sp {
	margin-bottom: 0;
	padding: 3vw 0;
	background: #FFF;
	text-align: center;
}
.logo_top_sp img {
	max-width: 50%;
}
.g_nav li {
	list-style-type: none;
}
.g_nav li a {
	display: block;
	padding: 0.75em 2em;
	border-bottom: dotted 1px #FFF;
	color: #FFF;
}
.sns_icon li {
	display: inline-block;
	margin: 0 0.25em;
}


/* Footer
---------------------------------------- */
footer .notice {
	display: block;
	margin: 0 3vw;
}
footer .notice > * {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 0.625rem;
}
footer .notice > *:nth-child(2) {
	padding-right: 1em;
}
footer .notice dt {
	width: 40px;
	padding-right: 0.5em;
}
.footer_nav {
	display: none;
}
footer address {
	width: calc(100% - 15vw);
	height: 15vw;
	line-height: 15vw;
	margin-bottom: 0;
}


/* PageTop
---------------------------------------- */
.pagetop {
	position: fixed;
	width: 15vw;
	height: 15vw;
	bottom: calc(-15vw - 1rem);
	right: 3vw;
	transition: bottom 0.3s;
}
.pagetop.visible {
	bottom: calc(3vw - 1rem);
}



/* ================================================== */
/* 03. LowPage Parts
/* ================================================== */

/* Headline
---------------------------------------- */
.page_ttl {
	height: 30vw;
	background-size: cover;
}
.page_ttl span {
	font-size: 1em;
}
.page_ttl span img {
	display: block;
	margin: 0 auto;
}

.heading {
	padding-bottom: 1.25em;
	background: url(../images/common/heading_bg.png) center bottom repeat-x;
	background-size: auto 1em;
}
.heading span {
	display: inline-block;
	font-size: 1.2em;
	color: #B5A266;
}

/* Table1
---------------------------------------- */
table.table {
	width: 100%;
}
table.table th, table.table td {
	padding: 0.5em 0.5em;
	border: solid 1px #ccc;
	line-height: 1.4;
	font-size: 0.86rem;
}

/* Table2
---------------------------------------- */
table.table02{
	width: 100%;
	margin: 30px 0 30px 0;
}

table.table02 th {
	padding: 0.5em 1em;
	border-top: dotted 0px #BBB;
	border-right: dotted 0px #BBB;
	border-bottom: dotted 2px #BBB;
	border-left: dotted 0px #BBB;
	width:500px;
}
table.table02 td {
	padding: 0.5em 1em;
	border-top: dotted 0px #BBB;
	border-right: dotted 0px #BBB;
	border-bottom: dotted 2px #BBB;
	border-left: dotted 0px #BBB;
	text-align:right;
	font-weight:bold;
}
table.table02 th.table-top, table.table02 td.table-top {
	padding: 0.5em 1em;
	border-top: dotted 2px #BBB;
	border-right: dotted 0px #BBB;
	border-bottom: dotted 2px #BBB;
	border-left: dotted 0px #BBB;
}



/* Topic Path
---------------------------------------- */
.topic_path {
	margin: 0 auto 2rem;
}



/* ================================================== */
/* 04. Common Style
/* ================================================== */

/* Display
---------------------------------------- */
.pc { display: none !important; }

/* Box
---------------------------------------- */
.section_body {
	width: 94%;
	margin: 0 auto 15vw;
}
.col__2_1 {
	width: 100%;
	margin-bottom: 1.5rem;
}

span.red { color:#FF0004;}