/******************************************************************************************************
 * Firstview Block
 *****************************************************************************************************/

blockquote {
	padding-top: 0;
	min-height: inherit !important;
}

blockquote.padding-off { padding-top: 0 !important; }

article#firstview {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.firstview_blank { position: relative; height: 100% !important; }

ul.front_slider {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

ul.front_slider li {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}

ul.front_slider li img {
	filter: alpha(opacity=0) !important;
	-moz-opacity: 0 !important;
	opacity: 0 !important;
}

ul.front_slider li.sp {
	-webkit-transition: 3s;
	-moz-transition: 3s;
	transition: 3s;
	-webkit-transform: scale(1, 1);  
	-moz-transform: scale(1, 1);  
	transform: scale(1, 1);
}

ul.front_slider li.sp.off {
	-webkit-transition: 0s !important;
	-moz-transition: 0s !important;
	transition: 0s !important;
}

ul.front_slider li.sp.force {
	-webkit-transition: 0.3s !important;
	-moz-transition: 0.3s !important;
	transition: 0.3s !important;
}

	.normal-mode ul.front_slider li.sp {
		-webkit-transition: 3s;
		-moz-transition: 3s;
		transition: 3s;
		/*
		-webkit-transform: scale(1, 1);  
		-moz-transform: scale(1, 1);  
		transform: scale(1, 1);
		*/
	}

	.sample-mode ul.front_slider li.sp {
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;  
		transform-origin: 0 0;
		-webkit-transition: 1.5s;
		-moz-transition: 1.5s;
		transition: 1.5s;
		-webkit-transform: translate(0,0);  
		-moz-transform: translate(0,0);  
		transform: translate(0,0);
	}

ul.front_slider li.active {
   /*
    -webkit-transform: scale(1.1, 1.1);  
    -moz-transform: scale(1.1, 1.1);  
	transform: scale(1.1, 1.1);
	*/
	filter: alpha(opacity=0) !important;
	-moz-opacity: 0 !important;
	opacity: 0 !important;
}

	.normal-mode ul.front_slider li.active {
		/*
		-webkit-transform: scale(1.1, 1.1);  
		-moz-transform: scale(1.1, 1.1);  
		transform: scale(1.1, 1.1);
		*/
		filter: alpha(opacity=0) !important;
		-moz-opacity: 0 !important;
		opacity: 0 !important;
	}

	.sample-mode ul.front_slider li.active {
		-webkit-transform: translate(-100%,0);  
		-moz-transform: translate(-100%,0);  
		transform: translate(-100%,0);
	}

ul.front_slider_control {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 45px;
	margin-top: -45px;
	list-style: none;
	letter-spacing: 0.25em;
	text-align: center;
}

ul.front_slider_control li {
	position: relative;
	display: inline-block;
	width: 10px;
	letter-spacing: normal;
	vertical-align: middle;
}

ul.front_slider_control li a {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	background: #fff;
	padding-top: 100%;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	ul.front_slider_control li a.active {
		filter: alpha(opacity=1) !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
	}
	ul.front_slider_control li a:hover, ul.front_slider_control li a:focus {
		filter: alpha(opacity=1) !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
		background-color: #41b373;
	}

.row.step-animate { margin-left: -10px; margin-right: -10px; }


.table-container { display: table; }
.table-container .table-cell { display: table-cell; }

.skrollr_palarax {
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
}
.skrollr_palarax .inner { position: relative; width: 100%; height: 0; padding-top: 30%; }
.skrollr_palarax .inner .text {
	position: absolute;
	left: 0;
	bottom: -19px;
	width: 100%;
	color: #fff;
	font-size: 8em;
	font-weight: 300;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	/* font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	letter-spacing: 0.075em;
	line-height: 1em;
	text-indent: 0.075em;
	text-align: center;
}
#cafe-palarax .inner .text { letter-spacing: 0; text-indent: 0; }

.coming-soon { color: #ccc; font-size: 3em; font-style: italic; font-family: "Times New Roman", Times, serif; text-align: center; padding-top: 6%; padding-bottom: 6%; }

.cafe-top h2, h3.cafe-list-label {
	color: #333;
	font-size: 2.5em;
	font-weight: 300;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: 0.1em;
	line-height: 0.85em;
	border-left: solid 6px #666;
	padding-left: 12px;
	margin-bottom: 2%;
}

.cafe-top .column-3-wrap {
	margin-left: -0;
	margin-right: -0;
	margin: 5% 0 3%;
}

.cafe-top table.column-3 {
	width: 100%;
	border-collapse: separate;
	padding: 0;
	margin: 0;
	border: none;
}

.cafe-top table.column-3 td {
	position: relative;
	width: 33.333%;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 35px;
	vertical-align: top;
}

.cafe-top .thumb-image { margin-bottom: 3%; }
.cafe-top .thumb-image img { width: 100%; }

.cafe-top .thumb-note { margin-bottom: 3%; }
.cafe-top .thumb-note h4 { /*font-weight: bold;*/ text-align: center; margin-bottom: 7px; }

.cafe-top .thumb-anchor { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }

#cafe-section .anchor-button {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	line-height: 1em;
	background: #41b373;
	padding: 15px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
}

.cafe-top .thumb-anchor .anchor-button {
	font-size: 0.875em;
	padding: 10px 20px !important;
	margin-top: 0 !important;
}

#cafe-section .anchor-button:hover, #cafe-section .anchor-button:focus { background: #ff9900; }

@media screen and (max-width: 767px) {
	.cafe-top table.column-3,
	.cafe-top table.column-3 tbody,
	.cafe-top table.column-3 tr,
	.cafe-top table.column-3 td {
		display: block;
		width: 100%;
	}
	.cafe-top table.column-3 td { padding-bottom: 10%; }
	.cafe-top .thumb-image img { width: auto; }
	.cafe-top .thumb-anchor { position: relative; left: auto; bottom: auto; }
}



/*.sections { margin-top: 14%; }*/
.section-blank {
	overflow: hidden;
	position: relative;
	padding-top: 13%;
}
.section-blank span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 2.5em;
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "はんなり", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0.05em;
	text-indent: 0.075em;
	background: url(../img/common/next_section.png) center bottom no-repeat;
	padding-bottom: 80px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
	.section-blank.blank-init span {
		-webkit-transform: translate(0,100%);  
		-moz-transform: translate(0,100%);  
		transform: translate(0,100%);
	}

.sections > .container { padding-top: 60px; }
.sections > .container.and_bottom { padding-bottom: 60px; }
.sections > .blog-container-head { padding-top: 3%; }

.sections > .table-cell { padding: 0 30px; }

.index-label {
	display: inline-block;
	color: #333;
	font-size: 2.5em;
	font-weight: 300;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	letter-spacing: 0.1em;
	line-height: 0.85em;
	/*border-bottom: solid 1px #333;*/
	margin-bottom: 5%;
	border-left: solid 6px #666;
	padding-left: 12px;

}

.index-sub {
	color: #41b373;
	font-size: 1.5em;
	line-height: 1.3em;
}
.index-sub span { display: block; }

.index-note {
	margin-top: 3%;
}

span.p { display: block; }

a.index-anchor {
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	width: 110px;
	background: #41b373;
	margin-top: 6%;
	padding: 12px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	.column-all-btn a.index-anchor { width: 200px; margin-left: auto; margin-right: auto; }
	a.index-anchor:hover, a.index-anchor:focus {
		background: #ff9900;
	}

.skrollr_palarax .inner-filter {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background: rgba(255,255,255,0);
}
	.skrollr_palarax .inner-filter.active { background: rgba(255,255,255,0.5); }

.skrollr_palarax .inner-filter > .container { padding-top: 6%; padding-bottom: 6%; }
.skrollr_palarax .concept-index-label { text-align: center; }

#step-works-list .col-sm-6, #step-cafe-list .col-sm-6 { padding: 10px; }


#concept { background-image: url(../img/index/concept_image.jpg); background-attachment: inherit !important; }
/*#concept .inner-filter > .container { padding-top: 7%; padding-bottom: 7%; }*/

#concept .index-note { padding-left: 8%; padding-right: 8%; margin-top: 0; }
#concept .under-button { margin-top: 3%; }
#concept .under-button a.index-anchor {
	/*font-size: 13px;*/
	/*font-weight: 500;*/
	/*font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	line-height: 1em;
	letter-spacing: 0.05em;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

section#works-section { margin-top: 0; }

.front-header {
	position: relative;
	margin-bottom: 2%;
}

.front-header .index-label { margin-bottom: 0; }

#news-section .col-md-3 { padding-top: 15px; padding-bottom: 15px; }

#company { color: #fff; background-image: url(../img/index/company_image.jpg); background-attachment: inherit !important; }

#concept .index-label, #company .index-label { border-left: none; padding-left: 0; }
#company .concept-index-label .index-label { color: #fff; border-bottom-color: #fff; }

table.company-data {
	width: 100%;
	border: solid 1px rgba(255,255,255,1);
	padding: 20px;
	margin: 3% 0 0;
	border-collapse: separate;
	font-size: 0.875em;
}

table.company-data th, table.company-data td {
	line-height: 1.5em;
	padding: 0;
	padding-top: 10px;
	padding-left: 5%;
	padding-bottom: 10px;
	vertical-align: top;
}

table.company-data th { font-weight: normal; padding-left: 0; text-align: right; }
table.company-data td { width: 46%; }

.gmap-container {
	position: relative;
	width: 100%;
	height: 450px;
	/*
	height: 0;
	padding-top: 75%;
	*/
}

.gmap-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.gmap-container > .container {
	height: 100%;
}

.google-map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	/*height: 350px;*/
	/*margin-top: 3%;*/
}
.map-canvas div{overflow: visible;}

