@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}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:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:15px;
	color:#333;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: 600;
	/*font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	line-height:1.6;
	background:#fff;
}

.inner {
	position:relative;
	/*width:980px;*/
	width:1000px;
	margin:0 auto;
}
.inner_navi {
	position:relative;
	/*width:980px;*/
	width:1000px;
	margin:0px auto;
}
.wide_inner {
	position:relative;
	/*width:980px;*/
	width:100%;
	margin:0 auto;
	padding:0px 0 50px;
	border-bottom: 1px solid #eeeeee;
}

header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background:#ffffff;
}

nav {
	width:100%;
	background:#fff;
	/*box-shadow:0 1px 2px #d0d8dc;*/
	font-size:13px;
}
nav:after {
	content:'';
	display:block;
	clear:both;
}

#index_contents {
	overflow:hidden;
	/*width:980px;*/
	width:100%;
	margin:20px auto 0px;
	background:#fff;
	margin-top:500px;
}
#contents {
	overflow:hidden;
	/*width:980px;*/
	width:100%;
	margin:0px auto 0px;
	background:#fff;
}

#main {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:68%;
}

#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
}

footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}

h2 {
	margin-bottom:0em;
	margin-top:3em;
	padding:10px 0;
	font-size:34px;
	font-weight: 900;
	color:#9e9478;
	/*border-top:3px solid #000000;*/
	/*border-bottom:1px dotted #000000;*/
	position: relative;
  display: inline-block;
  text-align:center;
  width:100%;
}
h2:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -75px; /*線の上下位置*/
  display: inline-block;
  width: 60px; /*線の長さ*/
  height: 60px; /*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); /*位置調整*/
  background-color: #8bc34a; /*線の色*/
  border-radius: 0px; /*線の丸み*/
}
h3 {
	margin-bottom:0.25em;
	padding:1px 0px 0px 2px;
	color:#000000;
	font-size:19px;
	font-weight:600;
	/*background:#333;*/
}

h4 {
	margin-bottom:0.25em;
	font-size:16px;
	color:#000000;
	border-bottom:1px dotted #666666;
}

h5 {
	position:relative;
	margin-bottom:0.25em;
	padding-left:10px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
h5:before {
	content:"";
	margin-top:-7px;
	position:absolute;
	top:50%;
	left:0;
	width:5px;
	height:14px;
	background:#000000;
}

h6 {
	margin-bottom:0.25em;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#ff0000;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dt:before {
	content:"\0025a0";
}
dd {
	margin-bottom:1em;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	/*background:#eee;*/
	background:rgba(218,222,177,0.6);
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	padding:5px 5px;
}

.summary {
	position:absolute;
	top:0;
	right:10px;
	margin:0;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:768px) {
	nav {
		background:#ffffff;
		border-bottom:1px solid #dddddd;
		/*box-shadow:0 1px 3px #999;*/
		z-index:3;
		height:55px;
		padding:5px 0 0 0;
		vertical-align:middle;
	}

	/* 共通 */
	nav ul {
		margin:0;
		padding:0;
	}

	nav ul li {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
	}

	nav ul li a {
		display:block;
		margin:0;
		padding:16px 0;
		background:#ffffff;
		color:#000000;
		font-size:14px;
		/*font-weight:bold;*/
		line-height:1;
		text-decoration:none;
	}

	nav ul li:hover > a {
		color:#62bb46;
		background:#ffffff;
	}

	/* 1段目 */
	nav ul.gnav > li {
		position:relative;
		width:15%;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
	}
	nav ul.gnav > li:first-child {
		width:10%;
	}
	nav ul.gnav > li:nth-child(4) {
		width:30%;
	}
	nav ul.gnav > li:nth-child(5) {
		width:15%;
	}

	nav ul.gnav > li.subnav a {
		padding-right:20px;
	}
	/*下層メニューありの場合の▼表示　下層メニューがある場合*/
	nav ul.gnav > li.subnav > a::after {
		position:absolute;
		content:"";
		top:19px;
		width:0;
		height:0;
		margin-left:10px;
		border:5px solid transparent;
		border-top-color:#666666;
	}
	nav ul.gnav > li.subnav > a:hover:after {
		border-top-color:#62bb46;
	}
	/* 2段目 */
	nav ul li ul {
		position:absolute;
		z-index:3;
		top:100%;
		left:0;
		width:100%;
		margin:0;
		padding:0;
	}

	nav ul li ul li {
		overflow:hidden;
		width:150%;
		height:0;
		color:#000000;
		transition:.2s;
	}

	nav ul li ul li a {
		padding:13px 15px;
		text-align:left;
		background:#ffffff;
		font-weight:normal;
	}

	nav ul li:hover > ul > li {
		overflow:visible;
		height:40px;
		border-bottom:1px solid #cccccc;
	}

	nav ul li:hover ul li:last-child {
		border-bottom:none;
	}

	nav ul.gnav > li:last-child > ul {
		left:-50%;
	}
	/*2段目に三角アイコン（右向き）表示　下層メニューがある場合*/
	nav ul li ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:-20px;
		width:0;
		height:0;
		border:5px solid transparent;
		border-left-color:#62bb46;
	}
	/*2段目に三角アイコン（左向き）表示　下層メニューがある場合*/
	nav ul.gnav > li:last-child ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:200%;
		margin-left:-20px;
		border:5px solid transparent;
		border-right-color:#62bb46;
	}

	/* 3段目 */
	nav ul li ul li ul {
		top:0;
		left:100%;
	}

	nav ul li ul li ul li {
		width:100%;
	}

	nav ul li ul li:hover > ul > li {
		border-bottom:1px solid #cccccc;
	}

	nav ul.gnav > li:last-child > ul li ul {
		left:-100%;
	}

	nav ul li ul li ul li a {
		background:#ffffff;
	}

	nav ul li ul li ul li a:hover {
		background:#ffffff;
	}

	.gnav {
		display:block !important;
	}

	#spMenu {
		display:none;
	}

	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
	font-size:12px;
	margin-bottom:20px;
	padding:2px;
	background:#f1f1f1;
}

