@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Abel|Arsenal|Cormorant+Garamond|Gilda+Display|Josefin+Sans|Poppins|Quicksand');
@font-face {
	font-family: 'Poppins', sans-serif;
	font-family: 'Josefin Sans', sans-serif;
	font-family: 'Abel', sans-serif;
	font-family: 'Quicksand', sans-serif;
	font-family: 'Cormorant Garamond', serif;
	font-family: 'Arsenal', sans-serif;
	font-family: 'Gilda Display', serif;
}

@font-face {
    font-family:'weibeisc';
    src: url('../family/weibeisc.woff') format('woff'),
         url('../family/weibeisc.ttf') format('truetype');
}



/*   Common
******************************************/
html, body{
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」*/
}
body {
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size: 1.45rem;
	line-height: 1.8;
	letter-spacing: 0.08em;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	background-color: #000000;
	color: #eaeaea;
	-webkit-font-smoothing:auto !important;
}
ul, ol {
    list-style: none;
    margin: 0;
	padding: 0;
}
dl, dt, dd, li{
    margin: 0;
	padding: 0;
	font-weight:normal;
}
img {
    max-width: 100%;
	image-rendering: auto;
	border:none;
}
hover {
	will-change: transform, opacity;
}
textarea { /* for chrome fontsize bug */
    font-family: sans-serif;
}
ul {
    list-style-type: none;
    list-style-position: outside;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
	padding: 0;
	font-weight:normal;
	letter-spacing:normal;
}
p {
    margin: 0;
	padding: 0;
}
label {
    margin: 0;
	padding: 0;
}
hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #796975;
}
.table {
	margin-bottom: 0;
}

*,*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* text */
input::-ms-clear {
	visibility: hidden;
    display: none;
}
/* password */
input::-ms-reveal {
	visibility: hidden;
    display: none;
}

/*//////// Page fade ////////*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*//////// LINK ////////*/
*:focus {
	outline: none;
}

a {
	color: #eaeaea;
    text-decoration: none;
	outline: none;
    cursor: pointer;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
a:hover { /*オンマウス*/
	color: #eaeaea;
	text-decoration: none;
	outline: none;
}
a:active { /*クリック中*/
	color: #eaeaea;
	text-decoration: none;
	outline: none;
}
a:link { /*未訪問*/
	color: #eaeaea;
}
a:visited { /*訪問済み*/
	color: #eaeaea;
}
a:focus {
	text-decoration: none;
	outline: none;
}


/*///// clearfix /////*/
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
div.clearFloat {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0px;
}



/*   bace
******************************************/
.wrapper {
	width: 100%;
	position:relative;
}

/*///// width ％ /////*/
.wid5 { width:5%}
.wid10 { width:10%}
.wid15 { width:15%}
.wid20 { width:20%}
.wid25 { width:25%}
.wid30 { width:30%}
.wid35 { width:35%}
.wid40 { width:40%}
.wid45 { width:45%}
.wid50 { width:50%}
.wid55 { width:55%}
.wid60 { width:60%}
.wid65 { width:65%}
.wid70 { width:70%}
.wid75 { width:75%}
.wid80 { width:80%}
.wid85 { width:85%}
.wid90 { width:90%}
.wid95 { width:95%}
.wid100 { width:100%}

/*///// padding-top /////*/
.t-zro {padding-top:0px;}
.t5 {padding-top:5px;}
.t10 {padding-top:10px;}
.t15 {padding-top:15px;}
.t20 {padding-top:20px;}
.t25 {padding-top:25px;}
.t30 {padding-top:30px;}
.t35 {padding-top:35px;}
.t40 {padding-top:40px;}
.t45 {padding-top:45px;}
.t50 {padding-top:50px;}
.t55 {padding-top:55px;}
.t60 {padding-top:60px;}
.t65 {padding-top:65px;}
.t70 {padding-top:70px;}
.t75 {padding-top:75px;}
.t80 {padding-top:80px;}
.t85 {padding-top:85px;}
.t90 {padding-top:90px;}
.t95 {padding-top:95px;}
.t100 {padding-top:100px;}
.t110 {padding-top:110px;}
.t120 {padding-top:120px;}
.t130 {padding-top:130px;}
.t140 {padding-top:140px;}
.t150 {padding-top:150px;}
.t160 {padding-top:160px;}
.t170 {padding-top:170px;}
.t180 {padding-top:180px;}
.t190 {padding-top:190px;}
.t200 {padding-top:200px;}

/*///// padding-bottom /////*/
.b-zro {padding-bottom:0px;}
.b5 {padding-bottom:5px;}
.b10 {padding-bottom:10px;}
.b15 {padding-bottom:15px;}
.b20 {padding-bottom:20px;}
.b25 {padding-bottom:25px;}
.b30 {padding-bottom:30px;}
.b35 {padding-bottom:35px;}
.b40 {padding-bottom:40px;}
.b45 {padding-bottom:45px;}
.b50 {padding-bottom:50px;}
.b55 {padding-bottom:55px;}
.b60 {padding-bottom:60px;}
.b65 {padding-bottom:65px;}
.b70 {padding-bottom:70px;}
.b75 {padding-bottom:75px;}
.b80 {padding-bottom:80px;}
.b85 {padding-bottom:85px;}
.b90 {padding-bottom:90px;}
.b95 {padding-bottom:95px;}
.b100 {padding-bottom:100px;}
.b110 {padding-bottom:110px;}
.b120 {padding-bottom:120px;}
.b130 {padding-bottom:130px;}
.b140 {padding-bottom:140px;}
.b150 {padding-bottom:150px;}
.b160 {padding-bottom:160px;}
.b170 {padding-bottom:170px;}
.b180 {padding-bottom:180px;}
.b190 {padding-bottom:190px;}
.b200 {padding-bottom:200px;}

/*///// padding-right /////*/
.r-zro {padding-right:0;}
.r5 {padding-right:5px;}
.r10 {padding-right:10px;}
.r15 {padding-right:15px;}
.r20 {padding-right:20px;}
.r25 {padding-right:25px;}
.r30 {padding-right:30px;}
.r35 {padding-right:35px;}
.r40 {padding-right:40px;}
.r45 {padding-right:45px;}
.r50 {padding-right:50px;}

/*///// padding-left /////*/
.l-zro {padding-left:0;}
.l5 {padding-left:5px;}
.l10 {padding-left:10px;}
.l15 {padding-left:15px;}
.l20 {padding-left:20px;}
.l25 {padding-left:25px;}
.l30 {padding-left:30px;}
.l35 {padding-left:35px;}
.l40 {padding-left:40px;}
.l45 {padding-left:45px;}
.l50 {padding-left:50px;}

/*///// margin-top /////*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.mt105 {margin-top:105px;}
.mt110 {margin-top:110px;}
.mt115 {margin-top:115px;}
.mt120 {margin-top:120px;}
.mt125 {margin-top:125px;}
.mt130 {margin-top:130px;}
.mt135 {margin-top:135px;}
.mt140 {margin-top:140px;}
.mt145 {margin-top:145px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}
.mt170 {margin-top:170px;}
.mt180 {margin-top:180px;}
.mt190 {margin-top:190px;}
.mt200 {margin-top:200px;}

/*///// margin-bottom /////*/
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}

