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

/* ------------------------------------------------------------
	responsive 768px
   ------------------------------------------------------------ */
@media screen and (max-width: 768px){

#header,
#footer{
	width: 100%;
	padding:0;
}

a:hover{
	opacity:1.0;
}
a:hover img{
	opacity: 1.0;
}

/* ------------------------------------------------------------
	header
   ------------------------------------------------------------ */
#header .headerInner {
	width:100%;
	height:auto;
	padding:20px 0;
}
#header #logo_sp{
	display:block;
	position: static;
	text-align:center;
}
#header #logo_sp img{
	vertical-align: middle;
	width:112px;
	height:auto;
}
#header #logo{
	display:none;
}


/* .menuTrigger
   ------------------------------------------------------------ */
.triggerbtn{
	position: absolute;
	top:13px;
	right:7px;
	z-index: 9999;
}
.menu_open .triggerbtn{
    position: fixed;
}
.menu_open{
    position: fixed;
}
.triggerbtn a{
	display:block;
	position:relative;
	width:42px;
	height:42px;
	transition: all .3s;
}
.triggerbtn span {
	display: inline-block;
	position: absolute;
	width: 30px;
	height: 2px;
	left:6px;
	background-color: #2E3233;
	transition: all .3s;
}
.triggerbtn span:nth-of-type(1) {
	top: 10px;
}
.triggerbtn span:nth-of-type(2) {
	top: 20px;
}
.triggerbtn span:nth-of-type(3) {
	top: 30px;
}

.menu-open .triggerbtn{
	transition: all .3s;
}
.menu_open .triggerbtn a{
	background:none;
	border-bottom:none;
}
	
	.menu_open .triggerbtn span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.menu_open .triggerbtn span:nth-of-type(2) {
		opacity: 0;
	}
	.menu_open .triggerbtn span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}


/* .hamburgerMenu
   ------------------------------------------------------------ */
#hamburgerMenu{
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 90px;
    width: 100%;
    height: 0;
	background:#fff;
    transition: all .3s ease-out;
}
#hamburgerMenu #logo_sp_hb{
    display: block;
    position: static;
    text-align: center;
	padding:20px 0;
}
	.menu_open #hamburgerMenu{
		opacity: 1;
		visibility: visible;
		height: 100%;
		z-index: 100;
	}

#hamburgerMenu dl{
	display:none;
}
	.menu_open #hamburgerMenu dl{
		display: block;
		margin:0 auto;
	}

#hamburgerMenu dl{
	display:table;
	margin:0;
	width:100%;
	background:#F0EDD4;
}
#hamburgerMenu dl:nth-child(even){
	background:#F6F5E8;
}
#hamburgerMenu dt,
#hamburgerMenu dd {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0;
	margin:0;
}
#hamburgerMenu dt{
	padding-left:25px;
	width:120px;
	white-space:nowrap;
}
#hamburgerMenu dt a{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	letter-spacing: .1em;
	border-bottom:1px solid #000;
}
#hamburgerMenu dd li{
	text-align:center;
	display:inline-block;
	padding-right:12px;
}
#hamburgerMenu dd li a{
	font-size:12px;
	line-height:20px;
}
#hamburgerMenu dd li a:hovar{
	opacity: 0.5;
}
#hamburgerMenu .teiseiDt{
	visibility:hidden;
}

#hamburgerMenu img{
	vertical-align:middle;
}
#hamburgerMenu dt img{
	margin-left:0.5em;
}
#hamburgerMenu dd img {
	margin:0 0.5em;
}
#hamburgerMenu .comment{
	font-size:80%;
}

#hamburgerMenu .hamburgerBottom ul{
	margin-top:15px;
}
#hamburgerMenu .hamburgerBottom ul li{
	display:inline-block;
	text-align:center;
	width:32%;
	font-size:12px;
}

/* ------------------------------------------------------------
	globalNav
   ------------------------------------------------------------ */
#globalNav{
	position: static;
	margin:20px 10px;
	height:45px;
}
#globalNav ul{
}

#globalNav ul li{
	display: block;
	padding:5px 0;
	float:left;
	text-align:center;
	width:33.3%;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;

}
#globalNav ul li:nth-child(1),
#globalNav ul li:nth-child(4){
	border-left:1px solid #000;
	width:33.4%;
}
#globalNav ul li:nth-child(4),
#globalNav ul li:nth-child(5),
#globalNav ul li:nth-child(6){
	border-top:none;
}
#globalNav ul li:first-child{
	margin-left:0;
}
#globalNav ul li a{
	position: static;
	display:block;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 0;
}
	#globalNav ul li a:after {
		content: '';
		position: static;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 1px;
		background-color: #000;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

