@charset "UTF-8";

/* 基本色 */
:root {
	--main-color: #5D9AB2;
	--accent-color: #BF6A7A;
	--dark-main-color: #2B5566;
	--text-bright-color: #fff;
	--icon-color: #fff;
	--icon-bk-color: #ddd;
	--gray-color: #ddd;
	--large-width: 1000px;
	--middle-width: 800px;
}


/* 基本設定： フォントサイズ */
@media (max-width: 599px) {
	:root {
		font-size: 14px;
	}
}

@media (min-width: 600px) and (max-width: 799px) {
	:root {
		font-size: 16px;
	}
}

@media (min-width: 800px) {
	:root {
		font-size: 18px;
	}
}

body {font-size: 16px;}



/* 基本設定： ページ全体 */
body {
	margin: 0;
	font-family: 'メイリオ',
		'Hiragino Kaku Gothic Pro', 
		sans-serif;
}
.topH1 {
	display: none;
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
}


#logo {
	position: absolute;
	height: 180px;
	width: 180px;
	margin: 0px;
	padding: 0px;
	top: 0px;
}
#logo img {
	position: absolute;
	top: 0px;
	height: 180px;
	width: 180px;
	z-index: 2;
	overflow: scroll;
	padding: 0px;
	margin: 2px;
}

@media (max-width: 767px) {
	#logo img {
		display:none;
	}
	#logo {
		display:none;
	}
}

@media (max-width: 767px) {
	#logoTopSmall {
	position: absolute;
	height: 120px;
	width: 120px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	}
	#logoTopSmall img {
	position: absolute;
	top: 0px;
	height: 120px;
	width: 120px;
	z-index: 2;
	overflow: scroll;
	padding: 0px;
	margin: 2px;
	}
}

@media (min-width: 768px) {
	#logoTopSmall {
		display:none;
	}
	#logoTopSmall img {
		display:none;
	}
}


/* サブページのロゴ設定 */
#logoSub {
	position: absolute;
	height: 100px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	top: 0px;
}
#logoSub img {
	position: absolute;
	top: 0px;
	height: 100px;
	width: 100px;
	z-index: 2;
	overflow: scroll;
	padding: 0px;
	margin: 2px;
}



/* コンテンツA： ヘッドイメージ画像 */
.conA {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	min-height: 450px;
	background-position: center;
	background-size: cover;
	color: #fff;
	text-align: center;
	text-shadow: 0px 2px 3px #666;
	vertical-align: bottom;
}

 
.conA.compact {
	height: 450px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../img/top.jpg);
}


