@charset "utf-8";

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

Theme Name: ATENE SP
Theme URL: https://atene-g.com/
Description: 
Author: Shun Tachibana
Version: 1.0

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

@import url("css/reset.css");

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

フォント指定

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

.menu li a,
.front_contents h2,
.about_contents h2,
#shop_info h3,
.cast_cat_list h3 em,
.shop_intro h2,
.read_more a,
.cast_cat_list h2,
.single #content h2,
.single #content h3,
.news_contents .post_date,
.recruit_content h2,
.rec_btn,
#rec_form .wpcf7-submit {
	font-style: normal;
	line-height: 1;
}

.menu li a,
.front_contents h2,
.about_contents h2,
#shop_info h3,
.cast_cat_list h3 em,
.shop_intro h2 {
	font-family: "Blinker", sans-serif;
	font-weight: 400;
}

/*
* {
	font-family: "M PLUS U", sans-serif;
	font-weight: 600;
}
*/

.read_more a,
.cast_cat_list h3,
.single #content h2,
.single #content h3,
.news_contents .post_date,
.recruit_content h2,
.rec_btn,
#rec_form .wpcf7-submit {
	font-family: "M PLUS U", sans-serif;
	font-weight: 400;
}

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

ヘッダー

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

#header {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	position: relative;
}

#header h1 {
	width: 50%;
	margin: 0 auto;
}

#header h1 img {
	height: auto;
	width: 100%;
}

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

グローバルナビ

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

.menu_btn {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 30px;
	right: 12px;
	z-index: 3;
	background-color: rgba(255, 255 ,255, 0);
	border: 0;
	outline: initial;

	&:focus-visible {
		box-shadow: 0 0 0 2px blue;
	}

	.inn {
		margin: auto;
		position: absolute;
		width: 30px;
		height: 25px;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;

		.line {
			position: absolute;
			display: inline-block;
			background-color: #000;
			height: 1px;
			left: 0;
			width: 100%;
			transition: 0.3s;

			&:nth-of-type(1) {
		      	  top: 0;
			}

			&:nth-of-type(2) {
		        	top: 48%;
			}

			&:nth-of-type(3) {
				bottom: 0;
			}
	    	}
	}
}

.menu_btn.is_open {

	position: fixed;

	.inn {

		.line {

			&:nth-of-type(1) {
				top: 45%;
				transform: rotate(45deg);
			}

			&:nth-of-type(2) {
				opacity: 0;
			}

			&:nth-of-type(3) {
				top: 45%;
				transform: rotate(-45deg);
				bottom: auto;
			}
		}
	}
}

.menu {
	position: absolute;
	top: 0;
	min-height: 100vh;
	width: 100%;
	background-color: rgba(255, 255 ,255, .9);
	opacity: 0;
	transition: .3s ease-in-out;
	/* pointer-events: none; */
	transform: translateY(0);
	z-index: 2;
	display: none;/* スライド上でメニューが反応するのを回避する＆pointer-events有効時にスライドがスワイプできなくなるのを回避 */

	ul {
		padding: 90px 50px 30px;

		li {
			height: 70px;
			border-bottom: 1px solid #000;
		}

		li a {
			display: block;
			height: 100%;
			width: 100%;
			line-height: 70px;
		}
	}
}

.menu.is_open {
	position: fixed;
	opacity: 1;
	transform: translateY(0);
	display: block;/* オープン時だけメニュー展開 */
}

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

コンテンツ

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

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

/* PICK UP CAST */
/* フロント、全店舗キャスト一覧共通 */
.cast_cat_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cast_cat_list li {
	width: 33%;
}

.cast_cat_list li img {
	height: auto;
	width: 100%;
	object-fit: cover;
}

.cast_cat_list h3 {
	margin-bottom: 3px !important;
	padding: 5px 15px 0;
	font-size: 0.6em !important;
	font-weight: bold !important;
	line-height: 1 !imporatant;
}

.cast_cat_list p {
	font-size: 0.4em;
	padding: 0 15px 20px;
}

/* 店舗情報 */
/* ショップ&GROUP、キャストシングル共通 */
.about_contents {
	width: 100%;
	padding: 20px;
}

.single.cast_single #content h2 {
	margin-bottom: 20px;
	padding: 0;
	font-size: 1em;
}

.concept_image {
	margin-bottom: 20px;
}

.shop_intro {
	margin-bottom: 40px;
}

.shop_intro:last-child {
	margin: 0;
}

.shop_intro h2 span {
	margin-left: 10px;
	padding-left: 0;
	border: 0;
	font-size: 0.4em;
}

.shop_intro .shop_image {
	display: block;
	margin-bottom: 5px;
}

.shop_intro .shop_image img {
	height: auto;
	width: 100%;
}

.shop_intro .about_shop_cast {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.shop_intro .about_shop_cast li {
	width: 25%;
	padding-right: 5px;
}

.shop_intro .about_shop_cast li:nth-of-type(4n) {
	padding-right: 0;
}

.about_shop_cast li a {
	display: block;

	overflow: hidden;
}

.about_shop_cast li img {
	height: auto;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.shop_intro table {
	width: 100%;
	margin-bottom: 15px;
}

.shop_intro th,
.shop_intro td {
	border:solid 1px #DDD;
	padding: 7px 10px;
	font-size: 0.4em;
}

.shop_intro table th {
	background: #EFEFEF;
	width: 40%;
	text-align: center;
}

.shop_intro p img {
	border: solid 1px #CCC;
}

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

フッター

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

#group_sns {
	padding: 20px 20px 40px;
}

.bnr_isg {
	border: solid 1px #CCC;
}

/* INSTAGRAM FEED */
.sb_instagram_header {
	padding: 0 0 15px !important;
}

footer {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	background: #333;
	color: #FFF;
}

#footer_logo {
	width: 50%;
	margin: 0 auto 15px;
}

#footer_logo img {
	height: auto;
	width: 100%;
}

footer p {
	text-align: center;
	margin-bottom: 15px;
	font-size: 0.5em;
}

#social_logo {
	height: 30px;
	width: 30px;
	margin: 0 auto;
}

#social_logo img {
	height: 30px;
	width: 30px;
}

#f_logo p:last-child {
	width: 40px;
	text-align: center;
	margin: 0 auto;
}

#f_logo p:last-child img {
	height: 40px;
	width: 40px;
}

#wp-chat-floating {
	display: none;
}

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

全店舗キャストカテゴリ
フロントページ共通

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

/*
.cat_cast_all .cast_contents,
.cat_cast_all .cast_cat_list {
	width: 1250px;
}

.cat_cast_all .cast_cat_list li:nth-child(4n) {
	margin: 0 15px 30px 0;
}

.cat_cast_all .cast_cat_list li:nth-child(5n) {
	margin: 0 0 30px;
}
*/

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

全店舗キャストカテゴリ
各店舗キャストカテゴリ共通

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

/*
.cast_contents {
	width: 997px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cast_cat_list {
	width: 997px;
	overflow: hidden;
}

.cast_cat_list li {
	width: 238px;
	float: left;
	margin: 0 15px 30px 0;
}

.cast_cat_list li:nth-child(4n) {
	margin: 0 0 30px;
}

.cast_cat_list li span {
	display: block;
	width: 238px;
	margin-bottom: 5px;
}

.cast_cat_list li span img {
	height: auto;
	width: 100%;
}

.cast_cat_list li h2,
.cast_cat_list li h3 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0.7em;
	font-weight: bold !important;
}

.cast_cat_list li h2 em,
.cast_cat_list li h3 em {
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}
*/