/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	content:"\f054";
	color:#000;
}
.submenu li a {
	display:block;
	padding:10px 2px;
	color:#000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}
.submenu li a:hover {
	background:#eee;
}

.bnr {
	overflow:hidden;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
	width:100%;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
}

.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#efede9;
}
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 15px;
	font-size:12px;
	text-align:center;
}
.footmenu a {
	color:#333;
	text-decoration:none;
}
.footmenu a:hover {
	color:#333;
	text-decoration:underline;
}

.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
	color:#efede9;
	background:#2e2e2e;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#ff5a00;
}
.totop img:hover {
	background:#666666;
}

/*================================================
 *  もっと見るボタン
 ================================================*/
.more a{
	padding:5px 15px 0px 15px;
	border-radius:20px;
	/*background:#ff5a00;*/
	border:2px solid #000000;
	color:#000000;
}
.more a:hover{
	background:#9e9478;
	color:#ffffff;
}

/*================================================
 *  はにプレページ
 ================================================*/
.hanipre li .point {
	border:2px solid #d7c447;
	padding:10px 0 5px 0;
	background: #45484d;
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
	color:#d7c447;
}

/*左寄せボックス用*/
.soubi01 li .cont_box_left {
	width:70%;
	left:0;
	float:left;
	height:auto;
	display:block;
	border:1px solid #f0b7a1;
}
.soubi01 li .cont_box_left .soubi_title {
	padding:10px 0 5px 0;
	color:#ffffff;
	padding-left:20px;
	background: #f0b7a1;
	background: -moz-linear-gradient(top,  #f0b7a1 0%, #8c3310 32%, #8c3310 32%, #752201 55%, #bf6e4e 100%);
	background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
	background: linear-gradient(to bottom,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 );
}
.soubi01 li .cont_box_left .soubi_inner {
	padding:5px;
}

.soubi01 li .cont_box_left .soubi_inner .soubi_img {
	display:inline-block;
	width:30%;
	float:left
}
.soubi01 li .cont_box_left .soubi_inner .setumei {
	float:right;
	width:65%;
}

/*右寄せボックス用*/
.soubi01 li .cont_box_right {
	width:70%;
	right:0;
	float:right;
	height:auto;
	display:block;
	border:1px solid #f0b7a1;
}
.soubi01 li .cont_box_right .soubi_title {
	padding:10px 0 5px 0;
	color:#ffffff;
	padding-right:20px;
	background: #f0b7a1;
	background: -moz-linear-gradient(top,  #f0b7a1 0%, #8c3310 32%, #8c3310 32%, #752201 55%, #bf6e4e 100%);
	background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
	background: linear-gradient(to bottom,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 );
}
.soubi01 li .cont_box_right .soubi_inner {
	padding:5px;
}
.soubi01 li .cont_box_right .soubi_inner .soubi_img {
	display:inline-block;
	width:30%;
	float:right
}
.soubi01 li .cont_box_right .soubi_inner .setumei {
	float:left;
	width:65%;
}

.soubi02 {

}
.soubi02 .cont_box {
	display:block;
	border:1px solid #f0b7a1;
}
.soubi02 .cont_box .soubi_title {
	padding:10px 0 5px 0;
	color:#ffffff;
	background: #f0b7a1;
	background: -moz-linear-gradient(top,  #f0b7a1 0%, #8c3310 32%, #8c3310 32%, #752201 55%, #bf6e4e 100%);
	background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
	background: linear-gradient(to bottom,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 );
}

/*================================================
 *  各ページ　下部問合せバナーボックス
 ================================================*/
.contact_box {

}
.contact_box > ul li {
	/*background:#d1de4c;*/
	/*background: rgb(229,230,150);
	background: -moz-linear-gradient(-45deg,  rgba(229,230,150,1) 0%, rgba(209,211,96,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
	background: linear-gradient(135deg,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=1 );*/
	background:#dadeb1;
	display:inline-block;
	vertical-align:middle;
	padding-top:20px;
}
.contact_box > ul li p {
	margin-bottom:3px;
	padding-bottom:0;
}

/*ハニプレページ用*/
.hanipre_contact_box > ul li {
	/*background: rgb(229,230,150);
	background: -moz-linear-gradient(-45deg,  rgba(229,230,150,1) 0%, rgba(209,211,96,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
	background: linear-gradient(135deg,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=1 );*/
	background:#dadeb1;
	display:inline-block;
	vertical-align:middle;
	padding-top:20px;
}
.hanipre_contact_box > ul li p {
	margin-bottom:3px;
	padding-bottom:0;
}


/*================================================
 *  バウンズスクロール
 ================================================*/
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	height: 40px;
	margin: 2em auto;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: calc(50% - 25px);
	left: 50%;
	width: 40px;
	height: 40px;
}
.cp_arrows .cp_arrow::before,
.cp_arrows .cp_arrow::after {
	position: absolute;
	display: block;
	width: 3px;
	height: 30px;
	content: '';
	-webkit-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	-webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
	        transform: translate(-50%, -50%) rotateZ(-60deg);
	transform-origin: bottom right;
	border-radius: 10px;
	background: #333333;
}
.cp_arrows .cp_arrow::after {
	-webkit-transform: translate(-50%, -50%) rotateZ(60deg);
	        transform: translate(-50%, -50%) rotateZ(60deg);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
}
.cp_arrows .cp_bounce {
	-webkit-animation: arrow-move09 2s infinite ease-in-out;
	        animation: arrow-move09 2s infinite ease-in-out;
}
@-webkit-keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}
@keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}

