@charset "UTF-8";
/* CSS Document */
html,body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*viewportの設定*/
	/*font-size: 3.2653vw !important;*/
	/*font-size: 16px;*/
	margin: 0;
    scroll-behavior: smooth;
}
section{

}
img {
    max-width: 100%;
    width: 100%;
	height: auto;
	margin: 0;
    vertical-align: bottom;
}

.flex{ display: flex}
.inline{ display: inline}
.inlineb{ display: inline-block}

/*テキストリンクの下線トル*/
a{text-decoration: none;display:block}

/*画像リンクのクリック・タップ時の遷移*/
a.overblack{
    background-color:#414141;
    display:block;
}

a.overblack:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
a.overwhite{
    background-color:#FFFFFF;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/*position*/
.rel {position: relative}
.abs {position: absolute}
.fix {position: fixed}/*固定につかう*/

.full {width:100%;}

.container {
	/* width: 100%; */
    max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.center {
	text-align: center;
}

.shadow {/*IE11以前に非対応*/
	filter: drop-shadow(1% 1% 5px rgba(0,0,0,.5));
}

/*スクロール*/
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 5px;
	bottom: 105px;
	z-index: 100;
    transition: all 500ms 0s ease;
    opacity: 0;
}
#page_top.active{
    opacity: 1;
    transition: all 500ms 0s ease;
}

/*mediakueri*/
@media (min-width: 1200px){
	/* .container {width: 1200px;} */
}

@media (max-width: 700px){
	.pc{display: none;}
}
@media (min-width: 701px){
	.sp{display: none;}
}
@media (min-width: 891px){
	.sp{display: none;}

    #page_top{
        right: calc(1% + 10px);
        bottom: 130px;
    }
}