@charset "UTF-8";

/*--------------------------------------------------------------
共通
--------------------------------------------------------------*/
body {
	font-size: 16px;
	color: #222;
	line-height: 1.7;
	font-weight: 500;
	text-align: justify;
	font-feature-settings: "palt";
	letter-spacing: 0.5px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	background: url(images/bg_body.jpg) repeat center top;
	
	font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}
#page {
	background: inherit;
}
#content {
}
table p {
	font-size: 100%;
}
.large {
	color: #fabe00;
	font-size: 1.2em;
}
.clr {
	clear: both;
}
.over {
	overflow: hidden;
}
.cnt {
	text-align: center;
}

.pc {
}
.sp {
	display: none;
}
a {
	text-decoration: none;
}
a:link,
a:active,
a:hover,
a:visited {
	color: #975e26;
}
a:hover,
.sidebar .widget a:hover {
	opacity: 0.8;
	text-decoration: none;
}

#pankuzu {
	color: #333;
	margin-top: 20px;
	padding: 10px 15px;
}
#pankuzu a:before,
#pankuzu a:after {
	display: none;
}
#pankuzu span {
	margin-right: 0;
}
#pankuzu a {
	color: #357e9b;
}

textarea,
input[type="email"],
input[type="tel"],
input[type="text"] {
	width: 100%;
}
#primary {
	padding-top: 60px;
}

img {
	image-rendering: auto;
}

#content #main {
	background-color: #fff;
	padding: 50px 50px 10px;
	
	background-color: rgba(255,255,255,0.95);
}
body.home #content #main {
	padding: 0;
	background-color: inherit;
}


/*--------------------------------------------------------------
header
--------------------------------------------------------------*/
/*header#masthead .container {
	padding-bottom: 15px;
	padding-top: 15px;
}
#h_logo {
	margin-bottom: 5px;
}
.site-header {
	background-color: #362210;
	line-height: 1.5;
}
.site-branding .site-logo-div {
	line-height: 1.5;
}*/
.site-header {
	background-color: #362210;
}

/*navigation*/
.onepress-menu {
	padding-top: 18px;
}
.onepress-menu a {
	font-weight: 500;
}
.onepress-menu a:link,
.onepress-menu a:active,
.onepress-menu a:hover,
.onepress-menu a:visited {
	color: #fff;
}

.onepress-menu ul.sub-menu a:link,
.onepress-menu ul.sub-menu a:active,
.onepress-menu ul.sub-menu a:hover,
.onepress-menu ul.sub-menu a:visited {
	color: #362210;
}
.onepress-menu ul.sub-menu a:hover {
	opacity: 0.9;
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
footer#colophon {
	background-color: rgba(0,0,0,0.5);
}
.footer-widgets.section-padding {
	padding-bottom: 15px;
}
.footer-widgets {
	background-color: rgba(0,0,0,0);
}
.site-footer {
	color: #fff;
}
.footer-widgets .sidebar .widget {
	margin-bottom: 20px;
}
footer#colophon .widget-title {
	display: none;
}
footer#colophon .sidebar ul li {
	font-size: 15px;
	line-height: 1.5;
	margin: 5px 0;
}
footer#colophon .sidebar ul li a {
	font-size: 15px;
	line-height: 1.5;
}
footer#colophon .sidebar ul li a:link,
footer#colophon .sidebar ul li a:active,
footer#colophon .sidebar ul li a:hover,
footer#colophon .sidebar ul li a:visited {
	color: #fff;
}
#copytxt {
	text-align: center;
	font-size: 12px;
	padding: 0 20px 30px;
	color: #c4c4c4;
}