/*================================================
 *  背景設定（主にinnnerで使用）
 ================================================*/
.bg1 {
	background-image:url("../images/bg01.jpg");
	background-repeat: repeat;
}
.bg2 {
	background-image:url("../images/bg02.png");
	background-repeat: repeat;
}

/*================================================
 *  クラス：リスト表示
 ================================================*/
.list {
	padding:0 0 0 0.5em;
}
.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../images/check.png) 0 5px no-repeat;
}

.info dt {
	border-bottom:none;
}
.info dd {
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}

/*1行に1列のリスト表示*/
.col_one {
	overflow:hidden;
}

.col_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_one li {
	list-style:none;
	/*float:left;*/
	width:98%;
	margin:0 2% 2% 0;
	display:block;
}
/*.col_one li:nth-child(n+1) {
	clear:both;
}*/
.col_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*1行に2列のリスト表示*/
.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}

.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*1行に3列のリスト表示*/
.col_three_one {
	overflow:hidden;
}

.col_three_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_three_one li {
	list-style:none;
	float:left;
	width:31.333333333%;
	margin:0 2% 2% 0;
}
.col_three_one li:nth-child(3n+1) {
	clear:both;
}
.col_three_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*1行に4列のリスト表示*/
.col_four_one {
	overflow:hidden;
}

