﻿@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');
@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
header,footer,article,aside,section{ display: block;}
ul,li {list-style-type: none;}
table,img {border: 0;}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', YuGothic, "游ゴシック Medium", "Yu Gothic Medium" , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

* {box-sizing:border-box; backface-visibility: hidden; -webkit-backface-visibility: hidden;}


img { vertical-align:bottom;}
object { pointer-events: none;}
body {
	/*スマホで見たとき文字が大きくなるのを防ぐ*/
	-webkit-text-size-adjust: 100%;
}


/* --------------------
		clear
-------------------- */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac */

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.clearB {clear: both;}


/* --------------------
		float
-------------------- */
.floatR { float:right;}
.floatL { float:left;}

/* --------------------
		link
-------------------- */
a {
    color: #993146;
	text-decoration:underline;
	verflow:hidden;
	outline:none;
	-webkit-tap-highlight-color: rgba(164, 25, 54,0.2);
	tap-highlight-color: rgba(164, 25, 54,0.2);
}
a:hover	{ text-decoration:none;}
a:active	{ text-decoration:none;}

*:focus	{ outline: none;}

.fade{
	transition: opacity 0.2s ease-out;
	backface-visibility:hidden;
}
.pc .fade:hover { opacity:0.8;}


/* --------------------
		common
-------------------- */
.w100 { width: 100%;}
.inlineFlex {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.nowrap { display: inline-block; white-space: nowrap;}
.komeList li { padding-left: 1em; text-indent: -1em;}

/* --------------------
		font size
-------------------- */
.fz16 { font-size: 1.6rem;}


/* --------------------
		margin
-------------------- */
.mrgB05	{ margin-bottom:5px;}
.mrgB10	{ margin-bottom:10px;}
.mrgB15	{ margin-bottom:15px;}
.mrgB20	{ margin-bottom:20px;}
.mrgB25	{ margin-bottom:25px;}
.mrgB30	{ margin-bottom:30px;}
.mrgB35	{ margin-bottom:35px;}
.mrgB40	{ margin-bottom:40px;}
.mrgB45	{ margin-bottom:45px;}
.mrgB50	{ margin-bottom:50px;}
.mrgB55	{ margin-bottom:55px;}
.mrgB60	{ margin-bottom:60px;}
.mrgB65	{ margin-bottom:65px;}
.mrgB70	{ margin-bottom:70px;}
.mrgB75	{ margin-bottom:75px;}
.mrgB80	{ margin-bottom:80px;}

