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

header,
footer,
#wrapper{width:100%; text-align:center; position:relative; margin:0 auto; padding:10px 0; clear:both; display:table}

#head_wrap,
#foot_wrap,
#wrap{width:96%; max-width:1000px; clear:both; position:relative; display:block; padding:0 2%; margin:0 auto;}

#menu,
#contents{display:block; position:relative; padding-top:20px; padding-bottom:120px;}

#menu{width:20%; float:left; text-align:right; padding-top:0; z-index:1000}
#contents{width:74%; float:right; z-index:1; padding-left:2%; padding-right:2%;}

.sp{display:none;}
@media all and (max-width:640px){
.pc{display:none;}
.sp{display:block}
}


.arrow{display:block; position:fixed; right:20px; bottom:30px; width:70px; height:70px; z-index:1000; line-height:90px; text-align:center}
.arrow a img{width:100%; height:auto; border:none;}
div.wall_img{width:28%; position:fixed; border:0; z-index:2; left:7%; bottom:-70px;}
div.wall_img img{ width:100%; height:auto;}

@media all and (max-width:480px){
.arrow{right:10px; bottom:30px; width:50px; height:50px; font-size:24px; line-height:40px;}
}
/*----------
header
------------*/
#head_wrap h1{width:85%; display:inline-block; float:left; text-align:left}
#head_wrap h1 img{height:auto; border:0; display:inline-block; margin:0; padding:0; float:left;}
#head_wrap h1 img.title1{width:43%;}
#head_wrap h1 img.title2{width:30%; margin-left:20px}
#head_wrap h1 img.title3{width:5%; margin:5px 10px 0 10px}

img.funsui{float:right; height:50px; width:auto; padding-top:10px;}


/*----------
menu
------------*/
#menu a img{width:auto; height:24px; border:0; display:block; clear:both; float:right; padding:7px 2px 5px 2px; z-index:1000}
#menu a img:hover{ padding:7px 24px 2px 0; background:url(../image/menu/mark.png) no-repeat; background-position:100% 70%;}

#menu > p span{font-size:1em; padding:5px; vertical-align:middle}
#menu > p img.menu_title{height:24px; width:auto; border:0; padding:05px; vertical-align:middle}
#menu > p{display:inline-block; margin:0;}

ul.accordion{display:none;}

/*accordion*/
@media all and (max-width:640px){
#menu{display:none;}

ul.accordion{clear:both; z-index:1000; display:block; position:relative; text-align:center; margin:0 0 10px 0; padding:0;}


ul.accordion a { display:block; padding:2px; text-decoration:none;}
ul.accordion p {display:inline-block; margin:0 auto; padding:0; text-align:center;}

ul.accordion p > span{font-size:1.5em; padding:0 0 0 10px; vertical-align:text-bottom}


ul.accordion ul { display:none; margin:0; padding:0}
ul.accordion > li { list-style:none; padding:0; margin:0;}
ul.accordion > li > ul{margin:-4px 0 0 0; padding:0; overflow:hidden}
ul.accordion > li > ul > li{list-style:none; float:left; width:50%; margin-right:-1px; text-align:right; padding:5px 0 0 0}
ul.accordion > li > ul > li a:hover{background:url(../image/menu/mark.gif) no-repeat; background-position:98% 40%; }

ul.accordion img{height:20px; width:auto; padding-right:10px; margin:0; padding-right:10px}
ul.accordion p > img{height:20px; padding:5px 30px; margin:0; vertical-align:bottom}
}


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

#foot_wrap{text-align:right; font-size:1.3em; padding:20px 0 10px 0; width:auto; margin-left:30%; margin-right:100px; margin-top:80px}



/*----------
cont
------------*/
#contents{text-align:left;}
#contents h2{font-size:2em; padding:0 10px 0 10px; margin:0 0 0 57px; height:35px; display:inline-block; vertical-align:middle; line-height:35px}
#contents div.title{width:100%; display:block; position:relative; background:url(../image/top/title-R.png) repeat-x; height:35px; margin:10px 0 30px 0}