/*--------------------------------------------------------------
トップページ
--------------------------------------------------------------*/
.section-title-area .section-title {
	letter-spacing: 0;
	text-transform: inherit;
	color: #442a14;
}
.section-title-area .section-subtitle {
	display: none;
}
#topinfo .txt {
	text-align: center;
}
#topinfo .txt ul {
	margin: 0 auto;
}
#topinfo .txt ul li {
	list-style-type: none;
}
#topmap {
	line-height: 1;
}
/*section：(about)サイトの概要：ファニー企画について*/
body.home #about {
	background-color: #fff;
}
#about .section-title-area .section-title {
}
#about .section-title-area .section-subtitle {
	display: block;
	font-size: 20px;
	color: #555555;
	font-weight: 500;
}
#top_concept {
	overflow: hidden;
}
#top_concept .txt {
	float: left;
	width: 51%;
	text-align: left;
	font-size: 17px;
}
#top_concept .ph {
	float: right;
	width: 45%;
	text-align: center;
}
/*section：(services)わたしたちのサービス:menu*/
#services .section-title-area .section-title {
	color: #fff;
}
#top_menu {
	overflow: hidden;
}
#top_menu .bnr {
	float: left;
	width: 33.3%;
	text-align: center;
	padding: 0 10px 20px;
}
section#services.section-meta {
	background-color: rgba(0,0,0,0);
}
/*section：最新ニュース*/
body.home #news {
	background-color: #fff;
}
.section-news .entry-title {
	font-size: 20px;
	margin-bottom: 5px;
}
/*Shop Info*/
#toppage {
	background-color: #eeeeee;
	padding-top: 80px;
}
#toppage #top_infoarea {
	max-width: 1100px;
	margin: 0 auto 30px;
}
#toppage #top_infoarea .txt {
	float: left;
	width: 57%;
}
#toppage #top_infoarea .txt table {
	border: none;
}
#toppage #top_infoarea .txt table th,
#toppage #top_infoarea .txt table td {
	letter-spacing: 0;
	border: none;
	border-bottom: 1px solid #fff;
	padding: 10px 15px 8px;
	width: auto;
}
#toppage #top_infoarea .txt table th {
}
#toppage #top_infoarea .txt table td {
}
#toppage #top_infoarea .btnarea {
	float: right;
	width: 40%;
}
#toppage #top_infoarea .btnarea ul {
	margin: 0;
	padding: 0;
}
#toppage #top_infoarea .btnarea ul li {
	list-style-type: none;
	margin: 15px 0;
	text-align: center;
}
#toppage #mapbox {
	line-height: 1;
}

/*--------------------------------------------------------------
コンテンツ
--------------------------------------------------------------*/
.page-header.page--cover .entry-title {
	/*font-size: 50px;*/
	font-weight: 500;
}
.page-header .entry-title,
.page-header .page-title {
	font-weight: 500;
	font-size: 36px;
}

/*--- 見出し -----------------------------------------------*/
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
}

body.page #primary h2,
body.page #primary h3,
body.page #primary h4,
body.page #primary h5 {
	/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;*/
	font-weight: 500;
	text-transform: uppercase;
}
/*
body.page #primary h2 {
	text-align: center;
	margin: 50px auto 50px;
	color: #442a14;
	font-size: 30px;
	border-bottom: 3px solid #a4876e;
	padding-bottom: 10px;
}
body.page #primary h2.jp {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
*/

body.page #primary h2 {
	background-color: #442a14;
	color: #fff;
	border-radius: 50px;
	padding: 10px;
	margin: 50px auto 30px;
	text-align: center;
	font-size: 30px;
}
/*
body.page #primary h2:before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	vertical-align: 30%;
	background-color: #442a14;
	margin-right: 10px;
}
body.page #primary h2:after {
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	vertical-align: 30%;
	background-color: #442a14;
	margin-left: 10px;
}*/

body.page #primary h3 {
	font-size: 24px;
	margin: 30px 0;
	color: #442a14;
	
	border-left: 5px solid #442a14;
	padding-left: 6px;
	font-weight: 600;
}
body.page #primary h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0 15px;
	
	color: #442a14;
}
body.page #primary h5 {
	font-size: 18px;
}

/*--- テキスト -----------------------------------------------*/
p {
}
.txt_S {
	font-size: 85%;
}
.txt_red {
	color: #cc0000;
}
.hissu {
	color: #cc0000;
}
.telnum {
	font-size: 150%;
}
.txt_R {
	text-align: right;
}

