@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
color:#343434;
font-size:16px;
margin:0;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
background-image:url(../image/back.gif);
width:1200px;
overflow-x:hidden;
}

body > #primary {
height: auto;
}


a:link {color:#2b8efc; text-decoration:underline;}
a:visited {color:#2b8efc; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.right { float:right;}
.left { float:left;}
.center { text-align:center;}

.button {
	display:inline-block;
	border:solid 1px #4191eb;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	color:#4191eb !important;
	text-decoration:none !important;
	font-weight:bold;
}

.button:hover {
	background-color:#4191eb;
	color:#ffffff !important;
}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#lineup-font-size-sampler {
	display:none;
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

/*------------------------------------------------------------------------------------------------------------------
　Float Image
-------------------------------------------------------------------------------------------------------------------*/

.photo-l {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.photo-r {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.photo-l img {
	width:100%;
	height:auto;
}

.photo-r img {
	width:100%;
	height:auto;
}

.photo-c {
	text-align:center;
}

.photo-c img {
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:10px;
	padding-top:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#156bca !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#559fe3 1px,#4a84bf 1px,#2f669f) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#559fe3),color-stop(0.02,#4a84bf),color-stop(1,#2f669f)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#156bca !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#559fe3 1px,#4a84bf 1px,#2f669f) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#559fe3),color-stop(0.02,#4a84bf),color-stop(1,#2f669f)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
width:1200px;
overflow-x:hidden;
height:100%;
min-height:648px;
margin-left: auto;
margin-right: auto;
text-align: left;
position:relative;
background-image:url(../image/mv/back.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#subpage #primary {
	background-image:url(../image/subpage-back.jpg);
}

article {
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
padding-top:40px;
}

#left-window {
	width:700px;
	float:left;
	margin-bottom:50px;
}

#right-window {
	width:260px;
	float:right;
	margin-bottom:50px;
}

/*------------------------------------------------------------------------------------------------------------------
　Mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	width:2286px;	
	position:absolute;
	top:143px;
	left:50%;
	margin-left:-1143px;
}

.slider-primary {
	width:2286px;	
	height:505px;
	margin-left:auto;
	margin-right:auto;
}

#mainvisual .bxslider {
	width:2286px;	
	overflow:visible;
}

#mainvisual .bxslider .item {
	width:450px;
	height:450px;
	display:block;
	position:relative;
	margin-left:4px;
	margin-right:4px;
	float:left;
}
#mainvisual .bxslider .item .photo {
	background-size:cover;
	background-position:center;
	width:450px; height:450px;
}

#mainvisual .bxslider .item .comment {
	width:410px;
	padding-top:18px;
	padding-bottom:18px;
	padding-left:20px;
	padding-right:20px;
	background-color: rgba(0,0,0,0.6);
	position:absolute;
	bottom:0;
	left:0;
	color:#ffffff;
	font-size:24px;
	max-height:90px;
}

#mainvisual .bxslider .item .comment p {
	font-size:15px;
	margin:0;
	padding:0;
}


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 450px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 450px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width:450px;
	height:450px;
}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header {
	width:1100px;
	height:143px;
	margin-bottom:458px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#subpage header {
	margin-bottom:0;
}

header h1 {
	position:absolute;
	top:30px;
	font-size:16px;
	color:#ffffff;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 1px #000000;
	font-weight:normal;
}

header .logo a {
	width:291px;
	height:61px;
	display:block;
	background-image:url(../image/logo.png);
	position:absolute;
	top:56px;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

header .tel {
	background-image:url(../image/tel.png);
	width:372px;
	height:68px;
	display:block;
	position:absolute;
	top:40px;
	right:306px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

header .fas a {
	background-image:url(../image/fas.png);
	background-repeat:no-repeat;
	width:280px;
	height:70px;
	display:block;
	position:absolute;
	top:38px;
	right:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
}

/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

nav {
	width:100%;
	height:95px;
	background-image:url(../image/navi/back.gif);
	background-repeat:repeat-x;
}

nav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:1102px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

nav ul li {
	margin:0;
	padding:0;
	display:block;
	height:93px;
	float:left;
	background-color:#ffffff;
}

nav ul li a {
	display:block;	
	height:93px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	transition:0.3s;
}

nav ul li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

nav ul li.navi01 a { background-image:url(../image/navi/navi01.png); width:220px; }
nav ul li.navi02 a { background-image:url(../image/navi/navi02.png); width:220px; }
nav ul li.navi03 a { background-image:url(../image/navi/navi03.png); width:220px; }
nav ul li.navi04 a { background-image:url(../image/navi/navi04.png); width:220px; }
nav ul li.navi05 a { background-image:url(../image/navi/navi05.png); width:221px; }

/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-image:url(../image/footer/back.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:265px;
	padding-top:50px;
	position:relative;
}

#subpage #footer {
	border-top:solid 1px #d2d2d2;
}

#footer .f-logo {
	margin-left:auto;
	margin-right:auto;
	width:211px;
	height:156px;
	position:absolute;
	left:50%;
	margin-left:-105px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#footer .f-logo a {
	background-image:url(../image/footer/logo.png);
	width:211px;
	height:156px;
	display:block;
	transition:0.3s;
	margin-left:auto;
	margin-right:auto;
}

#footer .f-logo a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#footer #cc {
	background-image:url(../image/footer/cc-back.gif);
	width:100%;
	height:60px;
	line-height:60px;
	position:absolute;
	bottom:0;
}

#cc-primary {
	width:1102px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#ffffff;
	position:relative;
}

#cc-primary a {
	color:#ffffff;
}

#cc-primary a:hover {
	color:#ffe58b;
}

.topback a {
	position:absolute;
	top:-15px;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:160px;
	height:75px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.topback a:hover {
	background-image:url(../image/footer/topback_on.png);
}

/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

#content {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:30px;
}

h2 {
	color:#4191eb;
	font-size:36px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:600;
	text-align:center;
	display:block;
	line-height:40px;
	background-image:url(../image/line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:15px;
	margin-bottom:50px;
}

h2 span {
	display:block;
	font-size:20px;
	color:#a9a9a9;
}

h3 {
	background-image:url(../image/subtitle.png);
	background-repeat:repeat-x;
	height:74px;
	line-height:74px;
	font-size:22px;
	color:#535353;
	text-indent:25px;
	margin:0;
	padding:0;
	margin-bottom:40px;
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#about {
	background-image:url(../image/mv/top-mv.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:1100px;
	position:relative;
}

#about-comment {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#orner-comment-primary {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.orner-comment-left {
	width:483px;
	height:195px;
	border:solid 3px #4191eb;
	background-image:url(../image/mv/name01.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#ffffff;
	position:absolute;
	top:737px;
	left:0;
	padding-top:100px;
	padding-left:24px;
	padding-right:20px;
	font-size:15px;
}

.orner-comment-right {
	width:483px;
	height:195px;
	border:solid 3px #4191eb;
	background-image:url(../image/mv/name02.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#ffffff;
	position:absolute;
	top:737px;
	right:0;
	padding-top:100px;
	padding-left:24px;
	padding-right:20px;
	font-size:15px;
}

#point-primary {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../image/line.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:53px;
	padding-bottom:53px;
}

#point {
	width:1103px;
	margin-left:auto;
	margin-right:auto;
}

#point-primary .point01 {
	width:289px;
	height:204px;
	padding-top:255px;
	padding-left:22px;
	padding-right:22px;
	display:block;
	float:left;
	position:relative;
	background-color:#ffffff;
	background-image:url(../image/content/top/3point-01.png);
	background-repeat:no-repeat;
	background-position:top;
	margin-right:52px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
}

#point-primary .point02 {
	width:289px;
	height:204px;
	padding-top:255px;
	padding-left:22px;
	padding-right:22px;
	display:block;
	float:left;
	position:relative;
	background-color:#ffffff;
	background-image:url(../image/content/top/3point-02.png);
	background-repeat:no-repeat;
	background-position:top;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
}

#point-primary .point03 {
	width:289px;
	height:204px;
	padding-top:255px;
	padding-left:22px;
	padding-right:22px;
	display:block;
	float:right;
	position:relative;
	background-color:#ffffff;
	background-image:url(../image/content/top/3point-03.png);
	background-repeat:no-repeat;
	background-position:top;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
}

#point-primary .point01 h2, #point-primary .point02 h2, #point-primary .point03 h2 {
	font-size:26px;
	color:#608ee3;
	margin:0;
	padding:0;
	background:none;
	text-align:left;
	font-weight:300;
}

#point-primary .point01 p, #point-primary .point02 p, #point-primary .point03 p {
	font-size:16px;
	color:#313131;
	margin:0;
	padding:0;
}

#point-primary .point01 .button, #point-primary .point02 .button, #point-primary .point03 .button {
	margin:0;
	padding:0;
	border:none;
}

#point-primary .point01 .button a, #point-primary .point02 .button a, #point-primary .point03 .button a {
	width:289px;
	height:58px;
	display:block;
	background-image:url(../image/content/top/3point-button.png);
	text-decoration:none !important;
	color:#ffffff;
	line-height:58px;
	font-size:16px;
	text-indent:20px;
	text-shadow: 1px 1px 1px #102d4d;
	position:absolute;
	bottom:22px;
	transition:0.3s;
}

#point-primary .point01 .button a:hover, #point-primary .point02 .button a:hover, #point-primary .point03 .button a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#topics {
	width:100%;
	height:372px;
	background-image:url(../image/content/top/topics-back.jpg);
	background-position:center;
	padding-top:40px;
}

#topics h2 {
	width:189px;
	height:50px;
	background-image:url(../image/content/top/topics-title.png);
	background-repeat:no-repeat;
	display:block;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#topics-slider-primary {
	width:1102px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-8px;
}

#topics-slider-primary #topics-slider .item {
	width:260px;
	height:270px;
	display:block;
	background-color:#ffffff;
	margin-right:20px;
	margin-top:8px;
	position:relative;
	float:left;	
	transition:0.3s;
}

#topics-slider-primary #topics-slider .item:nth-child(4) {
	margin-right:0;
}

#topics-slider-primary #topics-slider .item:hover {
	margin-top:0px;
}

#topics-slider-primary #topics-slider .item a {
	width:260px;
	height:260px;
	display:block;
	text-decoration:none !important;
	transition:0.3s;
}

#topics-slider-primary #topics-slider .item a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#topics-slider-primary #topics-slider .item a .img {
	height:165px;
	width:100%;
	background-size:cover;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	max-width:260px;
	margin-bottom:14px;
}

#topics-slider-primary #topics-slider .item a p {
	margin:0;
	padding:0;
	padding-left:14px;
	padding-right:14px;
	color:#222222 !important;
}

#topics-slider-primary #topics-slider .item a span {
	display:block;
	font-size:18px;
	color:#96c2f2;
	font-family: 'Noto Sans Japanese', sans-serif;
	background-image:url(../image/content/top/pen.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:22px;
}


/*------------------------------------------------------------------------------------------------------------------
　result
-------------------------------------------------------------------------------------------------------------------*/

#content.result {
}

#content.result .result-primary {
	width:1142px;
}

#content.result .result-primary .list {
	width:338px;
	float:left;
	margin-right:42px;
	padding-bottom:30px;
}