.gmap-container .filter {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(44,13,0,0.1);
	z-index: 300;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.gmap-container #filter-left { left: -100%; }
.gmap-container #filter-right { right: -100%; }
.gmap-container #filter-left.move { left: -200%; }
.gmap-container #filter-right.move { right: -200%; }

.gmap-anchor {
	width: 70%;
	max-width: 300px;
	margin: 30px auto 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: solid 1px #6a3906;
}

.gmap-anchor a {
	display: block;
	width: 100%;
	padding: 15px 0;
	color: #6a3906;
	font-size: 1.3125em;
	font-weight: bold;
	letter-spacing: 0.075em;
	text-indent: -0.075em;
	text-align: center;
}



.category-choice { text-align: left; letter-spacing: 1.5em; padding: 0 8px; }

.category-choice button {
	color: #333;
	font-size: 1em;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	line-height: 1em;
	letter-spacing: 0.05em;
	text-indent: -0.05em;
	vertical-align: top;
	border: none;
	background: #fff;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.category-choice button:hover, .category-choice button:focus, .category-choice button.active {
	color: #fff !important;
	background: #41b573 !important;
}

ul.thumb-list {
	display: block;
	list-style: none;
	text-align:justify;
	letter-spacing: -.40em;
}

ul.thumb-list li {
	position: relative;
	display: inline-block;
	width: 25%;
	line-height: 1.5em;
	letter-spacing: normal;
	vertical-align: top;
	padding-top: 3%;
	padding-left: 8px;
	padding-right: 8px;
}
#cafe-section ul.thumb-list li { padding-top: 0; padding-bottom: 3%; }

ul.thumb-list li.mix { display:none; }

ul.thumb-list li .img-canvas {
	position: relative;
	width: 100%;
}

ul.thumb-list li .img-canvas a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

ul.thumb-list li .img-canvas a .img-canvas-filter {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 5px;
}

ul.thumb-list li .img-canvas a .img-canvas-filter span {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 75%;
	background-image: url(../img/common/thumb_cross.png);
	background-position: center !important;
	background-size: auto !important;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

ul.thumb-list li .img-canvas a:hover .img-canvas-filter span {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

ul#works-list li .img-canvas a .img-canvas-filter span {
	background-color: rgba(65,181,115,0.65);
}

ul#cafe-list li .img-canvas a .img-canvas-filter span {
	background-color: rgba(255,85,98,0.65);
}

ul.thumb-list li > a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	white-space: nowrap;
	font-size: 1em;
	text-overflow: ellipsis;
	margin-top: 10px;
	margin-bottom: 0;
}
	#works-section ul.thumb-list li > a { color: #41b573; }
	#cafe-section ul.thumb-list li > a { color: #ff5562; }
	ul.thumb-list li > a:hover { color: #ff9900; }

ul.thumb-list li .tags {
	color: #999;
	font-size: 0.777em;
	margin-right: 10px;
}

#detail-body h2.topics-label {
	position: relative;
	font-size: 1.5em;
	border-left: solid 6px #666;
	padding-left: 12px;
}
	#detail-body h2.topics-label a:link, #detail-body h2.topics-label a:visited { color: #41b573; }
	#cafe-section #detail-body h2.topics-label a:link, #cafe-section #detail-body h2.topics-label a:visited { color: #ff5562; }
	#detail-body h2.topics-label a:hover, #detail-body h2.topics-label a:focus { color: #ff9900 !important; }
	#concept-section #detail-body h2.topics-label { margin-bottom: 5px; }
#detail-body h2.topics-label.eng {
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

#detail-body #news-list { border-top: solid 1px #999; padding-top: 15px; margin-top: 10px; }

#detail-body .image-box {
	position: relative;
	margin-top: 1.5%;
}

#detail-body .image-box .image-box-inner {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 66.26%;
}

#detail-body .image-box .image-box-inner a,
#detail-body .image-box .image-box-inner div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#detail-body .image-box .image-box-inner a.active,
#detail-body .image-box .image-box-inner div.active {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}

a.arrow-filter {
	position: absolute;
	overflow: hidden;
	display: block;
	top: 50%;
	width: 66px;
	height: 110px;
	margin-top: -55px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}
a#arrow-left {
	left: 0;
}
a#arrow-right {
	right: 0;
}
#detail-body .image-box a#arrow-left {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px; 
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px; 
	border-bottom-right-radius: 5px;
	background-image: url(../img/common/image_slider_arrow_l.png);
}
#detail-body .image-box a#arrow-right {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px; 
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px; 
	border-bottom-left-radius: 5px;
	background-image: url(../img/common/image_slider_arrow_r.png);
}

#detail-body .image-box a.arrow-filter:hover,
#detail-body .image-box a.arrow-filter:focus {
	background-color: rgba(0,0,0,0.5);
}

.detail-image-list-container a.arrow-filter {
	top: 0;
	bottom: 0;
	margin-top: 0;
	background-size: 20px;
	width: 30px;
	height: 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.detail-image-list-container:hover a.arrow-filter {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.detail-image-list-container:hover a.arrow-filter.none {
	filter: alpha(opacity=0) !important;
	-moz-opacity: 0 !important;
	opacity: 0 !important;
}
.detail-image-list-container a#arrow-left {
	background-image: url(../img/common/image_slider_arrow_mini_l.png);
}
.detail-image-list-container a#arrow-right {
	background-image: url(../img/common/image_slider_arrow_mini_r.png);
}

.detail-image-list-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

