html,body{
	height:100%;
	min-width:980px;/*sp 背景きれるの予防*/
	max-width: 100%;
    width: 100%;
	font-size:12px;
	color:#231815;
}


#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
     margin: 0px auto;

}

#head{
	position: fixed;
	z-index:9999;
	right:0;
	background:#fff;
	width:100%;
	border-bottom:1px solid #f1f1f1;
}

#header{
	width: 980px;
	margin: 21px auto 11px;

}

#header h1{float:left;}
#header-right{padding-top:24px;	}
#header #menu ul{
    list-style:none;
    margin:16px auto 10px;
    float:right;
	width: 70%;
}
#header #menu li{float:left;}
#header #menu ul li a{color:#727171;}
#header #menu ul li a:hover{color:#231815;}
#header #menu ul li {
	margin-right:20px;
	font-size:18px;
	font-weight:bold;
}
#header #menu ul li.last {
	margin-right:0px;
}
#header .sns,#footer .sns{float:right;}
#header .sns img,#footer .sns img{width:38px;}

body#information #header #menu ul li.page01 a,
body#pledge #header #menu ul li.page02 a,
body#profile #header #menu ul li.page03 a,
body#message #header #menu ul li.page04 a,
body#speech #header #menu ul li.page05 a,
body#newspage #header #menu ul li.page06 a{color:#231815;}

h2{
	height: 454px;
	/* padding-top:140px; modify 20171119*/
    padding-top:152px;
}


body#index #fb{float:left;margin-top:50px;}
body#index #tw{float:right;margin-top:50px;}

/*各ページメインビジュアル*/

body.pages h2{text-indent:-99999px;}

/* body#index h2{background: url("../img/top/no00.png") no-repeat bottom center #EFEFEF;height: 474px;} */
body#index h2{background: url("../img/top/oped_ad.png") no-repeat bottom center #EFEFEF;height: 500px;}/* オプエド本広告用 */
body#pledge h2{background: url("../img/no01-mav.jpg") no-repeat bottom center #EFEFEF;}
body#profile h2{background: url("../img/no02-mav.jpg") no-repeat bottom center #EFEFEF;}
body#message h2{background: url("../img/no04-mav.jpg") no-repeat bottom center #EFEFEF;}
body#speech h2{background: url("../img/no05-mav.jpg") no-repeat bottom center #EFEFEF;}
body#newspage h2{background: url("../img/no06-mav.jpg") no-repeat bottom center #EFEFEF;}


.contents h3{
	background:#E5004F;
	color:#fff;
	font-size:32px;
	text-align:center;
	padding:24px;
	margin-bottom:50px;
}
#news .sns{text-align:center;margin-top:30px;}
#news .sns img{margin:20px;}

.newslist ul li{
	border-bottom:1px solid #333;
	padding:10px 0;
	font-size:15px;
	text-align:left;
}
.newslist ul li span{margin-left:80px;}
.newslist .btn{	margin:0 auto;}

.btn{
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:14px;
	width:250px;
	diaplay:block;
}

.topbg .btn{background:#E5004F;}

.btn2{
	background:#fff;
	color:#E5004F;
	font-size:18px;
	text-align:center;
	padding:14px;
	width:250px;
	diaplay:block;
}

.btn3{
	width:250px;
	margin-top:15px;
	background:#E5004F;
	font-size:18px;
	text-align:center;
	padding:14px;
	diaplay:block;
}

.btn3 a{
	color:#FFFFFF;
}

.btn4{
	width:530px;
	margin-top:15px;
	border:#E5004F 3px solid;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:14px;
	diaplay:block;
}

.btn4 a{
	font-weight:bold;
	text-decoration:underline;
}


.sankaku-right{
	margin-top:5px;
	margin-right:8px;
}

/*アコーディオン*/
#acMenu dt{
    display:block;
   width:250px;
   margin:40px auto 0px;
    cursor:pointer;
    background:url(../img/i_swich.png) 60px -262px no-repeat #E5004F;
    }

#acMenu dd{
    display:none;
    }
#acMenu dt.active{
    background:url(../img/i_swich.png) 60px 18px no-repeat #E5004F;
    }




/*中身*/
.contents{
	width: 100%;
	padding-bottom:300px; /*フッターの高さと同じ*/
	background:#EFEFEF;
}

body#index .box{
	min-width: 980px;
	max-width:1236px;
	margin:0px auto;
	font-size:14px;
}

body#index .box04{
	float:left;
	padding-top:100px;
	padding-left:0.5%;
}


body#index .box{max-width:1000px;} /* oped_ad.png の幅 */

/*TOP　ビジュアル*/
#no01{background: url("../img/top/no01.jpg") no-repeat top center;}
#no02{background: url("../img/top/no02.jpg") no-repeat top center;}
#no03{background: url("../img/top/no03.png") no-repeat top center;}
#no04{background:#E5004F; max-width:1236px; height: 446px; margin: 20px auto;}
#no05{background: url("../img/top/no05.jpg") no-repeat top center;}
#no06{background: url("../img/top/no06.jpg") no-repeat top center;}

