@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;*/
	font-feature-settings : "palt";/*自動文字詰め*/
    scroll-behavior: smooth;
}

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%;
	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{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: 30px;
	z-index: 100;
}