#content.result .result-primary .list .thum  {
	width:338px;
	height:338px;
	display:block;
	margin-bottom:15px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.21);
}

#content.result .result-primary .list .thum a {
	width:338px;
	height:338px;
	display:block;
	transition:0.3s;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

#content.result .result-primary .list .thum a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#content.result .result-primary .list h4 {
	font-size:22px;
	margin:0;
	padding:0;
	font-weight:normal;
}

#content.result .result-primary .list p {
	font-size:14px;
	color:#121212;
	margin:0;
	padding:0;
}

#content.single-result {
}

.bx-wrapper li a {
	display:block;
	width:100%; height:525px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

#content.single-result #detail {
	background-image:url(../image/line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:30px;
}

#content.single-result #detail p {
	font-size:18px;
	margin:0;
	padding:0;
}

#content.single-result #detail #slider-primary {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

#content.single-result #detail #slider-primary .bx-prev {
	top:50%;
	margin-top:-39px;
}

#content.single-result #detail #slider-primary .bx-next {
	top:280px;
	margin-top:-39px;
}

#content.single-result #detail #slider-primary .item {
	max-width:900px;
	max-height:675px;
	width:auto;
	position:relative;
}

#content.single-result #detail #slider-primary .item .comment {
	padding-top:35px;
	padding-bottom:35px;
	padding-left:30px;
	padding-right:30px;
	background-color: rgba(0,0,0,0.7);
	display:block;
	width:100%;
	color:#ffffff;
	font-size:18px;
	position:absolute;
	bottom:0;
}

