@charset "Shift_JIS";

a {
text-decoration:none;
}

h2 > img {
    width:100%;
}

/* .caption */
.caption {
    line-height:1.25;
    font-size:125%;
    text-align:center;
}
.caption.supervisor {
    margin:25px 0 15px;

}
.caption a.button_right {
    padding:10px 22px 2px;
    border:solid 1px #d66f1a;
    border-radius:14px 0 0 14px;
    float:right;
    width:auto;
    display:block;
    background: -moz-linear-gradient(top, #ff943d 0%, #f27911 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff943d), color-stop(100%,#f27911)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff943d 0%,#f27911 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff943d 0%,#f27911 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ff943d 0%,#f27911 100%); /* W3C */
    -webkit-box-shadow : 2px 2px 3px #000, 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
    box-shadow : 2px 2px 3px #000, 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
    color:#fff;
    font-size:60%;
    text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
    -webkit-touch-callout:none;
}


/* .button_login */
a.button_login,
a.button_login:not(.tap) {
margin:0 auto;
padding:5px 0;
-webkit-border-radius : 8px;
border-radius : 8px;
width:70%;
display:block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ededed 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ededed 0%,#bcbcbc 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom, #ededed 0%,#bcbcbc 100%); /* W3C */
box-shadow :0 0 1px 0 #fff inset;
-webkit-box-shadow :0 0 1px 0 #fff inset;
color:#333;
font-weight : bold;
text-align:center;
text-shadow :1px 1px 1px #f9f9f9;
-webkit-touch-callout:none;
}

a.button_login.tap {
background: -moz-linear-gradient(top, #939393 0%, #bababa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #939393 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #939393 0%,#bababa 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom, #939393 0%,#bababa 100%); /* W3C */
-webkit-box-shadow :0 1px 1px 0 #EFEFEF inset;
box-shadow :0 1px 1px 0 #EFEFEF inset;
color:#000;
}


.kakatte {
	margin: auto;
    width:80%;
	height: auto;
	-webkit-animation-name: kakatte;
	-moz-animation-name: kakatte;
	-o-animation-name: kakatte;
	animation-name: kakatte;
    -webkit-animation-duration:5s;
    -moz-animation-duration:5s;
    -o-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}

@-webkit-keyframes kakatte {
    0% { -webkit-transform: scale(1);
            opacity:0;}	
	25% { -webkit-transform: scale(1);
            opacity:1;}
	75% { -webkit-transform: scale(1.2);
            opacity:1;}
	95% { -webkit-transform: scale(1.2);
            opacity:1;}
    100% { -webkit-transform: scale(1.3);
            opacity:0;}
}
@-moz-keyframes kakatte {
    0% { -moz-transform: scale(1);
            opacity:0;}	
	25% { -moz-transform: scale(1);
            opacity:1;}
	75% { -moz-transform: scale(1.2);
            opacity:1;}
	95% { -moz-transform: scale(1.2);
            opacity:1;}
    100% { -moz-transform: scale(1.3);
            opacity:0;}
}
@keyframes kakatte {
    0% { transform: scale(1);
            opacity:0;}	
	25% { transform: scale(1);
            opacity:1;}
	75% { transform: scale(1.2);
            opacity:1;}
	95% { transform: scale(1.2);
            opacity:1;}
    100% { transform: scale(1.3);
            opacity:0;}
}



/* .voice_box */
.voice_box {
    padding-left:40px;
    background:url(https://kokura.cocoloni.jp/i.cgi?n=motif/soudansha02) no-repeat left top;
}
.voice_box a,
.voice_box a:not(.tap),
.waku_corner .main a {
	margin:0 0 15px 10px;
	padding:8px 17px 8px 8px;
    border:1px solid #ccc;
	-webkit-border-radius:8px;
	border-radius:8px;
    display:block;
    position:relative;
    -webkit-box-shadow:2px 2px 2px 1px #DBCFB8;
    box-shadow:2px 2px 2px 1px #DBCFB8;
    background-color:#fcfcfc;
    font-size:88%;
    color:#000;
}
.voice_box a:before {
	border-width:10px 10px 0 0;
	border-color:transparent #ccc; 
	border-style:solid;
    content:"";
	position:absolute;
	top:16px;
	left:-10px;
    bottom:auto;
}
.voice_box a:after {
	border-width:8px 8px 0 0;
	border-color:transparent #fff; 
	border-style:solid;
    content:"";
	position:absolute;
	top:17px;
	left:-8px;
    bottom:auto;
}
.voice_box a p span {
color:#DC143C;
}
.voice_box a p:after {
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
-webkit-transform : rotate(45deg);
}

.voice_box a.tap {
background: -moz-linear-gradient(top,  #d1d1d1 0%, #efefef 50%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(50%,#efefef), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d1d1d1 0%,#efefef 50%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d1d1d1 0%,#efefef 50%,#d1d1d1 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom,  #d1d1d1 0%,#efefef 50%,#d1d1d1 100%); /* W3C */
}


.waku_corner02 .main p {
    margin-bottom:15px;
    font-size:88%;
}

.list_02 {
border-bottom:1px dotted #ccc;
}
.list_02 li {
border-top:1px dotted #ccc;
border-bottom:0 none;
}
.list_02 li a.tap {
	background-color:rgba(234,165,53,0.3);
	color:#E88F00;
}
.list_02 li a:not(.tap) {
	background-color:rgba(0,0,0,0);
	color:#F4A460;
}


/* 監修者紹介 */
.supervisor_profile p {
 font-size: 12px;
}
.supervisor_profile_box {
 margin:0 auto 30px;
 border:1px solid #aaa;
}
.supervisor_profile_title {
 padding:5px;
 cursor:pointer;
}
.supervisor_profile_title span {
 margin:-20px 0 0 92%;
 position: relative;
 width:16px;
 height:16px;
 display:block;
 background-color: #fff;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.supervisor_profile_title span:after {
 -webkit-border-radius: 1px;
 border-radius: 1px;
 background-color: #333;
 width: 8px;
 height: 2px;
 position: absolute;
 top:7px;
 left: 4px;
 content:"";
}
.supervisor_profile_title span:before {
 -webkit-border-radius: 1px;
 border-radius: 1px;
 background-color: #333;
 width: 2px;
 height: 8px;
 position: absolute;
 top:4px;
 left: 7px;
 content:"";
}
.supervisor_profile_title.open span:before {
 background-color:#fff;
 width:0;
 height:0;
}
.supervisor_profile {
 padding:5px 8px;
 display:none;
}