.col_four_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_four_one li {
	list-style:none;
	float:left;
	width:23%;
	margin:0 2% 2% 0;
}
.col_four_one li:nth-child(4n+1) {
	clear:both;
}
.col_four_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*1行に5列のリスト表示*/
.col_five_one {
	overflow:hidden;
}

.col_five_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_five_one li {
	list-style:none;
	float:left;
	width:18%;
	margin:0 2% 2% 0;
}
.col_five_one li:nth-child(5n+1) {
	clear:both;
}
.col_five_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*1行に6列のリスト表示*/
.col_six_one {
	overflow:hidden;
}

.col_six_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_six_one li {
	list-style:none;
	float:left;
	width:14.66666666666666666%;
	margin:0 2% 2% 0;
}
.col_six_one li:nth-child(6n+1) {
	clear:both;
}
.col_six_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*1行に9列のリスト表示*/
.col_nine_one {
	overflow:hidden;
}

.col_nine_one ul {
	overflow:hidden;
	margin:2% -1% 0 0;
}
.col_nine_one li {
	list-style:none;
	float:left;
	width:10%;
	margin:0 1% 1% 0;
}
.col_nine_one li:nth-child(9n+1) {
	clear:both;
}
.col_nine_one li img {
	width:100%;
	margin-bottom:2.5%;
}
/*================================================
 *  イベント情報　受付中／終了しました　表示
 ================================================*/
.k_501 {
	margin-left:20px;
	background:#ffa726;
	color:#ffffff;
	padding:3px 8px 0px 8px;
}
.k_502 {
	margin-left:20px;
	background:#cccccc;
	color:#555555;
	padding:3px 8px 0px 8px;
}

/*================================================
 *  個別詳細ページ　写真リスト
 ================================================*/
/*概要*/
.col_two_one >ul.photo_view > li > div.photo_comt {
	border:1px dotted #cccccc;
	width:90%;
	margin:0 auto 15px;
	background:rgba(209,222,76,0.6);
	padding:3px;
}
.col_two_one  >ul.photo_view > li p {
	/*text-align:left;*/
}
.col_two_one  >ul.photo_view > li div.photo_waku {
	width:100%;
	height:342px;
	vertical-align:middle;
}
.col_two_one  >ul.photo_view > li img {
	/*width:100%;*/
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	/*height:342px;*/
	/*margin-bottom:2.5%;*/
}

/*写真リスト*/
/*写真の高さを160pxに固定し、幅を調整*/
.col_four_one > ul.photo_list >li img {
	width:auto;
	height:160px;
	overflow:hidden;
}


/*================================================
 *  トップページ　施工事例リスト
 ================================================*/
.w_list{}
.w_list .box{width:100%; height:400px; overflow:hidden; position:relative;}

.w_list > li:nth-child(1) > div.box .photo_area {width:70%; overflow:hidden; float:left; left:0; position:absolute;}
.w_list > li:nth-child(2) > div.box .photo_area {width:70%; overflow:hidden; float:right; right:0; position:absolute;}
.w_list > li:nth-child(3) > div.box .photo_area {width:70%; overflow:hidden; float:left; left:0; position:absolute;}

.w_list > li > div.box .photo_area img {width:100%; height:auto;}

