@charset "utf-8";
/* gray button in About, subscription */
.button_ja {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
border:1px solid #dcdcdc; display: inline-block; color: #616161; font-weight: bold;
padding: 0.5em 1.2em; text-align: center; text-decoration:none; text-shadow:0px 1px 0px #ffffff; width: 11em; margin: 0.2em;
}
.button_ja:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}
.button_ja:active { position: relative; top:1px; }
.button_en {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
background-color: #ededed; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-weight: bold;
padding: 0.5em 1.2em; text-align: center; text-decoration: none; text-shadow: 0px 1px 0px #ffffff; width: 11em; margin: 0.2em;
}
.button_en:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
background-color: #dfdfdf;
}
.cformbutton_en:active { position: relative; top: 1px; }

/* arrow in precnext in backnumebers */
.prevnext div.newerarrow,
.prevnext div.olderarrow { width: 2em; }
.prevnext div.newerarrow a,
.prevnext div.olderarrow a { width: 100% auto; margin: 0; padding: 0.5em 0.5em 0; color: #DDDDDD; background: #DDDDDD; }
.prevnext div.newerarrow a::before, 
.prevnext div.olderarrow a::before { content: ''; display: block; width: 8px; height: 8px; margin: 0 0 -0.9em; padding: 0; 
						border-right: 1px #2b2b2b solid; border-bottom: 1px #2b2b2b solid; }
.prevnext div.newerarrow a::before { margin-left: 0.3em; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.prevnext div.olderarrow a::before { margin-left: 0em; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.prevnext div.newerarrow a:hover,
.prevnext div.olderarrow a:hover { text-decoration: none; color: #CACBCB; background: #CACBCB; }
.prevnext div.noshow { opacity: 0; visibility: hidden; width: 2em; }
.prevnext div.noshow a { width: 100% auto; margin: 0; padding: 0; color: #fff; }



/* contact form red button in business, detail dark gray button in business */
/* section.business div.businesslinkb span.button_red */
.button_red,
.detail_gray { display: inline-block; width: 12em; margin: 0.5rem; padding: 0.25em 1.2em; text-align: center; color: #fff; font-weight: bold;
			   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.button_red a, .detail_gray a { color: #fff; text-decoration: none; }
.button_red { background-color: #C30D23; }
.button_red:hover { background-color:#EA0D23; }
.detail_gray { background-color: #898989; }
.detail_gray:hover { background-color:#9E9E9E; }


/* arrow in advertisement */
.arrow{ position: relative; display: inline-block; margin: 0.5em 4em; padding: 0 0 0 16px; font-size: 15px; }
.arrow::before,
.arrow::after{ position: absolute; top: -1.2em; bottom: 0; left: 0; margin: 0/*auto*/; content: ""; }
.down::before{ top: 4.5em; left: -3.4em; box-sizing: border-box; width: 6px; height: 16px; border: 16px transparent solid; border-top: 16px #E1D279 solid ; }
.down::after{ top: 0; left: -2.6em; width: 8px; height: 14px; border-top: 5em #E1D279 solid; }


/* link button red, gray in advertisement */
.link_red, .dl_gray { width: 60%; margin: 0 auto 1em; padding: 0.25em 1.2em; text-align: center; font-weight: bold; color: #fff;
					  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.link_red a, .dl_gray a { text-decoration: none; color: #fff; }
.link_red { background-color: #C30D23; }
.link_red:hover { background-color: #EA0D23; }
.dl_gray { background-color:#898989; }
.dl_gray:hover { background-color:#9E9E9E; }



#page-top { position: fixed; bottom: 1em; right: 1em; font-size: 77%; z-index: 5; }
#page-top a { background: #DDDDDD; text-decoration: none; color: #2b2b2b; width: 80px; padding: 20px 0; text-align: center; display: block; border-radius: 5px; }
#page-top a::before { content: ''; display: block; width: 6px; height: 6px; margin: 0 0 0 42%; padding: 2px;
					 border-right: 2px #2b2b2b solid; border-bottom: 2px #2b2b2b solid;
					 -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
#page-top a:hover { text-decoration: none; background: #CACBCB; }



/*************** 768px ********************************************************************************************/
@media screen and (max-width: 768px) {
#page-top { bottom: 4.5em; right: 0.5em; font-size: 77%; }
} /* 768 */



/***** 720 ********************************************************************************************/
@media screen and (max-width: 720px) {
.down::before{ top: 9em; }
.down::after{ border-top: 9.5em #E1D279 solid; }
} /* 720 */



/***** 599 ********************************************************************************************/
@media screen and (max-width: 599px) {
.link_red { margin: 0 auto 1em; padding: 0.25em 0.8em 0; }
.link_red span { display: block }
.dl_gray { margin: 0 auto 1em; padding: 0.25em 0.8em 0; }
.dl_gray span { display: block }
.arrow{ position: relative; display: inline-block; margin: 0.5em 3em; padding: 0 0 0 16px; font-size: 15px; }
.down::before{ top: 14.5em; left: -2.9em; }
.down::after{ left: -2.1em; border-top: 15em #E1D279 solid; }
.link_red { width: 90%; }
.dl_gray { width: 90%; }
.button_red_l { width: 80%; margin: 0; padding: 0.25em 1.2em; text-decoration: none; font-weight: bold; }
} /* 599*/



/***** 360 ********************************************************************************************/
@media screen and (max-width: 360px) {
.button_ja { padding: 0.5em 0.8em; width: 11em; }
.button_en { padding: 0.5em 0.8em; width: 11em; }
.down::before{ top: 18em; left: -3.1em; }
.down::after{ left: -2.3em; border-top: 18.5em #E1D279 solid; }
} /* 360*/