@charset "UTF-8";


/* header */
header { background:#000; color:#EEE; padding:10px; }
@media screen and (max-width:670px){ #fixdHeadNav img{ width:100%; } }

h1 { text-align:center; border:solid #a79058; border-width:1px 0; padding: 80px 0; }
@media screen and (max-width:465px){ h1 img{ width:100%; } }

/* fixdHeadNav ------------- */
#fixdHeadNav { background:#000; top:0; left:0; width:100%; z-index:10000; }
#fixdHeadNav.fixedDef { display:none; }
#fixdHeadNav.fixedAct { display:block; position:fixed; }
#fixdHeadNav a{ display:block; border-bottom:1px solid #a79058; margin:10px; text-align:center; }
/* fixdHeadNav ------------- */


/* container */
#container { background:#EEE;/* padding:20px;*/ padding: 20px 0; }
h2{
	text-align:center;
    padding-top:15px;
    border-top:1px solid #CCC;
	margin:20px 0 10px; width:100%;
	/* DropShadow TEXT */
	text-shadow: 1px 1px 3px #666; /* Standard */
	-moz-text-shadow: 1px 1px 3px #666;　/* Fx gt 3 */
	-webkit-text-shadow: 1px 1px 3px #666;　/* Sf,Cr */
}
#container > section{
	padding: 0 20px;
}

/* freetile ------------- border:1px solid #A0A; */
#works { margin:0 auto 30px; }
#works section    {
	margin:0 10px 10px 0; padding:5px; width:241px; border:#CCC solid 8px; background:#FFFFFF;
	line-height:1.2em;
	/* DropShadow BOX */
	box-shadow: 1px 1px 3px #666; /* Standard */
	-moz-box-shadow: 1px 1px 3px #666;　/* Fx gt 3 */
	-webkit-box-shadow: 1px 1px 3px #666;　/* Sf,Cr */
}
#works section a  { display:block; text-decoration:none; color:#333; }
#works section h3 { line-height:1.2em; }
#works section h4 { line-height:1.2em; font-weight:normal; }
#works section p  { padding-top:8px; font-size:90%; color:#666; line-height:1.5em; }
#works section p span { font-size:80%; line-height:1em; color:#AAA; }
#works section img{ border:#e3e3e3 solid 1px; }
/**/
@media screen and (min-width: 320px){ #works{ width: 280px; } }
@media screen and (min-width: 600px){ #works{ width: 560px; } }
@media screen and (min-width: 880px){ #works{ width: 840px; } }
@media screen and (min-width:1160px){ #works{ width:1120px; } }
@media screen and (min-width:1440px){ #works{ width:1400px; } }
@media screen and (min-width:1720px){ #works{ width:1680px; } }
@media screen and (min-width:2000px){ #works{ width:1960px; } }
@media screen and (min-width:2280px){ #works{ width:2240px; } }
@media screen and (min-width:2560px){ #works{ width:2520px; } }
@media screen and (min-width:2840px){ #works{ width:2800px; } }
@media screen and (min-width:3120px){ #works{ width:3080px; } }
@media screen and (min-width:3400px){ #works{ width:3360px; } }
/**/
/* simple BTN CSS3 */
#works section a:hover{
	opacity: .50; /* Standard: Fx gt 1.5, Op,Sf,Cr */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Sf 1.x */
	-moz-opacity: .50; /* Fx lt 1.5, Netscape */
}
/* freetile ------------- */

/* twitter--------------- */
.twitter{ max-width:830px; margin:0 auto; padding:5%; }
.twitter_img{ width:49%; float:left;}
.twitter div { width:49%; float:right; height: 605px;}
.twitter div iframe { width:47%; float:right; border-radius:5px; border:#CCC solid 1px!important;}

/* 820px */
@media screen and (max-width:870px)
{
.twitter{ width:90%; text-align:center; }
.twitter div { width:100%; float:none;}
.twitter_img{ width:70%; float:none; margin-bottom:20px;}
}

/* twitter--------------- */

/* owl-carousel ------------- */
#link { margin:0 60px 10px; }
#link h3{ color:#333; font-size:100%; font-weight:normal; text-align:center; }
#link section a{
	text-align:center; color:#777; font-size:90%;
	margin:3px 10px; padding:10px; display:block;
	background:#FFF; border:1px solid #a79058;
	/* DropShadow BOX */
	box-shadow: 1px 1px 3px #666; /* Standard */
	-moz-box-shadow: 1px 1px 3px #666;　/* Fx gt 3 */
	-webkit-box-shadow: 1px 1px 3px #666;　/* Sf,Cr */
}
#link section a:hover{
	background:#CCC; border-color:#c8b57b;
	text-decoration:none;
}
/* ボタンを左右に配置 */
#owl-example {
	margin:0 auto;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
	position:absolute; top:2px; left:-60px; width:30px; height:50px;
	background:url(../img/navigation_left_off.png) top center no-repeat;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
	position:absolute; top:2px; right:-60px; width:30px; height:50px;
	background:url(../img/navigation_right_off.png) top center no-repeat;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
	background-image:url(../img/navigation_left_on.png);
}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
	background-image:url(../img/navigation_right_on.png);
}
/* owl-carousel -------------  */


/* maint ============== */
.maint * { box-sizing:border-box; text-align:center; }
.maint p { background:#000; width:820px; padding:20px 5px; margin:auto; font-weight:bold; }
.maint p img { width:100%; }
.maint p a {
	display:block; border:2px solid #FFF; border-radius:10px;
	width:100%; padding:10px; color:#FFF; font-size:1rem;
}
.maint p a:hover { text-decoration:none; background:#FFF; color:#000; }


/* information ============== */

/*moving2016*/
.moving2018            { position:relative; max-width:960px; margin-bottom:30px; }
.moving2018 img        { width:100%; }
.moving2018 .googleMap { position:absolute; bottom:5%; right:2%; width:54%; height:52%; background:#222; z-index:1000; }

/*moving2016-2*/
.moving2016-2            { position:relative; max-width:820px; margin-bottom:30px; }
.moving2016-2 img        { width:100%; }
.moving2016-2 .googleMap { position:absolute; bottom:6%; right:1.5%; width:56.8%; height:90%; background:#222; z-index:1000; }
/*moving2016-3*/
.moving2016-3.googleMap { max-width:100%; height:200px; margin-bottom:10px; }

/* 駐車場のご案内 */
section.access p { margin-bottom:30px;text-align:right;color:#aaa;}
section.access p a { color:#666;}


.top_info{ max-width:960px; margin-bottom:30px; border:1px solid #90C31F;}
.top_info img { width:100%; display: block; }
.nengajyo { text-align:center; margin-bottom:30px; }


/* topics */
.topics     { margin:10px auto 20px; max-width:820px; }
.topics a      { background:#111; padding:10px; display:block; position:relative; }
.topics a:hover{ background:#555; }
.topics img { float:left; margin-right:20px; }
.topics div { width:620px; float:right; }
.topics h3  {
	border:0; margin:0; padding:0;
	font-size:200%; text-align:left; line-height:1.5em; color:white;
	text-indent:-0.5em;
}
.topics p {
	margin:6px 0; padding:5px 0;
	border-top:   1px solid yellow;
	border-bottom:1px solid yellow;
	font-size:120%; color:yellow;
}
.topics span { color:white; }
.topics em   {
	position:absolute; display:block;
	top:10px; right:10px; width:2.6em; height:1.8em;
	background:yellow; border-radius:2em; padding-top:.8em;
	color:black; font-weight:bold; font-size:100%; line-height:1em; text-align:center;
}
.topics2     { margin:10px auto 20px; max-width:820px; }
.topics2 a      { background:#111; padding:10px; display:block; position:relative; }
.topics2 a:hover{ background:#555; }
.topics2 div { width:100%; float:left; }
.topics2 p {
	margin:6px 0; padding:5px 0;
	border-top:   1px solid yellow;
	border-bottom:1px solid yellow;
	font-size:120%; color:yellow;
}
.topics2 h3  {
	border:0; margin:0; padding:0;
	font-size:200%; text-align:left; line-height:1.5em; color:white;
	text-indent:-0.5em;
}
.topics2 span { color:white; }

/* 820px */
@media screen and (max-width:870px)
{
	.topics div { width:100%; float:none; }
	.topics img { float:none; display:block; margin:20px auto; }
	.topics h3  { font-size:150%;}
}
/* ========================== */

/* company ============== */
#container .company {
	background: #666;
	padding: 20px 0;
	margin:20px 0 0;
}

.company h2{ border-top: none; color: #FFF; margin-top: 0; padding-top: 0; }

.company .inner{
	max-width:820px;
	font-size: 110%;
	color: #FFF;
}


.company .inner dl{ width: 49%; padding-top: 20px; }

.company .inner dt{
	clear: both;
    float: left;
    margin-bottom: 20px;
    width: 20%;
    font-weight: bold;
 }
.company .inner dd{
    float: right;
    margin-bottom: 20px;
    width: 75%;
}

.company .inner dd a{
	color: #70c1f0;
}

.company .inner dd span a:before{
	content: ">";
	padding-left: 1em;
}
#company { padding-top:108px; margin-top:-108px; }

/* 820px */
@media screen and (max-width:870px)
{
	.company .inner{
		width:100%;
		font-size: 100%;
	}
	.company .inner dl{
		float: none;
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.company .inner dt,.company .inner dd{
		float: none;
	}
	.company .inner dt{	margin-bottom: 5px;	width: 100%;text-align: center;}
	.company .inner dd{
		margin-bottom: 15px;
		padding-bottom: 15px;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #CCC;
	}
	/* maint ============== */
	.maint p   { width:100%; }
	.maint p a { font-size:100%; }
}

.access h2{ border-top: none; }

/* ========================== */

/* banner */
.banner {
	width:100%;
	margin-bottom:20px;
}
.banner ul { text-align:center; }
.banner li { display:inline; margin:0 5px; }
/* 820px */
@media screen and (max-width:870px)
{
	.banner img { width:100%; }
	.banner li  { margin:0; }
}

/* partners */
#partners ul { text-align:center; vertical-align:middle; }
#partners li { display:inline; }


/* footer */
footer{ background:#000; color:#EEE; padding:18px 30px; }
footer p{ float:left; margin-right:1em; }
footer a{ color:#FFF; }