@charset "utf-8";

@font-face {
   font-family: 'Sawarabi';
   font-style: normal;
   font-weight: 500;
   src: url(./sawarabi.woff2) format('woff2'),
        url(./sawarabi.woff) format('woff'),
        url(./sawarabi.eot) format('opentype');
}



/* HTML5 display definitions  （from normalize.css v3.0.3 ）
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}


/*-----------------------------------------------------------------------------*/

/* 基本設定 */

/*-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
*, *:before, *:after {
	box-sizing: border-box;
	}

html, body { height:100%;}

html {
	-webkit-font-smoothing: antialiased;
	}

body {
	color:#111;

	text-align:center;
	/* font-family: Arial,'Hiragino Kaku Gothic ProN', "メイリオ", sans-serif; */
	/* font-family:'游ゴシック','YuGothic','メイリオ','Hiragino Kaku Gothic ProN','Meiryo','ＭＳ Ｐゴシック',sans-serif; */
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 600;
	font-size: 14px;
        
        
	line-height: 1.6;
	background-color:#ffffff;
/*	letter-spacing:0.5px;*/
    word-wrap:break-word;
    overflow-wrap:break-word;

	/*　iphoneでの文字拡大禁止　*/
	-webkit-text-size-adjust: 100%;
	}
       
        
table {
    font-size:inherit;
	line-height: 1.5;
	border-collapse:collapse;
	border-spacing:0;
	}
	th,td {
	font-weight: normal;
	text-align: left;
	}

h1,h2,h3,h4,h5,h6,em,pre { font-weight:normal;}

img {
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
img {
	max-width:100%;
	height:auto;
	}

ul { list-style: none;}
ol { list-style: none;}

.clear { clear:both; }
.nowrap { white-space: nowrap; }

.txt_c, .txt_c p {	text-align:center !important;}
.txt_r, .txt_r p {	text-align:right !important;}

/*a img, a.btn_base, button {*/
/*a img {
	transition:all 0.4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	a:hover img {
	opacity:0.7;
	}*/

::-moz-selection { color:#fff; background: #775425; }
::selection { color:#fff; background:#775425; }

/*　レスポンシブ切り替え（brなど）　*/
.sp, .br_sp { display: inline; }
.pc, .br_pc { display: none;}

p{
    font-size:15px;
    line-height:1.4;
}


/*　リンク
-----------------------------------------------------------------------------*/
	a {
	color: #111;
	text-decoration: none;
	outline:none;
	}
    a.linkblock {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
/*　フォント
-----------------------------------------------------------------------------*/
.font_b {
	font-weight: bold !important;
	}
.font_n{
	font-weight: normal !important;
	font-style: normal !important;
	}

/*　float解除（共通）
-----------------------------------------------------------------------------*/
.cf:after {
	content: "";
	clear: both;
	display: block;
	}