#content.single-result #detail #slider-primary #slider-navi {
	width:1120px;
	margin-left:-100px;
	padding-top:40px;
	padding-bottom:20px;
}

#content.single-result #detail #slider-primary #slider-navi .thum {
	width:204px;
	height:153px;
	overflow:hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	transition:0.3s;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
	background-color:#ffffff;
}

#content.single-result #detail #slider-primary #slider-navi .thum:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#content.single-result #detail #slider-primary #slider-navi .thum a {
	width:204px;
	height:153px;
	display:block;
	text-align:center;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

#content.single-result #detail table {
	width:1100px;
	background-color:#cccccc;
	border:solid 2px #cccccc;
	margin-bottom:30px;
}

#content.single-result #detail table th {
	background-color:#efefef;
	width:200px;
}

#content.single-result #detail table td {
	background-color:#ffffff;
}

#content.single-result #detail .comment02 {
	width:481px;
	float:left;
	border:solid 3px #4390e4;
	padding-left:24px;
	padding-right:24px;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:30px;
}

#content.single-result #detail .comment02 h4 {
	font-size:22px;
	color:#4390e4;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

#content.single-result #detail .comment02 p {
	font-size:15px;
	color:#1e1e1e;
	margin:0;
	padding:0;
}

#content.single-result #detail .comment03 {
	width:481px;
	float:left;
	border:solid 3px #4390e4;
	padding-left:24px;
	padding-right:24px;
	padding-top:20px;
	padding-bottom:20px;
}