ul.detail-image-list {
	position: relative;
	display: block;
	left: 0;
	list-style: none;
	letter-spacing: -.40em;
	text-align: justify;
	white-space: nowrap;
	padding: 3px 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

ul.detail-image-list li {
	display: inline-block;
	width: 119.5px;
	letter-spacing: normal;
	margin-right: 3px;
	vertical-align: top;
}

ul.detail-image-list li a {
	position: relative;
	overflow: hidden;
	display: block;
	cursor: pointer;
	background: #333;
	width: 100%;
	height: 0;
	padding-top: 66.26%;
}

ul.detail-image-list li a img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

ul.detail-image-list li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

ul.detail-image-list li a.active img, ul.detail-image-list li a.now img {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}

ul.detail-image-list li a span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: solid 3px #000;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

ul.detail-image-list li a.active span {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

h3.topics-sub-header {
	font-size: 1.5em;
	margin-top: 6%;
	/*margin-bottom: 0.5%;*/
	margin-bottom: 1.5%;
}
	#works-section h3.topics-sub-header { color: #41b573; }
	#cafe-section h3.topics-sub-header { color: #ff5562; }

.detail-sub {
	line-height: 1.5em;
	padding-top: 10%;
	padding-bottom: 5px;
	border-bottom: dotted 1px #999;
}

.detail-sub span {
	display: inline-block;
	color: #41b573;
	font-size: 0.875em;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	width: 100px;
}

.works-pagenation {
	margin-top: 10%;
}

.works-pagenation .inactive {
	display: block;
	color: #fff;
	line-height: 1em;
	width: 90px;
	text-align: center;
	padding: 7px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ddd;
}

#concept-section .works-pagenation .inactive { display: inline-block; line-height: top; width: auto; padding-left: 20px; padding-right: 20px; }

.works-pagenation a.inactive { background: #41b573; }
	#cafe-section .works-pagenation a.inactive { background: #ff5562; }
	.works-pagenation a.inactive:hover { background: #ff9900 !important; }
.works-pagenation #inactive-prev { float: left; }
.works-pagenation #inactive-next { float: right; }
.works-pagenation #inactive-top { width: 120px; margin-left: auto; margin-right: auto; }
.works-pagenation .single-to-top { text-align: center; }
.works-pagenation .single-to-top a {
	font-size: 1em;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	letter-spacing: 0.05em;
}

#side-bar h3.topics-label {
	font-size: 1em;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	letter-spacing: 0.05em;
	border-left: solid 6px #666;
	padding-left: 12px;
	margin-top: 9px;
}

.side-bar-list-container {
	padding-bottom: 20px;
	border-bottom: dotted 2px #999;
	margin-top: 12px;
	margin-bottom: 6%;
}

ul.side-bar-list {
	display: block;
	overflow: hidden;
	overflow-y: auto;
	max-height: 441px;
	font-size: 0.875em;
	line-height: 1.5em;
	list-style: none;
	padding-right: 7px;
}

ul.side-bar-list li {
	padding: 10px 3px 10px;
	border-top: dotted 2px #999;
}
	ul.side-bar-list li:first-child { border-top: none; padding-top: 0; }

ul.side-bar-list li a {
	position: relative;
	display: block;
	width: 100%;
	text-decoration: none !important;
}

ul.side-bar-list li a .img-canvas {
	display: block;
	float: left;
	width: 40%;
}

ul.side-bar-list li a .note-canvas {
	position: relative;
	display: block;
	float: right;
	width: 55%;
}

ul.side-bar-list li a .note-canvas .note-label {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	white-space: nowrap;
	font-size: 1em;
	text-overflow: ellipsis;
}
	#works-section ul.side-bar-list li a .note-canvas .note-label { color: #41b573; }
	#cafe-section ul.side-bar-list li a .note-canvas .note-label { color: #ff5562; }
	ul.side-bar-list li > a:hover .note-canvas .note-label { color: #ff9900; }

ul.side-bar-list li a .note-canvas .side-tags {
	display: block;
	line-height: 1.3em;
	letter-spacing: -.40em;
}
ul.side-bar-list li a .note-canvas .tags {
	color: #999 !important;
	font-size: 0.777em;
	margin-right: 10px;
	letter-spacing: normal;
}

ul.side-bar-categories {
	list-style: none;
	padding-left: 15px;
}
ul.side-bar-categories li {
}

ul.side-bar-categories li a {
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 2em;
	letter-spacing: 0.05em;
}

#blog-categories li a { font-weight: normal; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

ul.side-bar-categories li a span {
	display: inline-block;
	vertical-align: middle;
}

ul.side-bar-categories li a span.arrow {
	color: #fff;
	width: 20px;
	height: 20px;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	background: #666;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding-left: 2px;
	margin-right: 7px;
}

ul.side-bar-categories li a:hover span.arrow {
	background: #bbb;
}

ul.side-bar-categories li ul.children {
	overflow: hidden;
	height: 0;
	list-style: none;
	padding-left: 30px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
ul.side-bar-categories li ul.children li:last-child { padding-bottom: 10px; }
ul.side-bar-categories li.current-cat-parent ul.children { height: auto !important; }


#cafe-palarax { background-image: url(../img/firstview/cafe.jpg); }

#cafe-section #detail-body .index-sub { color: #333; font-size: 1.666em; line-height: 1.5em; padding-left: 15px; margin-bottom: 0; }
.cafe-description { margin-top: 0.5%; border-top: solid 1px #333; border-bottom: solid 1px #333; padding-top: 2%; padding-bottom: 2%; }
#contact-section .cafe-description { padding-top: 0; padding-bottom: 0; }
#contact-section .cafe-description .contents { padding-top: 2%; padding-bottom: 2%; }

.cafe-description .wp_social_bookmarking_light, .cafe-description .wp_social_bookmarking_light_clear { display: none !important; }

.search-label {
	font-weight: bold;
	text-align: center;
	line-height: 2.5em;
	background: #f6f6f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 3%;
}

.blog-meta {
	font-size: 0.875em;
	line-height: 1em;
	padding: 10px 0 0;
	margin-bottom: 10px;
}

.date-format {
	font-family: "Times New Roman", Times, serif;
}

.content_note {
	padding: 10px;
}
.blog-archive-item {
	padding-bottom: 3%;
	border-bottom: solid 1px #999;
	margin-bottom: 5%;
}
/*
.blog-archive-item .content_note {
	overflow: hidden;
	width: 100%;
	max-height: 300px;
	text-overflow: ellipsis;
	margin-top: 10px;
}
*/

.content_note a > img { display: inline-block; width: auto; height: auto; max-width: 100%; margin-bottom: 2%; }

#blog-palarax { background-image: url(../img/firstview/blog.jpg); }



#contact-palarax { background-image: url(../img/firstview/contact.jpg); }
#contact-tab { position: relative; letter-spacing: -.40em; text-align: center; padding-bottom: 12px; }
#contact-tab a.tab {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	letter-spacing: normal;
	padding: 7px 20px;
}
#contact-tab a.tab:hover, #contact-tab a.tab:focus { color: #41b373;}
#contact-tab a.tab.active {
	color: #fff !important;
	text-decoration: none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #41b373;
}
#contact-tab a.tab.active:before{
	content: "";
	position: absolute;
	bottom: -23px;
	left: 50%;
	border-top: 12px solid #41b373;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: 12px solid transparent;
	border-top: 12px solid #41b373;
	margin-left: -8px;
}

table#wp-calendar {
	width: 100%;
	margin: 0;
	border: none;
	background: none;
}

table#wp-calendar caption {
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
	padding: 0 0 5px;
	border-bottom: solid 1px #333 !important;
	margin: 0 0 5px;
}

table#wp-calendar tr { background: none !important; }

table#wp-calendar thead th {
	font-size: 13px;
	font-weight: 500;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
	background: none !important;
	padding: 0 !important;
	border: none !important;
}

table#wp-calendar thead th:first-child {
	color: #ff6666;
}

table#wp-calendar thead th:last-child {
	color: #6699ff;
}

table#wp-calendar tbody td {
	width: 14.285%;
	font-size: 13px;
	padding: 5px 0 !important;
}

table#wp-calendar tbody td a { font-weight: bold; }

table#wp-calendar tfoot tr {
	background: none !important;
}
table#wp-calendar tfoot td {
	padding: 0 !important;
	border-top: solid 1px #333 !important;
}

table#wp-calendar tfoot td:first-child, table#wp-calendar tfoot td:last-child {
	font-size: 21px;
	padding: 5px 10px !important;
}

#concept-palarax { background-image: url(../img/firstview/concept.jpg); }

#concept-section .concept-description { font-size: 1em; padding-bottom: 7%; border-bottom: dotted 1px #333; margin-bottom: 10%; }

#blog-section #side-bar h3.topics-label,
#cafe-section #side-bar h3.topics-label,
#concept-section #side-bar h3.topics-label {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left: 6px;
	margin-bottom: 3%;
}

#blog-section ul.side-bar-categories li a ,
#cafe-section ul.side-bar-categories li a ,
#concept-section ul.side-bar-categories li a {
	font-size: 0.875em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}





.counter-table {
	position: relative;
	width: 100%;
	padding: 7% 0;
}

.counter-cell {
	width: 50%;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.counter-cell .counter {
	font-size: 6.42em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
	text-shadow: 0 0 10px #332200;
	line-height: 1.0em;
}

.counter-cell .counter:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 4%;
	padding-top: 3%;
    position: relative;
    width: 80px;
	border-bottom: solid 2px #fff;
}

.counter-cell .label-txt {
	height: 0;
	padding-top: 3.8%;
	background-position: top center;
	background-size: auto 100%;
}

