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

/* 基本テキスト *******************************/
p {
	line-height: 1.8em;
}
.font140 {
	font-size: 140%;
}
.font130 {
	font-size: 130%;
}
.font120 {
	font-size: 120%;
}
.font110 {
	font-size: 110%;
}
.font90 {
	font-size: 90%;
}
.font80 {
	font-size: 80%;
}
.font70 {
	font-size: 70%;
}

/* フロート *******************************/
.f_left {
	float: left;
}
.f_right {
	float: right;
}
/* テキスト 段落 *******************************/
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/* marginセット *******************************/
/* margin-top ***************/
.mt4 {
	margin-top: 4px;
}
.mt8 {
	margin-top: 8px;
}
.mt12 {
	margin-top: 12px;
}
.mt16 {
	margin-top: 16px;
}
.mt24 {
	margin-top: 24px;
}
.mt32 {
	margin-top: 32px;
}
.mt40 {
	margin-top: 40px;
}
.mt48 {
	margin-top: 48px;
}
.mt56 {
	margin-top: 56px;
}
.mt64 {
	margin-top: 64px;
}

/* margin-right ***************/
.mr4 {
	margin-right: 4px;
}
.mr8 {
	margin-right: 8px;
}
.mr12 {
	margin-right: 12px;
}
.mr16 {
	margin-right: 16px;
}
.mr24 {
	margin-right: 24px;
}
.mr32 {
	margin-right: 32px;
}
.mr40 {
	margin-right: 40px;
}
.mr48 {
	margin-right: 48px;
}
.mr56 {
	margin-right: 56px;
}
.mr64 {
	margin-right: 64px;
}

