@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------
----------------------------------------------------------------------
reset
----------------------------------------------------------------------
----------------------------------------------------------------------



*/
/* セレクトボックス201804 */
.select-box01 select {
	width: 35%;
	padding: 10px;
	-webkit-appearance: none;main-bg-1
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}
/* 営業時間表示位置 */
.ServiceHours {
margin-top:-55px;
}
@media(max-width: 736px){
.ServiceHours {
margin-top:0px;
}
}

/* スマホ下部メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/* スマホ下部メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}
#sp-fixed-menu i {
font-size: 30px;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 33.3%;
   padding:0;
   margin:0;
   font-size: 20px;
   text-decoration: none;
   border-right: 1px solid #fff;
}

#sp-fixed-menu li.mail{
   background: #84786C;
}
#sp-fixed-menu li.reserve{
   background: #007417;
}
#sp-fixed-menu li.phone{
   background: #744C24;
}

/* スマホ下部ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:8px;
}



/* ボタン変更202109 */
.fas_button_envelope{
width: 180px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #84786B;
	color: #fff;
	border-radius: 20px;
	font-size: 1.2em;
	cursor: pointer;
}
.fas_button_envelope:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f0e0';
	margin-right: 12px;
}
.fas_button_calendar{
width: 180px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #007416;
	color: #fff;
	border-radius: 20px;
	font-size: 1.2em;
	cursor: pointer;
}
.fas_button_calendar:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f073';
	margin-right: 12px;
}
.pc-hide .fas_button_envelope_s{
width: 300px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #84786B;
	color: #fff;
	border-radius: 20px;
	font-size: 1.3em;
	cursor: pointer;
}
.pc-hide .fas_button_envelope_s:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f0e0';
	margin-right: 12px;
}
.pc-hide .fas_button_calendar_s{
width: 300px;
margin: 5px 0px;
	border: none;
	padding: 0 20px;
	height: 40px;
	line-height: 1;
	background: #007416;
	color: #fff;
	border-radius: 20px;
	font-size: 1.3em;
	cursor: pointer;
}
.pc-hide .fas_button_calendar_s:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: '\f073';
	margin-right: 12px;
}
.btn-center {
margin-left: auto;
margin-right: auto;
}

/* カードcss2020_03 */
.card {
  width: 350px;
background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
}
.card-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content {
  padding: 5px 10px 10px 10px;
}
.card-title {
  font-size: 18px;
font-weight: blod;
  margin-bottom: 10px;
margin-top: 9px;
  text-align: center;
  color: #333;
line-height: 1.5;
}
.card-text {
  color: #777;
 text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
.bottom-btn {
   text-align: center;
padding: 10px!important;
}

.bottom-btn a:hover{
   color: initial;
text-decoration: none;
}


/** =======================
 * Contenedor Principal 2018_03追加
 ===========================*/

/* 所沢市町名表記の行間調整2019_09調整 */
div.address {
line-height: 95%;
}
#accordion a {
    text-decoration: none;
}
#accordion ul {
  list-style:none;
}
#accordion .accordion {
    width: 80% !important;
    max-width: 360px;
    margin: 30px auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 }
.accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 42px;
    font-weight: 700;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li .link {
font-size: 100% !important;
}
#accordion .accordion li:last-child .link {
    border-bottom: 0;
}
#accordion .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 18px;
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion li.default .submenu {
display: block !important; /* 強制的に表示する */
}
/**
 * Submenu
 -----------------------------*/
#accordion .submenu {
    display: none;
    font-size: 14px;
color: #eee;
 }

#accordion .submenu li {
    border-bottom: 1px solid #4b4a5e;
 }

#accordion .submenu a {
    display: block;
    text-decoration: none;
    padding: 12px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
 }

#accordion .submenu a:hover {
    background: #eee;
 }

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

ul { list-style: none;}



/* blockquote, q { quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
*/




/* blockquote関係 */

blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em -15px;
  padding: 28px 33px;
  position: relative;
}


blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 500%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

/* blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}
 */

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}

table {
	border-collapse: collapse;
	border-spacing: 0;}

img{
	line-height: 0;
	max-width: 100%;
	height: auto;
	margin: auto;}
* {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}

html{ height: 100%;}
body{ height: 100%;}

/*--------------------------------------------------------------------
----------------------------------------------------------------------
エレメント
----------------------------------------------------------------------
----------------------------------------------------------------------
*/

body{
	color: #492e13;
	/*color: #43270b;*/
	font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.8;
	font-size: 85%;
	font-weight: 300;
	background:#fff;
	width: 100%;
	overflow-x: hidden;}

