@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:400i|Noto+Sans+JP|Noto+Serif+JP');
/* CSS Document */
html,body {
    font-family: "Noto Sans JP","Noto Sans Japanese","メイリオ",sans-serif;
    /*viewportの設定*/
	/*font-size: 3.2653vw !important;*/
	/*font-size: 16px;*/
    font-feature-settings : "palt";/*自動文字詰め*/
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    scroll-behavior: smooth;
}

img {max-width: 100%;width: 100%;height: auto;margin: 0;vertical-align: bottom;}
a{display: block;text-decoration: none;}

/*画像リンクのクリック・タップ時の遷移*/
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;
}

.flex{ display: flex}
.inline{ display: inline}
.inlineb{ display: inline-block}
/*position*/
.rel {position: relative}
.abs {position: absolute}
.fix {position: fixed}/*固定につかう*/

.full {width:100%;}

.container {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.center {text-align: center;}

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

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

@media (max-width: 767px){
	.pc{display: none;}
}
@media (min-width: 768px){
	.smapho{display: none;}
}

/*スクロール*/
#page_top a i{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 17px 10px;
    border-color: transparent transparent #fff transparent;
    /* margin: 0 auto; */
    padding-top: 15px;
    margin: 0 15px;
    display: block;
}
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 60px;
	background-color: #343434;
	opacity: 0.8;
	border-radius: 6px;
	z-index: 100;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.60);
	box-shadow: 2px 2px 4px 0-px rgba(0,0,0,0.60);
}
#page_top a{
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	text-decoration: none;
}