/* margin-bottom ***************/
.mb4 {
	margin-bottom: 4px;
}
.mb8 {
	margin-bottom: 8px;
}
.mb12 {
	margin-bottom: 12px;
}
.mb16 {
	margin-bottom: 16px;
}
.mb24 {
	margin-bottom: 24px;
}
.mb32 {
	margin-bottom: 32px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb48 {
	margin-bottom: 48px;
}
.mb56 {
	margin-bottom: 56px;
}
.mb64 {
	margin-bottom: 64px;
}

/* margin-left ***************/
.ml4 {
	margin-left: 4px;
}
.ml8 {
	margin-left: 8px;
}
.ml12 {
	margin-left: 12px;
}
.ml16 {
	margin-left: 16px;
}
.ml24 {
	margin-left: 24px;
}
.ml32 {
	margin-left: 32px;
}
.ml40 {
	margin-left: 40px;
}
.ml48 {
	margin-left: 48px;
}
.ml56 {
	margin-left: 56px;
}
.ml64 {
	margin-left: 64px;
}

/* paddingセット *******************************/
/* padding-top ***************/
.pt4 {
	padding-top: 4px;
}
.pt8 {
	padding-top: 8px;
}
.pt12 {
	padding-top: 12px;
}
.pt16 {
	padding-top: 16px;
}
.pt24 {
	padding-top: 24px;
}
.pt32 {
	padding-top: 32px;
}
.pt40 {
	padding-top: 40px;
}
.pt48 {
	padding-top: 48px;
}
.pt56 {
	padding-top: 56px;
}
.pt64 {
	padding-top: 64px;
}

/* padding-right ***************/
.pr4 {
	padding-right: 4px;
}
.pr8 {
	padding-right: 8px;
}
.pr12 {
	padding-right: 12px;
}
.pr16 {
	padding-right: 16px;
}
.pr24 {
	padding-right: 24px;
}
.pr32 {
	padding-right: 32px;
}
.pr40 {
	padding-right: 40px;
}
.pr48 {
	padding-right: 48px;
}
.pr56 {
	padding-right: 56px;
}
.pr64 {
	padding-right: 64px;
}
/* padding-bottom ***************/
.pb4 {
	padding-bottom: 4px;
}
.pb8 {
	padding-bottom: 8px;
}
.pb12 {
	padding-bottom: 12px;
}
.pb16 {
	padding-bottom: 16px;
}
.pb24 {
	padding-bottom: 24px;
}
.pb32 {
	padding-bottom: 32px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb48 {
	padding-bottom: 48px;
}
.pb56 {
	padding-bottom: 56px;
}
.pb64 {
	padding-bottom: 64px;
}

/* padding-left ***************/
.pl4 {
	padding-left: 4px;
}
.pl8 {
	padding-left: 8px;
}
.pl12 {
	padding-left: 12px;
}
.pl16 {
	padding-left: 16px;
}
.pl24 {
	padding-left: 24px;
}
.pl32 {
	padding-left: 32px;
}
.pl40 {
	padding-left: 40px;
}
.pl48 {
	padding-left: 48px;
}
.pl56 {
	padding-left: 56px;
}
.pl64 {
	padding-left: 64px;
}

/* COLOR SHARE *******************************/
.blue {
	color: #2965BB;
}
.green {
	color: #315E35;
}
.red {
	color: red;
}
.pink {
	color: #ef788e;
}
/* font size *******************************/
.small {
	font-size: 80%;
}
/* 選択エリアカラー *******************************/
::selection {
background: #aff2f2;
}
::-moz-selection {
background: #aff2f2;
}

/* BASE LAYOUT *******************************/
body{
	margin:0;
}

img {
	transition: 0.6s ;
}

a:hover img{
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}

/*
#wrap {
	text-align: left;
	position: relative;
	background: #3d2911 url(../img/share/bg.jpg) no-repeat left top;
	background-position: center 84px;
	background-attachment: fixed;
	z-index: 10;
}
*/
/*
#wrap {
	text-align: left;
	position: relative;

	background: #3d2911 url(../img/share/bg.jpg) no-repeat;
	background-position: center 84px;
	background-size: cover;
	background-attachment: fixed;
	z-index: 10;
}
*/

#wrap {
	text-align: left;
	position: relative;
	background: #3d2911 url(../img/share/bg.jpg) no-repeat;
	background-position: center 0px;
	background-size: cover;
	background-attachment: fixed;
	z-index: 10;
}

#header-warp .inner {
	width: 100%;
	margin: 0px auto;
	background:#fff;
	opacity: 0.9;
}


#sns{
	position: absolute;
	top:20px;
	right:20px;
	width:auto;
	z-index:1000;
}

#sigIndex #sns{
	max-width: 1180px;
	width: 95%;
	margin: auto;
	left: 0;
	right: 0;
}

ul.sns {
	padding:0 0 0 0;
	text-align:right;
}

ul.sns li {
	display: inline;
	padding-left:5px;
	vertical-align:top;
	line-height:0px;
}
ul#lang{
	font-size:0px;
}
ul#lang, ul#lang li{
	display:inline;
	margin:0px;
	padding:0px;
}






#footer_g_navi {
	width: 100%;
	background: #fff;
	border-bottom:1px solid #ccc; 
}
#footer_g_navi .inner_box{
    width: 100%;   
    margin: 0 auto;  
    padding: 2px 0;
    background:#fff;  
}
#footer_g_navi ul li {
    display:inline-block;
	border-right: 1px solid #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
#footer_g_navi ul li a {
	padding-left: 24px;
	padding-right: 24px;
	color: #333;
	text-decoration: none;
}
#footer_g_navi ul li a:hover {
	text-decoration: underline;
}





/*** header-warp エリア *********************************/
#header-warp {
	width: 100%;
	position:relative;
	z-index: 1;
	text-align: center;  
}



#header-warp ul#gnavi {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0px 10px 20px;
	text-align:left;
}
#sigIndex #header-warp ul#gnavi{
	padding: 15px 0px 10px 0px;
	text-align:center;
}
#header-warp ul#gnavi li {
	display: inline-block;
	margin: 0 20px 0 0;
}