/*--- リスト -----------------------------------------------*/
.entry-content ul,
.entry-content ol {
	margin: 0 0 20px 30px;
	padding: 0;
}
.entry-content ul li,
.entry-content ol li {
	margin: 0;
	padding: 0 0 10px;
	line-height: 1.5;
}
.entry-content table ul,
.entry-content table ol {
	margin-bottom: 0;
	margin-left: 15px;
}
.entry-content table ul li,
.entry-content table ol li {
	padding-top: 3px;
	padding-bottom: 3px;
}

.entry-content dl {
	margin-bottom: 30px;
}
.entry-content dt {
	border-bottom: 1px solid #9b8e82;
	padding: 0 0 5px;
	margin-bottom: 10px;
	line-height: 1.4;
	font-size: 120%;
	color: #442a14;
}
.entry-content dd {
	padding: 0;
	margin: 0 0 20px;
}

/*--- table -----------------------------------------------*/
.entry-content table {
	border: none;
}
.entry-content th,
.entry-content td {
	padding: 10px 15px;
	font-size: 100%;
	border-bottom: 1px solid #ddd5cc;
	line-height: 1.7;
}
.entry-content th {
	width: 27%;
	text-transform: inherit;
}
.entry-content td {
}
.entry-content table p {
	margin-bottom: 5px;
}

.entry-content #wrap_access th {
	font-family: "Raleway", Helvetica, Arial, sans-serif;
}

/*menuテーブル*/
.entry-content #wrap_menu table {
	margin: 0 auto 30px;
}
.entry-content #wrap_menu th {
	width: auto;
}
.entry-content #wrap_menu th,
.entry-content #wrap_menu td {
	letter-spacing: 0.5px;
}
.entry-content #wrap_menu th span,
.entry-content #wrap_menu th .sub {
	font-size: 90%;
	font-weight: 500;
	color: #555;
	line-height: 1.25;
}
.entry-content #wrap_menu td {
	width: 20%;
	text-align: right;
}

/* box ---------------------------------------------*/
.border {
	border: 1px solid #CCC;
}
.mgn_B70 {
	margin-bottom: 70px;
}
.mgn_B50 {
	margin-bottom: 50px;
}
.mgn_B30 {
	margin-bottom: 30px;
}
.mgn_B20 {
	margin-bottom: 20px;
}
.mgn_B15 {
	margin-bottom: 15px;
}
.mgn_B10 {
	margin-bottom: 10px;
}

.box_L01 {
	float: left;
	width: 30%;
	padding: 0 15px 15px;
}
.box_R01 {
	float: right;
	width: 70%;
	padding: 0 15px 15px;
}
.box_L02 {
	float: left;
	width: 70%;
	padding: 0 15px 15px;
}
.box_R02 {
	float: right;
	width: 30%;
	padding: 0 15px 15px;
}
.box_L03 {
	float: left;
	width: 40%;
	padding: 0 15px 15px;
}
.box_R03 {
	float: right;
	width: 60%;
	padding: 0 15px 15px;
}
.box_L04 {
	float: left;
	width: 60%;
	padding: 0 15px 15px;
}
.box_R04 {
	float: right;
	width: 40%;
	padding: 0 15px 15px;
}
.box_L05 {
	float: left;
	width: 25%;
	padding: 0 15px 15px;
}
.box_R05 {
	float: right;
	width: 75%;
	padding: 0 15px 15px;
}
.box_L06 {
	float: left;
	width: 75%;
	padding: 0 15px 15px;
}
.box_R06 {
	float: right;
	width: 25%;
	padding: 0 15px 15px;
}

.box_L50,
.box50 {
	float: left;
	width: 50%;
	padding: 0 15px 15px;
}
.box_R50 {
	float: right;
	width: 50%;
	padding: 0 15px 15px;
}

.box3 {
	float: left;
	width: 33.3%;
	padding: 0 5px 10px;
}
.box4 {
	float: left;
	width: 25%;
	padding: 0 5px 10px;
}
.box5 {
	float: left;
	width: 20%;
	padding: 0 5px 10px;
}
.mainimg {
	margin-bottom: 20px;
	text-align: center;
}

.btnbox {
	text-align: right;
	margin: 30px auto;
}
.mapbox {
	margin-bottom: 30px;
	text-align: center;
}
.bikoubox01 {
	background-color: #fff;
	padding: 20px 30px;
	margin: 0 auto 30px;
}
.bikoubox01 p {
	margin-bottom: 10px;
	margin-top: 10px;
}