@media all and (max-width:640px){
#menu,
#contents{clear:both; width:94%; float:none; padding:5px 2%; margin:0 auto}
#head_wrap h1{width:85%;}
#head_wrap h1 img{margin:0; padding:0 0 10px 0}
#head_wrap h1 img.title1{width:70%; float:left}
#head_wrap h1 img.title2{width:50%; float:right}
#head_wrap h1 img.title3{width:9%; float:left; margin:3px 10px 0 0}
#head_wrap h1 img.pc{display:none;}
img.funsui{padding-top:20px;}

div.wall_img{width:45%; left:-15px; bottom:-40px; max-width:300px}
footer{z-index:3;}
#foot_wrap{padding:10px 0; margin:0 4% 100px 16%; text-align:right; font-size:1.2em; display:inline-block}

#contents h2{font-size:1.5em; margin:0 0 0 27px;}
}


/*----------
top
------------*/
.top > div.title{display:none !important;}
.top > p{text-indent:1em; font-size:0.8em; line-height:1.5em; margin:0; padding:0 20px;}
.top img{width:80%; height:auto; margin:0 10%;}
.top > div{background:url(../image/top/photo.jpg) no-repeat 50% 50%; background-size:cover; padding:50px}
.top > div span{display:block;}
@media all and (max-width:800px){
.top > div{padding:10px;}
}
@media all and (max-width:480px){
.top > div{padding:10px 5px; background-size:contain}
.top > div p{margin:0; padding:0;}
}


/*----------
diary
------------*/
.diary > section{ display:block; position:relative; margin:20px 0; padding:0 0 10px 0}
.diary > section:nth-child(2n - 1){padding-left:2%;}
.diary > section:nth-child(2n){padding-left:13%;}
.diary > section:last-child{padding-bottom:50px;}

.diary > p{display:block; width:100%; text-align:right; font-size:0.8em;}
.diary ul.main{list-style:none inherit; margin:0; padding:0; clear:both; display:block}
.diary ul.main li{display:inline-block; vertical-align:middle; font-size:0.9em; line-height:1.4em; margin-right:10px}
.diary ul.main li a{display:inline-block; width:120px; height:30px;text-align:center; z-index:10}
.diary ul.main li.ad{font-size:2.4em; padding:4px; line-height:1em;}

.diary div.guide{clear:both; display:block; margin:5px 0; text-align:left; padding:0 5px}
.diary div.guide a{display:inline-block; margin:0; padding:5px;}

.diary ul.day-text{list-style:none; text-align:left;margin:0; padding:0;}
.diary ul.day-text li{display:inline-block; padding:8px 2%; vertical-align:top; margin:0; list-style:none; width:20%; text-align:right; letter-spacing:3px; font-size:1.2em; word-wrap:break-word;}
ul.day-text li:nth-child(2n){min-width:70%; text-align:left; font-size:0.92em;}

@media all and (max-width:800px){
.diary > section:nth-child(2n - 1){padding-left:1%;}
.diary > section:nth-child(2n){padding-left:1%;}
.diary ul.main li{vertical-align:top; margin-right:5px}
.diary ul.main li a{width:100px;}
.diary ul.main li.ad{font-size:2em;}
}
@media all and (max-width:640px){
.diary > section{ margin:10px 0; padding:0 0 10px 0}
.diary ul.main li{display:block; margin-left:30px; vertical-align:middle;}
.diary ul.main li.ad{display:inline-block; margin:0 0 10px 0; font-size:1.8em}

.diary div.guide a{display:inline-block; margin:0; padding:5px 3px;}


.diary ul.day-text li{letter-spacing:0; font-size:1em;}
.diary ul.day-text li.nth-child(2n){width:65%; font-size:0.9em}
}
@media all and (max-width:321px){
.diary ul.main li{margin-left:0;}
}

/*----------
file disco
------------*/
div.file_guide{text-align:center; margin:50px 0}
div.file_guide a{font-size:1.4em; padding:2px 10px;}
div.file_guide a > span{padding-right:8px; vertical-align:middle; font-size:1.4em;}
div.file_guide ul{list-style:none; text-align:center; display:block; width:auto; margin:0; padding:0}
div.file_guide li{display:inline-block;}
div.file_guide li:after{content:"｜"; font-weight:bold}
div.file_guide li:last-child:after{content:""}

div.file h3{font-size:1.6em; letter-spacing:3px; text-align:left}
div.file h3 > span{font-size:1.1em; margin:0 10px; vertical-align:middle}
#cd,
#video,
#cinema{text-align:center;}
#cd > h4{display:inline-block; margin:0; padding:0; line-height:0;}
#cd > h4 img{margin:0; padding:0; border:none; vertical-align:top}
#cd > ul.guide_cd{display:inline-block; vertical-align:top; list-style:none; margin:0; padding:10px; text-align:left}
#cd > ul.guide_cd a{font-size:1.2em;}
#cd > ul.guide_cd li{padding:8px;}

