@charset "utf-8";

/*********************************************************************************************************
ブラウザ初期化
*********************************************************************************************************/
html {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; font-weight:normal; }
q:before,q:after { content:''; }
object,embed { vertical-align:top; }
hr,legend { display:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
img,abbr,acronym,fieldset { border:0; }
li { list-style-type:none; }
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary { display:block; }



/*********************************************************************************************************
共通設定
*********************************************************************************************************/
:root {
	--spacing:.04em;
	--spacing_win:0; /*メイリオを使用する場合は0にする*/
}
* { letter-spacing:var(--spacing); }
.Win * { letter-spacing:var(--spacing_win); }



html { height:100%; }
body {
	height:100%;
	width:100%;
	/*box-sizing:border-box;*/ /*PCでオーバーレイしたときにスクロールバー分をパディングする為に必要*/
	font-family:'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
	font-size:100%;
	line-height:1;
	background:#fff;
	color:#333;
	font-feature-settings:'palt' 1;
	-webkit-text-size-adjust:100%;
	overflow-y:scroll;
}
.Win body {
	font-feature-settings:normal;
	font-family:Arial, 'Meiryo', sans-serif;
}
iframe { vertical-align:bottom; border:none; }
img { max-width:100%; height:auto; vertical-align:bottom; }
a { color:inherit; }
/*.Desktop a { transition:opacity .2s; }*/
.Desktop a:hover { opacity:.7; }



/*********************************************************************************************************
共通スタイル
*********************************************************************************************************/

/* リストアイコンを揃える */
.Mark { display:inline-block; padding-left:1em; }
.Mark > .icon { display:inline-block; width:1em; margin-left:-1em; text-align:center; }
.Mark.-w1_1 { padding-left:1.1em; } .Mark.-w1_2 { padding-left:1.2em; } .Mark.-w1_3 { padding-left:1.3em; } .Mark.-w1_4 { padding-left:1.4em; } .Mark.-w1_5 { padding-left:1.5em; } .Mark.-w1_6 { padding-left:1.6em; } .Mark.-w1_7 { padding-left:1.7em; } .Mark.-w1_8 { padding-left:1.8em; } .Mark.-w1_9 { padding-left:1.9em; } .Mark.-w2 { padding-left:2em; }
.Mark.-w1_1 > .icon { width:1.1em; margin-left:-1.1em; } .Mark.-w1_2 > .icon { width:1.2em; margin-left:-1.2em; } .Mark.-w1_3 > .icon { width:1.3em; margin-left:-1.3em; } .Mark.-w1_4 > .icon { width:1.4em; margin-left:-1.4em; } .Mark.-w1_5 > .icon { width:1.5em; margin-left:-1.5em; } .Mark.-w1_6 > .icon { width:1.6em; margin-left:-1.6em; } .Mark.-w1_7 > .icon { width:1.7em; margin-left:-1.7em; } .Mark.-w1_8 > .icon { width:1.8em; margin-left:-1.8em; } .Mark.-w1_9 > .icon { width:1.9em; margin-left:-1.9em; } .Mark.-w2 > .icon { width:2em; margin-left:-2em; }
.Mark.-left > .icon { text-align:left; }

/* Youtubeを16:9でレスポンシブ表示させる */
.Youtube { position:relative; width:100%; padding-top:56.25%; background:#000; }
.Youtube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

/* 改行 */
.Br { display:none; }
@media screen and (960px<=width) { /*pc*/
	.Br.-lg { display:block; }
}
@media screen and (520px<=width<960px) { /*tablet*/
	.Br.-sm { display:block; }
}
@media screen and (width<520px) {/*sp*/
	.Br.-xs { display:block; }
}