/*youtubeレスポ対応*/
.movie {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.movie iframe {
	width: 100%;
	height: 100%;
}

/*スタッフページ*/
.staffbox {
	float: left;
	width: 33.3%;
	padding: 0 15px 20px;
}
.staffbox .inner {
	padding: 0 10px 10px;
}
.staffbox .ph {
	text-align: center;
	margin-bottom: 15px;
}
.staffbox .posi {
	font-size: 85%;
	text-align: center;
}
.staffbox .namebox {
	background-color: #444;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}
body.page #primary .staffbox h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border: none;
	padding: 0;
}
.staffbox table {
	margin: 0 auto;
	overflow: hidden;
}
.staffbox th,
.staffbox td {
	float: left;
	width: 100%;
	padding: 5px;
	line-height: 1.4;
}

/*コンセプト*/
.title01 {
	font-size: 140%;
	font-weight: 600;
	color: #442a14;
	line-height: 1.5;
}
#wrap_concept .txt {
	font-size: 120%;
}



/*stylebook一覧ページ*/
#wrap_stylelist {
	display: flex;
	flex-wrap: wrap;
}
#wrap_stylelist .stylebox {
	width: 20%;
	padding: 0 5px 10px;
}
#wrap_stylelist .stylebox .inner {
	border: 1px solid #999;
	background-color: #fff;
}
#wrap_stylelist .stylebox .ph {
	text-align: center;
}
#wrap_stylelist .stylebox .ph img {
	display: block;
	height: 200px;
	object-fit: cover;
	width: 100%;
}
#wrap_stylelist .stylebox .title {
	background-color: #442a14;
	color: #fff;
	padding: 5px 5px 3px;
	line-height: 1.5;
	font-size: 90%;
	letter-spacing: 0;
	text-align: center;
}

/*stylebook投稿ページ*/
body.single-style_book .page-header {
	display: none;
}
body.single-style_book #h_style.page-header {
	display: block;
}
body.single-style_book #primary h2 {
	background-color: #442a14;
	color: #fff;
	border-radius: 50px;
	padding: 5px;
	margin: 50px auto 30px;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}

#wrap_sty {
}
#wrap_sty .ph {
	/*width: 40%;
	float: left;*/
}
.entry-content #wrap_sty .ph ul {
	margin: 0;
	
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.entry-content #wrap_sty .ph ul li {
	text-align: center;
	list-style-type: none;
	
	width: 33.3%;
	padding: 0 10px 20px;
}

.entry-content #wrap_sty .ph ul li img {
	display: block;
	height: 300px;
	object-fit: cover;
	width: 100%;
}
#wrap_sty .ph .subtxt {
	font-size: 90%;
	margin-bottom: 20px;
}
body.single #primary h3 {
	font-size: 20px;
	margin: 30px 0 10px;
	color: #442a14;
	
	border-left: 5px solid #442a14;
	padding-left: 6px;
	font-weight: 600;
}

#wrap_sty .txt {
	/*width: 60%;
	float: right;*/
}
#wrap_sty .txt .com {
	margin-bottom: 30px;
}
.entry-content .txt table {
	margin-bottom: 30px;
}
#wrap_sty .txt .point {
}
.entry-content #wrap_sty .txt th {
	width: 30%;
	padding-left: 0;
	padding-right: 0;
}

#pnavi {
	margin-top: 30px;
	/*background-color: #fff;
	padding: 5px 15px;*/
}

/*お問い合わせ*/
#wrap_access .wpcf7-form {
	font-size: 100%;
}


/*--- 投稿系 -------------------------------------*/
.right-sidebar .content-area {
	border: none;
}
body.single h2 {
	font-size: 22px;
	color: #442a14;
	border-bottom: 1px solid #9b8e82;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
.entry-meta {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border: none;
	font-weight: 500;
}

/*--- サイドバー -------------------------------------*/
#secondary {
	background-color: rgba(255,255,255,0.95);
	border: none;
	padding: 30px 20px 10px;
	margin-top: 60px;
}