#c-guest .label-txt { background-image: url(../img/index/counter_guest_txt.png); }
#c-facebook .label-txt { background-image: url(../img/index/counter_fb_txt.png); }

.counter-cell .label-icon {
	height: 42px;
	margin-top: 2%;
}

#c-facebook .label-icon { padding-top: 1%; }
#c-facebook .label-icon iframe table tr td:last-child > * { color: #fff !important; }


#rooms-section a.rooms {
	position: relative;
	display: block;
	height: 0;
	color: #fff;
	padding-top: 35%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

#rooms-section a.rooms .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 13%;
}
#rooms-section a.rooms .inner.room-front {
	color: #333;
	text-align: center;
	padding: 0;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

	#rooms-section a.rooms:hover .inner.room-front {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
	}

#rooms-section a.rooms .inner.room-front .i-catch {
	width: 100%;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
}

#rooms-section a.rooms .frame {
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	line-height: 1.8em;
	text-align: center;
}

#rooms-section a.rooms .room_name { font-size: 1.71em; font-weight: bold; }
#rooms-section a.rooms .contents { font-size: 1.28em; margin-top: 30px; }
#rooms-section a.rooms .comment { font-size: 1.16em; margin-top: 30px; }
#rooms-section a.rooms .room-front .sub_name { font-size: 1.28em; margin-top: 10px; }

#viewport {
    width: 100%;
	max-width: 1024px;
    overflow: hidden;
    margin: 0 auto 10px;
}
.flipsnap {
   /*width: 960px; 320px(item width) * 3(item count) */
    width: 100%; /* 320px(item width) * 3(item count) */
}
.item {
	position: relative;
    float: left;
    /*width: 310px;*/
	line-height: 1.5em;
    text-align: center;
    cursor: pointer;
}
.item a { position: relative; display: block; width: 100%; }
.item .room_name { font-size: 1.5em; font-weight: bold; margin-top: 15px; }
.item .sub_name { margin-top: 10px; }

ul.slider_guide, ul.middle_slider_guide {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 2%;
	letter-spacing: 0.25em;
	line-height: 1.0em;
}

ul.middle_slider_guide { padding-top: 2%; margin: 0; }

ul.slider_guide li, ul.middle_slider_guide li {
	display: inline-block;
	vertical-align: top;
}

ul.slider_guide p, ul.middle_slider_guide p {
	display: block;
	font-size: 0.1em;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	width: 9px;
	height: 9px;
	background: #fff;
	border: solid 1px #e0d0b9;
}

ul.slider_guide p.thisis, ul.middle_slider_guide p.thisis { background: #a8d4dd; }

a.to_under_page {
	display: block;
	color: #fff;
	font-size: 1.28em;
	font-weight: bold;
	padding: 15px;
	background: #595757;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 30%;
	min-width: 200px;
	max-width: 300px;
}
	a.to_under_page:hover {
		text-decoration: none;
		background: #ff9900;
	}
	
	#content-area a.to_under_page {
		font-size: 1em;
		width: 20%;
		padding: 10px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		min-width: 100px;
		max-width: 200px;
	}

#room_price_container {
	overflow: hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
	#room_price_container.closed { height: 0 !important; }

#room_price_container .inner { padding-top: 2%; }

.room_price_box { font-size: 1.14em; padding-top: 2%; padding-bottom: 2%; }
.room_price_box strong { display: block; font-weight: normal; text-align: center; }
.room_price_left .row { padding-left: 20%; }
.room_price_right .row { padding-right: 20%; }

a#price_open { cursor: pointer; }

table.room_price_table {
	width: 100%;
	border: none;
	padding: 0;
	margin-top: 10px;
}

table.room_price_table tr.head th {
	font-weight: normal;
	padding: 5px 30px;
	border: solid 1px #999;
	border-left: none;
	border-right: none;
}

table.room_price_table tr td {
	border: none;
	border-bottom: dashed 1px #999;
	padding: 15px 30px;
}

.staff-container-outline { position: relative; }

