@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.
*/

html {
	width: 100%;
	overflow-x: hidden;
	font-size: 10px;
	background: #FFF;
	color: #6e9bc5;
}

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-weight: normal;
	font-size: 1.4rem;
	line-height: 1.6;
 	-webkit-text-size-adjust: none;
	width: 100%;
	letter-spacing: .1rem;
}
.serif {
	font-family: "a-otf-ryumin-pr6n";
}
.gothic {
	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-weight: normal;
}
.gothic.bold {
	font-family: "a-otf-midashi-go-mb31-pr6n";
}

body > noscript > img,
body > iframe {
	display: none;
}

*,
::before,
::after {
  box-sizing: border-box;
}


/*
	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;
}

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;
}
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=tel],
input[type=email],
input[type=password],
input[type=button],
input[type=submit],
select, option, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Helvetica, Arial, sans-serif;
	border: none;
	font-size: 1.4rem;
	line-height: 1.8;
 	-webkit-text-size-adjust: none;
	letter-spacing: .1rem;
}
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
	border: none;
}

/*because legend doesn't inherit in IE */
legend {
	color: #FFF;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none;}

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

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

a, .btn {
	background-color: transparent; /* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
	text-decoration: none;
	color: #FFF;
	opacity: 1;
	cursor: pointer;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.btn:active,
.btn:hover {
	outline-width: 0; /* Remove the outline when hovering in all browsers */
	opacity: .5 !important;
}

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

#fb-root {
	display: none;
}

#container .pc {
	display: block;
}
#container .tb {
	display: none;
}
#container .sp {
	display: none;
}

#container .pc.tb {
	display: block;
}
#container .tb.sp {
	display: none;
}
#container .pc.sp {
	display: block;
}


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

#container .pc {
	display: block;
}
#container .tb {
	display: block;
}
#container .sp {
	display: none;
}

#container .pc.tb {
	display: block;
}
#container .tb.sp {
	display: block;
}
#container .pc.sp {
	display: none;
}

}


/*
------------------------------------------------------------------------------------------------------------------ SmartPhone */
@media screen and (max-width: 414px) {

#container .pc {
	display: none;
}
#container .tb {
	display: none;
}
#container .sp {
	display: block;
}

#container .pc.tb {
	display: none;
}
#container .tb.sp {
	display: block;
}
#container .pc.sp {
	display: block;
}

}