#header-warp ul#gnavi li.home {
	padding: 0 74px 0  0;
	z-index: 500;
}


#header-warp ul#gnavi li.outline {
	position:relative;
	padding: 0 0 16px;
	z-index: 500;
}
#header-warp ul#gnavi li.outline ul.pulldown {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 40px;
	left: -82px;
	width: 224px;
	border: solid 1px #999 solid;
}
#header-warp ul#gnavi li.outline ul.pulldown li {
	width: 224px;
	height: 20px;
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #FFF;
	background: #677311;
}
#header-warp ul#gnavi li.outline ul.pulldown li a {
	display: inline-block;
	color: #FFF;
	padding: 0 12px;
	text-decoration: none;
}
#header-warp ul#gnavi li.outline ul.pulldown li a:hover {
	text-decoration: underline;
}
#header-warp ul#gnavi li dl.lang {
	margin: 0;
}
#header-warp ul#gnavi li dl.lang dt {
	float: left;
}
#header-warp ul#gnavi li dl.lang dd {
	float: right;
}

/*** PANKUZU エリア *********************************/
#pankuzu {
	width: 100%;
	padding: 6px 0;
	margin: 0 0 56px;
	background: url(../img/share/bg_pankuzu.gif) repeat left top;
}
#pankuzu p {
	font-size: 11px;
	text-align: right;
	color: #777;
}
#pankuzu p a {
	text-decoration: none;
	color: #777;
}
#pankuzu p a:hover {
	text-decoration: underline;
}
/*** CONTENTS エリア *********************************/
#contents_wrap {
	margin: 0 0 24px;
}
#contents_wrap h2 {
	position: relative;
	font-size: 24px;
	padding: 24px 24px;
	color: #FFF;
	background: url(../img/share/bg_h2.gif) repeat-x left bottom #51BDBD;
}
#contents_wrap h2 .flower {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 500;
}
#contents {
	width: 896px;
	margin: 0;
	padding: 32px 32px;
	background: #FFF;
}


/*** FOOTER エリア *********************************/
#footer{
	width:100%;

}


#footer_top {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background: #000;
	text-align: center;
	
	color:#fff;
	z-index: 300;
}
#footer_top dl.footer_navi {
	margin: 0 auto;
	
}
#footer_top dl.footer_navi dt {
	float: left;
	width: 512px;
	margin: 0;
	padding: 0 32px 0 0;
}
#footer_top dl.footer_navi dd {
	float: right;
	width: 368px;
	margin: 0;
	padding: 0 0 0 32px;
	border-left: 1px solid #678991;
}

#footer_top dl.footer_navi dt ul.sns {
	margin: 0 0 24px;

}
#footer_top dl.footer_navi dt ul.sns li {
	float: left;
	margin: 0 16px 0 0;
}

#footer_top dl.footer_navi dt ul.archive {
	margin: 0 0 24px;
	background: #22444C;
}
#footer_top dl.footer_navi dt ul.archive li {
	float: left;
	margin: 0 32px 0 0;
	padding: 10px 0 0;
}
#footer_top dl.footer_navi dt ul.archive li.title {
	padding: 0;
}
#footer_top dl.footer_navi dt p.change_attention {
	font-size: 11px;
	color: #FFF;
}


#footer_top dl.footer_navi dd ul.f_navi {
	float: left;
	width: 160px;
	margin: 0 24px 0 0;
	color: #678991;
}
#footer_top dl.footer_navi dd ul.f_navi li {
	margin: 0 0 6px;
}
#footer_top dl.footer_navi dd ul.f_navi li a {
	color: #FFF;
	text-decoration: none;
}
#footer_top dl.footer_navi dd ul.f_navi li a:hover {
	text-decoration: underline;
}

