/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.9
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}
html {
	overflow-x: hidden;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	color: #3e2f28;
	text-decoration: none;
}
body {
	background-color: #F4F3ED;
    font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #3e2f28;
}

header {
	width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    
}
.header_inner {
	padding: 0 5%;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_top {
	font-size: 12px;
    display: flex;
    justify-content: space-between;
    padding: 10px 5%;
}
.logo {
	width: 120px;
}
.grobal_menu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.grobal_menu p {
	display: block;
    width: 100%;
    text-align: right;
}
.grobal_menu a {
	margin-left: 10px;
}
.grobal_menu a:hover {
	text-decoration: underline;
}
section {
	padding: 100px 5%;
}
.inner {
	max-width: 1000px;
	margin: 0 auto;
}
main#top {
    background-image: url(/wp-content/themes/twentyseventeen/assets/images/main.jpg);
    background-size: contain;
	background-repeat: no-repeat;
}
.mv {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
}
h1 {
	display: block;
    max-width: 500px;
    text-align: center;
    font-family: monospace;
    letter-spacing: 2px;
    font-size: 24px;
	font-family: "Kaisei Tokumin", serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: #fff 0px 0px 8px;
}
h1 img {
	margin-bottom: 20px;
}
h2 {
    line-height: 1.3;
    text-align: center;
    margin-bottom: 50px;
    font-size: 36px;
}
h2 span {
	display: block;
    font-size: 13.5vw;
    font-weight: normal;
	font-family: "Sour Gummy", sans-serif;
  font-variation-settings:
    "wdth" 100;
	font-weight: 300;
}
.shift_form {
	display: flex;
	align-items: center;
}
.today {
	display: block;
    padding: 10px 20px;
    background-color: #3e2f28;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
}
.shift_form select {
	font-size: 16px;
    padding: 10px 10px;
    border-radius: 5px;
    border: solid 2px;
    text-align: left;
    min-width: 190px;
    color: #3e2f28;
    font-weight: bold;
    background-color: rgba(255, 255, 255, .4);
	height: 43px;
}




#access {
	padding: 0;
}
iframe {
	width: 100%;
}

.cast_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3%;
}
#cast .cast_list {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cast_list a h4 {
	padding: 10px 0;
	text-align: center;
	font-size: 32px;
	font-weight: normal;
}
.cast_list a h4 span {
	font-size: 70%;
}
table {
	width: 100%;
}
.cast_list a table tr th,
.cast_list a table tr td {
	text-align: left;
    padding: 0px 5px;
}
.cast_list a table tr th {
	color: #aca295;
    font-size: 14px;
}
.cast_list a table tr td {
    font-size: 18px;
}