.w_list > li:nth-child(1) > div.box .cont_area {width:45%; height:300px; position:absolute; float:right; right:0; background:rgba(255,255,255,0.95); margin:50px 0; border:1px solid #ffffff;}
.w_list > li:nth-child(2) > div.box .cont_area {width:45%; height:300px; position:absolute; float:left; left:0; background:rgba(255,255,255,0.95); margin:50px 0; border:1px solid #ffffff}
.w_list > li:nth-child(3) > div.box .cont_area {width:45%; height:300px; position:absolute; float:right; right:0; background:rgba(255,255,255,0.95); margin:50px 0; border:1px solid #ffffff;}

/*.w_list > li:nth-child(1) > div.box .cont_area .title {font-size:30px; font-weight:800; margin-top:20px;}
.w_list > li:nth-child(2) > div.box .cont_area .title {font-size:30px; font-weight:800; margin-top:20px;}
.w_list > li:nth-child(3) > div.box .cont_area .title {font-size:30px; font-weight:800; margin-top:20px;}*/

.w_list > li > div.box .cont_area .title {font-size:20px; font-weight:800; margin-top:20px; padding:5px;}
.w_list > li > div.box .cont_area .contents {width:80%; padding:10px; line-height:1.5em; background:#f8f4e6; margin:0 auto; text-align:left; color:#333333;}
.w_list > li > div.box .cont_area .more {margin-top:50px;}


/*================================================
 *  物件リスト　NEWマーク
 ================================================*/
/*三角形*/
.new_mark {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 60px 60px 0;
	border-color: transparent #d1de4c transparent transparent;
}
/*文字傾け*/
.new_mark span {
	width:60px;
	height:60px;
	padding:15px 0 0 8px;
	margin-top:0px;
	color:#000000;
	display:inline-block;

	transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.back_btn span a {
	background:#ff5a00;
	padding:5px 5px 0px 5px;
	color:#ffffff;
}
.back_btn span a:hover {
	background:#666666;
}


/*================================================
 *  資料請求・イベント　追従メニュー
 ================================================*/
.follow_contact {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10000;
}
.follow_contact ul li {
	list-style:none;
}
.follow_contact li a {
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fff;
  display: block;
  width: 90px;
  height: 90px;
  padding: 0px 0;
  line-height: 25px;
  /*border-radius: 50%;*/
  border: 1px solid #ffa726;
  background: #ffa726;
  position: relative;
}
.follow_contact li a .fa {
  display: block;
  font-size: 16px;
  margin-top:20px;
}
.follow_contact li a::after {
  content: "";
  display: block;
  width: 88px;
  height: 88px;
  border: 0px solid #fff;
  /*border-radius: 50%;*/
  position: absolute;
  left: 1px;
  top: 1px;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.follow_contact li a:hover::after {
  opacity: 1;
  border-width: 7px;
}
.follow_contact li.follow_contact_contact a {
  background-color: #8bc34a;
  /*background-color:rgba(139,195,74,0.7);*/
  border-color: #8bc34a;
}
.follow_contact li.follow_contact_event, .follow_contact li.follow_contact_sales {
  margin-top: 10px;
}
.follow_contact li.follow_contact_sales a {
	background-color: #34acac;
    border-color: #34acac;
}

.sp_f_nav {
  display: none;
  bottom: -30px;
}
.sp_f_nav ul {
  overflow: hidden;
  margin: 0 -1px;
}
.sp_f_nav li {
  float: left;
  /*width: 25%;*/
  width:33.33333333333%;
}
.sp_f_nav li a {
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #555555 no-repeat center 15px;
  background-size: auto 20px;
  padding-top: 20px;
  color: #fff;
  font-size: 11px;
  height: 35px;
  border-left: 1px solid #fff;
  position: relative;
}
.sp_f_nav li a::after {
  content: "";
  display: block;
  border: 5px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.sp_f_nav li a small {
  display: block;
  font-size: 8px;
}

.sp_f_nav .sp_f_nav_tel {
    background: #555555;
    text-align: center;
		border-top: 1px solid #fff;
}
.sp_f_nav .sp_f_nav_tel a {
	color: #fff;
    text-decoration: none;
		/*background-image: url(../img/ico/sp_tel01.png);*/
		background-position-x: 8%;
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 4%;
    background-position-y: 6px;
}
.sp_f_nav .sp_f_nav_event a {
  background-image: url(../img/sp_calendar01.png);
  background-size: auto 18px;
}
.sp_f_nav .sp_f_nav_event a::after {
  border-left-color: #ffa726;
  border-top-color: #ffa726;
}
.sp_f_nav .sp_f_nav_contact a {
  background-image: url(../img/sp_contact01.png);
  background-size: auto 18px;
}
.sp_f_nav .sp_f_nav_contact a::after {
  border-left-color: #8bc34a;
  border-top-color: #8bc34a;
}

.sp_f_nav .sp_f_nav_sales a {
  background-image: url(../img/sp_sales01.png);
  background-size: auto 18px;
}
.sp_f_nav .sp_f_nav_sales a::after {
  border-left-color: #34acac;
  border-top-color: #34acac;
}

.sp_f_nav .sp_f_nav_access a {
  background-image: url(../img/sp_map01.png);
}

/*================================================
 *  囲み文字
 ================================================*/
.maru_half {
	border-radius: 50%;
	font-size: 3em;
	line-height: 2em;
	padding-top: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.kaku_half {
	/*border-radius: 50%;*/
	font-size: 1.5em;
	line-height: 2em;
	padding-top: 0.8em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	margin-right:0.5em;
	margin-left:0.5em;
}
.kaku_txt {
	font-size: 1.5em;
	line-height: 2.0em;
	vertical-align:0px;
	padding-top:0.5em;
	padding-left:0.8em;
	padding-right:0.8em;
	padding-bottom:0.1em;
	margin-right:0.5em;
}
.maru_em {
	border-radius: 50%;
	font-size: 6em;
	line-height: 2em;
	padding-top: 0.1em;
	padding-left: 0.35em;
	padding-right: 0.35em;
}
.blk {
	background:#555555;
	color:#ffffff;
}


/*================================================
 *  その他
 ================================================*/
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.btm_sol {border-bottom:1px solid #666666;}
.btm_dot {border-bottom:1px dotted #666666;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}
.f_size_30 {font-size:30px;}
.f_size_25 {font-size:25px;}
.f_bold {font-weight:bold;}
.ver_top {vertical-align:top;}
.ver_mid {vertical-align:middle;}
.ver_btm {vertical-align:bottom;}
.fst_line:first-line {font-weight: bold; color: #62bb46;}
.clear {clear: both;}
.line_box_dot {border:1px dotted #000000;}
.line_box_sol {border:1px solid #000000;}
.slogan {font-weight:800; font-size:3em;}
a:hover img {
	/*拡大する*/
	/*transform: scale(1.2);
  transition-duration: 0.5s;*/

	/*明るくする*/
	opacity: 0.7;
	transition-duration: 0.3s;
} 


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	.inner {
		width:100%;
	}
	.inner_navi {
		width:100%;
	}

	#contents {
		/*box-sizing:border-box;*/
		width:100%;
		padding:0 0px;
	}
	nav	{font-size:12px;}
	footer {
		width:100%;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.lock {
		overflow:hidden;
	}

	header {
		z-index:2;
		box-sizing:border-box;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:15px 10px;
	}

	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}

	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}

	nav {
		background:#010000;
		z-index:10;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner_navi > ul {
		overflow:auto;
		position:fixed;
		top:53px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
		z-index:4;
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #ffffff;
		background:#64bb46;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#64bb46;
	}
	nav li a:hover {
		color:#fff;
		background:#64bb46;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	nav li li li a {
		padding:10px 30px 10px 70px;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#64bb46;
		z-index:9999;
	}
	.subnav a:hover:after {
	  background:#64bb46;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}

	#spMenu {
		display:block;
		z-index:2;
		position:fixed;
		top:10px;
		right:10px;
		
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:40px;
		height:40px;
		border-radius:5%;
		background:#62bb46;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#f1f1f1;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}
	
	.col_one,
	.col_two_one ul,
	.col_three_one ul,
	.col_four_one ul,
	.col_five_one ul,
	.col_six_one {
		/*margin-right:0;*/
		margin:0 3%;
	}
	.col_two_one li,
	.col_three_one li,
	.col_four_one li,
	.col_five_one li,
	.col_six_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
	.col_three_one li:nth-child(3n+1) {
		clear:both;
	}
	.col_four_one li:nth-child(4n+1) {
		clear:both;
	}
	.col_five_one li:nth-child(5n+1) {
		clear:both;
	}
	.col_six_one li:nth-child(6n+1) {
		clear:both;
	}
	#index_contents{margin-top:300px; z-index:0; background:#ffffff;}
	
	/*トップ施工事例*/
	.w_list{}
	.w_list .box{width:100%; height:230px; overflow:hidden; position:relative;}

	.w_list > li:nth-child(1) > div.box .photo_area {width:70%; overflow:hidden; float:left; left:0; position:absolute;}
	.w_list > li:nth-child(2) > div.box .photo_area {width:70%; overflow:hidden; float:right; right:0; position:absolute;}
	.w_list > li:nth-child(3) > div.box .photo_area {width:70%; overflow:hidden; float:left; left:0; position:absolute;}

	.w_list > li > div.box .photo_area img {width:100%; height:auto;}

	.w_list > li:nth-child(1) > div.box .cont_area {width:50%; height:150px; position:absolute; float:right; right:0; background:rgba(255,255,255,0.95); margin:25px 0; border:1px solid #ffffff;}
	.w_list > li:nth-child(2) > div.box .cont_area {width:50%; height:150px; position:absolute; float:left; left:0; background:rgba(255,255,255,0.95); margin:25px 0; border:1px solid #ffffff}
	.w_list > li:nth-child(3) > div.box .cont_area {width:50%; height:150px; position:absolute; float:right; right:0; background:rgba(255,255,255,0.95); margin:25px 0; border:1px solid #ffffff;}

	/*.w_list > li:nth-child(1) > div.box .cont_area .title {font-size:30px; font-weight:800; margin-top:20px;}
	.w_list > li:nth-child(2) > div.box .cont_area .title {font-size:30px; font-weight:800; margin-top:20px;}
	.w_list > li:nth-child(3) > div.box .cont_area .title {font-size:30px; font-weight:800; margin-top:20px;}*/

	.w_list > li > div.box .cont_area .title {font-size:14px; margin-top:10px; padding:5px;}
	.w_list > li > div.box .cont_area .contents {width:80%; padding:10px; line-height:1.5em; background:#f8f4e6; margin:0 auto; text-align:left; color:#333333;}
	.w_list > li > div.box .cont_area .more {margin-top:10px;}

	/*ハニプレページ*/
	.hani_line img {width:300px; height:auto;}
	
	/*左寄せボックス用*/
	.soubi01 li .cont_box_left {
		width:94%;
		margin:0 auto;
		left:0;
		float:none;
		height:auto;
		display:block;
		border:1px solid #f0b7a1;
	}
	.soubi01 li .cont_box_left .soubi_title {
		padding:10px 0 5px 0;
		color:#ffffff;
		padding-left:20px;
		background: #f0b7a1;
		background: -moz-linear-gradient(top,  #f0b7a1 0%, #8c3310 32%, #8c3310 32%, #752201 55%, #bf6e4e 100%);
		background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
		background: linear-gradient(to bottom,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 );
	}

	.soubi01 li .cont_box_left .soubi_inner .soubi_img {
		display:inline-block;
		width:100%;
		float:none;
	}
	.soubi01 li .cont_box_left .soubi_inner .setumei {
		float:none;
		width:100%;
	}

	/*右寄せボックス用*/
	.soubi01 li .cont_box_right {
		width:94%;
		margin:0 auto;
		float:none;
		height:auto;
		display:block;
		border:1px solid #f0b7a1;
	}
	.soubi01 li .cont_box_right .soubi_title {
		padding:10px 0 5px 0;
		color:#ffffff;
		padding-right:20px;
		background: #f0b7a1;
		background: -moz-linear-gradient(top,  #f0b7a1 0%, #8c3310 32%, #8c3310 32%, #752201 55%, #bf6e4e 100%);
		background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
		background: linear-gradient(to bottom,  #f0b7a1 0%,#8c3310 32%,#8c3310 32%,#752201 55%,#bf6e4e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 );
	}
	.soubi01 li .cont_box_right .soubi_inner .soubi_img {
		display:inline-block;
		width:100%;
		float:none;
	}
	.soubi01 li .cont_box_right .soubi_inner .setumei {
		float:none;
		width:100%;
	}
	.slogan {font-weight:800; font-size:1.7em;}
	
	.follow_contact,
  .follow_copyright {
    display: none;
  }
	.copyright {
		margin-bottom:105px;
	}
  .sp_f_nav {
    display: block;
  }

  .f_bottom {
    position: relative;
    position: fixed;
    width: 100%;
    z-index: 1000;
  }
	#fixed_footer {
 		bottom: -0px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -ms-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    transition-delay: 0.3s;
  }
  #fixed_footer.is_active {
    bottom: 0;
  }
	.col_two_one  >ul.photo_view > li div.photo_waku {
		width:100%;
		height:242px;
		vertical-align:middle;
	}
	
}