.conA.toi {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../toi/images/sub-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.member {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../member/images/member-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.member-02 {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../member/images/member-top-11th.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.member-03 {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../member/images/sub-top-03.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.about {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../about/images/about-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.watashi {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../watashi/images/watashi-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.ito {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../20th-style/images/20th-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.dorefuru {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../dorefuru/images/dorefuru-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.the5th {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../the5th/images/semi-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.the6th {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../6th-class/images/semi-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.tinaMode {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../tina-mode/images/tinamode-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.rikakoMode {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../rikako-mode/images/rikakomode-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}



.conA.fairy {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../fairytale/images/fairy-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.conA.blog {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../howto/images/blog-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.boshu {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../boshu/images/boshu-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.yoyaku {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../yoyaku/images/yoyaku-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.link {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../toi/images/sub-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.conA.yukata {
	height: 250px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../yukata/images/yukata-top.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}






.conA h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15vw;
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}

h5 {
	font-size: 24px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.2em;
}


.conA p {
	margin-top: 20px;
	margin-bottom: 100px;
	letter-spacing: 0.2em;
	font-size: 18px;
	text-indent: 1em;
}



@media (max-width: 767px) {
.conA p {
	font-size: 5vw;
	margin-top: 220px;
	margin-bottom: 0px;
	text-indent: 0em;
}
.conA h1 {
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15vw;
	letter-spacing: 0.2em;
	margin-left: 0.2em;
	padding: 0px;
}
}


.conA img {
	width: 20%;
}

.conA a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #BF6A7A;
	background-color: var(--accent-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 14px;
	text-decoration: none;
}

.conA a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}


@media (min-width: 768px) {
	.conA h1 {
		font-size: 115px;
	}

	.conA p {
	font-size: 24px;
	letter-spacing: 0.2em;
	}
}



/* コンテンツB： 概要（アイコン＋テキスト） */
.conB .container {
	padding-top: 80px;
	padding-bottom: 20px;
}

.conB .text {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 60px;
	text-align: center;
}

.conB h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.conB p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.8;
}

.conB a {
	color: #5D9AB2;
	color: var(--main-color);
	text-decoration: none;
}

.conB a:hover	{
	text-decoration: underline;
}

.conB .icon	{
	display: inline-block;
	margin-bottom: 20px;
	font-size: 40px;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #ddd;
	background-color: var(--icon-bk-color);
	color: #fff;
	color: var(--icon-color);
}

@media (min-width: 768px) {
	.conB .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.conB .text	{
		flex: 1;
	}
}



/* コンテンツC： 概要（画像＋テキスト） */
.conC {
	background-color: #fff;
}

.conC .text {
	padding: 20px;
	background-color:transparent;
}

.conC h2 {
	color: rgb(51,204,204);
	margin-top: 0;
	margin-bottom: 2px;
	font-size: 20px;
	padding: 0px;
	letter-spacing: 0.1em;
}
.conC h2 span.gray {
	color: #666;
}
.conC .tina {
	font-size: 14px;
	letter-spacing: .1em;
	margin-left: 1em;
	font-weight: bold;
	color: #F69;
	line-height: 1.2em;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}


.conC p {
	font-size: 14px;
	line-height: 1.4em;
	color: #555;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.conC a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #BF6A7A;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.conC a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}

.conC .photo {
	min-height: 280px;
	background-image: url(../watashi/images/w-zasshi.jpg);
	background-position: center;
	background-size: cover;
	margin-left: 10px;
}

.conC .photoIto {
	height: 50vw;
	background-image: url(../dorefuru/images/i-zasshi.jpg);
	background-position: center;
	background-size: cover;
	margin-left: 10px;
}

.conC .photo20th {
	height: 50vw;
	background-image: url(../20th-style/images/i-zasshi.jpg);
	background-position: center;
	background-size: cover;
	margin-left: 10px;
}

.conC .photoTinamode {
	min-height: 280px;
	background-image: url(../tina-mode/images/t-zasshi.jpg);
	background-position: center;
	background-size: cover;
	margin-left: 10px;
}

.conC .photoF {
	min-height: 280px;
	background-image: url(../fairytale/images/f-zasshi.jpg);
	background-position: center;
	background-size: cover;
	margin-left: 10px;
}

.conC .container .click {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: -5px;
	margin-top: 10px;
}


@media (min-width: 768px) {
	.conC .container {
		display: flex;
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
		background-color:transparent;
	}

	.conC .photo {
	flex: 2 0 530px;
	height: 290px;
	padding-right: 1px;
	}
	
	.conC .photoIto {
	flex: 2 0 530px;
	height: 290px;
	padding-right: 1px;
	}
	
	.conC .photo20th {
	flex: 2 0 530px;
	height: 290px;
	padding-right: 1px;
	}
	
	.conC .photoTinamode {
	flex: 2 0 530px;
	height: 290px;
	padding-right: 1px;
	}
	
	.conC .photoF {
	flex: 2 0 530px;
	height: 290px;
	padding-right: 1px;
	}


	.conC .text {
	background-color: transparent;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
}
/*
@media (max-width: 769px) {
	.conC .photo20th {
	flex: 2 0;
	width: 100%;
	height: auto;
	padding-right: 1px;
	}
	
}*/


/* フッター */
footer {
	color: #fff;
	color: #FFF;
	background-color: #26B6BC;
}

footer .container {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


@media (min-width: 768px) {
	footer .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.footA {
		flex: 0 0 40%;
	}
.footA #newLogo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	margin-bottom: 8px;
	height: 58px;
	clear: both;
}
.footA #newLogo img {
	padding: 0px;
	height: 58px;
	width: 58px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

	.footB {
		flex: 0 0 60%;
	}

	.footC {
	flex: 0 0 100%;
	}
}


/* フッターA： サイト情報 */
.footA {
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
}

.footA h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	letter-spacing: 0.1em;
	margin-top: 0px;
	vertical-align: middle;
	padding: 0px;
	line-height: 2em;
	display: block;
}

.footA p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1.3em;
}

.footA a {
	color: inherit;
	text-decoration: none;
}


/* フッターB： フッターメニュー */
.footB div {
	margin-bottom: 20px;
}

.footB h3 {
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 1px currentColor;
	font-size: 14px;
}

.footB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footB a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}

.footB a:hover {
	background-color: rgba(0,0,0,0.2);
}


@media (min-width: 768px) {
	.footB {
		display: flex;
	}

	.footB div {
		flex: 1;
	}

	.footB div:not(:first-child) {
		margin-left: 40px;
	}
}


/* フッターC： コピーライト */
.footC {
	font-size: 12px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #eeeeee;
	padding-top: 0.5em;
}


/* フッターD： SNSメニュー */
.footD {
	margin-top: 10px;
}

.footD ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}


.footD a:hover {
	background-color: rgba(0,0,0,0.3);
}

.footD a {
	color: inherit;
	margin-right: 8px;
	font-size: 26px;
	text-decoration: none;
	display: block;
	padding: 0px;
	border: 1px solid currentColor;
	border-radius: 50%;
	width: 1.5em;
	line-height: 1.5em;
	text-align: center;
}
.footD a .text-narrow {
	color: inherit;
	margin-right: 8px;
	font-size: 28px;
	text-decoration: none;
	display: block;
	width: 1.5em;
	line-height: 1.4em;
	text-align: center;
	transform: scale(0.9, 1.1);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: -1px;
}

.footA .about {
	margin-top: 10;
	margin-bottom: 10px;
	font-size: 12px;
}

.footA .about ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.footA .about ul a {
	display: block;
	padding: 3px;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.footA .about ul a:hover {
	background-color: rgba(0,0,0,0.2);
}



/* ヘッダー */
header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
}
.nohero header {
	position: static;
	border-bottom: solid 1px #ddd;
	border-bottom: solid 1px var(--gray-color);
}

/* ヘッダーA: サイト名 */
.headA {
	display: block;
	text-decoration: none;
}


/* ヘッダーB： ナビゲーションメニュー */
.headB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.headB li.yukata a {
	background-color: rgba(255,192,214,0.7);
}
.headB li.yukata a:hover {
	background-color: rgba(51,204,204,0.7);
}

.headB a {
	display: block;
	padding: 15px;
	color: inherit;
	font-size: 14px;
	text-decoration: none;
	text-align: right;
	transition: 0.6s;
}

.headB a:hover {
	background-color: rgba(51,204,204,0.8);
}

@media (min-width: 768px) {
	header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.headB ul {
		display: flex;
	}
}


/* ヘッダーC： トグルボタン */

@media (max-width: 767px) {
	/* 小さい画面用の設定 */
	header .container-small {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.headC {
	margin-right: 10px;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	font-size: 28px;
	opacity: 0.5;
	cursor: pointer;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	}

	.headC:hover {
		opacity: 0.3;
	}

	.headB {
		display: none;
	}
}

@media (min-width: 768px) {
	/* 大きい画面用の設定 */
	.headC {
		display: none;
	}

	.headB {
		display: block !important;
	}
}



/* コンテンツページ: 記事 */
.post .container {
	max-width: 800px;
	max-width: var(--middle-width);
	margin-left: auto;
	margin-right: auto;
	padding: 30px 10px;
}

.post h1 {
	padding-left: 0.5rem;
	border-left: solid 0.75rem #BF6A7A;
	border-left: solid 0.75rem var(--accent-color);
	font-size: 2rem;
}

.post p {
	font-size: 1rem;
	line-height: 2;
}

.post img {
	max-width: 100%;
}


/* コンテンツページ: パンくずリスト */
.bread ol {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bread a {
	display: block;
	padding: 5px;
	color: inherit;
	font-size: 0.875rem;
	text-decoration: none;
}

.bread a::after {
	margin-left: 10px;
	content: '\f054';
	font-family: 'FontAwesome';
	opacity: 0.3;
}

.bread a:hover {
	background-color: rgba(0,0,0,0.3);
}



/* アバウトページ： 画像と沿革 */
.history {
	background-color: #5D9AB2;
	background-color: var(--main-color);
	color: #fff;
	color: var(--text-bright-color);
}

.history .text {
	padding: 20px;
}

.history h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.5rem;
}

.history .photo {
	min-height: 300px;
	background-image: url(../img/plant.jpg);
	background-position: center;
	background-size: cover;
}

.history table {
	border-collapse: collapse;
	border-top: solid 1px #ddd;
	border-top: solid 1px var(--gray-color);
	font-size: 0.875rem;
}

.history th,
.history td {
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
	border-bottom: solid 1px #ddd;
	border-bottom: solid 1px var(--gray-color);
}

.history th {
	padding-right: 1rem;
	text-align: left;
	word-break: keep-all;
}


@media (min-width: 768px) {
	.history .container {
		display: flex;
		max-width: 1000px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.history .photo {
		flex: 3;
	}

	.history .text {
		flex: 2;
		padding: 50px;
	}
}


/* お問い合わせページ: 問い合わせ先 */
.contact {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border: solid 1px #ddd;
	border: solid 1px var(--gray-color);
	text-align: center;
}

.contact span	{
	display: inline-block;
	margin-bottom: 20px;
	font-size: 2.2rem;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #5D9AB2;
	background-color: var(--main-color);
	color: #fff;
	color: var(--icon-color);
}

.contact h2 {
	margin-top: 0;
	font-size: 1.2rem;
}

.contact a {
	font-size: 1.4rem;
	color: inherit;
	text-decoration: none;
}


@media (min-width: 768px) {
	.contact-wrap {
		display: flex;
	}

	.contact {
		flex: 1;
	}

	.contact:first-child {
		margin-right: 20px;
	}
}


/* お問い合わせページ： 地図 */
.location iframe {
	width:100%;
	height: 400px;
	vertical-align: bottom;
}

.location h2 {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #5D9AB2;
	background-color: var(--main-color);
	color: #fff;
	color: var(--text-bright-color);
	font-size: 1.5rem;
	text-align: center;
}

/* TOPメンバー募集 */
.listTop {
	padding-bottom: 35px;
}

.listTop .catch {
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	width: 980px;
}
.listTop .catch h2 {
	font-size: 18px;
	line-height: 1.4em;
	font-weight: bold;
	margin: 0px;
	letter-spacing: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	color: #F69;
}

.listTop h1 {
	text-align: center;
	letter-spacing: 0.1em;
}

.listTop .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 960px;
	max-width: var(--large-width);
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

.listTop article {
	flex: 1 1 260px;
	display: flex;
	margin: 0px;
	padding: 0px;
}

.listTop a {
	flex: 1;
	display: block;
	color: inherit;
	text-decoration: none;
}



.listTop a:hover {
	opacity: 0.7;
}

.listTop .photo {
	min-height: 120px;
	background-position: center;
	background-size: cover;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.listTop .text {
	margin: 10px;
}

.listTop .part {
	flex: 1;
	display: block;
	border: 4px solid #FEDEAF;
	border-radius: 10px;
	color: inherit;
	text-decoration: none;
	margin: 10px;
}
.listTop .unit {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
}
.listTop .unit h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: #1D91D6;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 0.1em;
}

.listTop p {
	font-size: 14px;
	line-height: 1.7em;
	margin: 0px;
	padding-top: 0.6em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #555;
}

.catch a {
	display: inline-block;
	margin-top: 10px;
	border-radius: 6px;
	background-color: #51c7bf;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}

.catch a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.3),
		rgba(255,255,255,0.3)
	);
}
.catch a span {
	font-size: 20px;
	padding-right: 0.4em;
}
.listTop .catch p span {
	font-weight: bold;
}

/* TOPページSNSリンク */
.linkTop {
	padding-top: 0px;
	padding-bottom: 25px;
}
.linkTop .container {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.linkTop table {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.linkTop table td.it {
	height: auto;
	width: 32%;
}
.linkTop table td.space {
	width: 20px;
}
.linkTop table img {
	width: 100%;
	height: auto;
}
.linkTop a:hover {
	opacity: 0.7;
}



/* 記事一覧A */
.listA {
}
.listA .twitter {
	border: 1px solid #ddd;
	margin: 10px;
}

.listA h1 {
	text-align: center;
}

.listA .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.listA article {
	flex: 1 1 300px;
	display: flex;
}

.listA a {
	flex: 1;
	display: block;
	border: solid 1px #ddd;
	color: inherit;
	text-decoration: none;
	margin: 10px;
}



.listA .photo {
	min-height: 800px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
}

.listA .text {
	margin: 10px;
}

.listA h2 {
	font-size: 18px;
}

.listA .part {
	flex: 1;
	display: block;
	border: solid 1px #ddd;
	color: inherit;
	text-decoration: none;
	margin: 10px;
}

.listA .unit {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
}
.listA .unit h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #09C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.listA p {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 0.6em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #555;
}

@media (max-width: 530px) {
.listA .facebook {
	display: none;
	}
}



/* カタログ　Tina Special */
.tinaSpe {
}

.tinaSpe .container {
	display: flex;
	flex-wrap:wrap;
	max-width: 980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.tinaSpe a:hover {
	opacity:0.7;
	transition: 0.6s;
}


.tinaSpe article {
	flex: 1 1 330px;
	display: flex;
}

.tinaSpe a {
	flex: 1;
	display: block;
	margin: 10px;
	text-decoration: none;
	border: 1px solid #CCC;
}

.tinaSpe .photo {
	max-width: 100%;
	height: 800px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.tinaSpe .text {
	background-color: #555;
	padding: 0px;
	vertical-align: middle;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: -13px;
	height: 46px;
}

.tinaSpe h2 {
	font-size: 13px;
	line-height: 1.6em;
	color: #FFF;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 13px;
}
.tinaSpe .text p {
	color: #FFF;
	padding-left: 4px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin: 0px;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-size: 13px;
}


.tinaSpe .unit {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
}
.tinaSpe .unit h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #09C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}





@media (max-width: 768px) {
	.tinaSpe article {
	flex: 1 1 290px;
	display: flex;
	}
	.tinaSpe .photo {
	max-width:100%;
	height:800px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	}
}

@media (max-width: 480px) {
	.tinaSpe article {
	flex: 1 1 240px;
	display: flex;
	}
	.tinaSpe .photo {
	max-width:100%;
	height:800px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	}
}


/* 振袖一覧 */
.ichiran {
}

.ichiran .container {
	display: flex;
	flex-wrap:wrap;
	max-width: 980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.ichiran article {
	flex: 1 1 137px;
	display: flex;
}

.ichiran a {
	flex: 1;
	display: block;
	margin: 10px;
	text-decoration: none;
	border: 1px solid #CCC;
	transition: 0.6s;
	background-color:#555;
}

.ichiran a:hover {
	opacity:0.7;
}

.ichiran .photo {
	max-width: 100%;
	height: 340px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.ichiran .photofree {
	max-width: 100%;
	height: 5px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.ichiran .text {
	background-color: #555;
	padding: 0px;
	vertical-align: middle;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: -13px;
}

.ichiran .textIto {
	background-color: #555;
	padding: 0px;
	vertical-align: middle;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: -13px;
}

.ichiran h2 {
	font-size: 12px;
	line-height: 1.4em;
	color: #FFF;
	padding-left: 6px;
	text-decoration: none;
	padding-top: 6px;
	font-weight: bold;
	padding-right: 6px;
	letter-spacing: 0.1em;
}
.ichiran h2 span {
	color: #FC3;
}

.ichiran h3.hosoku {
	font-size: 10px;
	font-weight: normal;
	line-height: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.ichiran .price {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.price .tax {
	font-size: 10px;
	color: #FFF;
	margin-left: -3px;
}
.price .taxB {
	font-size: 11.5px;
	color: #FFF;
}

.listSub .container article h3 .produced {
	font-size: 13px;
	letter-spacing: 0em;
}


@media (min-width: 770px) {

	.ichiran article {
	flex: 1 1 180px;
	display: flex;
	}
	.ichiran .photo {
	max-width:100%;
	height:360px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	}
}








/* 記事一覧B */
.listB h1 {
	text-align: center;
}

.listB .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	max-width: var(--large-width);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
img.bisyojo {
	height: auto;
	width: 100%;
}

.listB article {
	flex: 1 1 384px;
	display: flex;
}

.listB a {
	flex: 1;
	margin: 10px;
	display: flex;
	color: inherit;
	text-decoration: none;
}

.listB a:hover {
	opacity: 0.6;
}

.listB .photo {
	flex: 2;
	min-height: auto;
	background-position: center;
	background-size: cover;
}

.listB .text {
	flex: 3;
	margin: 10px;
}

.listB h2 {
	font-size: 18px;
	line-height: 1em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #F39;
}

.listB h4 {
	font-size: 14px;
	margin: 0px;
	line-height: 1em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.listB p {
	font-size: 14px;
}

@media (max-width: 384px) {

	.listB p {
		display: none;
	}
}


/* 記事一覧C */
.listC h1 {
	text-align: center;
}

.listC .container {
	display: flex;
	flex-wrap: wrap;
	max-width: none;
	margin: 2px auto;
}

.listC article {
	flex: 1 1 250px;
	display: flex;
}

.listC a {
	position: relative;
	flex: 1;
	margin: 2px;
	display: block;
	border: solid 1px #ddd;
	border: solid 1px var(--gray-color);
	background-color: currentColor;
	color: inherit;
	text-decoration: none;
}

.listC a:hover {
	opacity: 0.8;
}

.listC .photo {
	min-height: 250px;
	background-position: center;
	background-size: cover;
	opacity: 0.6;
}

.listC .text {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 10px;
	color: #fff;
	color: var(--text-bright-color);
}

.listC h2 {
	margin: 0;
	font-size: 18px;
}

.listC p {
	margin: 0;
	font-size: 14px;
	opacity: 0.8;
}

@media (min-width: 1000px) {
	.listC article {
		flex: 1 1 25%;
	}
}



/* お問い合わせ */
.listSub .container {
	flex-wrap: wrap;
	max-width: 980px;
	max-width: var(--large-width);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.listSub article {
	margin-right: 10px;
	margin-left: 10px;
}
.listSub .container article h1.sub {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	display: none;
}


.listSub h3 {
	padding-left: 8px;
	letter-spacing: 0.1em;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #F69;
}

.listSub h3 .product {
	font-size: 18px;
	font-weight: bold;
	padding-left: 1.8em;
	letter-spacing: 0.1em;
}


.listSub p {
	font-size: 14px;
	color: #333;
	padding-bottom: 20px;
	line-height: 1.4em;
}
.listSub p.link {
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-top: 0px;
	padding-top: 0px;
}
.listSub p.link a {
	color: #14BAC0;
	text-decoration: none;
}
.listSub p.link a:hover {
	color: #FF66CC;
	text-decoration: underline;
}



.listSub table#toi {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.listSub table#toi th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	background-color: #efefef;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	width: 23%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.listSub table#toi td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-left: 0.6em;
}
table#toi input {
	font-size: 16px;
	width: 90%;
}
table#toi textarea {
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}
.listSub .chui {
	padding-top: 1em;
	padding-bottom: 1.5em;
}
.listSub p.hosoku {
	line-height: 1.4em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #555;
	padding-bottom: 15px;
}
.listSub #button {
	width: 80%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.listSub p.put {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
.listSub .toiawase {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 18px;
}
.listSub p#thanx {
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
}
.listSub .block {
	margin-bottom: 120px;
}
.listSub .block h4 {
	padding-left: 20px;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #F69;
}
.listSub .block p.thanx {
	padding-left: 20px;
	line-height: 1.6em;
	color: #555;
	letter-spacing: 0.1em;
}




/* 募集フォームテーブル */
.listSub table#boshu {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.listSub table#boshu th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	background-color: #efefef;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	width: 23%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.listSub table#boshu td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-left: 0.6em;
}
table#boshu input#s_area {
	font-size: 16px;
	width: 1em;
}
table#boshu input#s_bunya {
	font-size: 16px;
	width: 1em;
}
table#boshu input#c_bunya {
	font-size: 16px;
	width: 1em;
}

table#boshu input#t_age {
	font-size: 16px;
	width: 3em;
}
#boshu tr #bunya p.boshu {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
table#boshu input#c_bunya {
	font-size: 16px;
	width: 1em;
}
table#boshu td#bunya {
	padding-top: 10px;
	padding-bottom: 10px;
}
table#boshu input {
	font-size: 16px;
	width: 90%;
}
table#boshu input#s_syozoku {
	font-size: 16px;
	width: 1em;
}
table#boshu input.name {
	font-size: 16px;
	width: 85%;
	margin-top: 10px;
	margin-bottom: 10px;
}
table#boshu textarea {
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}

/* メンバー応募フォーム、pre告知 */
.listSub article p.preModel {
	font-size: 16px;
	margin-top: -20px;
	color: #F03;
}

/* 会社概要テーブル */
.listSub table#kaisya {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.listSub table#kaisya th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	background-color: #efefef;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	width: 23%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.listSub table#kaisya td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-left: 0.6em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.location {
	margin-top: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.location p {
	font-size: 13px;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	color: #333;
	letter-spacing: 0.1em;
}

.location iframe {
	vertical-align: bottom;
	height: 400px;
	width: 100%;
}

/* 店舗募集フォームテーブル */
.listSub table#tenpo {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.listSub table#tenpo th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	background-color: #efefef;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	width: 27%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0.6em;
	padding-right: 0.6em;
	color: #009999;
}
.listSub table#tenpo td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-left: 0.6em;
}
table#tenpo input#s_area {
	font-size: 16px;
	width: 1em;
}
table#tenpo input#s_bunya {
	font-size: 16px;
	width: 1em;
}
table#tenpo input#s_syozoku {
	font-size: 16px;
	width: 1em;
}
table#tenpo td#bunya {
	padding-top: 10px;
	padding-bottom: 10px;
}
table#tenpo input {
	font-size: 16px;
	width: 90%;
}
table#tenpo input.name {
	font-size: 16px;
	width: 85%;
	margin-top: 10px;
	margin-bottom: 10px;
}
table#tenpo textarea {
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}