.concept {
	background-image: url(/wp-content/themes/twentyseventeen/assets/images/concept.jpg);
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.concept .inner p {
	font-size: 18px;
    line-height: 36px;
    text-shadow: rgba(255, 255, 255) 0px 0px 16px;
}
.concept .inner p b {
	font-size: 130%;
    display: block;
    margin-bottom: 10px;
}
.concept .inner p span {
	margin-bottom: 30px;
    display: block;
}


table.pricing_table {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    border-collapse: collapse;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    background: #fff;
}
table.pricing_table th,
table.pricing_table td {
border: 1px solid #ddd;
padding: 15px 30px;
text-align: center;
}
table.pricing_table th {
background-color: #b1a08a;
color: white;
font-size: 1.2em;
}
table.pricing_table td.price {
font-size: 1.8em;
color: #3e2f28;
font-weight: bold;
}
.pricing {
	background: linear-gradient(0deg, #fff, transparent);
}
.pricing .inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3%;
}
.cresit {
	display: block;
    width: 50%;
    max-width: 500px;
    margin: 50px auto 0;
}

.banner .inner {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3%;
}
.banner .inner a.sns {
	border: solid 1px;
}
footer {
	background-color: #b1a08a;
    text-align: center;
    padding: 100px 0;
    color: #fff;
}
footer .logo {
	width: 50%;
    max-width: 500px;
    margin: 0 auto 30px;
    display: block;
}
.fixed_btn {
	display: none;
}
.kiyaku .inner {
	max-width: 800px;
}
.kiyaku b,
.kiyaku p {
 display: block;
}
.kiyaku b {
	font-size: 18px;
    margin-bottom: 10px;
    border-left: solid 5px;
    padding-left: 10px;
    color: #b1a08a;
}
.kiyaku p {
	margin-bottom: 40px;
}

section.bottom_mv {
    padding: 25vh 5% 100px;
	background-image: url(/wp-content/themes/twentyseventeen/assets/images/bottommv.jpg);
    background-size: contain;
	background-repeat: no-repeat;
}
section.bottom_mv.castinfo {
	background-image: none;
}
section.bottom_mv p {
	font-size: 22px;
    text-align: center;
    font-family: "Kaisei Tokumin", serif;
    font-weight: 400;
    font-style: normal;
}

h6 {
	font-family: "Kaisei Tokumin", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
}
.recruit_info .inner {
    max-width: 800px;
}
.recruit_info .inner p {
	margin-bottom: 100px;
	text-align: center;
}
form {
	max-width: 600px;
    display: block;
    margin: 0 auto;
}
form ul li {
	margin-bottom: 30px;
}
form ul li span {
    color: #b1a08a;
    margin-bottom: 5px;
    padding-left: 5px;
    display: block;
    font-weight: bold;
}
form ul li input,
form ul li select,
form ul li textarea {
	width: 100%;
    border: solid 1px #b1a08a;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
}

section.castinfo {
    padding: 25vh 5% 100px;
}
section.castinfo .inner {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 3%;
}
.castinfo_images {
	display: flex;
	flex-wrap: wrap;
}
.castinfo_images img:first-child {
	width: 100%;
	margin-bottom: 20px;
}
.castinfo_images img:not(:first-child) {
	width: 32.33%;
	margin: 0 1% 1% 0;
}
.castinfo_profile h1 {
	text-align: left;
    font-size: 60px;
    line-height: 1;
}
.proftxt {
	margin: 30px 0;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-size: 20px;
}
.proftxt span {
	text-align: center;
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
}
table.casttable {
	text-align: left;
}
table.casttable {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    border-collapse: collapse;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    background: #fff;
}
table.casttable th,
table.casttable td {
border: 1px solid #ddd;
padding: 15px 30px;
}
table.casttable th {
background-color: #b1a08a;
color: white;
font-size: 1.2em;
}

.pc {display: block!important;}
.sp {display: none!important;}

@media screen and (max-width:768px){
.pc {display: none!important;}
.sp {display: block!important;}
.fadein {
opacity: 0;
transform: translateY(20px);
transition: opacity 600ms ease, transform 600ms ease;
}
.fadein.is-visible {
opacity: 1;
transform: translateY(0);
}
h2 {
	font-size: 12px;
	margin-bottom: 30px;
}
h2 span {
    font-size: 34px;
}
main#top {
    background-image: url(/wp-content/themes/twentyseventeen/assets/images/main-sp.jpg);
}
.cast_list,
#cast .cast_list {
	grid-template-columns: 48% 48%;
	gap: 4%;
	width: 100%;
}
.cast_list a h4 {
	font-size: 16px;
	padding: 5px 0 0;
}
.cast_list a table tr th {
    font-size: 10px;
    padding: 0;
}
.cast_list a table tr td {
    font-size: 13px;
}
.pricing .inner {
	grid-template-columns: 1fr;
	gap: 3%;
}
header {
    position: relative;
}
.header_inner {
	display: block;
}
.header_inner .logo {
	display: none;
}
.today {
	width: 49%;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
}
.shift_form {
	width: 100%;
	justify-content: space-between;
}
.shift_form form {
	width: 49%;
}
.shift_form form select {
    font-size: 14px;
    padding: 10px 0;
    min-width: inherit;
	width: 100%;
	text-align: center;
}
.header_top {
	padding: 15px 5% 5px;
	flex-wrap: wrap;
	align-items: center;
}
.header_top h4 {
	font-size: 16px;
    text-align: center;
    display: block;
    width: calc(100% - 75px);
}
.grobal_menu {
	justify-content: space-between;
}
.grobal_menu p {
    text-align: center;
	margin-bottom: 3px;
}
.grobal_menu a {
	margin-left: 0;
	padding: 12px 10px;
	background-image: url(/wp-content/themes/twentyseventeen/assets/images/spmenu-bk.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-weight: 700;
}
.logo {
	width: 70px;
    display: block;
}

section {
    padding: 50px 5%;
}
section.cast {
	padding: 0px 5% 50px;
}
.mv {
    height: 300px;
	align-items: flex-end;
}
.concept .inner p {
	font-size: 11px;
	line-height: 20px;
}
table.pricing_table th, table.pricing_table td {
    padding: 10px 30px;
    font-size: 12px;
}
table.pricing_table th {
    font-size: 12px;
}
table.pricing_table td.price {
    font-size: 14px;
}
.banner .inner {
    grid-template-columns: 1fr;
	max-width: 250px;
	margin: 0 auto;
}
.banner .inner a:not(:last-child) {
	margin-bottom: 10px;
}
footer {
	padding: 100px 20px;
}
footer .grobal_menu {
	margin: 30px 0;
}
footer .grobal_menu p,
footer .grobal_menu a {
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: left;
}
footer .grobal_menu p {
	margin-bottom: 30px;
}
footer .grobal_menu a {
	margin: 0;
	text-align: left;
	padding: 10px 5px;
	border: none;
	border-top: solid 1px;
	background: none;
}
.cresit {
    width: 90%;
}


.fixed_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 5px;
	z-index: 1;
}
.fixed_btn a {
	width: 49%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 0;
	font-weight: bold;
	border: solid 2px;
	font-size: 17px;
	font-family: "Kaisei Tokumin", serif;
	font-weight: 400;
	font-style: normal;
}
.fixed_btn a img {
	width: 25px;
	margin-right: 5px;
}
.kiyaku p {
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 18px;
}
.kiyaku b {
    font-size: 14px;
}
section.bottom_mv {
    padding: 10vh 5%;

}
section.bottom_mv h2 span {
	font-size: 60px;
}
section.bottom_mv p {
    font-size: 14px;
}
h6 {
	background-color: #3e2f28;
    color: #f4f3ed;
    padding: 5px 0;
    border-radius: 50px;
	width: 120px;
	font-size: 18px;
	margin: 0 auto 10px;
}
.recruit_info .inner p {
    margin-bottom: 50px;
    text-align: left;
    font-size: 12px;
}

form ul li {
    margin-bottom: 10px;
}
form ul li span {
    margin-bottom: 0px;
    padding-left: 2px;
    font-size: 12px;
}
form ul li input, form ul li select, form ul li textarea {
    padding: 15px;
    border-radius: 8px;
    font-size: 16px;
}
.pricing {
	background-image: url(/wp-content/themes/twentyseventeen/assets/images/ornament.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 95%;
    margin: 0 auto;
    padding: 50px 35px;
}
.pricing h2 {
	font-size: 12px;
	margin-bottom: 10px;
}
table.pricing_table {
    box-shadow: none;
}

section.castinfo {
    padding: 3vh 5% 0;
}
section.castinfo .inner {
    display: block;
}
section.castinfo h1 {
	font-size: 30px;
}
.castinfo_images {
    padding: 20px;
}
table.casttable th,
table.casttable td {
    padding: 10px;
    font-size: 14px;
    line-height: 1;
    width: 110px;
}
.proftxt {
    margin: 20px 0;
    padding: 20px 20px;
    font-size: 16px;
}


}