.staff-in {
	position: relative;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	.staff-in.others {
		filter: alpha(opacity=25);
		-moz-opacity: 0.25;
		opacity: 0.25;
	}

.staff-container .col {
	padding: 30px 0;
	margin: -30px 0;
}


.staff-container span {
	overflow: hidden;
	line-height: 0;
	text-indent: -9999px;
}

.sub_staff {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 30px;
}

.sub_staff .inline {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.sub_staff .inline ul {
	display: block;
	list-style: none;
	letter-spacing: -.40em;
	white-space: nowrap;
	-webkit-transform: translate(0,0);  
	-moz-transform: translate(0,0);  
	transform: translate(0,0);
}
	.sub_staff .inline ul.slide-on {
		-webkit-transform: translate(-17%,0);  
		-moz-transform: translate(-17%,0);  
		transform: translate(-17%,0);
	}

.sub_staff .inline ul li {
	display: inline-block;
	width: 15%;
	vertical-align: top;
	margin-right: 2%;
}


#guest-list .staff-container, .common-list .staff-container {
	padding-top: 2.5%;
}


.common-list .thumbs {
	position: relative;
	display: block;
	width: 100%;
}

.common-list .staff-container span {
	display: block;
	overflow: hidden;
	line-height: inherit;
	text-indent: inherit;
}
.common-list .staff-container span.description { font-size: 0.875em; line-height: 1.5em; }

.common-list span.photo {
	background: #000;
}

.common-list .photo_gallery span.photo {
	background: #fff !important;
}
.common-list span.photo img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.common-list span.in-label {
	position: absolute;
	top: 10px;
	right: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 2em;
	letter-spacing: 0.075em;
	text-indent: 0.075em;
	text-align: center;
	width: 80px;
}
.common-list span.in-label.works, .common-list span.in-label.blog {
	background-color: rgba(65,181,115,0.65);
}

.common-list span.in-label.cafe {
	background-color: rgba(255,85,98,0.65);
}

/*
.common-list span.in-label.blog {
	background-color: rgba(100,100,100,0.65);
}
*/

.common-list span.note {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 1.7em;
	text-decoration: none !important;
	padding: 10%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.common-list span.date { font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif; }
.common-list h4 { font-size: 1.166em; font-weight: bold; padding: 0; margin-bottom: 7px; }

a.slide-controller {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	background-image: url(../img/common/arrow.png);
	background-size: 100% auto;
	margin-top: -22.5px;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	cursor: pointer;
}
	a.slide-controller:hover {
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}
	a.slide-controller.control-off { display: none; }

a#slide-prev { left: -60px; background-position: top center; }
a#slide-next { right: -60px; background-position: bottom center; }




.staff_comment_container {
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	z-index: 800;
}

.staff_comment_container.ani {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.staff_comment_container.main-staff-comment {
	bottom: 100%;
	transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	-webkit-transform-origin: center bottom;
}

.staff_comment_container.sub-staff-comment {
	top: 100%;
	transform-origin: center top;
	-ms-transform-origin: center top;
	-moz-transform-origin: center top;
	-o-transform-origin: center top;
	-webkit-transform-origin: center top;
}



.staff_comment_container .outer {
	position: relative;
}

.staff_comment_container.main-staff-comment .outer {
	padding-bottom: 30px;
}

.staff_comment_container.sub-staff-comment .outer {
	padding-top: 30px;
}

.staff_comment_container .inner {
	position: relative;
	font-size: 1.16em;
	padding: 2% 3% 3%;
	background: #fff;
	border: solid 1px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.staff_comment_container .staff-arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../img/common/comment_arrow.png);
}

.staff_comment_container.main-staff-comment .staff-arrow {
	bottom: 1px;
	background-position: bottom center;
}

.staff_comment_container.sub-staff-comment .staff-arrow {
	top: 1px;
	background-position: top center;
}

.staff_comment_container .staff-name { font-size: 1.28em; font-weight: bold; text-align: center; line-height: 1.5em; }
.staff_comment_container .staff-eng_name { font-family: "Times New Roman", Times, serif; text-align: center; line-height: 1.5em; margin-top: 5px; }

.staff_comment_container .staff-note {
	padding: 2% 5px 0;
	margin-top: 2%;
	border-top: dotted 2px #ccc;
}


h3.front-header {
	position: relative;
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 1em;
	padding: 10px;
	border-bottom: solid 1px #666;
}
	h3.front-header .jpn {
		font-style: normal;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	h3.front-header .eng {
		font-style: normal;
		font-weight: normal;
		font-family: Tahoma, Geneva, sans-serif;
		letter-spacing: 0.075em;
	}
	
	#blog-contents h3.front-header { text-align: right; }
	#blog-contents h3.front-header span.jpn {
		display: block;
		float: left;
		height: 29px;
		line-height: 29px;
		padding-left: 6px;
	}

.thumb-change {
	position: absolute;
	right: 5px;
	bottom: 0px;
}
	#blog-contents .thumb-change { left: 9px; right: auto; }

.thumb-change a {
	float: left;
	width: 29px;
	height: 29px;
	background-image: url(../img/common/list_change.png);
	background-size: auto;
	margin-right: 6px;
	cursor: pointer;
}
	#blog-contents .thumb-change a { margin-left: 6px; margin-right: 0; }

a#thumb-change-list { background-position: left top; }
a#thumb-change-box { background-position: right top; }

a#thumb-change-list.active { background-position: left bottom; }
a#thumb-change-box.active { background-position: right bottom; }

a#thumb-change-list:hover { background-position: left center; }
a#thumb-change-box:hover { background-position: right center; }


.common-list .staff-container {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.common-list.custom-list .staff-container {
	float: none;
	width: 100%;
	padding-bottom: 2.5%;
	border-bottom: dotted 1px #999;
}

.common-list.custom-list span.photo {
	float: left;
	width: 13.5%;
	max-width: 150px;
	background: #fff;
}

.common-list.custom-list span.in-label {
	position: relative;
	top: auto;
	right: auto;
	float: left;
	margin-left: 2%;
	margin-bottom: 7px;
}

.common-list.custom-list span.note {
	position: relative;
	float: right;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	width: 84.5%;
	height: auto;
	max-width: 970px;
	color: #333;
	padding: 0;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	-webkit-transition: 0s !important;
	-moz-transition: 0s !important;
	transition: 0s !important;
}


	.common-list.custom-list a.thumbs:hover span.note {
		color: #ff8800;
	}

	.common-list.custom-list h4 { border-bottom-color: #999; }


.challenge-in a.challenge {
	display: block;
	width: 100%;
	height: 294px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-align: right;
	padding: 1% 2%;
}
.challenge-bottom a.challenge { background-size: auto 100%; }
.challenge-top { margin-top: 2%; }

a#challenge-1 { background-image: url(../img/challenge/01_school.jpg); }
a#challenge-2 { background-image: url(../img/challenge/02_gasshuku.jpg); }
a#challenge-3 { background-image: url(../img/challenge/03_cafe.jpg); }
a#challenge-4 { background-image: url(../img/challenge/04_share.jpg); }
a#challenge-5 { background-image: url(../img/challenge/05_igusa.jpg); }

a.challenge span.cell-in {
	display: inline-block;
	width: 101px;
	height: 101px;
	text-align: left;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;  
	transform-origin: 0 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: translate(25%,25%);  
	-moz-transform: translate(25%,25%);  
	transform: translate(25%,25%);
	-webkit-transform: scale(0,0);  
	-moz-transform: scale(0,0);  
	transform: scale(0,0);
}

a.challenge:hover span.cell-in {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate(0,0);  
	-moz-transform: translate(0,0);  
	transform: translate(0,0);
	-webkit-transform: scale(1,1);  
	-moz-transform: scale(1,1);  
	transform: scale(1,1);
}

a#challenge-1 span.cell-in { background-image: url(../img/challenge/01.png); }
a#challenge-2 span.cell-in { background-image: url(../img/challenge/02.png); }
a#challenge-3 span.cell-in { background-image: url(../img/challenge/03.png); }
a#challenge-4 span.cell-in { background-image: url(../img/challenge/04.png); }
a#challenge-5 span.cell-in { background-image: url(../img/challenge/05.png); }


strong.access {
	display: block;
	font-size: 1.71em;
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "はんなり", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	margin-bottom: 2%;
}

table.general {
	border: solid 1px #999;
	border-top: none;
	padding: 0;
	margin: 0;
	margin-top: 7px;
}

table.general th {
	font-weight: normal;
	background: #eee;
	border-top: solid 1px #999;
	padding: 10px 15px;
	padding-right: 30px;
}

table.general td {
	border-top: solid 1px #999;
	padding: 10px 15px;
	padding-right: 30px;
}

.side-container {
	padding-top: 10%;
	padding-left: 3%;
}

.side-container ul {
	list-style: none;
	padding: 5% 5px;
	padding-right: 0;
	margin-bottom: 5%;
}
	.side-container ul.side_category_menu { border-top: dotted 1px #595757; }

.side-container ul li {
	padding-bottom: 5px;
}

a#to_reserve_from_blog {
	position: relative;
	display: block;
	width: 100%;
	max-width: 295px;
	border: solid 1px #595757;
}
	a#to_reserve_from_blog:hover {
		border-color: #ff9900;
	}

a#to_reserve_from_blog span {
	width: 100%;
	height: 0;
	padding-top: 47.5%;
	background-image: url(../img/common/blog_reserve.png);
	background-position: center right;
	background-size: auto 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	a#to_reserve_from_blog:hover span { background-position: center left; }

a#to_site_top {
	display: block;
	margin-bottom: 5%;
}
	a#to_site_top:hover {
		filter: alpha(opacity=35);
		-moz-opacity: 0.35;
		opacity: 0.35;
	}



.blog-inner-content {
	padding: 5% 0 0;
}

h2.blog-title {
	font-size: 1.28em;
	font-weight: bold;
	padding: 0 10px 10px;
	border-bottom: double 3px #ccc;
}

.blog-inner-content .category { border-top: dotted 1px #999; padding: 10px; }

.blog-inner-content .category a { color: #0055bb; }
.blog-inner-content .category a:hover { color: #ff9900; }

/*
.content_note .wp_social_bookmarking_light:before {
	clear: both;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
    position: relative;
}
*/

#staff-popup-container {
	padding: 5%;
	color: #fff;
	font-size: 1.28em !important;
	line-height: 1.7em;
}

#staff-popup-container h3 {
	font-size: 1.71em;
	font-weight: bold;
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "はんなり", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding: 0 5px;
}

#staff-popup-container h4 {
	display: block;
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: 0.075em;
	border-bottom: dotted 1px #666;
	padding: 10px 5px 15px;
	margin-bottom: 15px;
}

#staff-popup-container .staff-note {
	padding: 0 5px 15px;
}

.staff-popup-under { padding-top: 5%; border-top: solid 1px #666; margin-top: 5%; }
.staff-popup-under a.close-button {
	color: #fff;
	cursor: pointer;
}
	.staff-popup-under a.close-button:hover { color: #ff9900; }

.facilities-container {
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}

.padding-top { padding-top: 2.5%; }

.time-info {
	font-size: 1.16em;
	border: solid 1px #3e3a39;
	padding: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.time-info h4 {
	font-size: 1.24em;
	font-weight: bold;
	border-bottom: solid 1px #3e3a39;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.check-info {
	font-size: 1.16em;
	padding-top: 1.5%;
}

.check-info strong { font-size: 1.71em; }

table.facilities-info {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border: 0;
}

table.facilities-info td {
	width: 33%;
	border-top: solid 1px #595757;
	border-left: solid 1px #595757;
	vertical-align: top;
	padding: 30px;
}

table.facilities-info tr td:first-child { border-left: none; }
table.facilities-info tr:first-child td { border-top: none; }

table.equip-info {
	width: 100%;
	border-spacing: 10px;
	border-collapse: separate;
}

table.equip-info td {
	width: 25%;
	border: solid 1px #595757;
	text-align: center;
	padding: 15px;
}

.resereve-info {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2.5%;
	border-bottom: dotted 1px #595757;
}

.combobox {
	font-size: 1.16em;
	padding-top: 2.5%;
	padding-left: 10px;
	padding-right: 10px;
}

.combobox .label-name {
	font-weight: bold;
}
.combobox .label-name span { font-size: 0.85em; font-weight: normal; font-family: "Times New Roman", Times, serif; }

.combobox .form-box {
	padding-top: 5px;
}
.combobox .form-box span[class!='wpcf7-list-item-label'] { font-size: 0.85em; font-weight: normal; font-family: "Times New Roman", Times, serif; }

.facilities-container label {
	display: block;
	font-weight: normal;
	margin: 0;
}

.lbl label {
	display: inline-block !important;
	vertical-align: middle;
}

.lbl label.cols {
	float: left;
	display: block !important;
	width: 25%;
}

.combobox .notice {
	font-size: 0.85em;
	padding-top: 5px;
}

#room_type {
	overflow: hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	margin-top: 5px;
}
	#room_type.closed { height: 0 !important; }

#room_type .outline {
	border: dotted 1px #595757;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 25px;
	margin-top: 0;
}

#room_type .inner {
	padding-bottom: 15px;
	border-bottom: dotted 1px #595757;
	margin-bottom: 15px;
}