/* ポリシー */
.listSub .policy h4 {
	font-size: 16px;
	color: #555;
	margin: 0px;
	line-height: 1em;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-weight: bold;
	padding-top: 1.4em;
	padding-right: 0px;
	padding-bottom: 0.4em;
	padding-left: 0px;
}
.listSub .policy p {
	margin: 0px;
	font-size: 14px;
	color: #555;
	line-height: 1.5em;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.3em;
	padding-left: 1em;
}
.listSub .policy .presi {
	text-align: right;
	padding-right: 1.6em;
	padding-bottom: 1em;
	padding-top: 1em;
}

/* 個人情報 */
.listSub .kojin h4 {
	font-size: 16px;
	color: #555;
	margin: 0px;
	line-height: 1em;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-weight: bold;
	padding-top: 1.4em;
	padding-right: 0px;
	padding-bottom: 0.4em;
	padding-left: 0px;
}
.listSub .kojin p {
	margin: 0px;
	font-size: 14px;
	color: #555;
	line-height: 1.5em;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.3em;
	padding-left: 1em;
}
.listSub .kojin .presi {
	text-align: right;
	padding-right: 1.6em;
	padding-bottom: 1em;
	padding-top: 1em;
}

/* 活動内容 */
.listSub .promotion h4 {
	font-size: 16px;
	color: #FC348F;
	margin: 0px;
	line-height: 1.4em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-weight: bold;
	padding-top: 1.4em;
	padding-right: 0px;
	padding-bottom: 0.4em;
	padding-left: 0px;
}
.listSub .promotion p {
	margin: 0px;
	font-size: 14px;
	color: #555;
	line-height: 1.5em;
	padding-top: 0.7em;
	padding-right: 0px;
	padding-bottom: 0.8em;
	padding-left: 0em;
}
.listSub .promotion span.hatachi {
	font-weight: bold;
	color: #F39;
}

