/*
Theme Name: ANIME FESTA 2026
Author: Market Network
Author URI: https://www.tochigi-tv-anime.com/festa2026/
Description: とちテレアニメフェスタ
Version: 1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	/* remember to define focus styles! */
	outline: 0;
}

body {
	background: #fff;
	line-height: 1;

}

ol,
ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a img {
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

img {
	image-rendering: -webkit-optimize-contrast;
}

/* =Keyframes for background animation */
@keyframes slideBg {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 270px 270px;
	}
}

/* =Structure
----------------------------------------------- */

body {
	padding: 0;
	background-image: url(./images/bg.png) !important;
	background-size: auto;
	background-repeat: repeat;
	animation: slideBg 24s linear infinite;
}

#page {
	margin: 0 auto;
	background-color: transparent;
}

#branding #hgroup {
	width: 100%;
	min-width: 1180px;
	margin: 0 auto;
	background: url(./images/bg.webp) no-repeat center bottom;
	background-size: cover;

}

.page #branding #hgroup,
.single #branding #hgroup,
.archive #branding #hgroup,
.error404 #branding #hgroup,
.search #branding #hgroup {
	background-attachment: scroll;
	background: url(./images/bg2.webp) no-repeat center center;
	background-size: cover;
}

#branding #hgroup .wrapper {
	height: 740px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.page #branding #hgroup .wrapper,
.single #branding #hgroup .wrapper,
.archive #branding #hgroup .wrapper,
.error404 #branding #hgroup .wrapper,
.search #branding #hgroup .wrapper {
	width: 1100px;
	height: 240px;
}

.bg-slider {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
}

#primary {
	float: left;
	margin: 0 -29% 0 0;
	width: 100%;
}

#all {
	margin: 0 auto 40px;
	width: auto;
}

#content {
	margin: 0 25% 0 0;
	width: 66%;
}

#secondary {
	float: right;
	margin-right: 0;
	margin-bottom: 30px;
	width: 29%;
	padding: 15px 0 0;
}

#secondary .widget {
	margin: 0 auto 20px;
	padding: 15px;
	background: #fff;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
	border-radius: 12px;
}

.sow-image-container {
	text-align: center;
}

#secondary .widget a:hover {
	text-decoration: none;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}

.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}

.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}

.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}


/* =Global
----------------------------------------------- */

body {
	color: #000;
	font-size: 16px;
	font-family: "Roboto", "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-feature-settings: "palt";
	font-weight: 500;
	line-height: 1.8;
}

/* Headings */
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1em;
}

ul,
ol {
	margin: 0 0 1.625em 2.5em;
}

ul {
	list-style: square;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: .5em;
}

strong {
	font-weight: bold;
}

cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}

code,
kbd,
samp,
var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym,
dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}

address {
	display: block;
	margin: 0 0 1.625em;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: smaller;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
	color: #888;
	box-sizing: border-box;
	padding: 6px;
	font-size: 16px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
	color: #373737;
}

textarea {
	width: 98%;
}

/* Links */
a {
	color: #3580C9;
	text-decoration: none;
}

a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

#navi a.assistive-text:active,
#navi a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* Clearing Floats
--------------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

dl.category:after,
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}

/* =Header
----------------------------------------------- */

#branding {
	padding-bottom: 40px;
	position: relative;
}

#loading,
#loading:after {
	border-radius: 50%;
	width: 6em;
	height: 6em;
}

#loading {
	margin: 30% auto 0;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#marronniyell {
	width: 1024px;
	position: absolute;
	top: -20px;
	opacity: 0;
	z-index: 100;
	left: 50%;
	transform: translateX(-50%);
}

#marronniyell .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#marronniyell .overlay img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#banner {
	width: 240px;
	top: 30px;
	position: absolute;
	right: 20px;
}

#banner img {
	vertical-align: bottom;
}

#banner a {
	margin-bottom: 10px;
	display: block;
}

#banner a:hover {
	opacity: 0.8;
}

#banner-sp {
	display: none;
}

.banner_small {
	display: flex;
	justify-content: space-between;
}

.banner_small a {
	width: 48%;
}

.banner_small img {
	vertical-align: bottom;
	width: 100%;
}

#logo {
	width: 138px;
	top: 20px;
	position: absolute;
	left: 20px;
}

#free {
	width: 123px;
	position: absolute;
	top: 450px;
	opacity: 0;
	z-index: 90;
	left: 40px;
}

#site-title {
	padding: 0;
	width: 450px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 120;
}

#site-title2 {
	padding: 0;
	width: 840px;
	display: block;
	position: absolute;
	top: 3%;
	left: 50%;
	transform: translate(-420px, 0);
	z-index: 120;
}

.page #site-title,
.single #site-title,
.archive #site-title,
.error404 #site-title,
.search #site-title,

.page #site-title2,
.single #site-title2,
.archive #site-title2,
.error404 #site-title2,
.search #site-title2 {
	width: 400px;
	left: 0;
	top:0;
	bottom: 0;
	transform: translate(0, 0);
}