#room_type label {
	padding-top: 5px;
}

.check-warning {
	color: #d00;
	margin-top: 5px;
}

.check-warning span { color: #ff9900; font-size: 1.16em; }

.need { color: #ff9900; }

.cancel-policy {
	padding: 5% 10px 0;
}

.cancel-policy h4 {
	font-size: 1.28em;
	font-weight: bold;
	border-left: solid 5px #999;
	padding-left: 7px;
	margin-bottom: 10px;
}

.cancel-policy table.general {
	border-left: none;
}

.cancel-policy table.general th, .cancel-policy table.general td {
	text-align: center;
	border-left: solid 1px #999;
}

.cancel-policy table.general th { padding: 10px 30px; }

.cancel-policy table.general td { padding: 15px 30px; }

ul.send_button {
	display: block;
	width: 100%;
	list-style: none;
	padding: 3% 0 0;
	margin: 3% 0 0;
	text-align: center;
	letter-spacing: -.40em;
	border-top: dotted 1px #595757;
}

ul.send_button li {
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
}

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

ul.send_button li a.to_under_page { margin: 0; cursor: pointer; letter-spacing: normal; line-height: 1.1em; }

input[type="text"],
input[type="password"],
input[type="file"],
input[type="email"],
textarea,
select
{
	font-size: 16px;
	padding: 5px;
	border: solid 1px #cfc2b7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
}
select { padding-right: 15px; }

label:hover input[type="text"],
label:hover input[type="password"],
label:hover input[type="file"],
label:hover input[type="email"],
label:hover textarea,
span:hover select
{
	border: solid 1px #866b57;
	background: #fff;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus
{
	border: solid 1px #866b57 !important;
	background: #ffd !important;
}

input[type="text"][readonly='readonly'],
input[type="password"][readonly='readonly'],
input[type="file"][readonly='readonly'],
textarea[readonly='readonly'],
select[readonly='readonly'],
input[type="text"][readonly='readonly']:focus,
input[type="password"][readonly='readonly']:focus,
input[type="file"][readonly='readonly']:focus,
textarea[readonly='readonly']:focus,
select[readonly='readonly']:focus
{
	color: #585657 !important;
	border: none !important;
	background: transparent !important;
}

input[type="radio"], input[type="checkbox"] { margin-right: 3px; }

input.ptit-s { width: 10%; }
input.ptit { width: 25%; }
input.mini { width: 40%; }
input.normal { width: 57%; }
input.middle { width: 75%; }
input.long { width: 95%; }
textarea.ta { width: 50%; height: 100px; }
textarea.large { height: 100px; }

input.submit {
	display: inline-block;
	color: #fff !important;
	font-size: 1.28em;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
	min-width: 200px;
	padding: 15px;
	text-align: center;
	width: 30%;
	border: none;
	border-radius: 8px;
	background: #595757;
	line-height: 1.1em;
}

input.submit:hover { background: #ff9900; }

.ui-datepicker-trigger { margin-left: 5px; border: solid 1px #666; vertical-align: middle; }

.alert {
	color: #ee0000;
	font-weight: normal;
	border: none !important;
	padding: 0 0 5px !important;
	margin: 0 !important;
}

.warning {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	background: #ffeeee;
	border: solid 1px #ff0000;
	margin: 18px auto 0;
}

.success {
    border-bottom: 2px dotted #c4b3a6;
    color: #a48b77;
    font-size: 24px;
    font-weight: bold;
	line-height: 1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
}

.wpcf7-list-item { display: block; }
.wpcf7-list-item label { font-weight: normal !important; }

/******************************************************************************************************
 * About
 *****************************************************************************************************/

#about-section {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../img/block0/background.jpg) 50% 100% no-repeat;
	background-size: 100% auto;
	z-index: 800;
}
	.rbts #about-section { position: relative !important; top: auto !important; height: auto !important; }
	:root #about-section { position: relative\0 !important; top: auto\0 !important; height: auto\0 !important; background-position: bottom center\0 !important; }

	h2#about-label {
		line-height: 1em;
		border: solid 1px #fff;
		padding: 30px 90px;
		margin-top: 112px;
		margin-bottom: 60px;
		text-shadow: 0 0 6px #666;
	}

	#about-section h2.label-tag.trans.active {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		-webkit-transform: translate(0,-25%);  
		-moz-transform: translate(0,-25%);  
		transform: translate(0,-25%);
	}

#about-section .note-container { padding: 0; }

#about-section #about-note {
	padding: 30px;
	background: url(../img/block0/text_body_bg.png) top center repeat-y;
	background-size: 100% auto;
	margin-bottom: 87px;
}
#about-section #about-note.trans.init-set,
#about-section #about-note.trans.active {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#about-section #about-note.trans {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-webkit-transform: translate(0,0);  
	-moz-transform: translate(0,0);  
	transform: translate(0,0);
}
	#about-section #about-note.trans.active {
		-webkit-transform: translate(0,-25%);  
		-moz-transform: translate(0,-25%);  
		transform: translate(0,-25%);
	}
	#about-section #about-note span { font-size: 1.5em; font-weight: bold; }
		#about-section #about-note span.o { color: #ff6600; }
		#about-section #about-note span.b { color: #004b96; }

#about-section .animate-area {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	padding-top: 27.9%;
}
	.rbts #about-section .animate-area { position: relative !important; }
	:root #about-section .animate-area { position: relative\0 !important; }

#about-section .animate-area .ani-call {
	position: absolute;
	/*
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	*/
}
	#about-section .animate-area .ani-call img { width: auto; height: auto; max-width: 100%; }
	#about-section .animate-area .ani-call.trans .inner{
		overflow: hidden;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
	}
	#about-section .animate-area .ani-call.active{
	}

#about-section .animate-area #ani-1 { top: 0; left: 31%; width: 7.5%; max-width: 141px; }
#about-section .animate-area #ani-2 { left: 21%; bottom: 31%; width: 24.3%; max-width: 461px; }
#about-section .animate-area #ani-3 { left: 21%; bottom: 45.1%; width: 24.3%; max-width: 461px; }
#about-section .animate-area #ani-4 { left: 21%; bottom: 59.2%; width: 24.3%; max-width: 461px; }
#about-section .animate-area #ani-5 { left: 21%; bottom: 73.3%; width: 24.3%; max-width: 461px; }
#about-section .animate-area #ani-6 { left: 26.5%; bottom: 20.1%; width: 6.5%; max-width: 123px; }
#about-section .animate-area #ani-7 { left: 31.7%; bottom: 15.9%; width: 21.9%; max-width: 416px; }
#about-section .animate-area #ani-8 { right: 18.3%; bottom: 3.7%; width: 8.6%; max-width: 163px; }
#about-section .animate-area #ani-9 { right: 12.4%; bottom: 3.7%; width: 7.2%; max-width: 137px; }
#about-section .animate-area #ani-10 { left: 18.7%; bottom: 14.4%; width: 12.5%; max-width: 239px; }
#about-section .animate-area #ani-11 { left: 11.7%; bottom: 17.1%; width: 7.2%; max-width: 137px; }
#about-section .animate-area #ani-12 { left: 31.6%; bottom: 41.5%; width: 6.0%; max-width: 113px; }
#about-section .animate-area #ani-13 { left: 30.8%; bottom: 35.3%; width: 32.6%; max-width: 620px; }
#about-section .animate-area #ani-14 { right: 33.9%; bottom: 48.6%; width: 7.2%; max-width: 137px; }
#about-section .animate-area #ani-15 { right: 27.9%; bottom: 48.6%; width: 7.2%; max-width: 137px; }
#about-section .animate-area #ani-16 { right: 21.9%; bottom: 48.6%; width: 7.2%; max-width: 137px; }

