@charset "UTF-8";

body{
 background: linear-gradient(to top, #fff, 10%, #e6ffcc);
	color: #630;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	position: relative;
}
img{
	border: 0;
	max-width:100%;
	height:auto;
}
p{
margin-bottom:1em;
}
h2{
	color: #008080;
	font-weight:bold;
	font-size:1.5em;
}
h3{
	font-weight:bold;
	font-size:1.2em;
}
ol{
margin:5px auto 10px;
text-align:left;
}
a{
	font-weight: bold;
	text-decoration: none;
}
a:link{
	color: #6c0;
}
a:visited{
	color: #6c0;
}
a:hover{
	color: #f93;
}
a:active{
	color: #f93;
}
a.buttonw{
	display:inline-block;
	padding:10px;
	font-size:1.2em;
	background:#fff;
	border-radius:10px;
	margin:5px;
}
@media screen and (max-width: 767px) {
	article a{
	display:inline-block;
	padding:10px;
	background:#fff;
	border-radius:10px;
	margin:5px;
	}
	article a:link,article a:visited,article a:hover,article a:active{
		color: #6c0;
	}
	article a:hover{
	opacity:0.7;
	}
}

header{
	background: #38a4c7;
	text-align:center;
	padding-top:10px;
}
header section{
	width: 80%;
	overflow:hidden;
	max-width: 870px;
	margin: auto;
	padding:10px 0;
}
header section h1{
font-weight:bold;
font-size:2em;
}
header #navi{
z-index:100;
border-bottom: 5px double #fc9;
top:0;
}
header #navi div{
max-width:1000px;
margin:auto;
}
header #navi a,header #navi a:link,header #navi a:visited{
color:#6c0;
}
header #navi li a:hover{
color:#f93;
}
/*ナビ部分修正*/
header .menu-parent .menu-child {
margin-left:10px;
}
@media screen and (max-width: 767px) {
	header .menu-parent .menu-child {
	margin-left:auto;
	}
	header .menu-parent:first-child {
	border-top: 1px solid #DDD;
	}
	header .menu-parent:hover .menu-child .menu-parent:first-child {
	border-top: none;
	}
}
main{
background: linear-gradient(to top, #e9ffff, 20%, #b3dbff);
	text-align: center;
	width: 80%;
	margin: 5px auto;
	border: 5px outset #309966;
	overflow:hidden;
	max-width: 870px;
}
main > article{
	text-align: center;
	padding:10px;
}
main article a:hover img{
opacity:0.7;
}
#page_top{
width: 40px;
height: 40px;
position: fixed;
right: 20px;
bottom: 40px;
background: #f60;
opacity: 0.6;
}
#page_top a{
position: relative;
display: block;
width: 40px;
height: 40px;
text-decoration: none;
}

#page_top a::after{
content: '▲';
font-size: 14px;
font-weight: bold;
color: #fff;
position: absolute;
top: 10px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

footer{
background:#cf9;
border-top:5px double #fc9;
font-size:0.8em;
padding:5px;
}
footer ul.nav{
overflow:hidden;
margin:0 auto;
}
footer ul.nav li{
float:left;
}
	footer ul.nav li a{
	display:inline-block;
	padding:10px;
	background:#fff;
	border-radius:10px;
	margin:5px;
	}
	footer ul.nav li a:link,footer nav ul.nav li a:visited,footer nav ul.nav li a:hover,footer nav ul.nav li a:active{
		color: #6c0;
	}
	footer ul.nav li a:hover{
	opacity:0.7;
	}
	
footer ul.nav li a.px_btn{
    color: #fff;
    background-color: #258fb8;
}
footer ul.nav li a.as_btn{
    color: #fff;
background-color: #e62880;
}
footer ul.nav li a.stm_btn{
    color: #4699C9;
    background-color: #161920;
}
footer ul.nav li a:hover{
    opacity:0.7;
}