#content.single-result #detail .comment03 h4 {
	font-size:22px;
	color:#4390e4;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

#content.single-result #detail .comment03 p {
	font-size:15px;
	color:#1e1e1e;
	margin:0;
	padding:0;
}
#content.single-result #detail .comment02 p img,
#content.single-result #detail .comment03 p img {
	width:18px !important;
	height:auto !important;
	vertical-align:-2px !important;
}

#pagenavi {
	width:510px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}

#pagenavi .next {
	width:148px;
	height:48px;
	display:block;
	border:solid 1px #d0d0d0;
	float:left;
	background-image:url(../image/content/result/next.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#f1f1f1;
	font-size:16px;
	color:#2e2e2e;
	line-height:48px;
	margin-right:30px;
	text-indent:34px;
}

#pagenavi .prev {
	width:148px;
	height:48px;
	display:block;
	border:solid 1px #d0d0d0;
	float:right;
	background-image:url(../image/content/result/prev.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#f1f1f1;
	font-size:16px;
	color:#2e2e2e;
	line-height:48px;
	text-indent:20px;
}

#pagenavi .back {
	width:148px;
	height:48px;
	display:block;
	border:solid 1px #d0d0d0;
	position:absolute;
	left:50%;
	margin-left:-74px;
	background-color:#f1f1f1;
	font-size:16px;
	color:#2e2e2e;
	line-height:48px;
	text-align:center;
}

#pagenavi .next a, #pagenavi .prev a, #pagenavi .back a {
	font-size:16px;
	color:#2e2e2e;
	text-decoration:none;
	width:148px;
	height:48px;
	display:block;
}

#pagenavi .next:hover, #pagenavi .prev:hover, #pagenavi .back:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*------------------------------------------------------------------------------------------------------------------
　company
-------------------------------------------------------------------------------------------------------------------*/

#content.company {
	font-size:16px;
}

#content.company #detail table {
	width:1100px;
	background-color:#cccccc;
	border:solid 2px #cccccc;
	margin-bottom:30px;
	margin-top:30px;
}

#content.company #detail table th {
	background-color:#efefef;
	width:200px;
}

#content.company #detail table td {
	background-color:#ffffff;
}

#content.company #detail table td p {
	height:60px;
	line-height:60px;
}

#content.company #detail table td p img {
	margin-right:10px;
}


/*------------------------------------------------------------------------------------------------------------------
　contact
-------------------------------------------------------------------------------------------------------------------*/

#content.contact {
}

#content.contact h4 {
	display:block;
	text-align:center;
	font-size:30px;
	color:#646464;
	margin-bottom:15px;
}

#content.contact p {
	font-size:16px;
	margin:0; padding:0;
}

.contact-about {
}

.contact-about p {
	font-size:17px !important;
}

.contact-about .tel-staff {
	float:right;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
	margin-bottom:50px;
}

#content .fc-red {
	color:#f00;
}
#content .generation {
	float:left;
	margin-right:10px;
	border:#efefef solid 2px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}
#content.contact table {
	width:1100px;
	background-color:#cccccc;
	border:solid 2px #cccccc;
	margin-bottom:30px;
	margin-top:50px;
}

#content.contact table th {
	background-color:#efefef;
	width:200px;
	font-size:16px;
}

#content.contact table td {
	background-color:#ffffff;
	font-size:16px;
}

.contact_fm {
}

form label {
	font-size:16px;
	margin:0 15px 0 0 !important;
	cursor:pointer;
	}