.promotion a {
	display: inline-block;
	margin-top: 10px;
	border-radius: 6px;
	background-color: #33cccc;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	margin-bottom: 50px;
	padding-left: 25px;
}

.promotion a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.3),
		rgba(255,255,255,0.3)
	);
}
.promotion a span {
	font-size: 20px;
	padding-right: 0.4em;
}



.listSub .promotion img {
	width: 100%;
	height: auto;
}
.listSub .promotion .promoImg {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	width: auto;
}
.listSub .promotion .promoImg-wrap {
	display: flex;
}


/* 活動内容　例 */
.promoSample {
	margin-bottom: 50px;
}
.promoSample h4 {
	margin: 10px;
	color: #FC348F;
	font-size: 16px;
	font-weight: bold;
}

.promoSample .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.promoSample article {
	flex: 1 1 340px;
	display: flex;
}

.promoSample img.member {
	width:100%;
	height:auto;
}

.promoSample a {
	flex: 1;
	display: block;
	color: inherit;
	text-decoration: none;
	margin: 10px;
}

.promoSample .photo {
	height: auto;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
}

.promoSample h2 {
	font-size: 18px;
}






/* 活動内容　各部 */
.listPromo {
}
.listPromo h4 {
	margin: 10px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	color: #FC348F;
}