#cd ul.cd_title,
p.memorial{width:80%; margin:20px auto 0 auto; padding:0; list-style:none; display:table; position:relative; text-align:left}
#cd ul.cd_title li{display:inline-block; vertical-align:middle; text-align:left; line-height:1.4em; padding:5px 0; font-size:0.9em; }
#cd ul.cd_title li:nth-child(1){font-size:1.6em; font-weight:bold;  padding-right:50px;}
#cd ul.cd_title img{height:28px; width:auto; border:none; padding-left:20px; max-width:100%}
#cd ul.cd_title li:nth-child(3){display:block; text-align:center}

#cd ul.cd_title li > table{width:100%; margin:0; padding:0; font-size:0.8em}
#cd ul.cd_title li > table,
#cd ul.cd_title li > tr,
#cd ul.cd_title li > td{border:none; margin:0; text-align:left}
#cd ul.cd_title tr > td:nth-child(2){font-size:1.3em;}
#cd ul.cd_title span > img{height:20px; width:auto; margin:0; padding:0; vertical-align:bottom}

p.memorial{list-style:none; padding:10px; overflow:hidden; text-align:left; font-size:1.1em;}
p.memorial > img{width:80px; height:auto; margin:0 0 5px 5px; float:right; vertical-align:middle}

#video ul{list-style:none; padding:10px 0 0 0; margin:0 0 20px 0; text-align:center}
#video h3 > span{font-size:1.5em;}
#video li span{display:inline-block; padding:0 5px;}
#video ul li:last-child{text-align:left; padding:5px}
#cinema ul,
#cinema p{margin:0 auto;}
#cinema p{text-align:left; padding:0; font-size:0.9em; margin-bottom:20px}
#cinema ul{list-style:none; padding:0; font-size:0.9em;}
#cinema ul li:nth-child(2){font-size:1.8em;}
#cinema ul li span{font-size:0.8em; margin-right:5px}


@media all and (max-width:1000px){
div.file_guide a{font-size:1.3em;}
#cd ul.cd_title{width:98%;}
p.memorial{width:96%;}
}

@media all and (max-width:840px){
div.file_guide a{font-size:1.2em;}
}

@media all and (max-width:760px){
div.file_guide a{font-size:1em; padding:2px;}
#cd ul.cd_title tr > td:nth-child(2){font-size:1.15em;}
#cd ul.cd_title span img{height:18px;}
}
@media all and (max-width:640px){
div.file h3{font-size:1.4em; letter-spacing:1px;}
div.file_guide a{font-size:1.24em;}
#cd ul.cd_title img{height:28px; width:auto; border:none; padding-left:10px; padding-right:10px;}
#cd ul.cd_title tr > td:nth-child(2){font-size:1.25em;}
}
@media all and (max-width:520px){
div.file_guide ul{display:inline-block;}
div.file_guide li{display:block; margin:15px 0; text-align:center; width:auto; text-align:left;}
div.file_guide li:after{content:"";}
div.file_guide a{font-size:1.4em; padding:5px;}

#cd ul.cd_title img{height:22px;}
}

@media all and (max-width:480px){
#cd ul.cd_title li{display:block; text-align:center; padding:0;}
#cd ul.cd_title li:nth-child(1){font-size:1.3em; font-weight:bold;  padding-right:0;}
#cd ul.cd_title img{padding:5px 0;}

#cd ul.cd_title tr > td{display:inline-block;}
#cd ul.cd_title tr > td:nth-child(1){width:10%; font-size:1.1em; text-align:center}
#cd ul.cd_title tr > td:nth-child(2){width:auto; font-size:1.3em;}
#cd ul.cd_title tr > td:nth-child(3),
#cd ul.cd_title tr > td:nth-child(4),
#cd ul.cd_title tr > td:nth-child(5){display:none;}
#cd ul.cd_title span img{height:16px;}

p.memorial > img{width:60px;}
}

/*----------
live report
------------*/
.report{text-align:center; display:block;}

.back{text-align:right; clear:both}
.back a{padding:3px 18px; font-size:0.9em}