#about-section .animate-area #ani-1.trans .inner {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#about-section .animate-area #ani-2.trans .inner,
#about-section .animate-area #ani-3.trans .inner,
#about-section .animate-area #ani-4.trans .inner,
#about-section .animate-area #ani-5.trans .inner {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;  
	transform-origin: 0 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transform: translate(0,-25%);  
	-moz-transform: translate(0,-25%);  
	transform: translate(0,-25%);
}
#about-section .animate-area #ani-6.trans .inner,
#about-section .animate-area #ani-7.trans .inner,
#about-section .animate-area #ani-10.trans .inner,
#about-section .animate-area #ani-12.trans .inner,
#about-section .animate-area #ani-13.trans .inner {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#about-section .animate-area #ani-8.trans .inner,
#about-section .animate-area #ani-9.trans .inner {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;  
	transform-origin: 0 50%;
	-webkit-transform: scale(0,0);  
	-moz-transform: scale(0,0);  
	transform: scale(0,0);
}
#about-section .animate-area #ani-11.trans .inner,
#about-section .animate-area #ani-14.trans .inner,
#about-section .animate-area #ani-15.trans .inner,
#about-section .animate-area #ani-16.trans .inner {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;  
	transform-origin: 50% 100%;
	-webkit-transform: scale(0,0);  
	-moz-transform: scale(0,0);  
	transform: scale(0,0);
}

#about-section .animate-area #ani-1.trans.active .inner {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#about-section .animate-area #ani-2.trans.active .inner,
#about-section .animate-area #ani-3.trans.active .inner,
#about-section .animate-area #ani-4.trans.active .inner,
#about-section .animate-area #ani-5.trans.active .inner {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate(0,0);  
	-moz-transform: translate(0,0);  
	transform: translate(0,0);
}

#about-section .animate-area #ani-6.trans.active .inner,
#about-section .animate-area #ani-7.trans.active .inner,
#about-section .animate-area #ani-10.trans.active .inner,
#about-section .animate-area #ani-12.trans.active .inner,
#about-section .animate-area #ani-13.trans.active .inner {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#about-section .animate-area #ani-8.trans.active .inner,
#about-section .animate-area #ani-9.trans.active .inner,
#about-section .animate-area #ani-11.trans.active .inner,
#about-section .animate-area #ani-14.trans.active .inner,
#about-section .animate-area #ani-15.trans.active .inner,
#about-section .animate-area #ani-16.trans.active .inner {
	-webkit-transform: scale(1,1);  
	-moz-transform: scale(1,1);  
	transform: scale(1,1);
}

#tablet-body #about-section {
	position: relative !important;
	top: auto !important;
	height: auto !important;
	padding-bottom: 27.9% !important;
	background-position: bottom center !important;
}

#tablet-body #about-section .animate-area .trans .inner {
    -webkit-transform-origin: 50% 50% !important;
    -moz-transform-origin: 50% 50% !important;  
	transform-origin: 50% 50% !important;
	-webkit-transform: translate(0,0) !important;  
	-moz-transform: translate(0,0) !important;  
	transform: translate(0,0) !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	-webkit-transform: scale(1,1) !important;  
	-moz-transform: scale(1,1) !important;  
	transform: scale(1,1) !important;
}

#about-section .youtube {
	position: absolute;
	overflow: hidden;
	top: 90px;
	width: 20%;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#about-section .youtube a { display: block; }
	#about-section .youtube a:hover {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
#about-section #left-youtube { left: 125px; }
#about-section #right-youtube { right: 125px; }




/******************************************************************************************************
 * shop container
 *****************************************************************************************************/

.headline-photo { position: relative; }
.headline-photo .balloon {
	position: absolute;
	top: -10px;
	right: -24px;
}

ul.container-footer {
	margin-top: 20px;
	padding: 20px 0;
	list-style: none;
	border-top: solid 1px #999999;
	text-align: center;
}

ul.container-footer li {
	display: block;
	letter-spacing: normal;
	vertical-align: middle;
	/*padding-left: 15px;*/
	text-align: center;
	margin-top: 10px;
}
	ul.container-footer li:first-child { margin-top: 0; }

ul.container-footer li .logo {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

ul.container-footer li strong {
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 5px;
}

ul.container-footer li .tel {
	display: inline-block;
	font-size: 2.14em;
	font-weight: bold;
	line-height: 0.86em;
	padding-left: 32px;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	white-space: nowrap;
	box-sizing: border-box;
}

ul.container-footer li .alert {
	color: #ff0000;
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}

.open-close { line-height: 1em; margin-top: 5px; }

h4.shop_label_h4 { font-size: 1.28em; font-weight: bold; line-height: 1em; padding: 0; margin: 0 0 10px; }

.photo-thumbnail .ph-th { padding: 0 5px; line-height: 1.5em; }
.photo-thumbnail .ph-th img { width: auto; height: auto; max-width: 100%; margin-bottom: 7px; }







/******************************************************************************************************
 * daiya factory
 *****************************************************************************************************/

#daiya_factory-section { background: url(../img/block1/firstview.jpg) 100% 0% no-repeat; }
#daiya-container .photo-thumbnail .ph-th { font-size: 0.85em; }

#daiya-container .shop-logo { max-width: 430px; }
#daiya-container .shop-logo .inner { padding-top: 9%; background-image: url(../img/block1/logo.png); }

.order-made { width: 67%; max-width: 548px; }
.order-made .strong { height: 0; padding-top: 21.5%; background-image: url(../img/block1/full_ordermade.png); background-size: 100% auto; }

#order-1, #order-2, #order-3 { padding: 15px 11px; }
	#order-1 { background: #e5f1f8; border-right: solid 1px #fff; }
	#order-2 { background: #f2f8ea; }
	#order-3 { padding-top: 0; }

.order-label { font-size: 1.28em; font-weight: bold; }
.order-note { font-size: 0.85em; line-height: 1.4em; padding-top: 13px; padding-bottom: 13px; }
.order-photo { max-width: 164px; margin: 0 auto; }

h4.order-h4 {
	font-weight: bold;
	width: 100%;
	max-width: 164px;
	line-height: 1.8em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 1px #fff;
}
	#order-1 h4.order-h4 { color: #fff; background: #0073bd; }
	#order-2 h4.order-h4 { color: #fff; background: #7fbf34; }
	#order-3 h4.order-h4 { font-size: 1.28em; line-height: 1em; margin-top: 15px; }

#order-2 ul {
	display: block;
	list-style: none;
	letter-spacing: -.40em;
	text-align: center;
}

#order-2 ul li {
	display: inline-block;
	width: 21.5%;
	text-align: left;
	letter-spacing: normal;
	background: url(../img/block1/arrow.png) center left no-repeat;
	padding-left: 30px;
	box-sizing: content-box;
	vertical-align: top;
}
	#order-2 ul li:first-child { background: none; padding-left: 0; }

#daiya-container ul.container-footer .logo { width: 77px; height: 32px; background-image: url(../img/block1/logo_mini.jpg); }
#daiya-container ul.container-footer strong { color: #0073bd; }
#daiya-container ul.container-footer li .tel { color: #0073bd; background-image: url(../img/block1/tel.jpg); }

.daiya_left { float: left; }
.daiya_right { float: right; }

#daiya_factory_info {
	font-size: 1.14em;
	padding: 2%;
	background: #fff5e5;
	margin-top: 15px;
}

#daiya_factory_info h3.alert_header {
	display: block;
	color: #884400;
	font-size: 1.28em;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 7px;
	border-bottom: solid 1px #c39c72;
}

#daiya_factory_info h3.alert_header p {
	padding-left: 5px;
	border-left: solid 5px #e1c9ac;
}

#daiya_factory_info .info_notes { padding: 15px 5px 5px; }




/******************************************************************************************************
 * sante
 *****************************************************************************************************/

#sante-section { background: url(../img/block2/firstview.jpg) 100% 0% no-repeat; }

#sante-container .shop-logo { max-width: 182px; }
#sante-container .shop-logo .inner { padding-top: 70.5%; background-image: url(../img/block2/logo.png); }

#sante-container h4.shop_label_h4 { color: #ff8800; }