.page #banner,
.single #banner,
.archive #banner,
.error404 #banner,
.search #banner {
	display: none;
}

#date {
	padding: 0;
	width: 450px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 120;
}

#date2 {
	display: block;
	padding: 0;
	width: 509px;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 120;
}

.page #date,
.single #date,
.archive #date,
.error404 #date,
.search #date {
	width: 450px;
	right: 0;
	bottom: 15px;
}

.page #date2,
.single #date2,
.archive #date2,
.error404 #date2,
.search #date2 {
	width: 450px;
	right: 0;
	left: auto;
	transform: translateX(0);
	bottom: 15px;
}

#site-title a:hover,
#site-title a:focus,
#site-title a:active,
#site-title2 a:hover,
#site-title2 a:focus,
#site-title2 a:active {
	color: #1982d1;
}

#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 0 3.65625em 0;
}

#belt {
	background: #fff;
	border-top: 1px solid #E56696;
	text-align: center;
	font-size: 21px;
	color: #E56696;
}

#branding img {
	height: auto;
	width: 100%;
	clear: both;
}

.pagehead {
	height: 240px;
	overflow: hidden;
	clear: both;
	text-align: center;
	background: #E56696;
}

.pagehead div {
	width: 360px !important;
}

.pagehead img {
	vertical-align: bottom;
	width: 100%;
}

.topimageDate {
	position: absolute;
	width: 154px;
	z-index: 200;
	top: 140px;
	right: 200px;
}

.topimageDate img {
	width: 100%;
	vertical-align: bottom;
}

.page .topimageDate,
.single .topimageDate,
.archive .topimageDate,
.error404 .topimageDate,
.search .topimageDate {
	width: 120px;
	top: 100px;
	right: 0px;
}

/* =Menu
-------------------------------------------------------------- */
.m-navi {
	color: #E56696;
	position: relative;
	width: 100%;
}

.m-navi__list {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #E56696;
	color: #fff;
	width: 100%;
	font-size: 18px;
	transition: 0.3s;
}

.m-navi__list li {
	position: relative;
}

.sub-menu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.m-navi__list li:hover .sub-menu {
	display: block;
	position: absolute;
	width: 220px;
	top: 54px;
	z-index: 200;
	left: 0;
	background: #E56696;
}

@media screen and (max-width: 767px) {
	.m-navi__list {
		height: 100%;
		width: 100%;
		margin-left: 0;
		position: fixed;
		overflow: scroll;
		opacity: 0;
		padding: 80px 20px 40px 20px;
		top: 0;
		left: 0;
		z-index: 1000;
		overflow: hidden;
		display: none;
	}

	.sub-menu {
		display: block;
		position: static;
	}

	.m-navi__list.is-open {
		opacity: 1;
		pointer-events: all;
		display: block;
	}
}

.m-navi__list .sns {
	margin-top: 20px;
}

.m-navi__list>li a {
	font-weight: 700;
	padding: 20px 24px;
	line-height: 1;
	color: #fff;
	display: block;
	position: relative;
}

.sub-menu>li a {
	font-weight: 700;
	padding: 12px 15px;
	line-height: 1;
	font-size: 15px;
	color: #fff;
	display: block;
	position: relative;
}

.m-navi__list li a:hover {
	background: rgba(0, 0, 0, 0.09);
	text-decoration: none;
}

.m-navi__list li a i {
	padding-left: 5px;
	font-size: 24px;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.m-navi__list li a {
		padding: 2vw 0 2vw 28px;
	}
}

.m-navi__link--none {
	cursor: pointer;
}

.m-navi__hamburger {
	display: none;
}