.listPromo h1 {
	text-align: center;
}

.listPromo .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	max-width: var(--large-width);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.listPromo article {
	flex: 1 1 300px;
	display: flex;
}

.listPromo a {
	flex: 1;
	display: block;
	border: solid 1px #ddd;
	color: inherit;
	text-decoration: none;
	margin: 10px;
}

.listPromo .photo {
	min-height: 200px;
	background-position: center;
	background-size: cover;
	margin: 0px;
	padding: 0px;
}

.listPromo .text {
	margin: 10px;
}

.listPromo h2 {
	font-size: 18px;
}

.listPromo .part {
	flex: 1;
	display: block;
	border: solid 1px #ddd;
	color: inherit;
	text-decoration: none;
	margin: 10px;
}

.listPromo .unit {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
}
.listPromo .unit h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #09C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.listPromo p {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 0.6em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #555;
}



/* Blog使い方 */
.listSub .blog h4 {
	sfont-size: 15px;
	color: #FFF;
	margin: 0px;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #09C;
	letter-spacing: 0.1em;
}
.listSub .blog .snsId {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	line-height: 1.4em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #FBFFE6;
}
.listSub .blog p {
	margin: 0px;
	font-size: 14px;
	color: #555;
	line-height: 1.5em;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.8em;
	padding-left: 1em;
}
.listSub .blog .strong {
	font-weight: bold;
	color: #F60;
}
.listSub .blog p span {
	font-weight: bold;
	font-size: large;
	letter-spacing: 0.1em;
}
.listSub .blog a {
	line-height: 2em;
	text-decoration: underline;
	font-weight: bold;
	color: #09C;
}
.listSub .blog a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #F60;
}