#no07{background:#E5004F;color:#fff;padding:160px 0 0;}
#no07 h4{font-size:65px;font-weight:bold;text-align:center;}
#no07 a{color:#fff;font-weight:bold;}
#no07 h5{padding-bottom:150px;text-align:center;}
#no07 a.mailto{font-size:44px;text-decoration:underline;}
#no07 h6{text-align:right;max-width:1236px;min-width:980px;margin:0 auto;padding-bottom:10px;}
body#index #no07 a.gotop{font-size:20px;text-align:right;}

.topbg{height:446px;margin:20px auto;width:980px;}

#no01 .btn{float:right;margin-right:150px;margin-top:310px;}
#no02 .btn{float:left;margin-top:310px;}
#no03 .btn{float:right;margin-right:150px;margin-top:330px;}
#no04 .btn2{margin-top:20px;}
#no05 .btn{float:left;margin-top:280px;margin-left:16px;}
#no06 .btn{float:left;margin-top:260px;margin-left:16px;}

/*　画像オーバー用　*/
.topbg a {
	-webkit-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	transition: opacity 0.8s;

}
.topbg a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*　body　top用　*/
body.pages h6{text-align:right;}
body.pages a.gotop{font-size:20px;color:#E5004F;}


/*各ページ項目*/

body.pages .box{
	width: 980px;
	margin:0px auto;
	font-size:14px;
}

body.pages .main{margin:100px auto 0;}
body.pages .main h4{font-size:57px;margin-bottom:20px;font-weight:bold;}
body.pages .main h5{font-size:20px;}

body#message .main{margin:50px auto 0; width:800px;}
body#message .main .fll{width:44%;}
body#message .main p{font-size:23px;font-weight:bold;margin-bottom:5px;}
body#message .main h4{font-size:64px;margin-bottom:30px;font-weight:bold;line-height:120%;}
body#message .main h5{font-size:15px;line-height:180%;}


body#message .box hr {
  margin:50px auto 0;
  border: 0;
   border-bottom: 2px solid #000;
   width:800px;
}

body#speech .main{margin:100px auto;width:640px;}
body#speech .main h5,body#newspage .main h5{font-size:35px;font-weight:bold;margin-top:10px;}

body#newspage .main{margin:100px auto; width:800px;}


body#information .contents,
body#schedule .contents{padding-top:148px;}

body#profile .main h5 ul li{font-size:33px;}
body#profile .itembox .w15,body#schedule .itembox .w15{width:15%;}
body#profile .contents .itembox .w85,body#schedule .contents .itembox .w85{width:85%;}

body#schedule .main hr{
	margin:-10px auto 20px;
	border: 0;
	border-bottom: 2px solid #000;}


body#information p.date{font-size:30px;font-weight:bold;}
body#information .box hr{
	margin:70px auto -30px;
	border: 0;
	border-bottom: 2px solid #000;}

body#pledge .pinkbar{background: #E5004F;padding: 10px;margin-bottom: 50px;}
body#pledge .pinkbar_thin{background: #E5004F;padding: 2px;}
body#pledge .pledge_zero{padding: 62px 100px;}
body#pledge .pledge_zero h5{font-size: 35px;display: inline-block;margin-top: -5px;margin-left: 10px;line-height: 1.2em;}
body#pledge .pledge_zero .memo{padding-left: 85px;font-size: 20px;font-weight: bold;}
body#pledge img.visual {
	display: inline-block;
	position: absolute;
	padding-left: 790px;
}

/*フッター*/
/* -----------------------------------------------------
	Footer
----------------------------------------------------- */
#footer {
 position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  height:300px;
  margin:0px auto;
  background:#fff;
}

.foot{
	width: 980px;
	margin:0px auto;
	padding-top:80px;
}

#footer h1{float:left;}
#footer hr{border-left:2px #333 solid;height:70px;float:left;margin:40px 20px 0;}
#footer h3{float:left;font-size:22px;font-weight:bold;margin-left:100px;}
#footer p{float:left;font-size:10px;margin-top:46px;}

#cp{ position: absolute;
  bottom: 10px;
  font-size:12px;
  font-weight:bold;
}

body#index #topmainbtn{margin-top:300px;float:left;margin-left:535px;}

#line-send {
  display: none;
}

@media screen and (min-width: 1100px) {
body#index .box04{padding-left:11%;}}

@media screen and (max-width:1120px) {body#index #topmainbtn{margin-left:560px;}}
@media screen and (max-width:1200px) {body#index #topmainbtn{margin-left:540px;}}

@media screen and (max-device-width: 480px) {
#line-send {
  display: inline;
}