@media screen and (max-width: 767px) {
	#navi {
		width: 100%;
		position: fixed;
		right: 0;
		top: 0;
		clear: both;
		background: none;
		z-index: 1000;
	}

	.m-navi__list>li a {
		line-height: 3.2em;
		padding: 0 12px;
		background-image: none;
		border-top: 1px solid #fff;
		font-size: 16px !important;
		color: #fff;
	}

	.sub-menu>li a {
		border-bottom: none !important;
		border-top: none !important;
		line-height: 2.6em;
		padding: 0 12px 0 32px;
		background-image: none;
		font-size: 16px !important;
		color: #fff;
	}

	.m-navi__list li:last-child a {
		border-bottom: 1px solid #fff;
	}

	.m-navi__list li a:after {
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		content: "\f054";
		position: absolute;
		right: 10px;
	}

	.m-navi__list li.menu-item-has-children>a:after {
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		content: "";
		position: absolute;
		right: 10px;
	}

	.m-navi__list li:hover>a,
	.m-navi__list li a:focus {
		border-top: 1px solid #fff;
		background-image: none;
		color: #fff;
	}

	.m-navi__list li:hover>a,
	.m-navi__list li a:focus {
		border-top: 1px solid #fff;
		background-image: none;
		color: #fff;
	}

	.m-navi__list li ul li:hover>ul {
		display: block;
	}

	.m-navi__list li .current-menu-item>a,
	.m-navi__list li .current-menu-ancestor>a,
	.m-navi__list li .current_page_item>a,
	.m-navi__list li .current_page_ancestor>a {
		border-top: 1px solid #fff;
		background-image: none;
	}

	.dl-trigger {
		display: block
	}

	.fixed {
		z-index: 10000;
	}

	.m-navi__hamburger {
		display: block;
		position: fixed;
		right: 6px;
		top: 6px;
		width: 54px;
		height: 54px;
		background: #E56696;
		border: 2px solid #fff;
		box-sizing: border-box;
		z-index: 1001;
		cursor: pointer;
	}

	.m-navi__hamburger-span {
		position: absolute;
		display: block;
		width: 25px;
		height: 2px;
		background: #fff;
		left: 0;
		right: 0;
		margin: auto;
		transition: 0.3s;
	}

	.m-navi__hamburger-span:nth-child(1) {
		top: 15px;
	}

	.m-navi__hamburger-span:nth-child(2) {
		top: 0;
		bottom: 0;
	}

	.m-navi__hamburger-span:nth-child(3) {
		bottom: 15px;
	}

	.m-navi__hamburger.is-open .m-navi__hamburger-span:nth-child(1) {
		top: 24px;
		transform: rotate(-45deg);
	}

	.m-navi__hamburger.is-open .m-navi__hamburger-span:nth-child(2) {
		opacity: 0;
	}

	.m-navi__hamburger.is-open .m-navi__hamburger-span:nth-child(3) {
		bottom: 24px;
		transform: rotate(45deg);
	}
}

.fixed {
	position: fixed !important;
	top: 0;
	width: 100%;
	background: rgba(229, 102, 150, 0.8) !important;
	z-index: 100000 !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}

#branding #searchform div {
	margin: 0;
}

#branding #s {
	float: right;
	width: 72px;
}

#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}

#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}

#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}

#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}

#branding .only-search #s:focus {
	background-color: #bbb;
}

#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}

#branding .only-search+#navi div {
	padding-right: 205px;
}

/* =Front
----------------------------------------------- */
#topimage {
	clear: both;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 600px;
	min-width: 980px;
	max-height: 600px;
	overflow: hidden;
	text-align: center;
}

#topimage ul li img {
	width: 100%;
	min-width: 1400px;
	display: block;
	margin: 0 auto;
}

#topimage ul,
#topimage li {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center !important;
}

#sns,
#timetable {
	margin: 0 auto 40px;
}

#sns .content,
#timetable .content {
	width: 48%;
}

#sns .content h3,
#timetable .content h3 {
	color: #E56696;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}

.x_icon {
	display: block;
	background: #000;
	color: #fff;
	padding: 8px 10px;
	border-radius: 6px;
	text-decoration: none;
	position: relative;
}

.x_icon::before {
	font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free";
	font-weight: 900;
	content: "\e61b";
	margin-right: 10px;
}

.x_icon:hover {
	text-decoration: none;
	opacity: 0.8;
}

.credit {
	font-size: 15px;
}

#sponsor {
	margin: 0 auto 40px;
	clear: both;
}

#sponsor .widget {
	background: #fff;
	padding: 10px 10px;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	margin-bottom: 20px;
}

#sponsor h2 {
	color: #E56696;
	font-weight: bold;
	margin-bottom: 24px;
	padding: 0;
	color: #111;
	font-size: 22px;
	letter-spacing: 2px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

#sponsor h2 span {
	border-bottom: 3px solid #E56696;
	padding: 3px 0;
	display: inline-block;
}

#sponsor h2 a {
	display: inline-block;
	background: #E56696;
	color: #fff;
	padding: 3px 16px;
	border-radius: 16px;
	text-decoration: none;
	font-size: 12px;
	position: absolute;
	right: 0;
}

#sponsor h2 a:hover {
	text-decoration: none !important;
	background: #F3AACA;
}

.widget_mylinkorder {
	position: relative;
	margin-right: -4%;
	overflow: hidden;
}

.widget_mylinkorder h3 {
	display: none;
}

ul.blogroll {
	list-style: none !important;
	position: relative;
	margin-right: .5% !important;
	margin-left: .5% !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	overflow: hidden;
	text-align: center;
}

ul.blogroll li {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	text-align: center;
	margin-right: 1.5%;
	margin: 10px 3px;
	line-height: 1.3;
}

ul.blogroll li:last-child {
	margin-right: 0 !important;
}

ul.blogroll {
	zoom: 1;
}

ul.blogroll a {
	color: #000;
}

ul.blogroll a:hover {
	color: #000;
	text-decoration: underline;
}

/* =Content
----------------------------------------------- */
.box2,
.box3,
.box4 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box3 .content {
	width: 32%;
	box-sizing: border-box;
}

.box4 .content {
	width: 23.5%;
	box-sizing: border-box;
}

.box3:after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}

.box4:before {
	content: "";
	display: block;
	width: 23.5%;
	height: 0;
	order: 1;
}

.box4:after {
	content: "";
	display: block;
	width: 23.5%;
	height: 0;
}