.report h3{font-weight:normal; font-size:1.2em; text-align:center}
.report h3 span{display:inline-block;}
.report h4{text-align:center;}
.report > hr{background:url(../image/report/line.png) repeat-x; border:none; margin:0 0 5px 0; padding:0; height:24px}
.report > hr.bottom{background:url(../image/report/line_bottom.png) repeat-x; border:none; margin:10px 0 5px 0; padding:0; height:24px}
.text{background:url(../image/report/wall.png); background-position:0 -5px; margin:0; padding:6px 0 30px 0; line-height:1.67em; font-size:0.95em;}
.report p{text-indent: 1em; margin:27px 0 0 0; padding:0; clear:both}
.report p:after{content: ""; clear: both; display: block;}
.report p.com{text-align:center; font-size:0.8em; line-height:1.2em;}
.report ul{margin:0; padding:0;}
.report ul li{list-style:disc inside; padding-bottom:1em}
.report ul li > p{margin:0; text-indent:0;}
.report img{max-width:40%; height:auto;}
.report img.right,
ul.right{float:right; margin:5px 0 5px 10px;}
.report img.left,
ul.left{float:left; margin:5px 10px 5px 0;}

.report h5{font-size:1.1em; margin:0; padding:0}
.text > ul{display:block; text-align:center}
.text > ul li{list-style:none; text-decoration:underline; padding:10px 0; margin:0;}

ul.setlist{display:inline-block; width:auto; background:rgba(0,0,0,0.3); float:left; padding:5px;}
ul.setlist li{margin:0; padding:0; text-decoration:none}
ul.report_guide{width:auto; display:block; position:relative; margin:0 auto; padding:0; text-align:center}
ul.report_guide li{list-style:none; text-align:center; padding:5px; margin:10px auto;}
ul.report_guide li span{display:inline-block;}
ul.report_guide li span:before{padding-right:5px;}
ul.report_guide li span:nth-child(2){margin-left:16px;}

.report table,
.report table td{border:1px solid rgba(255,255,255,0.5);}
.report table td > span{display:block; text-align:right;}
.report table td > p{margin:0; text-indent:0;}
@media all and (max-width:380px){
.report > ul li span{display:block; margin-left:0;}
}

/*----------
profile
------------*/
.profile{text-align:center;}

ul.accordion_p{clear:both; display:block; position:relative; text-align:center; padding:0; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border:4px solid #004152; width:80%; margin:0 auto 30px auto;
background:#FFF;
background-image:url(../image/top/wall_cover.png);
background-size:cover;
background-position:100% 100%;
background-repeat:no-repeat;}

ul.accordion_p a { display:block; padding:2px; text-decoration:none;}
ul.accordion_p p {display:block; margin:0 auto; padding:0 10px; text-align:left;}
ul.accordion_p li.center{text-align:center; letter-spacing:10px;}

