/*!
Theme Name: s1bata 202102-2
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: s1bata
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

s1bata is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# header
# footer
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

body {
	margin: 0;
	color: #231815;
}
a {
	text-decoration: none;
	color: #231815;
}
a:hover {
	cursor: pointer;
}
h1 {
	margin: 0;
}
p {
	margin: 0;
}
img {
	max-width: 100%;
}
figure img {
	width: 80%;
	height: auto;
	margin-top: 40px;
}
#primary {
	padding-top: 89px;
}
figure {
	margin: 0;
}
.sp_main {
	display: none;
}
.scroll-prevent {
	/*動き固定*/
	position: fixed;
	/*奥行きを管理*/
	z-index: -1;
	/*下2つで背景を元のサイズのまま表示することができる*/
	width: 100%;
	height: 100%;
}
#post-22, #post-121 {
	height: auto;
}
#post-22 .entry-content,
#post-121 .entry-content {
	margin: 0;
}


/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
.main-navigation {
	display: none;
}
#drawer-check {
	display: none;
}
#masthead {
	border-top: 3px solid #e60014;
	height: 89.7px;
	box-shadow: 0 4px 7px 0 rgba(181, 181, 181, 0.5);
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 70px;
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0;
	opacity: 0.8;
}
.header_logo {
	width: 189.7px;
	height: 58.2px;
	margin-top: 16px;
}
.header_sns {
	display: none;
}
/*#primary-menu {
	margin-right: 120px;
}*/
#primary-menu{
	display: flex;
	align-items: center;
	margin-right: 100px;
}
#primary-menu .menu-item{
	list-style: none;
	margin-left: 10px;
	font-size: 16px;
	position: relative;
}
#primary-menu .menu-item a {
	padding: 20px;
}
#primary-menu .menu-item a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: #333;
    content: "";
    transition: 0.3s;
	transform: translateX(-50%);
}
#primary-menu .menu-item a:hover::after {
	background: #333;
	width: 70%;
}
#primary-menu .menu-item .sub-menu{
	position: absolute;
	width: max-content;
	padding-left: 0;
}
#primary-menu .menu-item-has-children .sub-menu{
	background-color: #fff;
	padding: 50px 30px 20px;
	top: 20px;
	left: -10px;
	display: none;
}
#primary-menu .menu-item .sub-menu .menu-item{
	list-style: none;
	margin-left: 0px;
	font-size: 16px;
	margin-bottom: 10px;
}
#primary-menu ul .page_item_has_children{
	margin-top: 100px;
}
#primary-menu ul .page_item_has_children ul li{
	list-style: none;
	margin-left: 0;
	font-size: 16px;
}
#primary-menu .menu-item:hover ul.sub-menu{
	display: block;
}
#primary-menu ul.sub-menu:hover ul.sub-menu{
	display: block;
}
.menu-menu-1-container {
	width: 100%;
}
#metaslider-id-907 {
	width: 100%;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Top
--------------------------------------------------------------*/
.top_image {
	height: 865px;
	display: flex;
	justify-content: left;
	align-items: center;
}
.top_message {
	color: #000000;
}
.top_message h2 {
	font-size: 50px;
	font-weight: normal;
	padding-left: 27px;
	margin: 0;
}
.top_message p {
	font-size: 20px;
	font-weight: normal;
	padding-left: 72px;
}
#top_head {
	padding: 42px 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#top-navigation #primary-menu ul {
	margin: 0;
}
#top-navigation #primary-menu ul li a{
	color: #ffffff;
	opacity: 0.8;
}
.top-title {
	margin: 0;
}
.top_logo {
	width: 200px;
	height: 138px;
}