.box4 .content {
	position: relative;
	padding: 20px 20px 5px;
	background: #fff;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
	margin: 0 0 25px;
	border-radius: 12px;
}

.category .box4 .content {
	background: #fff;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
	margin-bottom: 25px;
	border-radius: 12px;
}

.pagetitle {
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
	color: #111;
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
}

.pageTitleEn {
	color: #E56696;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 32px;
}

.newsTitle {
	color: #3580C9;
	font-weight: bold;
	margin-bottom: 24px;
	padding: 0;
	color: #000;
	font-size: 22px;
	letter-spacing: 2px;
	border-bottom: 1px solid #ddd;
}

.newsTitle span {
	border-bottom: 3px solid #E56696;
	padding: 3px 0;
	display: inline-block;
	margin-bottom: -1px;
}

.entry-content dl {
	margin: 0 0 1.5em 0;

}

.entry-content dl dt {
	float: left;
	clear: both;
	padding: 3px 0;
}

.entry-content dl dd {
	padding: 3px 0;
	margin-left: 8em;
}

.entry-content dl.event {
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px 0;
}

.entry-content p {
	margin-bottom: 1em;
}

dl.category {
	margin: 0 0 .5em;
	padding: 0;
	border-bottom: 1px dotted #eee;
}

dl.category dt {
	float: left;
	clear: left;
	width: 8em;
	padding: 10px 1em;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	margin: 0;
}

dl.category dd {
	padding: 8px;
	margin: 0 0 0 8em;
	font-size: 16px;
}

.wp_social_bookmarking_light {
	padding: 12px;
}

a.read,
.nav-previous a,
.nav-next a {
	display: inline-block;
	background: #3580C9;
	color: #fff;
	padding: 6px 18px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 16px;
	-moz-transition: -moz-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	transition: transform 0.1s linear;
}

a.read:hover,
.nav-previous a:hover,
.nav-next a:hover {
	text-decoration: none !important;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.continue a.read {
	position: absolute;
	right: -6px;
	bottom: -10px;
	line-height: 1;
	padding: 12px 16px;
	border-radius: 38px
}

#main {
	width: 1150px;
	margin: 0 auto 60px;
	clear: both;
	padding: 0;
}

.hentry,
.no-results {
	margin: 0 0 1em;
	padding: 0 0 1em;
	position: relative;
	clear: both;
}

.archive .hentry {
	margin: 0;
	padding: 0;
}

.hentry:last-child,
.no-results {
	border-bottom: none;
}

.blog .sticky .entry-header .entry-meta {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.entry-title,
.entry-meta,
.entry-content {

	float: none;
}

.entry-home {
	margin-bottom: 1.5em;
}

.thumbnail {
	width: auto;
	margin-bottom: 12px;
}

.thumbnail img {
	width: 100%;
	border: 1px solid #eee;
	vertical-align: bottom;
}

.page-header .page-title,
.entry-header .entry-title {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 3px solid #E56696;
	font-size: 24px;
}

.entry-content h2 {
	color: #000;
	border-left: 4px solid #4BA634;
	font-size: 22px;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 1em;

}

.entry-content h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 2px dotted rgba(234, 151, 34, 1);
}

.entry-content h3 i {
	color: rgba(234, 151, 34, 1);
}

.entry-content h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 1em 0;
}

.entry-content h3 span {
	border-bottom: 3px solid #E56696;
	padding: 0 0 0;
	display: inline-block;
	margin-bottom: -3px;
}

.entry-content .date {
	display: inline-block;
	background: #eee;
	font-weight: bold;
	padding: 2px 12px;
	letter-spacing: 4px;
	border-radius: 6px;
	text-align: right;
}

.entry-content .date1 {
	display: inline-block;
	background: #C71D29;
	color: #FFF;
	font-weight: bold;
	padding: 2px 10px 2px 12px;
	letter-spacing: 2px;
	border-radius: 6px;
	margin-right: 10px;
}

.entry-content .date2 {
	display: inline-block;
	background: #0051A4;
	color: #FFF;
	font-weight: bold;
	padding: 2px 10px 2px 12px;
	letter-spacing: 2px;
	border-radius: 6px;
	margin-right: 10px;
}

.entry-home .entry-title {
	color: #222;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	padding: 0;
	width: auto;
	margin-bottom: 10px;
}

.entry-home .entry-title {
	clear: none;
}

.entry-title a {
	color: #E56696;
}

.page-title,
.page-title a,
.entry-title,
.entry-title a {
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	opacity: 0.8;
}

.entry-content {
	margin-bottom: 25px;
	background: #fff;
	padding: 25px;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
	border-radius: 12px;
}

.entry-home .entry-content {
	margin-bottom: 0;
	background: #fff;
	padding: 0;
	box-shadow: none;
}

.entry-meta {
	color: #666;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: right;
}

.entry-home .entry-meta {
	border: none;
	padding: 0;
	text-align: left;
}

.entry-meta a {
	font-weight: bold;
}

.single-author .entry-meta .by-author {
	display: none;
}

.entry-summary {
	padding: .5em 0 0;
	font-size: 16px;
}