form input,
form select {
	padding:8px !important;
	}
form label:hover {
	color:#0091c3;
	}
	form label input {
		background:none !important;
		border:none !important;
		margin-right:4px;
		}
form textarea {
	width:97% !important;
	height:200px !important;
	padding:8px !important;
	}
form td textarea,
form td input,
form td select {
	font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:16px;
	background-color:#f6f6f6;
	border-top:1px solid #b4b4b4;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	}
form td input:focus,
form td textarea:focus,
form td select:focus {
	outline-color:#cccccc;
	background-color:#ffffff;
	}
.ip_ss 	{ width:100px; }
.ip_s 	{ width:150px; }
.ip_m 	{ width:250px; }
.ip_l 	{ width:80%; }
.contact_fm .error input,
.contact_fm .error textarea,
.contact_fm .error select {
	background:#ffcccc;
	}
.contact_fm .error label {
	color:#000000;
	font-weight:normal;
	}
.contact_fm .error label:hover {
	color:#0091c3;
	}
.contact_fm .error {
	clear:both;
	font-weight:bold;
	margin:0 !important;
	color:#FF0004;
	}

.sendDisp {
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
.sendDisp input {
		width:220px;
		height:42px;
		cursor:pointer;
		text-align:center;
		display:inline-block;
		margin-left:10px;
		margin-right:10px;
}
.sendDisp form {
		width:220px;
		height:42px;
		cursor:pointer;
		text-align:center;
		display:inline-block;
}


/*------------------------------------------------------------------------------------------------------------------
　topics
-------------------------------------------------------------------------------------------------------------------*/

.post-title {
	border-left:#4191eb solid 3px;
	padding-left:20px;
	margin-bottom:20px;
	line-height: 32px;
	font-size:16px;
	text-indent:0px;
}
	.post-title span.hiduke {
		font-weight:normal;
	}
	.post-title span.title {
		font-size:24px;
		color:#4191eb;
	}
.list-title {
	float:left;
	display: block;
	width:627px;
	font-size:16px;
	margin:0;
	padding:0;
	line-height: 32px;
	border-left: #4191eb solid 3px;
	padding-left: 20px;
	margin-bottom:10px;
}
	.list-title .date {
		font-weight:normal;
	}
	.list-title a {
		font-size: 24px;
		text-decoration:none;
		color: #4191eb;
	}

.latest-primary .list {
	position:relative;
	height:280px;
	background-image:url(../image/content/line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:42px;
	margin-bottom:20px;
}

.latest-primary .list .thum {
	width:420px;
	height:280px;
	overflow:hidden;
	margin-right:30px;
	float:left;
}

.latest-primary .list .thum a {
	width:420px;
	height:280px;
	display:block;
	transition:0.3s;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
}

.latest-primary .list .thum a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.latest-primary .list .thum a.nophoto {
	width:420px;
	height:280px;
	overflow:hidden;
	margin-top:10px;
	margin-right:30px;
	float:left;
	background-color:#f4f4f4;
	text-decoration:none !important;
}

.latest-primary .list .thum a.nophoto:before {
	content:"NO PHOTO";
	display:block;
	line-height:280px;
	text-align:center;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:24px;
	color:#bababa;
}

.latest-primary .list h3 {
	font-family: 'Noto Sans Japanese', sans-serif;
	margin:0;
	padding:0;
	font-weight:100;
	display:block;
	float:left;
	width:311px;
	font-size:24px;
	margin-bottom:15px;
}

.latest-primary .list h3 a {
	text-decoration:none;
	border-bottom:dotted 1px #00b4ef;
}

.latest-primary .list h3 .data {
	font-size:24px;
	color:#686868;
}

.latest-primary .list h3 .category {
	font-size:16px;
	color:#979797;
}

.latest-primary .list p {
	font-size:17px;
	color:#3d3d3d;
}

.latest-primary .list .detail-button a {
	width:650px;
	height:42px;
	line-height:42px;
	font-size:16px;
	text-align:center;
	border: solid 1px #d0d0d0;
	background-color: #f1f1f1;
	display:block;
	position:absolute;
	right:0;
	bottom:42px;
	text-decoration:none;
	color:#2e2e2e;
}
.latest-primary .list .detail-button a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.more-button a {
	width:761px;
	height:70px;
	background-image:url(../image/content/archive-button_off.png);
	display:block;
}

.more-button a:hover {
	background-image:url(../image/content/archive-button_on.png);
}


/*-----------------------------------------------------------------------------------
  写真・コメントセット
-----------------------------------------------------------------------------------*/

.media {
  margin-top:30px;
  width:100%;
  font-size:16px;
}

.media:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

.media__image-left {
  display:inline-block;
  float:left;
  margin-right:30px;
  margin-bottom:15px;
}
.media__image-right {
  display:inline-block;
  float:right;
  margin-left:30px;
  margin-bottom:15px;
}
.media__image-center {
  min-width:100%;
  text-align:center;
  margin-bottom:30px;
}

.media__image a img {
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  max-width:761px;
  height:auto;
}

.media__image a:hover img {
  filter:alpha(opacity=65);
  opacity:0.65;
  -moz-opacity:0.65;
}

.media__flie {
	padding:20px;
	border:dotted 1px #cccccc;
	margin-bottom:20px;
}

.media__flie img {
  vertical-align:middle;
  margin-right:1em;
}
	

/*-----------------------------------------------------------------------------------
  コンセプト
-----------------------------------------------------------------------------------*/

#concept-about {
	background-image:url(../image/content/concept/concept-about.png);
	background-repeat:no-repeat;
	height:523px;
	padding-top:38px;
	margin-bottom:50px;
	font-size:16px;
	color:#2c2c2c;
	line-height:28px;
}

#concept-about h4 {
	margin:0;
	padding:0;
	margin-bottom:30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image:url(../image/content/concept/main-comment.png);
	width:643px;
	height:131px;
}

#concept-point {
	background-image:url(../image/content/concept/concept-point.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:690px;
}

#concept-point .point-text {
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}