ul.accordion_p ul { display:none; margin:0; padding:0;}
ul.accordion_p > li { list-style:none; padding:0; margin:0;}
ul.accordion_p > li > ul{margin:-4px 10px 10px 10px; padding:5px; overflow:hidden; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; background:rgba(0,102,153,0.2); border:1px solid #004152;}
ul.accordion_p > li > ul > li{display:block; margin:0; padding:2px; text-align:left;}
ul.accordion_p > li > ul > li p{padding-left:3px; font-weight:normal;}
ul.accordion_p > li > ul > li p:before{content:"■";}
ul.accordion_p > li > ul > li img{float:right; margin:0 0 8px 8px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border:1px solid #004152; }

ul.accordion_p > li > ul > li > ul > li:last-child { border-bottom:none;}

ul.accordion_p > li > p span{display:inline-block; text-align:right; width:20%; font-size:1.1em; font-weight:bold; font-family: 'Combo', cursive , sans-serif;}
ul.accordion_p > li > p span:nth-child(2) { background:url(../image/profile/arrow1.png) no-repeat; background-position:100% center; background-size:contain; margin:10px auto 10px 5%; width:auto; text-align:left; width:70%}
ul.accordion_p > li > p span img{width:auto; height:30px; vertical-align:middle; margin:0; padding:5px;}

ul.accordion_p > li > p span:nth-child(2).open { background:url(../image/profile/arrow2.png) no-repeat; background-position:100% center; background-size:contain; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; color:#333}

@media all and (max-width:480px){
ul.accordion_p{width:98%;}
ul.accordion_p p {padding:3px 10px; text-align:left;}
ul.accordion_p > li > p span,
ul.accordion_p > li > p span:nth-child(2){display:block; width:100%; text-align:left; margin:5px 0}
ul.accordion_p > li > p span img{width:auto; height:26px; padding:2px;}

ul.accordion_p > li > ul > li{padding:0; margin:0;}
ul.accordion_p > li > ul{margin:-4px 4px 4px 4px; padding:3px;}
}

/*----------
etc...
------------*/
.etc{ text-align:left;}
.etc ul{list-style:none; margin:10px auto; padding:0; width:80%;}
.etc ul li{overflow:auto; zoom:1; padding-top:10px}
.etc ul li.pin{float:left; margin-right:10px;}
.etc span img{width:40px; line-height:auto; margin-top:-10px}
.etc p{text-align:center; margin:0; padding:0; letter-spacing:15px;}
.etc p img{margin:5px 10px;}
@media all and (max-width:480px){
.etc ul{list-style:none; margin:10px auto; padding:0; width:98%;}
.etc ul li{overflow:inherit; padding-top:10px}
.etc p img{margin:5px 3px;}
}

/*----------
record
------------*/
.record{text-align:left;}
.record ul{list-style:none; margin:0; padding:0}
.record li{padding:5px 20px; font-size:0.9em}
.record ul li:nth-of-type(2n+1){background:rgba(255,255,255,0.6) url(../image/record/mark.png) no-repeat 5px 0; background-size:contain; padding:3px 1px 3px 40px; margin-top:20px; color:#000; border-left:12px solid #004152; vertical-align:middle}
.record li p{ margin:0; padding:0; text-align:center;}
.record li p img{margin:2px;}
@media all and (max-width:480px){
.record li{padding:5px 0;}
}

/*----------
schedule
------------*/
.schedule{text-align:center;}
.schedule ul{list-style:none; margin:0 auto 30px auto; padding:0; width:80%; text-align:center}
.schedule ul li{padding:5px 0; line-height:2em; font-weight:bold;}
.schedule ul li:first-child,
.schedule ul li:first-child{font-size:1.25em;}

.schedule ul li:nth-child(3),
.schedule ul li:nth-child(5){font-size:0.8em; letter-spacing:8px; margin:0; padding:0; font-weight:normal;}
.schedule ul li:nth-child(4){font-size:0.8em; font-weight:normal}
.schedule li.schedule_com{font-weight:normal !important; text-align:left; font-size:0.9em; padding:5px 10px !important; line-height:1.5em;}

@media all and (max-width:480px){
.schedule ul{list-style:none; margin:0 auto 30px auto; padding:0; width:98%;}
.schedule ul li:nth-child(3),
.schedule ul li:nth-child(5){letter-spacing:-1px;}
.schedule span{font-size:0.9em}
}

/*----------------------------------
mailform
----------------------------------*/
.mail{text-align:center;}
#formWrap {
	width:90%;
	margin:0 auto;
	line-height:120%;
	font-size:90%;
}
#formWrap input[type="text"]{width:100%;}
#formWrap textarea{width:100%;}

table.formTable{
	width:96%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:none;
	padding:10px 1px;
	display:table-cell;
}
table.formTable th{
	white-space:nowrap;
	font-weight:normal;
	text-align:right;
}
.color{margin:0 0 5px 2px; color:#ff8400;}
#formWrap span.sp{display:inline-block;}

table.formTable1{
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable1 td,table.formTable1 th{
	border:1px solid #666;
	padding:10px;
	display:table-cell;
}
table.formTable1 td span{font-size:85%;}
table.formTable1 th{
	white-space:nowrap;
	font-weight:normal;
	text-align:left;
	background-color:rgba(204,204,204,0.3)
}

#formWrap td hr{border:none; border-bottom:1px dotted #093; clear:both}

/*thanksページ*/
#thanks{width:70%; margin:20px auto; line-height:170%; font-size:1.3em;}

@media all and (max-width:640px){
#formWrap{font-size:1.1em;}
#formWrap span.sp{display:inline-block;}
table.formTable{ width:90%;}
table.formTable td,table.formTable th{ display:block; text-align:left;}
table.formTable th{padding:20px 0 0 5px;}
table.formTable th:before{content:"■";}
table.formTable td{padding:1px 0 0 0;}

#formWrap input[type="text"]{width:100%;}
#formWrap textarea{width:100%;}

#thanks{width:92%;}
}


/*----------
exit
------------*/
.exit_text{text-align:center; line-height:2em; font-size:1.3em;}
.exit_text a{color:#FF0;}
.exit_text a:hover{color:#F60;}