.entry-content h1 {
	font-weight: normal;
	margin: 0 0 1em;
}

.entry-content #s {
	width: 75%;
}

.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}

.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}

.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}

.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}

.page-link span {
	margin-right: 6px;
}

.entry-meta .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}

.entry-meta .edit-link a:hover {
	background: #888;
	color: #fff;
}

.entry-content .edit-link {
	clear: both;
	display: block;
}

#nav-below {
	margin-bottom: 1.5em;
}

#guide p,
#guide table,
#guide dl,
#entry p,
#entry table,
#entry .webentry {
	margin-left: 2em !important;
}

#entry ol {
	margin-left: 4.5em !important;
}

#entry ol li {
	margin-bottom: .5em;
}

p.pdf a {
	display: block;
	background: url(https://www.tochigi-tv-anime.com/festa2025/wp-content/themes/2025/images/doc_pdf.png) no-repeat 12px center;
	border: 1px solid #E56696;
	padding: 5px 0 5px 36px;
	border-radius: 6px;
	font-size: 1.2em;
	width: auto;
	box-shadow: 2px 2px 6px #eee;
}

p.pdf a:hover {
	background-color: #f6f6f6;
}

.heateor_sss_sharing_container {
	margin: 30px 0 0;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
	/* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large {
	max-width: 100%;
	width: auto;
	/* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto;
	/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: .5em;
}

p img,
.wp-caption {
	margin-top: 0;
}

.wp-caption {
	background: #fff;
	margin-bottom: 1.625em;
	max-width: 100%;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}

.wp-caption p {
	display: none;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	display: block;
	color: #666;
	font-size: 14px;
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 0;
	position: relative;
}

#content .gallery {
	margin: 0 auto 1.625em;
}

#content .gallery a img {
	border: none;
}

img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}

#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}

#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

	padding: 1px;
}

.wp-caption img {
	border-color: #eee;
}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
	/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
	/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}


.last {
	clear: right;
	margin-right: 0 !important;
}

.divider {
	clear: both;
	display: block;
	margin-bottom: 20px;
	width: 100%;
}

#content span.highlight {
	padding: 2px;
	background-color: #FFFBCC;
}

.yellow-box {
	margin: 10px 0;
	background: #FFFBCC;
	border: 1px solid #E6DB55;
	padding: 20px;
	overflow: hidden;
}

.red-box {
	margin: 10px 0;
	background: #FFD9C8;
	border: 1px solid #F37C72;
	padding: 20px;
	overflow: hidden;
}

.green-box {
	margin: 10px 0;
	background: #D5FFCA;
	border: 1px solid #BDDC7F;
	padding: 20px;
	overflow: hidden;
}

/* --- Post Tables --- */
.entry-content table {
	border-top: 1px solid #bbb;
	margin: 0.5em 0px 2em 0;
	font-size: 1em;
	border-collapse: collapse;
	width: 100%;
	line-height: 1.5;
}


.entry-content table tr th {
	padding: 12px 16px;
	border-bottom: 1px solid #bbb;
	background: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.entry-content table tr td {
	padding: 12px 16px;
	border-bottom: 1px solid #bbb;
	background: #fff;
	vertical-align: middle;
}

.entry-content span.must {
	color: #ff0000;
}

.entry-content table tr th p,
.entry-content table tr td p {
	margin-bottom: 0;
}

.form-send {
	text-align: center;
	margin-bottom: 30px;
}

.form-send input {
	background: #E56696;
	color: #fff;
	font-size: 22px;
	padding: 8px 24px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
}

.form-send input:hover {
	opacity: 0.8;
}

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

	.entry-content table tr th,
	.entry-content table tr td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
}

.youtube iframe {
	width: 100%;
}

.wp-pagenavi {
	text-align: center;
	margin: 25px 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #3580C9;
	background: #3580C9;
	color: #fff;
	padding: 5px 12px;
	line-height: 1;
	margin: 2px;
}

.wp-pagenavi span.pages {
	border: none;
	background: transparent;
	color: #3580C9;
	font-weight: bold;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background: transparent;
	color: #3580C9;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.news-list {
	text-align: center;
	margin: 25px 0;
}

.news-list a {

	display: inline-block;
	background: #3580C9;
	color: #fff;
	padding: 6px 18px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 16px;
	transition: transform 0.1s linear;
}

.news-list a:hover {
	text-decoration: none !important;
	transform: scale(1.1);
}

/* =Search
----------------------------------------------- */
.search-result article {
	background: #fff;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
	margin-bottom: 25px;
	border-radius: 12px;
	padding: 15px;
}

.search-result .entry-home {
	margin-bottom: 0;
}

.search-result .entry-home .entry-title {
	margin-bottom: 5px;
}

.search-result .entry-home p {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}

.search-result .entry-home .entry-meta {
	font-size: 13px;
	color: #999;
	margin: 0;
	text-align: right;
}

#searchform {
	margin: 25px 0;
	display: flex;
	justify-content: center;
}

input#s {
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	height: 36px;
	line-height: 1.2em;
	padding: 8px 12px;
	max-width: 240px;
}

