@charset 'utf-8';

@media only screen and (max-width:640px) {

.is_pc {display: none;}

/* ----------------------------------------
	common
------------------------------------------- */
html, body {
	font-family:"メイリオ", verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Meiryo", Sans-Serif;
	min-width:200px;
	max-height:99999px;
	color:#333;
	font-size:14px;
	line-height:1.7;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
img {display:block;}

/* dev_ios */
.is_ios a:hover {opacity:1;}
.is_ios a:hover img {opacity:1;}

/* a */
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#d9035e; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:focus {outline:none;}
a {transition-duration:0.3s;}
a img {border:none; transition-duration:0.3s;}
a:hover img {opacity:0.6;}

/* ----------------------------------------
	footer
------------------------------------------- */
/* ft_nav-wrapper */
footer {width:100%; background:url("../img/bg_ft.png") repeat;}

/* ft_nav */
footer .inner {width:100%; color:#fff; font-size:10px; text-align:center; padding:16px 0;}

/* PageTop */
#pagetop {position:fixed; right: 0px; z-index:998; transition:0.3s;}
#pagetop a {display:block; width:76px; height:76px; background:url("../img/page-top.png") no-repeat; background-size:contain; overflow:hidden; text-indent:100%; white-space:nowrap;}
#pagetop a:hover {opacity:0.8;}
.is_ios #pagetop a:hover {opacity:1;}


}


@media only screen and (min-width:641px) {

.is_sp {display: none !important;}

/* ----------------------------------------
	common
------------------------------------------- */
html, body {
	font-family:"メイリオ", verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Meiryo", Sans-Serif;
	min-width:1280px;
	max-width:2560px;
	background:rgba(0,0,0,0.5);
	width:100%;
	max-height:99999px;
	margin: 0 auto;
	color:#333;
	font-size:14px;
	line-height:1.7;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
img {display:block;}

/* dev_ios */
.is_ios a:hover img {opacity:1;}

/* a */
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#d9035e; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:focus {outline:none;}
a {transition-duration:0.3s;}
a img {border:none; transition-duration:0.3s;}
a:hover img {opacity:0.6;}

/* ----------------------------------------
	footer
------------------------------------------- */
/* ft_nav-wrapper */
footer {overflow:hidden; width:100%; max-width:2560px; background:url("../img/bg_ft.png") repeat; margin:0 auto;}

/* ft_nav */
footer .inner {position:relative; width:1180px; height:55px; color:#fff; font-size:11px; line-height:1.6; margin:0 auto; padding:11px 0 0 0;}

/* PageTop */
#pagetop {position:fixed; right: 20px; z-index:998; transition:0.3s;}
#pagetop a {display:block; width:112px; height:112px; background:url("../img/page-top.png") no-repeat; background-size:contain; overflow:hidden; text-indent:100%; white-space:nowrap;}
#pagetop a:hover {opacity:0.8;}


}


/* ----------------------------------------
	scrollAnimationClass
------------------------------------------- */
.cmove {opacity: 0; transition: all 0.7s ease;}
.cmove.show {opacity: 1; transform: none;}
.cm_up {transform: translate(0, 35px); }
.cm_lr {transform: translate(-80px, 0);}
.cm_rl {transform: translate(80px, 0);}
.cm_scdn {transform: scale(1.2);}