@charset "utf-8";

/*====================================
サイト骨格CSS
====================================*/
html{
	font-size: 16px;
	scroll-behavior: smooth;}

body{
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; 
	font-feature-settings: "palt";}
	
.wrap {
	overflow: hidden;}

@media only screen and (max-width: 812px) {
html{
	/*タブレット表示リキッド時CSS*/
    /*font-size: calc(100vw / 81.2);*//*fz10px基準*/}
}

@media only screen and (max-width: 520px) {
html{
    font-size: calc(100vw / 52);/*fz10px基準*/}
}

/*====================================
汎用CSS
====================================*/

/*=== コンテンツ領域CSS ===*/
.box1200_100{
	width: 100%;
	max-width:1200px;
	margin: 0 auto;}
	
.box1170_100{
	width: 100%;
	max-width:1170px;
	margin: 0 auto;}
	
.m-lr30{
	margin:0 30px;}
	
.m-lr30-15{
	margin:0 30px;}
	
.m-lr15{
	margin:0 15px;}
	
.m-lr15-0{
	margin:0 15px;}

.box_0{
	margin: 0;
	padding: 0;}

.box_0center{
	margin: 0 auto;
	padding: 0;}
	
@media (max-width: 812px)  {
.box1200_100, .box1170_100{
	width:100%;}
	
/*タブレット表示リキッド時CSS*/
/*.m-lr30,
.m-lr30-15{
	margin:0 3.69vw;}

.m-lr15,
.m-lr15-0{
	margin:0 1.84vw;}*/
}
	
@media (max-width: 520px)  {
.m-lr30{
	margin:0 5.77vw;}
	
.m-lr30-15{
	margin:0 2.88vw;}
	
.m-lr15{
	margin:0 2.88vw;}
	
.m-lr15-0{
	margin:0 0;}
}

/*=== 表示・非表示CSS ===*/
.d-1200{
	display:none;}

.d-960{
	display:none;}

.d-940{
	display:none;}

.d-812{
	display:none;}
	
.d-750{
	display:none;}
	
.d-650{
	display:none;}
	
.d-520{
	display:none;}

@media only screen and (max-width: 1200px) {
.d-1200{
	display:block;}
	
.d-1200none{
	display:none;}}

@media only screen and (max-width: 960px) {
.d-960{
	display:block;}
	
.d-960none{
	display:none;}}

@media only screen and (max-width: 940px) {
.d-940{
	display:block;}
	
.d-940none{
	display:none;}}

@media only screen and (max-width: 812px) {
.d-812{
	display:block;}
	
.d-812none{
	display:none;}}

@media only screen and (max-width: 750px) {
.d-750{
	display:block;}
	
.d-750none{
	display:none;}}

@media only screen and (max-width: 650px) {
.d-650{
	display:block;}
	
.d-650none{
	display:none;}}
	
@media only screen and (max-width: 520px) {
.d-520{
	display:block;}
	
.d-520none{
	display:none;}}


/*=== float=== */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;}
	
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*=== その他CSS ===*/
.position_r {
	position:relative;}

.tra_03{
	transition:0.3s;}
.vtop {
	vertical-align: top;}
	
.btn:hover {
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;}

.btn:hover img{
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;}


/*=== font ===*/
.tx_mincho {
	font-family: "Noto Serif JP",'游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif;}
	
.tx_cg {
	font-family: 'Century Gothic', '游ゴシック', 'YuGothic';}