input#searchsubmit {
	color: #E56696;
	border: none;
	font-size: 20px;
	width: 20px;
	height: 20px;
	background-color: transparent;
	cursor: pointer;
	width: auto;
	position: relative;
}

input#searchsubmit:after {
	font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free";
	content: "\f002";
	position: absolute;
	left: 0;
	top: 0;
}

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

	.news-list,
	#searchform {
		width: 100%;
		margin: 10px 0;
	}

	input#searchsubmit {
		width: auto;
	}
}

/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}

.error404 #main #s {
	width: 95%;
}

.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}

.error404 #main .widget_archive {
	margin-right: 0;
}

.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}

.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 14px;
}

.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0
}

.widget-title {
	display: none;
}

.widget ul {
	margin: 0 0 1em 2em;
	list-style: square;
}

.widget ul ul {
	margin-left: 1.5em;
}

.widget ul li {
	color: #000;
}

.widget a {
	text-decoration: none;
}

.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* =Footer
----------------------------------------------- */

#pagetop {
	position: fixed;
	bottom: 30px;
	right: 15px;
	display: none;
}

#pagetop a {
	text-decoration: none;
	width: 64px;
	text-align: right;
	display: block;
}

#pagetop a img {
	width: 100%;
}

#footer {
	clear: both;
	background: #3580C9;
}

#footer .wrapper {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

#copyright {
	font-size: 12px;
	color: #fff;
	padding: 24px 0;
}

#tochitele {
	padding: 12px 0;
}

#supplementary {
	border-top: 1px solid #ddd;
	padding: 1.625em 7.6%;
	overflow: hidden;
}


.pc {
	display: block;
}

.sp {
	display: none;
}

#social {
	clear: both;
	margin: 0 auto 40px;
	padding: 20px 0 0;
}

#social ul {
	list-style: none;
	margin: 0;
}

#social ul li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: bottom;
	overflow: hidden;
	line-height: 1;
}

#social ul li:last-child {
	margin-right: 0;
}

.fb_iframe_widget>span {
	vertical-align: baseline !important;
}

.fb_iframe_widget>span {
	vertical-align: baseline !important;
	height: 20px !important;
}

.scale img,
.thumbnail img {
	-moz-transition: -moz-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	transition: transform 0.1s linear;
}

.scale img:hover,
.thumbnail img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.profile {
	max-width: 720px;
	font-size: 12px;
	padding: 10px;
	max-height: 700px;
}