#sante-container ul.container-footer .logo { width: 59px; height: 41px; background-image: url(../img/block2/logo_mini.jpg); }
#sante-container ul.container-footer strong { color: #ff8800; }
#sante-container ul.container-footer li .tel { color: #ff8800; background-image: url(../img/block2/tel.jpg); }

#sante-container .photo-thumbnail .ph-th { padding: 0 10px; }
.cuisine .ph-th { font-size: 0.85em; text-align: center; }
.cuisine .ph-th p.strong { display: block; font-size: 1.16em; font-weight: bold; }

#sante-container .headline-photo .balloon { top: -25px; left: -17px; right: auto; }

.sante-opened-closed { float: right; }
.sante-headline-photo { float: left; }

.photo-thumbnail h4.shop_label_h4 { margin: 15px 0; }

.fb-like-box,
.fb-like-box > span,
.fb-like-box iframe[style]{ position: relative !important; width: 100% !important; }





/******************************************************************************************************
 * gunze
 *****************************************************************************************************/

#gunze-section { background: url(../img/block3/firstview.jpg) 100% 0% no-repeat; }

#gunze-container .shop-logo { max-width: 355px; }
#gunze-container .shop-logo .inner { padding-top: 18%; background-image: url(../img/block3/logo.png); }

#gunze-container h4.shop_label_h4 { color: #ff6699; }

#gunze-container .gunze-bottom .col-md-8 { float: right; }
#gunze-container .gunze-bottom .col-md-4 { float: left; }

#gunze-container ul.container-footer strong { color: #0073bd; }
#gunze-container ul.container-footer li .tel { color: #0073bd; background-image: url(../img/block1/tel.jpg); }





/******************************************************************************************************
 * access
 *****************************************************************************************************/

#access-section { background: url(../img/block4/firstview_sky.jpg) 100% 0% no-repeat; }
#access-section .inner { position: relative; }

#access-section .girl { position: absolute; left: 0; bottom: 0; }
#access-section .build { position: absolute; right: -50px; bottom: 0; }

#access-section h2.label-tag { font-size: 1.28em; margin: 9.1% 0; }
h2#access-label { display: none; }
#access-section .u { border: none; }
#access-section .s { font-size: 2.66em; line-height: 1em; }

#map-container { position: relative; /*height: 406px;*/ }
#googleMap { height: 406px; }
#map-filter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/block4/map_filter_bg.png); cursor: pointer;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;

    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;  
	transform-origin: 0 100%;

	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;

	-webkit-transform: scale(1,1);  
	-moz-transform: scale(1,1);  
	transform: scale(1,1);
}
	#map-filter.active {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		
		-webkit-transform: scale(1,0);  
		-moz-transform: scale(1,0);  
		transform: scale(1,0);
	}

#map-address {
	position: absolute;
	bottom: 115px;
	left: 50%;
	color: #fff;
	width: 458px;
	height: 175px;
	border: solid 1px rgba(255,255,255,0.5);
	margin-left: -229px;
	cursor: pointer;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
	#map-address.active {
		color: #000;
		font-size: 0.85em;
		width: 338px;
		height: 103px;
		background: rgba(255,255,255,0.9);
		border: none;
		margin-left: -169px;
		line-height: 1.5em;
		
		-webkit-transform: translate(0,85px);  
		-moz-transform: translate(0,85px);  
		transform: translate(0,85px);
	}

#map-address .table-block {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
#map-address .table-cell {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#map-address .table-cell .alert {
	font-size: 0.85em;
	border: none;
	padding: 0;
	margin: 0;
}
#map-logo {
	position: absolute;
	top: 97px;
	left: 50%;
	width: 373px;
	height: 41px;
	margin-left: -186.5px;
	background: url(../img/block4/logo.png) top center no-repeat;
	background-size: 100% auto;
	cursor: pointer;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
	#map-logo.active {
		top: 30px;
		background-position: bottom center;
		
		-webkit-transform: scale(0.65);  
		-moz-transform: scale(0.65);
		transform: scale(0.65);
	}

a#map-open-arrow {
	position: absolute;
	bottom: 96px;
	left: 50%;
	width: 139px;
	height: 38px;
	margin-left: -69.5px;
	background-image: url(../img/common/access_map_arrow.png);
	cursor: pointer;
}
	/*a#map-open-arrow:hover { background-position: bottom center; }*/
	a#map-open-arrow.active {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		
		-webkit-transform: scale(0,0);  
		-moz-transform: scale(0,0);  
		transform: scale(0,0);
	}

a#map-close-arrow {
	position: absolute;
	display: block;
	overflow: hidden;
	color: #fff;
	top: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(../img/common/close.png) center center no-repeat rgba(0,115,189,0.65);
	
	cursor: pointer;
	
	border: solid 1px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
		
	-webkit-transform: scale(0,0);  
	-moz-transform: scale(0,0);  
	transform: scale(0,0);
}
	/*a#map-close-arrow:hover { background-color: rgba(255,136,0,0.65); }*/
	a#map-close-arrow.active {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		
		-webkit-transform: scale(1,1);  
		-moz-transform: scale(1,1);  
		transform: scale(1,1);
	}

	#tablet-body #map-filter { display: none; }
	#tablet-body #map-logo {
		top: auto;
		bottom: 113px;
		background-position: bottom center !important;
		
		-webkit-transform: scale(0.65) !important;  
		-moz-transform: scale(0.65) !important;
		transform: scale(0.65) !important;
	}

	#tablet-body #map-address {
		color: #000 !important;
		font-size: 0.85em !important;
		width: 320px !important;
		height: 103px !important;
		background: rgba(255,255,255,0.9) !important;
		border: none !important;
		margin-left: -160px !important;
		line-height: 1.5em !important;
		
		-webkit-transform: translate(0,85px) !important;  
		-moz-transform: translate(0,85px) !important;  
		transform: translate(0,85px) !important;
	}

	#tablet-body a#map-open-arrow, #tablet-body a#map-close-arrow {
		filter: alpha(opacity=0) !important;
		-moz-opacity: 0 !important;
		opacity: 0 !important;
		-webkit-transform: scale(0,0) !important;  
		-moz-transform: scale(0,0) !important;  
		transform: scale(0,0) !important;
	}

/*** 追記分（cafe） ***/

	.cafe-top h4 {
		font-size: 1em;
		line-height: 1.3em;
		font-weight: bold;
	}
	
	.cafe-top .thumb-image {
		margin-bottom: 10px;
	}
	
	.cafe-top .thumb-note h4 {
		margin-bottom: 7px;
	}
	
	strong.sub-title {
		color:#ff5562;
		font-size:1.5em;
		margin-bottom: 2%;
		display: inline-block;
		font-weight:normal;
	}
	
	.mr45 {
		padding-right: 45px;
	}
	
	.guide-title span {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.1em;
		font-style: italic;
		padding-right: 5px;
	}	
	
	table.faq td {
		padding-right: 5%;
		vertical-align: top;
	}
	
	dl p {
		display: inline-block;
	}
	
	table.faq {
		margin: 2% 2%;
	}

	table.faq dl {
		border-bottom: 2px dotted #aaa;
		height: 110px;
		margin-bottom: 0;
	}
	table.faq dl.no_border {
		border-bottom: none;
	}	
	
	table.faq dl span {
		padding-right: 10px;
	}
	
	table.faq dt {
		margin-bottom: 5px;
	}
	
	.faq li {
		list-style: none;
		display: inline-block;
		vertical-align: top;
	}
	
	.faq li:first-child {
		width: 5%;
	}
	
	.faq li:nth-child(2) {
		width: 95%;
	}


@media (max-width: 1280px) {
	
	table.faq dl {
		height: 130px;
	}
	
	.faq li:first-child {
		width: 8%;
	}
	
	.faq li:nth-child(2) {
		width: 92%;
	}
}

@media (max-width: 842px) {
	
	table.faq dl {
		height: 150px;
	}
}
	
@media (max-width: 767px) {
	
	strong.sub-title {
		margin-top: 2%;
	}
	
	.mr45 {
		padding-right: 0;
	}
	
	table.faq td {
	    width: 100%;
    	display: block;
		padding-right: 0;
	}
	
	table.faq dl {
		height: 120px;
	}
}

@media (max-width: 354px) {

table.faq dl {
		height: 150px;
	}
}