@charset "utf-8";

/**
 * YUI 3.5.0 - reset.css (http: //developer.yahoo.com/yui/3/cssreset/)
 * http: //cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http: //yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings.
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700);

html {
	width: 100%;
	color: #000;
	overflow-x: hidden;
}
* {
	box-sizing:border-box;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
	font-size: 14px;
	line-height: 1.6;
 	-webkit-text-size-adjust: none;
	width: 100%;
	background-color:#FFF;
}
.serif {
	font-family: "Playfair Display SC", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
	- Fails on FF.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,
h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	word-break: break-word;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table br {
	display: none !important;
}
table th br,
table td br {
	display: inline !important;
}
fieldset,
img {
	border: 0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
em {
	font-style: italic;
}
ul {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input[type=text],
input[type=email],
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	border: none;
}
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Helvetica, Arial, sans-serif;
}
input[type="submit"],
input[type="buttom"] {
	border-radius: 0;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none;}

img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

a,a:visited,a:active,a:link {
	color: #FFF;
	text-decoration: none;
}

/* JqvaScriptで動的に付与 */
.current {
	cursor: default;
	text-decoration: none !important;
}

#fb-root {
	display: none;
}


/*
------------------------------------------------------------------------------------------------------------------ Tablet */
@media screen and (max-width: 1024px) {

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
select, option, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

}


/*
------------------------------------------------------------------------------------------------------------------ Tablet */
@media screen and (max-width: 900px) {

html {
	height: 100%;
}
body {
	height: 100%;
	/*background: none;*/
}

}

@media screen and (max-width: 900px) {
	body {
		font-size: 14px;
	}
}