.profile h3 {
	font-size: 16px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

.profile img {
	max-width: 640px;
}

.shop-list {
	max-width: 1024px;
	margin: 0 auto;
}

.shop {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 15px 20px;
	margin: 0 0 20px;
}

.shop .flex {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.shop-photo {
	width: 28%;
}

.shop-photo img {
	vertical-align: bottom;
}

.shop-text {
	width: 70%;
}

.entry-content .shop dl {
	margin: 0;
}

.shop .shop-title {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 .5em;
}

.shop .shop-title span {
	background: #E65100;
	color: #fff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	margin-right: 5px;
	font-size: 80%;
	border-radius: 50%;
	text-align: center;
}

.entry-content .shop dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
}

.entry-content .shop dl dt {
	width: 140px;
	float: none;
	background-color: rgba(234, 151, 34, 0.2);
	box-sizing: border-box;
	padding: 5px 8px;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: middle;
}

.entry-content .shop dl dd {
	width: 770px;
	box-sizing: border-box;
	margin-left: 0;
	padding: 5px 8px;
	margin-bottom: 5px;
}

.entry-content .shop .shop-text dl dt {
	width: 140px;
}

.entry-content .shop .shop-text dl dd {
	width: 530px;
}

.shop-content {
	font-weight: bold;
	color: #E65100;
}

.widget .shop a {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.shop {
		padding: 15px;
	}

	.shop .flex {
		display: block;
	}

	.shop .shop-title {
		font-size: 16px;
		margin: 0 0 12px;
	}

	.shop .shop-title span {
		width: 26px;
		height: 26px;
		line-height: 26px;
	}

	.shop-photo {
		width: auto;
		margin-bottom: 15px;
	}

	.shop-photo img {
		vertical-align: bottom;
	}

	.shop-text {
		width: auto;
	}

	.entry-content .shop dl {
		display: block;
	}

	.entry-content .shop dl dt,
	.entry-content .shop .shop-text dl dt {
		width: auto;
		padding: 3px 4px;
	}

	.entry-content .shop dl dd,
	.entry-content .shop .shop-text dl dd {
		width: auto;
		padding: 3px 4px;
	}
}

/* =Responsive Structure
----------------------------------------------- */
img {
	width: inherit\9;
	max-width: 100%\9;
	height: auto\9;
}

a.button {
	font-size: 1em;
	text-align: center;
	width: 250px;
	margin: 0 auto 1em auto;
}

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

	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	.show_pc {
		display: none;
	}

	.show_sp {
		display: block;
	}

	body,
	input,
	textarea {
		font-size: 14px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		width: 100%;
	}

	/* Simplify the basic layout */
	#main {
		margin: 24px 10px 24px;
		width: auto;
	}

	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.5em;
	}

	#primary {
		float: none;
		margin: 0;
		padding: 20px 0 0;
	}

	#main #secondary {
		clear: both;
		float: none;
		margin: 0px 4% 20px;
		width: auto;
	}

	#branding #hgroup {
		width: 100%;
		min-width: 0px;
	}

	#branding {
		padding-bottom: 0px;
		margin-bottom: 20px;
		position: relative;
		border-bottom: 3px solid #E56696;
	}

	#branding #hgroup .wrapper {
		width: auto;
		height: 620px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}


	.page #branding #hgroup,
	.single #branding #hgroup,
	.archive #branding #hgroup,
	.error404 #branding #hgroup,
	.search #branding #hgroup {
		background-position: center center;
	}

	.page #branding #hgroup .wrapper,
	.single #branding #hgroup .wrapper,
	.archive #branding #hgroup .wrapper,
	.error404 #branding #hgroup .wrapper,
	.search #branding #hgroup .wrapper {
		width: calc(100% - 60px);
		height: auto;
		margin: 0;
		padding: 0 5px;
		display: flex;
		justify-content: space-between;
	}

	#marronniyell {
		width: 120%;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 50%;
		opacity: 0;
		z-index: 100;
		overflow: hidden
	}

	#marronniyell img {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#banner {
		width: 30%;
		top: auto;
		bottom: 10px;
		position: absolute;
		/*display:flex;*/
		display: none;
		flex-wrap: wrap;
		justify-content: center;
		right: 0;
		z-index: 100;
		margin: 0 auto 20px;
	}

	#banner>.banner_small {
		width: 50%;
	}

	#banner a {
		margin-bottom: 5px;
	}

	#logo {
		display: none;
	}


	#site-title {
		padding: 0;
		width: 75%;
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 120;
		margin-left: auto;
	}

	#site-title2 {
		padding: 0;
		width: 100%;
		position: static;
		margin: 40px auto 10px;
		transform: translateX(0);
		z-index: 120;
	}

	#date {
		padding: 0;
		width: 65%;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 120;
	}

	#date2 {
		padding: 0;
		width: 90%;
		position: static;
		bottom: 80px;
		left: 5%;
		transform: translateX(0);
		z-index: 120;
		margin: 0 auto 20px;
	}

	#site-title img,
	#site-title2 img {
		width: 100%;
		max-width: 100%;
	}


	#date img,
	#date2 img {
		width: 100%;
		max-width: 100%;
	}

	.page #site-title,
	.single #site-title,
	.archive #site-title,
	.error404 #site-title,
	.search #site-title,
	.page #site-title2,
	.single #site-title2,
	.archive #site-title2,
	.error404 #site-title2,
	.search #site-title2 {
		width: 40%;
		position: static;
		margin-left: 2%;
		padding: 20px 0 0px;
		margin: 0;
	}

	.page #date,
	.single #date,
	.archive #date,
	.error404 #date,
	.search #date,
	.page #date2,
	.single #date2,
	.archive #date2,
	.error404 #date2,
	.search #date2 {
		display: none;
	}

	.page #site-title img,
	.single #site-title img,
	.archive #site-title img,
	.error404 #site-title img,
	.search #site-title img,
	.page #date img,
	.single #date img,
	.archive #date img,
	.error404 #date img,
	.search #date img {
		width: 100%;
	}

	.page #banner,
	.single #banner,
	.archive #banner,
	.error404 #banner,
	.search #banner {
		display: none;
	}

	#site-description {
		font-size: 10pt;
	}

	#branding #searchform {
		display: none;
	}

	.pagehead {
		height: 91px;

	}

	.pagehead div {
		width: 137px !important;
	}

	.topimageDate {
		position: absolute;
		width: 80px;
		z-index: 200;
		top: 70px;
		right: 10px;
	}

	#main {
		width: auto;
	}

	#all {
		margin: 0px 0 40px;
	}

	.box2 {
		width: 100%;
	}

	.box3 .content {
		width: 48%;
		box-sizing: border-box;
	}

	.box4 .content {
		width: 48%;
		box-sizing: border-box;
	}

	.box3:after {
		content: "";
		display: none;
	}

	.box4:before {
		content: "";
		display: none;
	}

	.box4:after {
		content: "";
		display: none;
	}

	#sns .box2 {
		display: block;
	}

	#sns .content,
	#timetable .content {
		width: auto;
		margin: 0 auto 20px;
	}

	#sponsor {
		margin: 0 auto 20px;
	}

	#linkcat-16 li {
		width: 98%;
		margin: 0;
	}

	#linkcat-17 li {
		width: 48%;
		margin: 0 2% 0 0;
	}

	#linkcat-18 li {
		width: 48%;
		margin: 0 2% 0 0;
	}

	#linkcat-16 li:last-child,
	#linkcat-17 li:last-child,
	#linkcat-18 li:last-child {
		margin: 0 !important;
	}

	article.intro .entry-content {
		font-size: 12px;
	}

	article.post {
		padding: 3px;
	}

	article.page {
		padding: 3px;
	}

	.pagetitle {
		font-size: 22px;
	}

	.pageTitleEn {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.entry-header .entry-title {
		font-size: 21px !important;
		line-height: 1.3;
	}

	.entry-content {
		padding: 15px;
	}

	.entry-content h2 {
		font-size: 18px;

	}

	.entry-content h3 {
		font-size: 16px;
	}

	.entry-content h4 {
		font-size: 15px;
		font-weight: bold;
		margin: 0 0 1em 0;
	}

	.thumbnail img {
		width: 100%;
	}

	.entry-home .entry-title {
		font-size: 14px !important;
		line-height: 1.3;
		margin-bottom: 8px !important;
	}

	.entry-home .entry-content {
		font-size: 12px !important;

	}

	article.content {
		margin-bottom: 15px;
		padding: 10px;
	}

	#content .entry-content table {
		margin: 0.5em 0px 2em 0;
	}

	.box4 .content {
		padding: 12px 12px 5px;
	}

	.entry-content h3 {
		margin: 0 0 0.5em 0;
	}

	.entry-content dl {
		margin: 0 0 2em 0;
	}

	.entry-content dl dt {
		width: auto;
		float: none;
		clear: both;
		padding: 2px 0;
	}

	.entry-content dl dd {
		margin-left: 1em;
		padding: 2px 0;
	}

	#guide p,
	#guide table,
	#guide dl,
	#entry p,
	#entry table,
	#entry .webentry {
		margin-left: 0 !important;
	}

	.flick {
		width: 90%;
		overflow: hidden;
		margin: 0 auto;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
		border: 1px solid #ddd;
	}

	.featured-post .entry-title {
		font-size: 14px;
	}

	.singular .entry-title {
		font-size: 28px;
	}

	.entry-meta {
		font-size: 11px;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	blockquote {
		margin: 0;
	}

	blockquote.pull {
		font-size: 17px;
	}

	.latlonglab {
		width: 100%;
	}

	#branding #searchform {
		top: 1.625em !important;
	}

	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}

	/* Talking avatars take up too much room at this size */
	.commentlist>li.comment,
	.commentlist>li.pingback {
		margin-left: 0 !important;
	}

	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}

	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}

	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}

	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}

	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}

	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}

	#colophon {
		width: auto;
	}

	#colophon dl dt {
		width: auto;
		float: none;
	}

	#colophon dl dd {
		margin: 0;
	}

	dl.category {
		margin: 0 0 .5em;
		padding: 0;
		border-bottom: 1px dotted #eee;
	}

	dl.category dt {
		float: none;
		clear: left;
		width: auto;
		padding: 6px 0 0;
	}

	dl.category dd {
		padding: 0 0 6px;
		margin: 0;
	}

	#secondary .widget {
		float: none;
		width: auto;
		clear: none;
		text-align: center;
	}

	#secondary .widget div {
		text-align: center;
	}

	#secondary .widget img {
		width: 100%;
	}

	#secondary .widget {
		width: auto;
		margin: 0 auto 20px;
	}

	#copyright {
		font-size: 11px;
	}

	#copyright {
		text-align: center;
		padding: 12px 0 0;
	}

	#tochitele {
		text-align: center;
		padding: 0 0 12px;
	}

	#tochitele img {
		width: 69px;
	}

	.webentry {
		text-align: center;
	}

	.webentry .logo {
		float: none;
		margin: 0 0 20px 0;
	}

	#footer .wrapper {
		width: auto;
		display: block;
	}

	.wp_social_bookmarking_light {
		padding: 0 10px !important;
	}

	#pagetop {
		bottom: 20px;
		right: 10px;
	}

	#pagetop a {
		width: 48px;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	#social {
		margin: 0 10px 40px
	}

	.profile img {
		width: 100%;
	}
}

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


	#site-title img {
		max-width: 100%;
	}

	#date img {
		max-width: 100%;
	}

	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}

	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}

	#page {
		margin-top: 0;
	}

	#branding {
		border-top: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}

	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] ";
		/* Show URLs */
	}

	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}

	#branding {
		border-top: none !important;
		padding: 0;
	}

	#navi {
		display: none;
	}

	#navi ul {
		width: 100%;
	}

	#main {
		width: 100%;
		border-top: none;
		box-shadow: none;
	}

	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}

	#content {
		margin: 0;
		width: auto;
	}

	.singular #content {
		margin: 0;
		width: 100%;
	}

	.singular .entry-header .entry-meta {
		position: static;
	}

	.entry-meta .edit-link a {
		display: none;
	}

	#content nav {
		display: none;
	}

	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}

	.singular .hentry {
		padding: 0;
	}

	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}

	.entry-meta {
		font-size: 10pt;
	}

	.entry-header .comments-link {
		display: none;
	}

	.page-link {
		display: none;
	}

	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}

	#respond {
		display: none;
	}

	.widget-area {
		display: none;
	}
}