#introduce_text {
	background: #22444C;
	color: #FFF;
	padding: 16px 0;
	text-align: right;
}
#footer_bottom {
	background: #FFF;
	text-align: center;
	padding: 32px 0;
	color: #999;
}
#footer_bottom h5 {
	margin: 0 auto;
	vertical-align: middle;
	
}

/*** FOOTER サポーターズ 追加 151019 **************/
#footer_supportersclub {
	width: 100%;
	background: #FFF;
	padding: 24px 0;
}
#footer_supportersclub h3 {
	font-size: 12px;
	font-weight: bolder;
	text-align: center;
	color: #4e1e56;
	margin: 0 0 24px;
}
#footer_supportersclub ul.logo_list {
	margin: 0;
	padding: 0;
}
#footer_supportersclub ul.logo_list li {
	float: left;
	width: 176px;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 10px;
}
#footer_supportersclub ul.logo_list li.last {
	margin: 0 0 20px;
}
#footer_supportersclub ul.logo_list li img {
	margin: 0 0 6px;
}
#footer_supportersclub ul.logo_list li a {
	color: #666;
	text-decoration: none;
}
#footer_supportersclub ul.logo_list li a:hover {
	text-decoration: underline;
}

#footer_supportersclub h4 {
	width: 100%;
	border-top: 1px dotted #999;
	margin: 0 0 6px;
	padding: 20px 0 0;
	font-size: 12px;
	font-weight: bolder;
}



.unimplemented{
   opacity: 0.6; 
   color:#666;
   text-decoration: none !important;
}

.unimplemented a:visited {
	text-decoration: none;
}

.unimplemented a:link {
	text-decoration: none;
}


#comme{
	width:80%;
	margin:0px auto;
	padding:10px;
	background:#000;
	z-index: 100;
}

.copyright{
	margin-top:20px;
}


/* for PC */

@media only screen and (min-width: 641px) {
	
	#gnaviSP{
		display:none;
	}
	
	#header-warp .inner {
		padding-top:40px;
	}
	
	#sigIndex #header-warp .inner {
		padding-top:0px;
	}
	
}

@media only screen and (min-width: 1350px) {
	
	#header-warp .inner {
		padding-top:0px;
	}
	
}


/* for SP */

@media only screen and (max-width: 640px) {
	
	#wrap {
		background:none;		/*PC用の背景はオフ*/
	}
	body::before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background:url(../img/share/bg.jpg) center/cover no-repeat; /*fixedをトル！*/
		-webkit-background-size:cover;/*Android4*/
	}
	/*
	#wrap {
		background-position: center top;
		background-size:contain;
		background-attachment:fixed;
	}
	*/
	
	
	ul.sns {
		padding:0 0 0 0;
		text-align:center;
	}
	ul.sns li{
		padding:0;
	}
	ul.sns li:last-of-type {
		display: block;
		margin-top:10px;
	}
	
	#gnavi{
		display:none;
	}
	
	#gnaviSP{
		display:block;
		text-align:left;
		background:rgba(255,255,255,0.85);
	}
	#gnaviSP li{
		border-bottom:1px solid #FFF;
	}
	#gnaviSP li a, #gnaviSP .unimplemented{
		display:block;
		padding:10px 0px;
		font-size:1.2em;
		text-align:center;
	}
	
	#comme{
		font-size:15px;
	}
	
	#footer_g_navi {
		
	}
	#footer_g_navi .inner_box{
		
	}
	#footer_g_navi ul li:first-child{
		display:none;
	}
	#footer_g_navi ul li:last-child{
		border:none;
	}
	#footer_g_navi ul li {
		display:block;
		padding:15px 0px;
		border:none;
		border-bottom: 1px solid #CCC;
	}
	#footer_g_navi ul li a {
		padding:20px;
		font-size:16px;
		color: #333;
	}
	#footer_g_navi ul li a:hover {
		
	}
	
	.copyright{
		font-size:14px;
	}
}