.listSub .blog .presi {
	text-align: right;
	padding-right: 1.6em;
	padding-bottom: 1em;
	padding-top: 1em;
}
.listSub .blog img {
	border: 1px solid #CCC;
	}
	
.listSub .blog p.howtoMidashi {
	line-height: 1.2em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #F39;
}



@media (max-width: 560px) {
.listSub .blog img {
	width: 100%;
	height: auto;
	}

}

@media (max-width: 860px) {
.listSub .blog img.bi {
	width: 100%;
	height: auto;
	}

}


/* トップページの美少女 */
.listBanner {
	padding: 0px;
	max-width: 980px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.listBanner a:hover {
	opacity: 0.7;
}

@media (max-width: 768px) {
.listBanner img.bisyojo {
	display: none;
}
}
@media (min-width: 767px) {
.listBanner img.bisyojoSmall {
	display: none;
}
}


/* =========================
入力フォームの選択色替え 
==========================　*/
/* 問い合わせフォーカス */
table#toi input:focus,
table#toi textarea:focus {
	background-color: #F0FFF4;
}

/* メンバー募集 */
table#boshu input:focus {
	background-color: #F0FFF4;
}

/* 取扱店募集 */
table#tenpo textarea:focus,
table#tenpo input:focus {
	background-color: #F0FFF4;
}