#globalNav ul li a:hover{
	opacity:1.0;
}
	#globalNav ul li a:hover:after {
		width: 100%;
	}
/* ------------------------------------------------------------
	contents
   ------------------------------------------------------------ */
#contents{
	width:100%;
	margin:0;
}

#contents #main{
	float:none;
	width: 100%;
	padding:0 20px;
	margin-bottom:30px;
}

#contents #side{
	width: 100%;
	float:none;
}
.ttlarea{
	width:100%;
	padding:0 20px;
	zoom:1;
	height:auto;
	text-align:center;
}
	  
.ttlarea .hd_h1{	  
	width: 100%;
    float: none;
	font-size:24px;
	line-height: normal;
	margin-bottom:10px;
}
.ttlarea .hd_h2{
    float: none;
	margin-bottom:10px;
	font-size:18px;
	line-height: normal;
}

#main .hd_h2{
	font-size:18px;
	text-align:center;
}

.mainvisual img{
	width:100%;
}

/*	breadCrumb
   ------------------------------------------------------------ */
#contents #breadCrumb{
	font-size:10px;
	padding:0 20px;
	margin:20px 0;
}
#contents #breadCrumb li:after {
    content: '>';
    display: inline-block;
    margin: 0 2px 0 5px;
}

/* ------------------------------------------------------------
	side
   ------------------------------------------------------------ */
#side .side_menu{
	display:none;
	width:100%;
}
#side .side_menu li{
	width:100%;
	text-align:center;
	border-top:1px solid #2E3233;
	margin:0;
}
#side .side_menu li:last-child{
	border-bottom:none;
}
#side .side_menu li a{
	line-height:50px;
	
}

#side .side_menu li a:hover{
	background:#fff;
}


/* ------------------------------------------------------------
	footer
   ------------------------------------------------------------ */
#footer{
	width: 100%;
	background:#F0EDD4;
}
#footer .footerInner{
	width: 100%;
	padding:0;
}
#footer #footerNav{
	
}


/* ------------------------------------------------------------
	footer
   ------------------------------------------------------------ */


#footer #footerNav dl{
		display: block;
		margin:0 auto;
	}

#footer #footerNav dl{
	display:table;
	margin:0;
	width:100%;
	background:#F0EDD4;
}
#footer #footerNav dl:nth-child(even){
	background:#F6F5E8;
}
#footer #footerNav dl dt,
#footer #footerNav dl dd {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0;
	margin:0;
}
#footer #footerNav dl dt{
	padding-left:25px;
	width:120px;
	white-space:nowrap;
	border:none;
}
#footer #footerNav dl dt a{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	letter-spacing: .1em;
	border-bottom:1px solid #000;
	padding-bottom:0;
}
#footer #footerNav dl dd li{
	text-align:center;
	display:inline-block;
	padding-right:12px;
}
#footer #footerNav dl dd li a{
	font-size:12px;
	line-height:20px;
}
#footer #footerNav dl dd li a:hovar{
	opacity: 0.5;
}
#footer #footerNav .teiseiDt{
	visibility:hidden;
}

#footer #footerNav img{
	vertical-align:middle;
}
#footer #footerNav dl dt img{
	margin-left:0.5em;
}
#footer #footerNav dl dd img {
	margin:0 0.5em;
}
#footer #footerNav .comment{
	font-size:80%;
}

/* ------------------------------------------------------------
	footerInnerBottom
   ------------------------------------------------------------ */
#footerInnerBottom{
	height:auto;
}
.footerInnerBottom{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: static;
}
.footerInnerBottom ul{
	float:none;
	margin:0;
	border:none;
}

.footerInnerBottom ul li{
	display: inline-block;
	text-align:center;
	width:32%;
	padding:0;
	border-right:none;

}
.footerInnerBottom ul li:first-child{
	margin-left:0;
}
.footerInnerBottom ul li a{
	position: static;
	display:inline-block;;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 0;
	line-height:1;
}
.footerInnerBottom ul li a:after {
	position: static;
}

.footerInnerBottom ul li a:hover{
	opacity:1.0;
}
	.footerInnerBottom ul li a:hover:after {
		width: 100%;
	}
/*	footerCopyright
   ------------------------------------------------------------ */
#footerInnerBottom #footerCopyright{
	margin:10px 0;
	text-align:center;
	float:none;
	font-size:12px;
}

#pagetop {
	display:block;
	position: static;
}
#pagetop a {
	display:block;
	width:100%;
	height:auto;
	border-radius:0;
	background: #91c9d2;
	opacity:1;
	text-align:center;
	line-height:1.2;
	padding:12px 0 15px;
}




}