/* top_container */
.top_container {
	height: 778px;
	background-size: cover;
	display: flex;
	justify-content: space-between;
	padding: 87.2px 55px 0;
	background-position: bottom;
}
.top_container_left img {
	width: 585px;
	height: 272px;
	opacity: 0.9;
}
.top_container_left:hover {
	opacity: 0.8;
	cursor: pointer;
}
.top_container_left_texts {
	margin: 0 auto;
	width: 96%;
}
.top_container_left_texts h3 {
	font-size: 35px;
	padding-top: 47.6px;
	margin: 0 auto 21px;
}
.top_container_left_texts h4 {
	font-size: 35px;
	margin-top: 23.3px;
	border: 1px solid #fff;
	margin: 0 auto 30px;
	padding-left: 7px;
}
.top_container_left_texts p {
	font-size: 20px;
}
.top_container_right {
	color: #cb1515;
	font-weight: bold;
	width: 44.7%;
	text-align: center;
}
.top_container_right h3 {
	font-size: 40px;
	margin-bottom: 0;
}
.top_container_right_center {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.top_container_right_center_left {
	font-size: 33px;
}
.top_container_right_center_right {
	font-size: 93px;
	line-height: 1;
}
.top_container_right_caption {
	font-size: 8px;
	margin: auto 0 0 0;
}

/* top_three */
.top_three {
	margin: -380px auto 0;
	width: 984px;
	max-width: 380px;
}
@media screen and (min-width:600px) {
	.top_three {
		margin: -210px auto 0;
	}
}
@media screen and (min-width:981px) {
	.top_three {
		margin: -380px auto 0;
		max-width: none;
	}
}
.top_three_top {
	background-color: rgba(0, 0, 0, 0.35);
	/* width: 320px; */
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top_three_top_text {
	color: #fff;
	font-size: 25px;
}
.top_items {
	display: flex;
	padding-left: 0;
	margin: 0 auto;
}
.top_item {
	/* width: 320px;
	margin-right: 12px; */
	list-style: none;
}
@media screen and (min-width:981px) {
	.top_item {
		width: 320px;
		margin-right: 12px;
	}
}
.top_item:last-child {
	margin-right: 0;
}
.top_item img {
	height: auto;
	transition: all .5s;
	/* width: 320px;
	height: 180px; */
}
.top_item a img:hover {
	transform: scale(1.05, 1.05);
	cursor: pointer;
	opacity: 1;
}
.top_item h4 {
	font-size: 20px;
	color: #2f2c2b;
	margin: 0 0 10px;
	border-bottom: 1px solid #d41518;
	display: inline-block;
	padding: 2px 5px;
	margin-bottom: 5px;
}

.top_three_bottom .top_item h4 {
	border-bottom: none;
	padding: 0;
}
.top_item h4 a:hover {
	opacity: 0.8;
}

/* top_value */
.top_value {
	text-align: center;
}
.top_value_sub_title {
	color: #d41518;
	font-size: 40px;
	margin-bottom: 40px;
	height: 40px;
}
.top_value_title {
	color: #2f2c2b;
	font-size: 40px;
	margin-bottom: 62px;
}

.top_value img {
	width: 960px;
	height: auto;
}

/* bottom_container */
.bottom_container {
	height: 582px;
	background-size: cover;
	background-repeat: no-repeat;
}
.top_three_bottom {
	margin-top: 100px;
	padding-top: 100px;
}
.top_three_bottom .top_items_middle {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
.top_three_bottom .top_items_middle a {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
.top_container_bottom_item_text {
	margin-bottom: 30px;
}
.zero-ichi_link {
	text-align: center;
	display: block;
	font-size: 20px;
}
.zero-ichi_link_text {
	border-bottom: 2px solid #333;
	display: inline-block;
}
.zero-ichi_link:hover {
	opacity: 0.8;
}

/* top_container_works */
.top_container_works {
	flex-direction: column;
	justify-content: inherit;
}
.top_container_works  h3 {
	font-size: 33px;
}
.top_container_works .top_items {
	margin-top: 143px;
	color: #fff;
}


.top_links {
	width: 93%;
	margin: 37px auto 37px;
}
.top_links_top, .top_links_bottom {
	display: flex;
	margin-bottom: 37px;
	justify-content: center;
}
.link_container {
	width: 715.6px;
	height: 333.9px;
}
.link_container:hover {
	opacity: 0.8;
}
.link_title {
	height: 35px;
	font-size: 35px;
	color: #c40012;
	padding: 41.7px 0 0 42.9px;
	margin: 0;
}
.link_text {
	height: 18px;
	font-size: 18px;
	color: #2f2c2b;
	padding: 18.7px 0 0 42.9px;
}
/*--------------------------------------------------------------
- Topics
--------------------------------------------------------------*/
.top_news_wrapper {
	background: #eaeaea;
}
.top_news_top {
	display: flex;
	align-items: center;
	padding: 54px 69px 54px 69px;
	margin-top: -10px;
}
.news a {
	height: 54px;
	font-family: Helvetica;
	font-size: 54px;
	font-weight: bold;
	color: #c40012;
	margin: 0;
}

.new_news {
	margin-left: 39px;
/*	width: 50%; 2021/02/08*/
}
.new_news_item {
	display: flex;
}
.news_item_top {
	display: flex;
}
.new_news_item:nth-child(n+2) {
	margin-top: 13px;
}
.news_date {
	width: 74px;
	height: 14px;
	font-size: 14.8px;
	color: #c40012;
}
.post-categories {
	margin: 0;
	display: flex;
}
.post-categories li {
	height: 26.2px;
	background-color: #c40012;
	list-style: none;
	margin-right: 10px;
	padding: 0 8px;
}
.post-categories li a {
	color: #fff;
	opacity: 0.8;
	font-size: 15px;
	word-break: keep-all;
}
.news_title {
	font-size: 16px;
	color: #2f2c2b;
}
.more {
	color: #5f5e5e;
	margin-left: auto; /* 2021/02/08 */
/*	margin-top: 50px; 2021/02/08 */
	text-decoration: underline;
}
.news_top_right {
	margin-left: 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: center;
}
.news_top_right .footer_fb,
.news_top_right .footer_tw {
	margin-right: 30px;
}
.news_top_right .footer_fb,
.news_top_right .footer_tw,
.news_top_right .footer_insta{
display: block;
}
.news_top_right .footer_fb,
.news_top_right .footer_tw {
	margin-right: 30px;
}
.news_top_right .footer_fb,
.news_top_right .footer_tw,
.news_top_right .footer_insta{
display: block;
}




/*--------------------------------------------------------------
- Pick Up News
--------------------------------------------------------------*/
/* .top_pickup_container {
	margin: 0 auto;
	width: 98%;
	padding-bottom: 68px;
}
.top_pickup {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_pickup_item {
	display: flex;
	margin: 44px 0 28px 0;
	width: 49%;
}
.top_pickup_right {
	width: 284.8px;
	background-color: #ffffff;
	padding: 16px 20px 0 18px;
}
.pickup_date {
	width: 70px;
	font-size: 14px;
	font-weight: normal;
	color: #c40012;
}
.top_pickup_right .post-categories{
	padding: 0;
}
.top_pickup_right .post-categories li{
	font-size: 16.3px;
	background: #fff;
}
.top_pickup_right .post-categories li a{
	color: #c40012;
}
.pickup_title {
	height: 19px;
	font-size: 19.4px;
	color: #5f5e5e;
	padding-bottom: 16px;
	border-bottom: 2px solid #c40012;
	display: block;
}
.top_pickup_item p{
	height: 120px;
	overflow: hidden;
	margin-top: 12px;
	color: #5f5e5e;
}
.readmore {
	height: 17px;
	font-size: 14.3px;
	color: #c40012;
	float: right;
	margin-top: 10px;
} */


/*--------------------------------------------------------------
- TOP 動画 20220224 追加
--------------------------------------------------------------*/
.top_movie {
	padding: 40px 24px;
	position: relative;
}
@media screen and (min-width:981px) {
	.top_movie {
		padding: 80px 69px 60px;
		background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);
	}
}
.top_movie p.title {
    color: #c40012;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	line-height: 1.3;
	margin: 0 0 20px 0;
}
.top_movie p.title span {
	font-size: 14px;
    letter-spacing: 2px;
}
@media screen and (min-width:768px) {
	.top_movie p.title {
		font-size: 26px;
	}
	.top_movie p.title span {
		font-size: 18px;
	}
}
@media screen and (min-width:981px) {
	.top_movie p.title {
		font-size: 32px;
	}
	.top_movie p.title span {
		font-size: 20px;
	}
}
.top_moviebox {
	position: relative;
}
.top_movie--swiper {
	width: 100%;
	margin-bottom: 30px;
}
.top_movie--swiper ul.swiper-wrapper {
	padding: 0;
	margin: 0;
}
.top_movie--swiper ul.swiper-wrapper li.swiper-slide {
	list-style: none;
	padding-top: 65%;
}
@media screen and (min-width:768px) {
	.top_movie--swiper ul.swiper-wrapper li.swiper-slide {
		padding-top: 31%;
	}
}
.top_movie--swiper ul.swiper-wrapper li.swiper-slide iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.top_moviebox .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -30px;
}
.top_moviebox .swiper-button-next {
	right: 0;
}
.top_moviebox .swiper-button-prev {
	left: 0;
}
.top_moviebox .swiper-button-next:after,
.top_moviebox .swiper-button-prev:after {
	color: #c40012;;
}
.text_box01 {
	text-align: center;
}
.text_box01 .text_box01_inner {
	
}
.text_box01 .text_box01_inner p:nth-child(2) {
	text-align: left;
}
@media screen and (min-width:768px) {
	.text_box01 .text_box01_inner p,
	.text_box01 .text_box01_inner p:nth-child(2) {
		text-align: center;
	}
}
@media screen and (min-width:981px) {
	.top_movie p.text {
		margin: 0 auto;
	}
}
.top_movie .sns_box {
	margin: 15px 0 0;
	text-align: center;
}
@media screen and (min-width:981px) {
	.top_movie .sns_box {
		margin: 25px auto 0;
	}
}
.top_movie .sns_box p {
	margin-bottom: 10px;
	font-weight: 600;
}
@media screen and (min-width:981px) {
	.top_movie .sns_box p {
		margin-bottom: 15px;
	}
}
.top_movie .sns_box a {
	padding: 8px 0;
    margin-right: 10px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    width: 160px;
    font-size: 18px;
}
.top_movie .sns_box a i {
	margin-left: 5px;
}
@media screen and (min-width:981px) {
	.top_movie .sns_box a i {
		margin-left: 8px;
	}
}
.top_movie .sns_box .youtube {
	background: #FF0000;
}
.top_movie .sns_box .instagram {
	background: radial-gradient(at 20% 120%, orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;
}
.top_movie .sns_box .tiktok {
    background: #000;
}
.top_movie--swiper ul.swiper-wrapper li.swiper-slide .swiper-slide_text {
    z-index: 10;
    position: relative;
    font-weight: 600;
    background: #c40012;
    color: #fff;
    text-align: center;
    padding: 2px 0;
}



/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/

.footer_bar {
	background: #c40012;
	height: 46.4px;
	display: flex;
	justify-content: flex-end;
}
.scroll {
	width: 113px;
	height: 46.4px;
	background-color: #1a1311;
	display: flex;
	justify-content: center;
}
.scroll:hover {
	opacity: 0.8;
	cursor: pointer;
}
.arrow {
	width: 14px;
	height: 14px;
	background-color: #1a1311;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(-45deg);
	margin-top: 18px;
}
.site-info {
	background-color: #c40012;
	text-align: center;
}
.site-info p {
	color: hsl(0, 0%, 100%);
	font-size: 14.8px;
	padding-top: 11.8px;
}
.footer_wrapper {
	background-color: #d6e0e3;
}
.footer_container {
	padding: 46px 0 0 95px;
	color: #2f2c2b;
	font-size: 15px;
}
.footer_logo{
	width: 180.2px;
	height: 57.8px;
	margin-bottom: 56px;
}
.footer_block {
	display: flex;
	justify-content: space-between;
	line-height: 28px;
}
.footer_block_left {
	border-right: 2px solid #c40012;
	width: 50%;
}
.footer_block_right {
	padding-left: 121px;
	display: flex;
	width: 50%;
}
.footer_block_bottom {
	display: none;
}
.footer_title {
	font-size: 20px;
	padding-bottom: 27px;
	font-weight: bold;
}
.red_block {
	width: 92.6px;
	height: 28.8px;
	background-color: #c40012;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 16px;
}
.address {
	margin-bottom: 80px;
}
.footer_block_right_l, .footer_block_right_r {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footer_block_right_l {
	height: 450px;
}
.footer_block_right_l p a{
	display: block;
}
.footer_block_right_l p a:hover{
	opacity: 0.8;
}
.footer_block_right_r {
	padding-left: 131px;
	height: 240px;
}
.footer_sns {
	display: flex;
	width:300px;
	justify-content: space-between;
	margin: 60px auto 0;
	padding-bottom: 60px;
}
.footer_fb, .footer_tw, .footer_insta {
	display: flex;
	align-items: center;
}
.footer_fb p,
.footer_tw p,
.footer_insta p{
	color: #c40012;
	font-size: 14px;
}
.footer_fb:hover,
.footer_tw:hover,
.footer_insta:hover {
	opacity: 0.8;
}
.footer_sns p{
	margin-left: 10px;
}
.footer_fb img {
	width: 14px;
	height: 26px;
}
.footer_tw img {
	width: 28px;
	height: 22px;
}


/* 2021/03/23 追加 */
.wp-block-column.sbt_btm {
    margin-bottom: 80px;
}
@media screen and (min-width:600px) {
	.wp-block-column.sbt_btm {
		margin-bottom: 0;
	}
}
.post a {
    overflow-wrap: break-word;
}
.text_center {
	text-align: center;
}
.text_center p {
	text-align: left;
	display: inline-block;
}
.history_table td p {
    line-height: 1.4;
    font-size: 16px;
}