/* ページトップ */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 40px;
	text-align: center;
	display: block;
	border-radius: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #ff99cc;
	font-size: large;
	line-height: 1em;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #ff66cc;
}



/* watashi、fairyページ */
.productNav {
	list-style-type: none;
	width: 100%;
	padding: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: rgba(51,204,204,0.6);
}
.productNav li {
	box-sizing: border-box;
	float: left;
	text-align: center;
	font-size: 12px;
	margin-right: 4px;
	font-weight: normal;
}
.productNav li a {
	background-color: #efefef;
	border-radius: 4px 4px 0 0;
	display: block;
	color: #333;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	transition: 0.6s;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
.productNav li a:hover {
	background-color: rgba(51,204,204,0.6);
}
.productNav li a.current {
	background-color: rgba(51,204,204,0.6);
}
.ichiranHosoku {
	font-size: 13px;
	color: #666;
	line-height: 1.4em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

/* watashi、fairyページ　小項目ナビ下 */


	
.sign {
	height: 63px;
	width: 107px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.text .mookToi {
	font-size: 12px;
	color: #666;
}

.kugiri {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: rgba(51,204,204,0.6);
	width: 100%;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 20px;
}
.tinaProf {
	width: 100%;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	border: 1px dotted #CCC;
	border-radius: 8px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.yagiProf {
	width: 100%;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	border: 2px dotted #CCC;
	border-radius: 8px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tinaName {
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #555;
	letter-spacing: 0.1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 1.4em;
}
.yagiName {
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #555;
	letter-spacing: 0.1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 1.4em;
}
.tinaHistory {
	margin: 0px;
	font-size: 13px;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #666;
}
.yagiHistory {
	margin: 0px;
	font-size: 13px;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #666;
}
.tinaSns {
	font-size: 13px;
	color: #666;
	margin: 0px;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tinaSns a {
	display: inline-block;
	text-decoration: underline;
	color: #409F81;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.tinaSns a:hover {
	color: #F69;
	text-decoration: none;	
}


/* 振袖単品拡大ページ */
.different {
	padding-bottom: 20px;	
}


.different .text {
	padding: 20px;
}

.different h2 {
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 18px;
	color: #666;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.different h4 {
	line-height: 1em;
	padding: 0px;
	letter-spacing: 0.1em;
	font-size: 14px;
	color: #F93;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.different p {
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 1.3em;
	color: #555;
	margin-top: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.different .total {
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 1.2em;
	color: #555;
	margin-top: 15px;
	padding: 0px;
}
.different p.price {
	font-size: 20px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.1em;
	padding: 0px;
	margin-top: -5px;
	margin-right: 0px;
	margin-left: 0px;
}
.different p span.taxB {
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
}

.different p.price2 {
	font-size: 15px;
	color: #666;
	letter-spacing: 0.1em;
	padding: 0px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.different .price .taxkomi {
	font-size: 13px;
	font-weight: normal;
}

.different .price2 .taxbetsu {
	font-size: 11px;
	font-weight: normal;
}

.different .inspi {
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: bold;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	line-height: 1em;
	color: #26B6BC;
	padding-top: 8px;
}

.different .inspi2 {
	line-height: 1.6em;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

.different .inspi3 {
	line-height: 1.6em;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.different .inspiPhoto {
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 40px;
}

.different .inspiPhoto img {
	width: 100%;
	max-width:278px;	
}


.different a {
	display: inline-block;
	margin-top: 20px;
	border-radius: 6px;
	background-color: #51c7bf;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 10px;
}

.different a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.3),
		rgba(255,255,255,0.3)
	);
}

.different .photo {
	max-width: 450px;
	height: 800px;
	background-position: center;
	background-size: cover;
	margin-left: 10px;
	margin-right: 10px;
}
.different .text {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 30px;
}





@media (min-width: 900px) {
	.different .container {
		display: flex;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.different .photo {
	flex: 1;
	height: 1000px;
	min-width: 550px;
	margin-left: 10px;
	}

	.different .text {
	flex: 1;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 0px;
	}
}


/* 店舗一覧テーブル */
.ichiran article.tenpoTable {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.tenpoIchiran td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
}
.tenpoIchiran .set {
	background-color: #F9F8FB;
}
.tenpoIchiran .area {
	font-size: 16px;
	font-weight: bold;
	color: #BA9A66;
	padding-top: 20px;
	padding-bottom: 0px;
}
.tenpoIchiran .tenpoName {
	font-size: 14px;
	font-weight: bold;
	color: #555;
}
.tenpoIchiran .bland {
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	color: #099;
}


.tenpoIchiran .web {
	font-size: 11px;
	width: 4em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.tenpoIchiran a {
	background-color: #D29D52;
	border-radius: 5px;
	display: block;
	color: #fff;
	text-decoration: none;
	transition: 0.6s;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
	text-align: center;
	margin: 0px;
	width: 4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding: 1px;
}
.tenpoIchiran .edit {
	font-size: 16px;
	color: #555;
	letter-spacing: 0.1em;
	margin-top: 70px;
	margin-bottom: 150px;
	padding: 2em;
}
.productNav li a:hover {
	background-color: rgba(51,204,204,0.6);
}




/* リンクお願い */
.listSub .link h4 {
	font-size: 16px;
	color: #FC348F;
	margin: 0px;
	line-height: 1.4em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-weight: bold;
	padding-top: 1.4em;
	padding-right: 0px;
	padding-bottom: 0.4em;
	padding-left: 0px;
}
.listSub .link p {
	margin: 0px;
	font-size: 14px;
	color: #555;
	line-height: 1.5em;
	padding-top: 0.7em;
	padding-right: 0px;
	padding-bottom: 0.8em;
	padding-left: 0em;
}#linkHosoku {
	margin-top: 15px;
	border: 1px dotted #999;
	background-color: #F9F8FB;
	margin-bottom: 60px;
}
#linkHosoku p {
	line-height: 1.5em;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.link .bunner h5 {
	font-size: 20px;
	line-height: 1.4em;
	background-color: #DBDADC;
	text-indent: 0.6em;
	letter-spacing: 0.1em;
	margin-top: 30px;
	color: #555;
}
.link .bunner .midashi {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: #555;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin: 0px;
}
.link .bunner textarea.copy {
	width: 100%;
	height: 5em;
	font-size: 13px;
	background-color: #FFFBE8;
	margin-bottom: 15px;
}
.different .price .taxkomi {
	font-size: 13px;
	font-weight: normal;
}

p.copyright {
	font-size: 5px;
	color: #CCC;
}