input, textarea{ font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

* html body,
* html input,
* html textarea{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

a{
	color: #007416;
	text-decoration: underline;}

a:hover{
	text-decoration: none;}

/* clearfix */
.clearfix:after, .header:after, .gnav ul:after, .content:after, .content-2:after, .nav-1 ul:after, .menu-list ul:after, .gallery-1 ul:after, .gallery-2 ul:after, .img-link-3:after, .unit-2colsay-1:after, .unit-2colsay-2:after, .unit-2colsay-3:after, .unit-2colsay-4:after, .unit-2colsay-5:after, .unit-2colsay-6:after, .unit-2colsay-7:after, .unit-2colsay-8:after, .unit-2colsay-9:after, .unit-2colsay-10:after, .unit-2colsay-11:after, .img-list ul:after, .section-header:after, .gallery-menu ul:after, .footer-nav:after, .menu-list-2 ul:after, .unit-2col-1:after, .block-11 ul:after, .thumbs:after, .unit-2colsay-12:after, .block-12 ul:after, .banner-block .photo:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;}

/*--------------------------------------------------------------------
----------------------------------------------------------------------
構造
----------------------------------------------------------------------
----------------------------------------------------------------------
*/

@media(min-width: 1000px){
	.container{
		width: 1000px;
		margin: 0 auto;}
	.container-2{
		width: 868px;
		margin: 0 auto;}

	.main{
		float: right;
		width: 740px;}

	.side{
		float: left;
		width: 240px;}

}
@media(max-width: 999px){
.container,
.container-2{
	width: 95%;
	margin: 0 auto;}

	.main{
		margin-bottom: 100px;
		width: 100%;}
}

/*--------------------------------------------------------------------
----------------------------------------------------------------------
共通(モジュール）
----------------------------------------------------------------------
----------------------------------------------------------------------
*/

i{
	margin-right: 5px;
	margin-left: 5px;}

.alert-1-1{ font-weight: bold;}

.alert-2-1{ color: #e20000;}
.alert-2-2{ color: #604020;}
.alert-2-3{ color: #ff0000;}

.alert-3-1{ font-size: 120%;}
.alert-3-2{ font-size: 180%;}
.alert-3-3{ font-size: 90%;}
.alert-3-4{ font-size: 70%;}
.alert-3-5{ font-size: 1.1rem !important;}
.alert-3-6{ font-size: 80%;}
.alert-3-7{ font-size: 140%;}

.alert-3-10{ font-size: 140%; font-weight: bold;}

.alert-4-1{ letter-spacing: -1px;}
.alert-4-2{ letter-spacing: 0;}

.alert-5-1{ line-height: 2.1rem !important;}
.alert-5-2{ line-height: 1.8rem !important;}
.alert-5-3{ line-height: 1.4rem !important;}

.alert-6{
	color: #9f846a;
}

.list-1{ list-style: disc inside;}
	.list-1 li{
		padding: 5px 0;
		padding-left: 1em;
		text-indent: -1em;}

.list-2 li{
	color: #9f846a;
	padding-left: 1.5em;
	text-indent: -1.5em;
	font-size: 90%;}
.list-2 li:before{
	content: '※ ';}

.list-3 li{
	margin-bottom: 20px;
	padding-left: 2em;}
.list-3 li h1{ text-indent: -1em;}

.list-4 li{
	font-size: 130%;
	font-weight: bold;}

.list-4 li:before{
	content: url(../images/menu/profile/list.jpg);
	margin-right: 3px;
	vertical-align: -webkit-baseline-middle;}

.list-5{ list-style: disc inside;}
	.list-5 li{
		color: #ff0000;
		padding-left: 1em;
		text-indent: -1em;}
.w-180{
	display: inline-block;
	width: 180px;}

.mb-0{ margin-bottom: 0 !important;}
.mb-1{ margin-bottom: 1px !important;}
.mb-5{ margin-bottom: 5px;}
.mb-10{ margin-bottom: 10px !important;}
.mb-15{ margin-bottom: 15px !important;}
.mb-20{ margin-bottom: 20px !important;}
.mb-30{ margin-bottom: 30px !important;}
.mb-40{ margin-bottom: 40px !important;}
.mb-50{ margin-bottom: 50px !important;}
.mb-60{ margin-bottom: 60px !important;}
.mb-80{ margin-bottom: 80px !important;}
.mb-90{ margin-bottom: 90px !important;}
.mb-100{ margin-bottom: 100px !important;}
.mb-130{ margin-bottom: 130px !important;}

.mt-20{margin-top: 20px;}
.mt-100{margin-top: 100px;}

.alignRight{ text-align: right;}
.alignCenter{ text-align: center;}

.fRight{ float: right;}

.through{ text-decoration: line-through;}

.mark-1{
	font-size: 130%;
	font-weight: bold;
	color: #43270b;
	line-height: 1.8 !important;}
.mark-2{
	font-size: 120%;
	color: #e20000;}
.mark-3{
	font-size: 110%;
	font-weight: bold;}
.mark-3:before{
	margin-right: 3px;
	content: url(../images/menu/shichigosan/faq/mark-1.gif);}


.link-1{
	color: #43270b;
	text-decoration: underline !important;}
.link-1:hover{ text-decoration: none !important;}

.through{ text-decoration: line-through;}


/* contact */

.tel{ font-size: 145%;}

.btn-contact{
	width: 140px;
	height: 25px;
	line-height: 25px;
	background: #84786b;
	border-radius: 4px;
	text-align: center;}

.btn-contact:hover{
	background: #43270b;}

.header .btn-contact,
.content .btn-contact,
.content-2 .btn-contact{ margin: auto;}

.content .btn-contact,
.content-2 .btn-contact,
.footer .btn-contact{ margin-bottom: 10px;}

	.btn-contact a{
		color: #fff;
		display: block;
		text-decoration: none;}

/* 予約ボタン追加2018_02 */
.btn-reservation{
	width: 140px;
	height: 25px;
	line-height: 25px;
	background: #007416;
	border-radius: 4px;
	text-align: center;}

.btn-reservation:hover{
	background: #679C71;}

.header .btn-reservation,
.content .btn-reservation,
.content-2 .btn-reservation{ margin: auto;}

.content .btn-reservation,
.content-2 .btn-reservation,
.footer .btn-reservation{ margin-bottom: 5px;}

	.btn-reservation a{
		color: #fff;
		display: block;
		text-decoration: none;}
	.content .contact-block .btn-reservation,
	.content-2 .contact-block .btn-reservation{ margin: 10px auto 12px;}
.footer .sp-center{margin: 0 auto;margin-bottom: 10px;}
.footer .sp-tel{font-size: 130% !important;}

.img-1{
	display: block;
	margin-left: 0;}

.label-1{
	padding: 6px 10px 6px 14px;
	color:#fff;
	background: #f96c80;}


/**************************
 title
**************************/
.ttl-1-1{
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	margin-bottom: 40px;
	font-size: 130%;
line-height: 140% !important;
}

.ttl-1-2{
	padding-top: 70px;
	margin: 0 auto 60px;
	font-size: 200%;
	text-align: center;
	vertical-align: middle;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}
	.ttl-1-2:before{
		margin-right: 5px;
		position: relative;
		top: 18px;
		vertical-align: middle;
		content: url(../images/common/ico-1.png);}

.ttl-1-3-wrapper{
	float: none !important;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	padding-right: 80px;
	font-size: 230%;
	line-height: 1.3;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}
	.ttl-1-3{ float: none !important;}
		.ttl-1-3 span{
			display: inline-block;
			line-height: 2.5;
			font-size: 1.1rem;
			letter-spacing: 0;}
	.ttl-1-3-wrapper p{
		margin-top: 20px;
		font-size: .85rem;
		display: inline-block;
		line-height: 2.5;
		color: #492e13;}

.ttl-2-1{
	margin-bottom: 20px;
	padding: 0 15px;
	height: 42px;
	line-height: 42px;
	font-size: 130%;
	color: #fff;
	background: url(https://iriso.org/iriso/images/common/xttl-2-bg.gif.pagespeed.ic.g066k2CcEn.png) no-repeat 4px center, #43270b;
	border-radius: 3px;}

.ttl-2-2{
	margin: 70px auto 50px;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 1px;
	font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}
	.ttl-2-2 .inner{
		display: inline-block;
		padding-bottom: 5px;
		border-bottom: 4px solid #43270b;}
		.ttl-2-2 .inner .inner-inner{
			font-weight: normal;
			font-size: 80%;}

.ttl-3-1{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 130%;}

.ttl-3-2{
	width: 100%;
	margin-bottom: 20px;
	padding: 5px 5px 5px 15px;
	line-height: 1.6;
	font-weight: bold;
	background: #ddd;
	border-radius: 4px;}

.ttl-3-3{
	position: relative;
	width: 100%;
	/*margin: 165px 0 20px;*/
	margin-bottom: 20px;
	padding: 8px 20px;
	color: #fff;
	font-size: 110%;
	background: #ff8181;
	border-radius: 2px;}
	.ttl-3-3 img{
		position: absolute;
		left: 0;}
	.ttl-3-3.item-1 img{
		top: -97px;}
	.ttl-3-3.item-2 img{
		top: -115px;}
	.ttl-3-3.item-3 img{
		top: -111px;}

.ttl-3-4{
	margin-bottom: 15px;
	font-size: 120%;
	font-weight: bold;
	color: #ff6b6b;}
.ttl-3-4:before{
	content: '●';
	margin-right: 3px;
	font-size: 130%;}

.ttl-3-5{
	position: relative;
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 7px 15px 13px;
	width: 250px;
	vertical-align: top;
	line-height: 1.4;
	border-radius: 4px;}
.ttl-3-5:before{
	position: absolute;
	top: 17px;
	left: -24px;
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;}
.section-header-inner-2 .ttl-3-5{ margin-bottom: 17px;}

.ttl-3-6{ font-weight: bold;}

.ttl-3-7{
	margin-bottom: 10px;
	padding: 6px 15px;
	font-size: 105%;
	line-height: 1.4;
	background: #f8cad1;
	border-radius: 4px;}
	.ttl-3-7 span{ font-size: 80%;}


.ttl-4-1{
	margin-bottom: 27px;
	padding: 6px 25px;
	font-weight: bold;
	color: #604020;
	background: #ccc;
	border-radius: 2px 2px 0 0;}

.ttl-5-1{
	margin-bottom: 20px;
	color: #604020;
	font-weight: bold;}
	.ttl-5-1:before{
		content: '\f0c8';
		margin-right: 5px;
  		font-family: FontAwesome;}


/**************************
 header
**************************/
.header{
	width: 100%;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	background: rgba(255,255,255,.95);}

	.header .inner{ border-bottom: 1px solid #efefef;}
	.header .box-2{
		float: left;
		width: 616px;}

	.nav-header{ display: none;}

	.gnav li:first-child{	margin-left: 0;}

		.gnav li a{
			display: block;
			text-decoration: none;
			color: #43270b;}

	.header .box-3{
		padding-top: 10px;
		float: right;
		width: 141px;
		text-align: center;}

	.header .tel{ letter-spacing: 1px;}

	.nav-1 .container>ul>li{ margin-right: 13px; border-left: 2px solid #999; padding-left: 13px;line-height: 1.5;}

	.nav-1 .container>ul>li:first-child{
		margin-left:0;
		border-left: 0;
	}

	.nav-1{
		background-color: rgba(221,221,221,0.5);
	}

		.nav-1 li a{
			display: block;
			text-decoration: none;
			color: #492e13;}



/**************************
 main
**************************/
.content,
.content-2{ margin-bottom: 150px;}

.section{ margin-bottom: 30px;}

.section-2{
	padding: 10px 15px 18px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;}


.unit p{
	line-height: 2.5rem;
	margin-bottom: 20px;}

.unit-1-2{
	margin-bottom: 50px;
	border: 1px solid #ccc;
	border-radius: 4px;}

	.unit-1-2-inner{
		padding: 0 27px;}

.unit-1-3{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;}

.unit-1-4{
	padding-bottom: 10px;
	margin-bottom: 10px;}


/*** breadcrumb ***/

.breadcrumb{
	padding: 10px 15px;
	line-height: 1.6;
	font-size: 13px;
	background: linear-gradient(to right, #f4f0ea, #fff);
	border-left: 4px solid #007416;
	border-radius: 0 4px 4px 0;
	margin-bottom: 20px;}

.breadcrumb a{
	color: #007416;
	text-decoration: none;
	font-weight: 500;}

.breadcrumb a:hover{
	color: #43270b;
	text-decoration: underline;}

.breadcrumb .post-home:before{
	font-family: "FontAwesome";
	content: "\f015  ";
	font-size: 12px;}

.breadcrumb [property="name"]{
	color: #43270b;
	font-weight: bold;}

.ttl-block{
	margin-bottom: 60px;
	height: 378px;
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;}

	.ttl-block h1{
		float: left;
		letter-spacing: 0;
		text-shadow: 0 0 2px #fff;}

	.ttl-block .bg{
		float: right;
		height: 100%;}

		.ttl-block .bg img{
			height: 100%;
			width: auto;}


/*** unit-2colsay ***/

.unit-2colsay-1 .box-1{
	float: left;
	padding-top: 13px;}

.unit-2colsay-1 .box-2{ float: right;}


.unit-2colsay-2 .box-1{
	float: left;
	padding-top: 80px;}
.unit-2colsay-2 .box-1 .company {
margin-top: 120px;
font-size: 80%;
line-height: 150%
}

.unit-2colsay-2 .box-1 p{ line-height: 2.5;}

.unit-2colsay-2 .box-2{
	position: relative;
	height: 100%;
	float: right;
	padding: 1px 0;}

	.unit-2colsay-2 .box-2 img{
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;}


.unit-2colsay-3{ margin-bottom: 20px;}

	.unit-2colsay-3 .box-2 img,
	.unit-2colsay-4 img{ display: block;}

.unit-2colsay-4{ margin-bottom: 20px;}


 .unit-2colsay-5{
	padding: 20px 0;
	border-top: 1px dotted #a39797;}
 .section .unit-2colsay-5:first-of-type{ border: none;}

	.unit-2colsay-5 .box-1{
		position: relative;
		height: 220px;
		margin: auto;
		border: 1px solid #ddd;
		background-repeat: no-repeat;
		background-size: cover;}

	.unit-2colsay-5 .box-1[style="background-image:url(/iriso/images/event/no-image.gif)"]{
		background-size: 90% auto;
		background-position:center;}

		.unit-2colsay-5 .box-1 a{
			display: block;
			height: 220px;}

		.unit-2colsay-5 .box-1 img{
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			margin: auto;
			display: block;
			max-width: 95%;
			max-height: 95%;
			width: auto;
			height: auto;}

	.unit-2colsay-5 .box-2{
		line-height: 2.5;}

		.unit-2colsay-5 .box-2 a{ text-decoration: none;}
		.unit-2colsay-5 .box-2 a:hover{ text-decoration: underline;}

/*** table  ***/

.table-1{ width: 100%;}
.table-1 th{
	width: 160px;
	text-align: left;}

.table-1 td{ padding-bottom: 30px;}


.table-2 th{
	width: 170px;
	text-align: left;}

.table-2 td{ padding-bottom: 30px;}


.table-3{
	width: 100%;
	margin-bottom: 5px;}

	.table-3 th{
		width: 50%;
		text-align: left;
		font-size: 113%;
		letter-spacing: 0;}

	.table-3 td{
		padding-top: 10px;
		line-height: 1.4;}
.section-2 .table-3 td{ padding-top: 0;}

.table-5 th{
	width: 100px;
	text-align: left;}

.table-5 td{ padding-bottom: 10px;}


.table-6{
	width: 100%;
	font-size: 113%;}

	.table-6 th{
		width: 35%;
		text-align: left;
		letter-spacing: 0;}

.table-7 th{
	text-align: left;
	width:180px;}

.table-7 td{
	padding-bottom: 15px;
	text-align: right;}

.table-8{
	margin-bottom: 20px;
	width: 100%;}
.table-8 th{
	text-align: left;
	padding: 5px 15px;
	background: #f1f1f1;
	border: 1px solid #ccc;}

.table-8 td{
	padding: 5px 15px;
	border: 1px solid #ccc;}



/*** img-list  ***/

.img-list li{
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	width: calc((100% - 80px) / 5);
	font-size: 88%;
	letter-spacing: 0;}

.img-list li:nth-of-type(5n+1){ margin-left: 0;}

.img-list li img{ display: block;}
.img-list li p{ margin-top: 10px;}

.img-list.circle{
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	line-height: 2.5;}

	.img-list.circle li img{
		border-radius: 50%;}


/*** contact-block ***/

.contact-block{
	text-align: center;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

.content .contact-block,
.content-2 .contact-block{
	margin: 90px auto 40px;
	line-height: 2.5;}

	.content .contact-block .tel,
	.content-2 .contact-block .tel{
		font-size: 260%;
		line-height: 1.4;
		margin-bottom: 5px;}

	.content .contact-block .logo,
	.content-2 .contact-block .logo{ margin-bottom: 10px;}
	.content .contact-block .logo img,
	.content-2 .contact-block .logo img{ display: block;}

	.tel a{
		color: #43270b;
		text-decoration: none;}

	.content .contact-block .btn-contact,
	.content-2 .contact-block .btn-contact{ margin: 10px auto 12px;}


/*** menu-list ***/

.menu-list{
	margin: 0 auto;
	font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

	.menu-list li{
		position: relative;
		float: left;
		margin: 0 0 20px 20px;
		width: 202px;
		width: calc((100% - 60px) / 4);
		height: 202px;
		background: #fff;
		border: 3px solid #fff;
		border-radius: 50%;
		overflow: hidden;
		text-align: center;
		z-index: 1;
		transition: opacity 1.3s;}

	.menu-list li:nth-of-type(4n+1){ margin-left: 0;}

		.menu-list a{ color: #3c1b00;}

		.menu-list li img{
			height: 100%;
			width: 100%;
			opacity: .4;
			text-align: center;
			max-width: none;
			position: relative;
			transition-duration: .2s;
			-ms-transition-duration: .2s;
			border-radius: 50%;}

		.menu-list li:hover img{
			opacity: .9;
			transform: scale(1.1);}


		.menu-list li p{
			position: absolute;
			bottom: 25px;
			left: 0;
			right: 0;
			z-index: 99;
			margin: 0 auto;
			line-height: 1.3;
			letter-spacing: 0;
			font-size: 110%;}

		.menu-list li:hover p{
			text-shadow: 0 0 5px #fff;}

		.menu-list li span{ font-size: .85rem;}
.menu-list-3{
		position: relative;
		margin: 0 auto;
		width: calc((100% - 60px) / 3);
		background: #fff;
		border: 3px solid #fff;
		border-radius: 50%;
		overflow: hidden;
		text-align: center;
		z-index: 1;
		transition: opacity 1.3s;}

		.menu-list-3 img{
			height: 100%;
			width: 100%;
			opacity: .4;
			text-align: center;
			max-width: none;
			position: relative;
			transition-duration: .2s;
			-ms-transition-duration: .2s;
			border-radius: 50%;}
		.menu-list-3:hover img{
			opacity: .9;
			transform: scale(1.1);}
		.menu-list-3 p{
			position: absolute;
			bottom: 35px;
			left: 0;
			right: 0;
			z-index: 99;
			margin: 0 auto;
			line-height: 1.3;
			letter-spacing: 0;
			font-size: 110%;}

		.menu-list-3:hover p{
			text-shadow: 0 0 5px #fff;}

		.menu-list-3 span{ font-size: .85rem;}

/*** gallery ***/

.gallery-1,
.gallery-2{ overflow: hidden;}

.gallery-1{ margin-bottom: 100px;}
.home .gallery-1,
.hair .gallery-1{ margin-bottom: 0;}

	.gallery-1 li,
	.gallery-2 li{
		float: left;
		margin-left: 1px;
		margin-bottom: 1px;
		line-height: 1.4;
		background-size: cover;
		background-repeat: no-repeat;}
	.gallery-2 li{ background-position: 0 -5px;}

		.gallery-1 a,
		.gallery-2 a{ display: block;}

			.gallery-1 img,
			.gallery-2 img{display: block;}

.gallery-3 .thumb li{
	float: left;
	width: calc( (100% - 60px) / 4);
	margin-left: 20px;
	margin-bottom: 20px;}

.gallery-3 .thumb li:nth-of-type(4n+1){ margin-left: 0;}

	.gallery-3 .thumb li a{
		display: block;
		line-height: 0;}
	.gallery-3 thumb li img{
		width: 100%;
		height: 100%;
		display: block;}

.gallery-3 .large{
	position: relative;
	width: 330px;}

	.gallery-3 .item{
		display: none;
		position: absolute;}

		.gallery-3 item img{
			width: 100%;
			height: auto;}


#gallery{
	padding: 0;
	margin: 0;}

#gallery .slideshow-container {
	position: relative;
	clear: both;
	min-height: 500px;}
#gallery .slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;}
.slideshow a.advance-link { font-size: 0;}
.slideshow a.advance-link:hover,
.slideshow a.advance-link:active,
.slideshow a.advance-link:visited { text-decoration: none;}

.slideshow img {
	max-height:435px;
	vertical-align: middle;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}


#thumbs .thumbs li{
	float: left;
	width: calc( (100% - 60px) / 4);
	margin-left: 20px;
	margin-bottom: 20px;}

#thumbs .thumbs li:nth-of-type(4n+1){ margin-left: 0;}

	#thumbs .thumbs li a{
		display: block;
		line-height: 0;}
	#thumbs .thumbs li img{
		width: 100%;
		height: 100%;
		display: block;}


.pagination {
	margin-left: 15px;
	clear: both;}

.navigation div.top {
	margin-bottom: 20px;
	overflow: hidden;}
.pagination a,
.pagination span.current,
.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 4px 7px 2px 7px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #8a8a8a;
	color: #fff;
	background: rgba(0, 0, 0, .2);
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	transition: background-color 200ms linear;}
.pagination a:hover { background: rgba(0,133,37,.8);}
.pagination span.current {
	font-weight: bold;
	background: #797979;
	color: #fff;}
.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;}

#gallery2{
	float: left;}
#gallery2.content{
	padding: 0;
	margin: 0;}

#slideshow-2{ position: relative;}
	#slideshow-2 .image-wrapper{ position: absolute;}
#thumbs-2{
	float: right;}

#thumbs-2 .thumbs li{
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;}


	#thumbs-2 .thumbs li a{
		display: block;
		line-height: 0;}
	#thumbs-2 .thumbs li img{
		width: 100%;
		height: 100%;
		display: block;}

.bxslider li{ height: 450px;}
.bxslider li img{
	max-height: 100%;
	width: auto;}

.bx-wrapper .bx-pager.bx-default-pager a{ background: #007416;}
.bx-wrapper .bx-pager{ bottom: -30px;}

/**************************
 sidebar
**************************/
.side-nav h1{ margin: 0;}

	.side-nav>ul>li{
		padding: 1px 0;
		border-bottom: 1px solid #ddd;}
	.side-nav>ul>li:first-child{ border-top: 1px solid #ddd;}

		.side-nav>ul>li>ul{ padding-left: 15px;}

		.side-nav>ul>li>ul,
		.side-nav>ul>li>ul>li{ border-top: 1px solid #ddd;}

			.side>.side-nav:first-child>ul>li:first-child,
			.side-nav>ul>li>ul>li:first-child{ border-top: none;}

	.side ul li a{
		color: #43270b;
		line-height: 1;
		text-decoration: none;
		display: block;}

	.side-nav>ul>li>a{
		padding: 15px 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;}

		.side-nav>ul>li>ul>li>a{
			padding: 11px 6px 11px 10px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;}

	.side li a:hover,
	.side-nav>ul>li.current>a,
	.side-nav>ul>li.current2>a,
	.side-nav>ul>li>ul>li.current>a{ background: #f1f1f1 !important;}

/**************************
 footer
**************************/

.page-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width:44px;
	height: 44px;
	background: #007416;
	border-radius: 8px;
	text-align: center;
	line-height: 1;
	z-index: 3;}


.page-top:hover{
	background: #679C71;}

	.page-top a{
		display: block;
		width: 44px;
		height: 44px;
		text-decoration: none;
		color: #fff;
		line-height: .5;}

		.page-top i{
			margin: -4px auto;
			font-size: 260%;}


.footer{ line-height: 2;}

	.footer-nav{ margin-bottom: 30px;}

		.footer-nav ul a{
			display: block;
			text-decoration: none;
			color: #4a301c;}
		.footer-nav ul a:hover{ text-decoration: underline;}

		.footer .box-1{
			width: 320px;
			float: left;
			font-family:'Macondo', cursive, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}

			.footer .tel{ line-height: 1.9;}

		.footer .box-2{
			width: 260px;
			float: left;}

		.footer .box-3{
			width: 200px;
			float: left;}

	small{
		display: block;
		padding: 40px 0 10px;
		color: #43270b;
		font-size: 70%;
		text-align:center;}


/********
 home
 ********/

.block-1{ position: relative;}

	.main-img{
		height: 1081px;
		background: url(../images/top/main-bg-1.webp) no-repeat;
		background-size: cover;
		background-position:center;}

	.block-2{
		bottom: 0;
		width: 100%;
		background: rgba(255,255,255,.9);}

		.block-2 .container{ height: 100%;}

			.block-2 .unit-2colsay-2{
				height: 100%;
				margin-bottom: 0;}

.banner-block{
	padding-top: 70px;}
.banner-block p{
	margin-bottom: 20px;
	line-height: 0;
	border: 1px solid #ccc;}


.banner-block p{
	float: left;
	margin-bottom: 20px;}

.banner-block .col1{
	width: 93%;}

.banner-block .col2{
	margin-right: 20px;
	width: calc((93% - 20px) / 2);}


@media(max-width: 736px){
	.banner-block p{
	float: none;
	margin-bottom: 20px;}

.banner-block .col1{
	width: 100%;}

.banner-block .col2{
	margin-right: 20px;
	width: 100%;}

}



/********
 blog
 ********/
.blog-cat .box-1 img{ border-radius: 4px;}

.blog .main-text p{ margin-bottom: 0;}

.wp-pagenavi{ margin-top: 30px;}

/********
 profile
 ********/
 .map iframe{
	 width: 90%;
	 margin: auto !important;
	 height: 500px;}
#mapDiv{
	width: 70% !important;
	margin: auto !important;

}
/********
 news
 ********/
.archive dl{
	padding: 20px 0;
	border-bottom: 1px dotted #a39797;}

	.archive dt{
		float: left;
		width: 150px;}

	.archive dd{ padding-left: 150px;}


/********
media
 ********/
 .media .unit-2colsay-3 .box-2 img{ margin-bottom: 20px;}


/********
contact
 ********/
 .contact-form .content::after{ display: inline;}

/********
privacy
 ********/
.privacy .list-1 li{
	margin: 30px 0;
	padding-left: 1em;
	text-indent: -1em;}


 /*** banner ***/

.banner-1{
	position: relative;
	width: 438px;
	max-width: 100%;
	height: 135px;
	margin: 20px auto 0;
	color: #604020;}

	.banner-1-inner{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 85px;
		border: 1px solid #b6d673;
		background: url(../images/menu/profile/voice-bg.jpg) no-repeat right;
		background-size: contain;}

		.banner-1 img{ margin-left: 0;}

		.banner-1 a{
			height: 85px;
			position: relative;
			display: block;
			color: #604020;
			text-decoration: none;}
			.banner-1 a:hover p{ text-decoration: underline;}
			.banner-1 p{
				margin-left: 20px;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				font-weight: bold;
				line-height: 1.5;}

.banner-2{
	margin-bottom: 50px;
	text-align: center;}
	.banner-2 img{
		max-width: 70%;
		height: auto;}

.banner-3{ margin-bottom: 50px;}

.banner-4{
	padding:20px;
	width: 100%;
	background: #f1f1f1;}
	.banner-4 img{ display: block;}


/*** block ***/

.block-4{ margin-bottom: 20px;}
.block-4 > div{
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;}
	.block-4 > div:nth-of-type(even){ font-weight: bold;}

.block-5{ margin: -5px 0 15px;}
.block-5 p{
	display: inline-block;
	border-radius: 3px;
	line-height: 1;}
.block-5 p:nth-of-type(odd){
	padding: 13px 15px;}
.block-5 p:nth-of-type(even){
	padding: 0 7px;
	font-weight: bold;
	font-size: 210%;}

.bg-1{ background: #88e1e2;}
.bg-2{ background: #bfe5af;}
.bg-3{ background: #f6dc9f;}
.bg-4{ background: #e1aad9;}
.bg-5{ background: #f8cad1;}

.block-6{
	position: relative;
	padding: 20px;
	background: #f2eeda;}
.block-6:before{
	position: absolute;
	top: -30px;
	left: 20px;
	content:'';
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom-color: #f2eeda;}
	.block-6 ul{
		color: #e20000;
		font-weight: bold;
		margin-left: 20px;}
	.block-6 li{
		font-size: 100%;
		color: #e20000;
		padding: 3px;}

.block-7{
	padding: 15px 20px;
	background: url(../images/menu/shichigosan/kabuto/img-2.jpg) no-repeat right bottom, #f2eeda;
	background-size: auto 100%;}
	.block-7 h1{ margin-bottom: 10px;}
	.block-7 ul{
		margin-left: 1em;
		text-shadow: 1px 1px 0 #fff;}

.block-8{
	margin-bottom: 5px;
	padding: 15px 20px;
	background: #f2eeda;
	border: 1px solid #d0c8a2;
	border-radius: 3px;}

	.block-8 p{ margin-bottom: 0 !important;}

.block-9 section:last-child .unit-1-3{ border: none;}
.block-9 .unit-1-3 ul{ margin-left: 20px;}

.block-11 li{
	float: left;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 20px;}

.block-12{
	margin-bottom: 20px;
	padding: 10px;
	font-size: 95%;
	border: 1px dotted #634c35;}


.block-13{
	border: 1px solid #ff8181;}
.block-13 h1{
	padding: 5px 15px;
	color: #fff;
	font-size: 110%;
	background: #ff8181;}

	.block-13 .section-body{
		background: url(../images/menu/shichigosan/img-10.jpg) no-repeat left bottom;
		background-size: auto 100%;
		text-shadow: 0 0 1px #fff;}

		.block-13 .section-body-inner{
			padding: 20px 10px;}

			.block-13 .section-body p{ margin-bottom: 10px;}

	.gallery-menu .section{ margin-bottom: 60px;}
	.gallery-menu .section-header .img-1{ float: left;}

	.gallery-menu .section-header-inner{ padding-top: 5px;}
	.gallery-menu .section-header-inner-2{ padding-top: 25px;}

	.gallery-menu section:first-child .ttl-3-5{ background: #f8cad1;}
	.gallery-menu section:first-child .ttl-3-5:before{ border-right-color: #f8cad1;}
	.gallery-menu section:nth-of-type(2) .ttl-3-5{ background: #88e1e2;}
	.gallery-menu section:nth-of-type(2) .ttl-3-5:before{ border-right-color: #88e1e2;}
	.gallery-menu section:nth-of-type(3) .ttl-3-5{ background: #f6dc9f;}
	.gallery-menu section:nth-of-type(3) .ttl-3-5:before{ border-right-color: #f6dc9f;}
	.gallery-menu section:nth-of-type(4) .ttl-3-5{ background: #e1aad9;}
	.gallery-menu section:nth-of-type(4) .ttl-3-5:before{ border-right-color: #e1aad9;}
	.gallery-menu section:nth-of-type(5) .ttl-3-5{ background: #b4d893;}
	.gallery-menu section:nth-of-type(5) .ttl-3-5:before{ border-right-color: #b4d893;}
	.gallery-menu section:nth-of-type(6) .ttl-3-5{ background: #e1e1e1;}
	.gallery-menu section:nth-of-type(6) .ttl-3-5:before{ border-right-color: #e1e1e1;}

	.gallery-menu .section-header p{ padding-left: 178px;}

.menu-list-2 li{
	float: left;
	width: calc((100% - 4px) / 5);
	margin-left: 1px;
	text-align: center;}
.menu-list-2 li:first-child{ margin-left: 0;}



.shichigosan-cam .list-3{
	text-shadow: 0 0 1px #fff;
	background: url(../images/menu/shichigosan/cam/img-1.jpg) no-repeat right bottom;}

.shichigosan-cam .list-3 p{ font-size: 90%;}

.table-4{ width: 80%;}
.table-4 th,
.table-4 td{
	width: 50%;
	padding: 5px 1%;
	border: 1px solid #ccc;}
.table-4 th{
	color: #6a4e34;
	font-size: 90%;
	text-align: left;
	background: #f1f1f1;}

.table-4 td{
	color: #ff0000;
	font-weight: bold;}

.faq dt:before{
	margin-right: 3px;
	content: url(../images/menu/shichigosan/faq/mark-1.gif);}
.faq dt{
	margin-bottom: 15px;
	font-size: 110%;
	font-weight: bold;}
.faq dl{ margin-bottom: 35px;}
.faq .unit-1-3 p{ font-size: 90%;}




p#form-allowed-tags{ display: none;}

.unit-2colsay-12{
	border-bottom: 1px dotted #a39797;
	padding: 10px 0;}

.slideshow-container,
.slideshow,
.image-wrapper{
	width: 100%;}
	.image-wrapper{ text-align: center;}

iframe{
	max-width: 100%;}

@media(min-width: 768px){
	.pc-hide{ display: none !important;}

	.header{
		height: 93px;
		position: fixed;
		z-index: 99;}

		.header .inner{height: 100%;}

		.header .box-1{
			float: left;
			width: 220px;
			padding-top: 12px;}

		.header .box-2{ padding-top: 30px;}

			.gnav li{
				margin-left:30px;
				padding-left: 30px;
				float: left;
				font-size: 110%;
				border-bottom: 1px solid #43270b;
				transition: border-width .1s;}
			.gnav li:hover,
			.gnav li.current{ border-bottom-width: 3px;}

	.nav-1{
		padding: 10px 0;
		border-bottom: 1px solid #efefef;
		background-color: rgba(221,221,221,0.5);}

		.nav-1 .container>ul>li{
			float: left;
			position: relative;}
		.nav-1 .container>ul>li:hover,
		.nav-1 .container>ul>li.current{ text-decoration: underline;}

			.nav-1 .container>ul>li>ul{
				display: none;
				position: absolute;
				margin: 5px 0 0 15px;
				border: 1px solid #ddd;}

				.nav-1 .container>ul>li>ul>li{
					letter-spacing: 0;
					width: 165px;
					border-top: 1px solid #ddd;

					background: rgba(235,235,235,.9);}
				.nav-1 .container>ul>li>ul>li:first-child{ border-top: none;}
				.nav-1 .container>ul>li>ul>li:hover,
				.nav-1 .container>ul>li>ul>li.current{ background: rgba(223,223,223,.9);}

				.nav-1 .container>ul>li>ul>li>a{ padding: 10px;}

	.block-3{
		background: url(../images/top/main-bg-2.jpg) no-repeat center center;
		background-size: cover;}

		.block-3-inner{
			background: rgba(255,255,255,.9);}

	.banner-2{ margin-bottom: 100px;}

	.block-1{ height: 1141px;}

		.block-2{
			position: absolute;
			height: 0;
			opacity: 0;}

.block-13 .section-body-inner{
	margin-left: auto;
	width: 65%;}

.id-select .unit{
	margin: 0 auto;
	width: 728px;}

.table-8 th{ width: 20%;}

.table-8 td{ width: 30%;}
}

@media(min-width: 1000px){

	.header-2{ height: 139px;}
		.header-2 .inner{ height: 93px;}

	.content{ padding-top: 93px;}
	.content-2{ padding-top: 139px;}

		.unit-2colsay-2 .box-1{ width: 400px;}

			.unit-2colsay-2 .box-1 h1,
			.unit-2colsay-2 .box-1 p{ opacity:0;}

		.unit-2colsay-2 .box-2{
			width: 598px;
			opacity: 0;}

		.menu-list{
			width: 868px;
			overflow:hidden;}

			.menu-list ul{
				width: 868px;}

	.unit-2colsay-3 .box-1{ width: 640px;}
	.unit-2colsay-3 .box-2{
		padding-top: 7px;
		width: 331px;}

	.unit-2colsay-4 .box-1{ width: 330px;}
	.unit-2colsay-4 .box-2{ width: 650px;}

	.unit-2colsay-5 .box-1{ width: 330px;}
		.unit-2colsay-5 .box-1 a{ width: 330px;}
	.unit-2colsay-5 .box-2{ width: 390px;}

	.unit-2colsay-6 .box-1{ width: 370px;}
	.unit-2colsay-6 .box-2{ width: 350px;}

	.unit-2colsay-7 .box-1{ width: 155px;}
	.unit-2colsay-7 .box-2{ width: 770px;}

	.unit-2colsay-8 .box-1{ width: 650px;}
	.unit-2colsay-8 .box-2{ width: 330px;}

	.unit-2colsay-9 .box-1{ width: 150px;}
	.unit-2colsay-9 .box-2{ width: 830px;}

	.unit-2colsay-10 .box-1{ width: 200px;}
	.unit-2colsay-10 .box-2{ width: 780px;}

	.unit-2colsay-11 .box-1{ width: 640px;}
	.unit-2colsay-11 .box-2{ width: 320px;}

	.unit-2colsay-12 .box-1{ width: 140px;}
	.unit-2colsay-12 .box-2{ width: 600px;}

	.col-3.block-4 > div:nth-of-type(1),
	.col-3.block-4 > div:nth-of-type(3){ width: 154px;}
	.block-4 > div:nth-of-type(even){
		width: 96px;
		font-size: 350%;
		font-weight: bold;}

	.side-nav{ margin-bottom: 40px;}

	.unit-2colsay-1{
		width: 868px;
		margin: 0 auto 40px;}
	.unit-2colsay-1 .box-1{
		width: 202px;
		padding-top: 13px;
		text-align: center;}
	.unit-2colsay-1 .box-2{
		line-height: 2.1;
		width:  630px;}

#gallery2{ width: 745px;}
	#slideshow-2,
	#slideshow-2 .image-wrapper,
	#slideshow-2 .image-wrapper a{
		width: 100%;
		height: 450px;}
	a.advance-link{ display: block;}
	#slideshow-2 img{
		display: block;
		height: 100%;
		width: auto;}
#thumbs-2{ width: 255px;}


.block-12{
	position: absolute;
	display: inline-block;}


.unit-1-5{ width: 650px;}


.footer .box-4{
	width: 200px;
	float: left;}
}

@media(max-width: 799px){
	.block-5 p:nth-of-type(odd){ padding: 13px 7px;}
	.block-5 p:nth-of-type(even){
		padding: 0;
		font-size: 190%;}
}

@media(max-width: 999px) and (min-width: 768px){
	.header{ height: 70px;}
	.header-2{ height: 116px;}
		.header-2 .inner{ height: 70px;}

	.header .box-1{ width: 17%;}
		.header .box-1 img{ width: 90%;}

	.header .box-2{
		padding-top: 20px;
		width: 63%;}
		.gnav ul{
			width: 470px;
			margin: 0 auto;}
			.gnav li{
				margin-left: 10px;
				padding-left: 15px;}

	.header .box-3{
		padding-top: 5px;
		width: 20%;}
		.tel{ font-size: 111%;}

	.content{ padding-top: 70px;}
	.content-2{ padding-top: 116px;}

		.unit-2colsay-2 .box-1{ width: 45%;}
		.unit-2colsay-2 .box-2{ width: 55%;}

	.shichigosan-cam .list-3{
		background-position: 80% bottom;}

.block-12 ul li{
	float: left;}
}

@media(max-width: 999px){
	.footer .box-4{
		padding-top: 20px;
		clear: both;
		text-align: center;}


		.block-13 .section-body .bg{
			background: rgba(255,255,255,.80);}
}
@media(max-width: 767px){
	.sp-hide{ display: none !important;}

.box-1 img.size-img285x200 {
 max-width: 200px;
 max-hight: 285px !important;
}
.box-1 img.size-img200x285 {
 max-width: 285px;
 max-hight: 200px !important;
}
	 .ttl-1-1{ margin-bottom: 20px;}

	 .ttl-1-2{
		padding-top: 30px;
		margin: 0 auto 60px;}


	.header{ height: 60px;}

		.header .inner{
			position: fixed;
			z-index: 99;
			width: 100%;
			background: rgba(255,255,255,.95);
			border-bottom: 1px solid #efefef;}

			.header .box-1{
				padding: 3px 0 2px;
				text-align: center;}

				.header .logo img{
					margin: 0 auto;
					display: block;
					height: 55px;
					width: auto;}

				.gnav,
				.header .box-3{ display: none;}

				.gnav{
					position: absolute;
					width: 100%;
					margin-left: -2.5%;}

					.gnav ul{ background: rgba(255,255,255,.95);}

						.gnav li{
							padding: 8px 15px;
							border-bottom: 1px solid #43270b;}
						.gnav li:first-child{ border-top: 1px solid #43270b;}


				.nav-header{
					display: block;
					position: absolute;
					top: 7px;
					right: 6px;
					height: 44px;
					width: 44px;}

					.nav-header button{
						position: relative;
						width: 44px;
						height: 44px;
						border: none;
						background: transparent;}

						.panel-btn-icon{
							display: block;
							position: absolute;
							top: 50%;
							left: 50%;
							width: 20px;
							height: 1px;
							margin: -5px 0 0 -10px;
							background: #43270b;
							transition: .2s;}
						.panel-btn-icon:after{
							display: block;
							content: "";
							position: absolute;
							top: 50%;
							left: 0;
							width: 20px;
							height: 1px;
							margin-top: 5px;
							background: #43270b;
							transition: .2s;}

						.nav-header .close,
						.nav-header .close:after{ margin-top: 0;}
						.nav-header .close{
							transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);}
						.nav-header .close:after{
							transform: rotate(-90deg);
							-webkit-transform: rotate(-90deg);
							margin-top: -1px;}

	.nav-1{
		z-index: 98;
		position: fixed;
		top: 60px;
		max-width: 1440px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(221,221,221,0.9);
		white-space: nowrap;
		transform: translate3d(0,0,0);
		transition: transform 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99),opacity 0.3s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

		.nav-1-inner{
			max-width: 100%;
			width: 100%;
			height: 46px;
			overflow: hidden;
			border-bottom: 1px solid #efefef;}

		.nav-1-inner-inner{
			padding: 10px 0;
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			height: 150%;
			width: 100%;}

			.nav-1-inner-inner-inner{
				display: initial;
				float: none;
				width: auto;
				position:relative;
				padding: 0;
				margin: 0;}

				.nav-1 ul{
					display: inline;}


					.nav-1 li:nth-child(1){ animation-delay: 0.15s;}
					.nav-1 .container>ul li{
						height: 25px;
						float: none;
						display: inline-block;
						vertical-align: top;
						border-left: 2px solid #999;
						padding-left: 13px;
						animation-fill-mode: backwards;
						animation-duration: .35s;}
						.nav-1 .container>ul>li{
							border-left: 2px solid #999;
							padding-left: 13px;
						}
						.nav-1 li a{
							display: inline-block;
							padding-top: 3px;
							border-left: 1px solid #ddd;
						}


							.nav-1 .container>ul>li>ul>li{ margin-left: 15px;}

	.content-2{ padding-top: 46px;}

	.home .content{ padding-top: 0;}

	.breadcrumb{
		display: block !important;
		background: none;
		border-left: 3px solid #007416;
		border-radius: 0;
		padding: 6px 10px;
		font-size: 11px;
		margin-bottom: 10px;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;}

	.breadcrumb a{
		color: #007416;}

	.breadcrumb .post-home:before{
		content: "";}

	.breadcrumb [property="name"]{
		font-weight: bold;}

	.ttl-block{
		height: 150px;
		margin-bottom: 30px;}

	.main-img{
		height: 0;
		padding-top: 80%;}

	.block-2 .container{
		position: relative;
		background:  url(../images/top/img-5.png) no-repeat right bottom;
		background-size: 60% auto;}

		.unit-2colsay-2 .box-1{
			padding: 50px 0 20px;
			background: rgba(255,255,255,.8);}

		.unit-2colsay-2 .box-2{ display: none;}

	.map iframe{ height: 250px;}

	.menu-list li{
		margin: 0;
		width: calc(100% / 3);}
	.menu-list-3{
		width: calc(100% / 2);}

	.shichigosan-cam .list-3{ background: none;}

	.table-4{ width: 100%;}
	.table-4 th,
	.table-4 td{ padding: 5px;}


	.table-6 th{ width: 60%;}

	.table-8 th{ width: 40%;}
	.table-8 td{ width: 60%;}

	 .unit-2colsay-5{ padding: 40px 0;}
}


@media(min-width: 736px){
	.block-4 > div{ float: left;}
	.block-4 > div:nth-of-type(even){ line-height: 187px;}
}

@media(max-width: 999px) and (min-width: 736px){
	.col-4.block-4 > div:nth-of-type(odd){ width: 17%;}
	.col-3.block-4 > div:nth-of-type(1),
	.col-3.block-4 > div:nth-of-type(3){ width: 17%;}
	.col-3.block-4 > div:nth-of-type(1),
	.col-3.block-4 > div:nth-of-type(3){ width: 17%;}
	.col-3.block-4 > div:nth-of-type(5){ width: 40%;}
	.profile .col-3.block-4 > div:nth-of-type(5){ width: 17%;}
	.block-4 > div:nth-of-type(even){
		width: 8%;
		font-size: 250%;}
}

@media(max-width: 735px){
	.block-4 > div{ margin: auto;}
	.block-4 > div:nth-of-type(even){ font-size: 250%;}

	.table-3 th{
		width: 45%;
		padding-right: 10px;}
	.omiya .section-2 .mark-2{ display: block;}
	.omiya .section-2 th{ width: 40%;}

	.footer .box-1{
		margin-bottom: 30px;}

	.text{ display: none;}
	.table-2 th{ width: 29%;}

.blog-1 .ttl-1-3{
	font-size: 180%;}
	.blog-1 .ttl-1-3 span{ font-size: 0.9rem;}
	.ttl-1-3{
		font-size: 1.4rem;

	}
	.ttl-1-3 span{
		font-size: 0.8rem;
	}

	.ttl-1-3-1{
		font-size: 1.2rem;
	}

	.ttl-1-3-1 span{
		font-size: 0.8rem;
	}

	.ttl-1-3-1 p{
		margin-top: -20px;
	}

}

@media(max-width: 821px) and (min-width: 481px){
	.footer .box-1{
		margin-bottom: 30px;
		width: 100%;}
	.footer .box-2{
		width: 50%;
		float: left;
		margin-bottom: 50px;}
	.footer .box-3{
		width: 50%;
		float: right;}
}

@media(min-width: 569px){
	.gallery-1 li,
	.gallery-2 li{
		width: calc((100% - 5px) / 6);}

	.gallery-1 li:nth-of-type(6n+1),
	.gallery-2 li:nth-of-type(6n+1){ margin-left: 0;}

}
@media(max-width: 568px){
	.gallery-1 li{ width: calc((100% - 3px) / 3);}
	.gallery-1 li:nth-of-type(4n+1){ margin-left: 0;}
	.gallery-2 li{ width: calc((100% - 2px) / 3);}
	.gallery-2 li:nth-of-type(3n+1){ margin-left: 0;}

	.img-list li{
		width: calc((100% - 40px) / 3);
		height: 150px;
		font-size: 60%;}
	.img-list li:nth-of-type(3n+1){
		margin-left: 0;}

	.img-list li p{ min-height: 4em;}

	.banner-4{ padding: 10px;}

	.block-11{
		width: 230px;
		margin: 0 auto;}

	.content,
	.content-2{ margin-bottom: 50px !important;}

	.banner-block p{
		width: 100%;
		margin-left: 0;}
}

@media(max-width: 999px) and (min-width: 500px){
	 .unit-2colsay-1{ margin-bottom: 20px;}
	.unit-2colsay-1 .box-1{ width: 20%;}
	.unit-2colsay-1 .box-2{ width: 75%;}

	.unit-2colsay-3 .box-1{ width: 65%;}
	.unit-2colsay-3 .box-2{ width: 30%;}

	.unit-2colsay-4 .box-1{ width: 30%;}
	.unit-2colsay-4 .box-2{width: 67%;}

	.unit-2colsay-5 .box-1{ width: 45%;}
	.unit-2colsay-5 .box-2{ width: 50%;}

	.unit-2colsay-6 .box-1{ width: 55%;}
	.unit-2colsay-6 .box-2{ width: 40%;}

	.unit-2colsay-7 .box-1{ width: 30%;}
	.unit-2colsay-7 .box-2{ width: 67%;}

	.unit-2colsay-8 .box-1{ width: 65%;}
	.unit-2colsay-8 .box-2{ width: 32%;}

	.unit-2colsay-9 .box-1{ width: 20%;}
	.unit-2colsay-9 .box-2{ width: 77%;}

	.unit-2colsay-10 .box-1{ width: 25%;}
	.unit-2colsay-10 .box-2{ width: 72%;}

	.unit-2colsay-11 .box-1{ width: 72%;}
	.unit-2colsay-11 .box-2{ width: 25%;}

	.unit-2colsay-12 .box-1{ width: 25%;}
	.unit-2colsay-12 .box-2{ width: 72%;}


#gallery2{
	height: 450px;
	width: 70%;}
#thumbs-2{ width: 30%;}
}
@media (min-width: 500px){
	.unit-2colsay-3 .box-1,
	.unit-2colsay-4 .box-1,
	.unit-2colsay-5 .box-1,
	.unit-2colsay-6 .box-1,
	.unit-2colsay-7 .box-1,
	.unit-2colsay-8 .box-1,
	.unit-2colsay-9 .box-1,
	.unit-2colsay-10 .box-1,
	.unit-2colsay-11 .box-1,
	.unit-2colsay-12 .box-1,
	.unit-2col-1 .box-1{ float: left;}

	.unit-2colsay-3 .box-2,
	.unit-2colsay-4 .box-2,
	.unit-2colsay-5 .box-2,
	.unit-2colsay-6 .box-2,
	.unit-2colsay-7 .box-2,
	.unit-2colsay-8 .box-2,
	.unit-2colsay-9 .box-2,
	.unit-2colsay-10 .box-2,
	.unit-2colsay-11 .box-2,
	.unit-2colsay-12 .box-2,
	.unit-2col-1 .box-2{ float: right;}

	.unit-2colsay-4 .box-2,
	.unit-2colsay-7 .box-2{
		}

	.staff .unit-2colsay-4 .box-2{ top: -4px;}

	.unit-2col-1 .box-1,
	.unit-2col-1 .box-2{ width: 49%;}

#thumbs-2 .thumbs li{ width: calc( (100% - 30px) / 2);}

.bx-wrapper,
.bxslider{ display: none;}
}

@media(max-width: 499px){
	.unit-2colsay-1 .box-1{ width: 30%;}
	.unit-2colsay-1 .box-2{ width: 65%;}

	.unit-2colsay-3{ margin-bottom: 40px;}
	.unit-2colsay-3 .box-1{ width: 100%;}
	.unit-2colsay-3 .box-2 img{
		width: 100%;
		height: auto;}

	.unit-2colsay-4 .box-1,
	.unit-2colsay-5 .box-1{ margin-bottom: 30px;}


	.unit-2colsay-6 .table-1 th{ width: 100px;}
	.unit-2colsay-6 .box-2{ text-align: center;}

	.unit-2colsay-7 .box-1{
		width: 45%;
		margin: auto;}
	.unit-2colasy-7 .box-2{ width: 100%;}

	.unit-2colsay-8 .box-1{ margin-bottom: 20px;}
	.unit-2colsay-8 .box-2{
		width: 80%;
		margin: auto;}

	.unit-2colsay-9 .box-1,
	.unit-2colsay-10 .box-1,
	.unit-2colsay-11 .box-2{ text-align: center;}

	.unit-2col-1 .box-1,
	.unit-2col-1 .box-2{ width: 100%;}

	.banner-4{ padding: 20px;}

	.archive dt{ width: 28%;}
	.archive dd{ padding-left: 28%;}


	.menu-list-2 li{
		width: calc((100% - 2px) / 3);
		letter-spacing: -.05em;
		font-size: 90%;
		margin-bottom: 10px;}
	.menu-list-2 li:nth-of-type(3n+1){margin-left: 0;}


	#gallery,
	#thumbs,
	#gallery2,
	#thumbs-2{ display: none !important;}
}
@media(max-width: 480px){

	.footer .box-1{
		width: 100%;
		text-align: center;}
		.footer .box-1 .btn-reservation{
			margin-right: auto;
			margin-left: auto;}

	.footer .box-2,
	.footer .box-3{
		width: 100%;}

	.footer .box-3{ margin-bottom: 30px;}
		.footer .box-2 li,
		.footer .box-3 li{
			padding: 0 15px;
			height: 40px;
			line-height: 40px;
			border-top: 1px solid #4a301c;}

	.footer .box-4{
		width: 100%;
		text-align: center;}
	.footer .box-4 img{ width: 80%;}

	.menu-list li{
		width: calc((100% - 8%) / 2);
		margin: 2%;}

	.menu-list-3{
		width: calc((100% - 8%) / 1.5);}

	.banner-1-inner{ height: 70%;}

		.banner-1 img{
			width: auto;
			height: 30%;}

	.gallery-menu .section-header-inner{ padding-top: 8px;}
	.section-header .img-1{ width: 30%;}

	.section-header .ttl-3-5{
		margin-bottom: 7px;
		width: 60%;}

	.gallery-menu .section-header p{
		padding-left: 37%;
		line-height: 1.3;}
}

@media(max-width: 320px){
	.omiya .ttl-block{ background-position: 100px;}
	.gallery-menu .section-header{ margin-bottom:5px;}
	.gallery-menu .section-header .img-1{
		padding-top: 10px;
		width: 30%;
		height: auto;}

	.gallery-menu .section-header-inner{ padding-top: 3px;}
	.gallery-menu .section-header p{
		padding-left: 38%;
		font-size: 90%;}
	.ttl-3-5{
		width: auto;
		margin-bottom: 5px;
		padding: 1px 15px 3px;}
	.ttl-3-5:before{ top: 10px;}

	.menu-list li p{
		bottom: 18px;
		line-height: 1;
		letter-spacing: -1px;
		font-size: .9rem;}
	.menu-list li span{ font-size: .7rem;}
}


.wp-pagenavi{
  clear: both;
  margin-top: 10px;
  font-family: 'Federo', sans-serif; /*Webフォント*/
  font-size: 20px;
}
.wp-pagenavi a,
.wp-pagenavi span.current{
  font-size: 0.7rem;
  float: left;
  padding: -1px 5px 4px 5px;
  margin: 5px;
  min-width: 23px;
  height: 22px;
  text-align: center;
  display: block;
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-border-radius: 5px; /*角丸*/
  -webkit-border-radius: 5px; /*角丸*/
  border-radius: 5px; /*角丸*/
}
.wp-pagenavi a{
}
.wp-pagenavi span.current{
  background: #ccc;
  color: #fff;
  font-weight: bold;}
.wp-pagenavi .pages{
	display: none;
}

.wp-pagenavi .extend{
	display: none;
}

.comment-form-comment textarea{
	width: 90%;
}

#pageplugin{
	margin: auto;
}

.fb-page{
	width: 100%;
	margin: auto;

}

.pager{
	clear: both;
	overflow: hidden;
	margin-top: -50px;
	margin-bottom: 50px;
}

.aligncenter{
	text-align: center !important;
}




.unit-2colasy-01{
	overflow: hidden;
}

.unit-2colasy-01 .box-1{
	width: 33%;
	float: left;
}

.unit-2colasy-01 .box-1 img{
	width: 100%;
}

.unit-2colasy-01 .box-2{
	width: 65%;
	float: right;
}


@media screen and (max-width: 767px) {
	.unit-2colasy-01 .box-1{
	width: 100%;
	float: none;
}

.unit-2colasy-01 .box-1 img{
	width: 100%;
}

.unit-2colasy-01 .box-2{
	width: 100%;
	float: none;
}

.footer .container .sns-btn-pc {
text-align:center;
margin: 5px 20px;
}

}


.btn-01 a{
	display: block;
	background: #007416;
	border-radius: 3px;
	color: #fff;
	padding: 2px 20px;
	text-decoration: none;
	font-weight: bold;
	width: 400px;
	text-align: center;
}
.btn-01:hover{
	background: #679C71;
width: 400px;
}

@media screen and (max-width: 767px) {
	.btn-01 a{
		width: 100%;
	}
}


.menu-list-02{
	overflow: hidden;
	margin-bottom: 30px;
}

.menu-list-02 ul {
	overflow: hidden;

}

.menu-list-02 ul li{
	width: 49%;
	float: left;
	margin-bottom: 1%;
	line-height: 0;
}


.menu-list-02 ul li img{
	width: 100%;
	line-height: 0;
	}

.unit-2col-b{
	overflow: hidden;
}

.unit-2col-b .box-1{
	float: left;
	width: 49%;

}

.unit-2col-b .box-2{
	float: right;
	width: 49%;

}


@media screen and (max-width: 767px) {
	.unit-2col-b .box-1,.unit-2col-b .box-2{
		float: none;
		width: 100%;
		img{
			width: 100%;
			height: auto;
		}
}


/* div改行表示調整として、2017_04
*/
#city-area {
display: inline-block;
_display: inline;
}
/* ボタン、2017_05
*/
#blog_from_kawagoe a.btnlink {
    width:auto;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#007416;
    border-radius:5px;
}
/* 展示会ボックス、2017_05
*/
.box-gray{
padding: 15px 20px;
margin: 25px 10px;
background: #F5F5F5;
border:1px solid #CCCCCC;
word-wrap: normal;
}

/* アドレスを確認ページに２つ表示しない、2017_08
*/
.mw_wp_form_confirm .confirm_mail {
    display: none;
}

/* 撮影希望日の文字色、2017_08
*/
.mwform-note {
color:#111111;
}
/* フローティング
*/
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

.f-btn img {
    max-width: 99%;
 opacity: 0.7;
}

/* 電話番号文字サイズ */
p.sp-tel a{
font-size: 130% !important;
}
.select-box01 select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}
/* イベントボタン向け */

.btn-brackets {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #000;
  transition: .4s;
}
.btn-brackets:hover {
  color:#ff7f7f;
}
.btn-brackets:before, .btn-brackets:after {
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.btn-brackets:before {
  border-left: solid 1px #ff7f7f;
  border-top: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  left: 0;
}
.btn-brackets:after {
  content: '';
  border-top: solid 1px #ff7f7f;
  border-right: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  right: 0;
}