#concept-point .point-list {
	padding-left:313px;
	padding-bottom:33px;
	margin-bottom:30px;
	background-image:url(../image/line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	position:relative;
}

#concept-point .point-list:last-of-type {
	background-image:none;
}

#concept-point .point-list .photo {
	width:283px;
	position:absolute;
	top:0;
	left:0;
}

#concept-point .point-list .photo img {
	width:269px;
	height:auto;
	padding:6px;
	background-color:#ffffff;
	border:solid 1px #dddddd;
	margin-bottom:29px;
}

#concept-point .point-list h4 {
	font-size:30px;
	font-family: 'Noto Sans Japanese', sans-serif;
	margin:0;
	padding:0;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:44px;
}

#concept-point .point-list h4.tag01 { color:#faa254; background-image:url(../image/content/concept/tag01.png); }
#concept-point .point-list h4.tag02 { color:#49b82f; background-image:url(../image/content/concept/tag02.png); }
#concept-point .point-list h4.tag03 { color:#4191eb; background-image:url(../image/content/concept/tag03.png); }
#concept-point .point-list h4.tag04 { color:#ff83c3; background-image:url(../image/content/concept/tag05.png); }
#concept-point .point-list h4.tag05 { color:#4191eb; background-image:url(../image/content/concept/tag03.png); }

#concept-point .point-list ul {
	background-color:#fffbe6;
	border:solid 1px #ede3b1;
	display:block;
	margin:0;
	padding:0;
	padding-left:22px;
	padding-right:22px;
	padding-top:20px;
	padding-bottom:20px;
}

#concept-point .point-list ul li {
	margin-left:20px;
}

.hachinohe-official {
	background-image:url(../image/content/concept/hachinohe-official.png);
	width:1100px;
	height:169px;
	margin-left:-313px;
	position:relative;
}

.hachinohe-official h5 {
	margin:0;
	padding:0;
	font-size:30px;
	color:#0d4ca0;
	position:absolute;
	top:36px;
	left:205px;
}

.hachinohe-official p {
	font-size:16px;
	color:#000000;
	position:absolute;
	top:84px;
	left:205px;
	margin:0;
	padding:0;
}

.fax-bn {
	margin-top:10px;
	transition:0.3s;
}

.fax-bn:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	margin-left:10px;
}

#concept-point .point-list.rev .button {
	width:404px;
	height:58px;
	display:block;
	border:none;
	padding:0;
	margin:0;
	text-decoration:none;
	background-color:#ffffff;
}

#concept-point .point-list.rev .button a {
	background-image:url(../image/content/concept/button.png);
	width:404px;
	height:58px;
	display:block;
	border:none;
	padding:0;
	margin:0;
	text-decoration:none;
	font-size:18px;
	color:#2f2f2f;
	line-height:58px;
	text-indent:22px;
}

#concept-point .point-list.rev .button a:hover {
	color:#f79e2a;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.rev-content {
	width:404px;
	float:left;
}