.alignleft{
float:left;
text-align:left;
}
.alignright{
float:right;
text-align:left;
}
.clearfix::after {
    content : " ";
    display : block;
    clear : both;
}
/*基本スタイル*/
article strong{
font-weight:bold;
}
/*----アコーディオン----*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #f60;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #630;
	background: #f1c6c6;
}
.cp_actab .cp_actab-content p {
	margin: 0 auto;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: initial;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}
.cp_actab section h3{
color:#f60;
}
.cp_actab section section{
overflow:hidden;
padding:1%;
}
.cp_actab section section h4{
float:left;
width:24%;
}
.cp_actab section section p{
float:right;
width:70%;
text-align:left;
}
@media screen and (max-width:767px) {
	.cp_actab section section h4,
	.cp_actab section section p{
	float:none;
	width:100%;
	}
}
/*リンクコンテンツ*/
span.nobanner{
display: inline-block;
background: #f1ffe2;
border-radius: 5px;
border: 1px solid #660;
padding: 8px;
}
#thanks .cp_actab section h3 {
    border-top: 3px double #F90;
}
#thanks .cp_actab section:first-child h3 {
    border-top: none;
}
#thanks .cp_actab section section {
    border-top: #fff dotted 3px;
    margin: 1%;
}
#thanks .cp_actab section section h4 {
    font-weight: bold;
}
#thanks .cp_actab section section h4 b {
    color:#f60;
}
/*あばうと*/
#about h3{
border-bottom:2px solid;
border-left:10px solid;
padding:5px;
margin-bottom:0.5em;
}
#about h4{
font-weight:bold;
}
#abeyacontents ul.nav{
text-align:left;
margin-left:1em;
padding-left:1em;
}
#abeyacontents ul.nav li{
list-style:disc;
}
#abeyacontents ul.nav li ul{
padding-left:1em;
}
#abeyacontents ul.nav li ul li{
list-style:circle;
}
/*前後リンク*/
.ccm-block-next-previous-wrapper{
overflow:hidden;
border-top:double 3px;
margin-top:1em;
}
.ccm-block-next-previous-header{
float:left;
width:10%;
    background: #630;
    color: #fff;
}
.ccm-block-next-previous-previous-link{
float:left;
width:30%;
margin-bottom:0;
}
.ccm-block-next-previous-wrapper .ccm-block-next-previous-header:nth-child(2){
float:right;
width:10%;
}
.ccm-block-next-previous-next-link{
float:right;
width:30%;
margin-bottom:0;
}
.ccm-block-next-previous-parent-link{
clear:both;
border-top:dashed 3px;
}
.ccm-block-next-previous-parent-link a{
display:block;
}
.ccm-block-next-previous-parent-link a:before{
content:'「';
}.ccm-block-next-previous-parent-link a:after{
content:'」に戻る';
}
@media screen and (max-width:767px) {
	.ccm-block-next-previous-header{
	padding: 15px 0;
	}
	.ccm-block-next-previous-previous-link{
	width:90%;
    text-align: left;
	}
	.ccm-block-next-previous-wrapper .ccm-block-next-previous-header:nth-child(2){
	clear:both;
	float:left;
	}
	.ccm-block-next-previous-next-link{
	float:left;
	width:90%;
    text-align: left;
	}
	.ccm-block-next-previous-parent-link a{
	
	}
}

/*--- リンクボタン ---*/
#about h4 span a,
#gallery p#btn_list span{
    display: inline-block;
    padding: 5px;
    border-radius: 10px;
    margin-right: 5px;
font-weight:bold;
}
#about span a.px_btn,
#gallery span.px_btn{
    color: #fff;
    background-color: #258fb8;
}
#about span a.as_btn,
#gallery span.as_btn{
    color: #fff;
background-color: #e62880;
}
#about span a.frg_btn,
#gallery span.frg_btn{
background-color: #FFEDFF;
color: #B63CF0;
}
#about span a.stm_btn,
#gallery span.stm_btn{
    color: #4699C9;
    background-color: #161920;
}
#about h4 span a:hover{
    opacity:0.7;
}

#gallery span.more_btn{
    color: #fff;
    background-color: #6c0;
}
#gallery span.onoff_btn {
    color: #fff;
    background-color: #f93;
}
#gallery .go_gallery{
text-align:center;
font-size:120%;
}
#gallery .go_gallery a{
    color: #fff;
    display: inline-block;
    padding: 5px;
    border-radius: 10px;
    margin-right: 5px;
    background-color: #309966;
}