/*///// margin-right /////*/
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

/*///// margin-left /////*/
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

/*///// spacing /////*/
.spxno {letter-spacing:normal !important;}
.spxe2 {letter-spacing:0.02em !important;}
.spxe3 {letter-spacing:0.03em !important;}
.spxe4 {letter-spacing:0.04em !important;}
.spxe5 {letter-spacing:0.05em !important;}
.spxe6 {letter-spacing:0.06em !important;}
.spxe7 {letter-spacing:0.07em !important;}
.spxe8 {letter-spacing:0.08em !important;}
.spxe9 {letter-spacing:0.09em !important;}
.spxe10 {letter-spacing:0.1em !important;}
.spxe15 {letter-spacing:0.15em !important;}
.spxe20 {letter-spacing:0.2em !important;}
.spxe25 {letter-spacing:0.25em !important;}
.spxe30 {letter-spacing:0.3em !important;}

/*///// color /////*/
.iro-ff {color:#FFFFFF}
.iro-b3 {color:#333333}
.iro {color: #dadada}



/*  翻 訳
******************************************/
.goog-te-menu2 {
	width: auto !important;
    height: auto !important;
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 30px;
}
.goog-te-menu2 table {
	display: block;
    width: 100%;
}
.goog-te-menu2 tbody {
	display: block;
    width: 100%;
}
.goog-te-menu2 tr {
	display: block;
    width: 100%;
}
.goog-te-menu2 table td {
	display:block;
    float:left;
    clear:both;
    width: 100%;
}
.goog-te-menu2 table td a {
	text-decoration: none;
}
.goog-te-menu2 table td a[class^="goog-te-menu2-item"] {
	display: inline-block;
	float: left;
	padding: 0 10px;
}
.goog-te-menu2 table td a:hover {
	text-decoration: underline;
}
.goog-te-menu2 table td a.goog-te-menu2-item {
	position: relative;
}
.goog-te-menu2 table td a.goog-te-menu2-item:after {
    content: "";
    position: absolute;
	border-right: 1px solid #ef1818;
    width: 1px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}
.goog-te-menu2 table td a span.indicator {
	display: none;
}
.goog-te-menu2 table td a span.text {
	font-size: 13px;
	line-height: 1.5;
}



/*  翻 訳（2）
******************************************/
#google_translate_element span {
	display: none;
}
.goog-te-gadget {
    height: 35px;
    overflow: hidden;
}
.goog-te-gadget .goog-te-combo {
    height: 28px;
    font-size: 1.15rem;
    font-family: serif;
    background: none;
    color: #dadada;
	border: 1px solid #6f6f6f;
	min-width: 90px;
}
.goog-te-gadget .goog-te-combo option {
	font-size: 1.4rem;
	white-space: nowrap;
}
code, kbd, pre, samp {
		font-family: sans-serif !important;
}












