@charset"Shift_JIS";
/*01 HTMLリセット*/
body{margin:0px;padding:0px;font-family:"Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";font-size: 14px; color:#575757;}
div,
form,
h1,h2,h3,h4,
ul,li,
dl,dt,dd,
p{margin:0px;padding:0px;line-height: 1.5em;}
p,dt,dd{text-align:justify;text-justify:distribute;}
a img,img{border:0;}
li{list-style-type:none;}

*{transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-moz-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-webkit-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-o-transition:color 200ms,background 200ms,border 200ms,opacity 300ms}

/*02 共通用基本設定*/
h1{}
h2{}
h3{}
h4{}
.clr{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{clear:both;text-align:center;}
.lastChild{margin-right:0%!important;float:right!important;}

.box_w460{ width:460px;}
.box_w500{ width:500px;}


p{word-break:break-all;}

/*03 レーヤアウト*/
.bg{
background-image: url(bg01.jpg),
url(bg02.jpg);
background-repeat: no-repeat,
repeat;
background-position: center top, 
center bottom;
}


#Wrap{padding-bottom:30px;}
#Contents{ width:980px; margin:0 auto;}
address{}




/*04 ヘッダー関連*/
#Header{
	height: 111px;
	padding-top: 10px;
	background: url(bg02.png) repeat-x left bottom;
	width: 100%;
}
#Header .logo{ width:982px; margin:0 auto;}
#Header .logo a{ display:block; width:100%;}
#Header .logo a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Navi{ height:65px; background:url(bg03.png) repeat-x left top;}
#Navi ul{ width:982px; margin:0 auto;}
#Navi li{ float:left;}
#Navi li a{ display:block;}
#Navi li a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}



/*05 コンテンツ関連　*/
.history__ttl{ margin:70px 0 30px 0; background-color:#000; height:50px; line-height:53px; text-align:center; color:#FFF; font-size:22px; font-weight:normal;}

/*奇蹟の大藤*/
.history__box_main{ margin-top: 50px; padding:44px 37px 80px 37px; background-color:#894480; filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.history__box_main h1{ width: 778px; margin: 0px auto 30px auto;}
.history__box_main p{display: block;  width: 85%; margin-left: auto; margin-right: auto; color: #fff; font-size: 18px; line-height: 160%;}


/*大藤移植*/
#main-contents{margin-top: 50px; padding:44px 37px 50px 37px; background-color:#fff9e9; filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
#main-contents .history__box_contents{background:url(back-flow.png) repeat-x left top; }
#main-contents .history__box_contents img {width: 100%; height: auto; margin-bottom: 20px;}
#main-contents .history__box_contents p{ color: #000; font-size: 16px; line-height: 160%; font-weight: bold ;margin-bottom: 10px;}
#main-contents .history__box_contents span.point{color:#4c007e; background: linear-gradient(transparent 80%, #fcff00 80%);}
#main-contents .history__box_contents p.en{ color: #333; font-size: 14px; line-height: 120%;font-weight: normal;}

.single-contents{ width: 100%;}
.single-contents-bottom{ width: 100%; margin-top: 50px;}

.double-contents{ width: 100%; margin-top: 50px;}
.double-contents ul{ display: flex; justify-content: space-between;}
.double-contents ul li{width: 48%;}
.double-contents dl{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; color: #000; font-size: 16px; line-height: 160%; font-weight: bold ;margin-bottom: 10px;}
.double-contents dl dt{width: 25%;}
.double-contents dl dd{width: 75%;}

.icon-image{position: relative;}
.icon-image .icon-01{position: absolute;width: 130px;height: 70px;top: 0;left: 0;}
.icon-image .icon-02{position: absolute;width: 130px;height: 70px;top: 70%;right: 0;}
.icon-image .icon-03{position: absolute;width: 130px;height: 70px;top: 70%;right: 0;}


/*ふじのはな物語*/
.history__box{ margin-top: 50px; padding:44px 37px 50px 37px; background-color:#fff9e9; filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.history__box img{ display:block;}
.history__box dt{ border-bottom:#575757 solid 2px; font-size:22px; padding-bottom:6px; margin-bottom:20px; font-weight:bold;}
.history__box dd p{ padding-bottom:16px;line-height:2em; }
.history__box ul{ width:100%; padding-top:36px;}
.history__box li{ float:left; margin-right:30px; width:282px;}
.history__box .ttlA{ text-align:center; padding-bottom:30px; padding-top:8px;}
.history__box .ttlA img{ margin:0 auto;}
.history__box .ttlB{ font-size:22px; padding-bottom:5px; padding-top:40px; border-bottom:#575757 solid 2px; margin:0 15px 30px 15px;font-weight:bold;}
.history__box .box_w460 p{ width: 400px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 160%; font-weight: bold ;}
.history__box .btn{ width:326px; height:53px; line-height:53px; color:#FFF; font-size:18px; text-align:center; background-color:#920783; text-decoration:none; display:block; margin:30px auto 0 auto; font-weight:bold;}
.history__box .btn:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}


.history__media{ width:100%;}

.btn__pagetop{ margin-top:45px; display:block;}
.btn__pagetop a{ float:right; text-decoration:none; color:#FFF;}
.btn__pagetop a:hover{ text-decoration:underline;}


#Footer{ background-color:#000A12; color:#FFF;}
#Footer .logo{ float:left; display:block; width:343px;}
#Footer .logo:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Foot{padding:30px 0 30px 0; width:980px; margin:0 auto;}
#Foot ul{ float:right; width:630px; padding-bottom:25px;}
#Foot li{ float:right; padding-left:25px;}
#Foot li a{ text-decoration:none; padding-left:21px; background:url(ico01.gif) no-repeat left center; color:#FFF;}
#Foot li a:hover{ text-decoration: underline;}
#Foot p{ float:right; text-align:right;}

/* hack css */
.history__box,
.history__box .block,
.history__box ul,
.btn__pagetop,
#Foot,
#Foot ul
{display:inline-block;}

.history__box:after,
.history__box .block:after,
.history__box ul:after,
.btn__pagetop:after,
#Foot:after,
#Foot ul:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}

/* Hide from IE-mac \*/
*html .history__box,
*html .history__box .block,
*html .history__box ul,
*html .btn__pagetop,
*html #Foot,
*html #Foot ul
{height: 1%;}

.history__box,
.history__box .block,
.history__box ul,
.btn__pagetop,
#Foot,
#Foot ul
{display: block;}
/* End hide fromIE-mac*/


.information{
	padding: 15px;
	border: 1px solid #043a76;
	margin-bottom: 20px;
}