@charset "UTF-8";
/* CSS Document */

/* web font
----------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css); 


/* reset
----------------------------------------------- */

/*要素のフォントサイズやマージン・パディングをリセット*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
	font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

html {
	font-size: 62.5%;/*ベースを10px*/
}
 
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	line-height: 1;/*行の高さをフォントサイズと同じに*/
	word-break: break-all;
	color: #666666;
}
 
/*インライン要素をブロック要素へ変更*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}
 
/*マーカー（行頭記号）を表示しないように*/
dt, dd, ul, li {
    list-style: none;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
/*縦方向の揃え位置を中央揃えに指定*/
input, select {
    vertical-align:middle;
}

a {
	cursor: pointer;
	color: #666666;
}

a:link{
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

*, *:before, *:after {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

img {
	border: none;
	vertical-align: bottom;
	font-size:0;
	line-height: 0;
}

#container {
	overflow: hidden;
}

/*　clearfix
----------------------------------------------- */

.cf {
	zoom: 1;
}

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	 clear: both;
}

/*　共通スタイル
----------------------------------------------- */

.inner {
	width: 1000px;
	margin: 0 auto;
	max-width: 1000px;
}

.animated {
	opacity: 0;
}

.bd_gray {
	border: 10px solid #95b0bd;
	width: 100%;
	height: 100%;
}

.bd_pink {
	border: 10px solid #f29bc1;
	width: 100%;
	height: 100%;
}

.bd_green {
	border: 10px solid #a5cd56;
	width: 100%;
	height: 100%;
}

.bd_yellow {
	border: 10px solid #ffdc45;
	width: 100%;
	height: 100%;
}

.bd_blue {
	border: 10px solid #1ac1f1;
	width: 100%;
	height: 100%;
}

.bd_purple {
	border: 10px solid #8591c6;
	width: 100%;
	height: 100%;
}

.font_yellow {
	color: #ffdc45;
}

.font_blue {
	color: #1ac1f1;
}

.font_pink {
	color: #f29bc1;
}

.font_green {
	color: #84cb29;
}

.font_purple {
	color: #8591c6;
}


/* トップページ／ヘッダー
----------------------------------------------- */

#header {
	position: fixed;
	z-index: 999;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
}

#header .inner {
	display: -webkit-box;/* Androidブラウザ用 */
	display: -moz-box;/* Firefox21 */
	display: -ms-flexbox;/* IE10 */
	display: -webkit-flex;/* safari（PC）用 */
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

#header h1 {
	padding-top: 45px;
}

#header .online_shop_btn {
	padding-top: 55px;
}

#header .online_shop_btn a {
	background-color: #95b0bd;
	padding: 8px 10px;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 1px;
}

#header .online_shop_btn a:hover {
	opacity: 0.6;
}

/* スクロールアイコン
----------------------------------------------- */

.scroll_icon {
	position: absolute;
	z-index: 999;
	left: 50%;
	bottom: 30px;
	transform: translate(-50%, -50%);
	text-align: center;
}

/* footer
----------------------------------------------- */

#footer {
	
}

#footer .inner {
	position: relative;
}

#footer .copy {
	position: absolute;
	bottom: 40px;
	right: 0;
	font-size: 10px;
	font-size: 1.0rem;
	color: #95b0bd;
	letter-spacing: 2px;
}

#footer .footer_nav {
	position: absolute;
	bottom: 40px;
	left: 0;
}

#footer .footer_nav ul {
	
}

#footer .footer_nav ul li {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 15px;
	letter-spacing: 1px;
}

#footer .footer_nav ul li a {
	border-bottom: 1px solid #95b0bd;
	padding-bottom: 5px;
	transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

#footer .footer_nav ul li a:hover {
	color: #95b0bd;
}