/* ------------------------------------------
	BASIC STYLES
--------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body,div,
header,footer,nav,
article,section,aside,figure,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,dl,dt,dd,ol,ul,li,hr,img,
fieldset,legend,form,label,
th,td,
menu,details,summary {
	margin: 0;
	padding: 0;
	border: 0;
}

a:active,
a:hover {
	outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }



/* ------------------------------------------
	WAYPOINTS
--------------------------------------------- */
.wp_object01,.wp_object02,.wp_object03 {
	visibility: hidden;
}

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
	visibility: visible
}



/* ------------------------------------------
	LOGOBOX
--------------------------------------------- */
.homebox {
	position: absolute;
	z-index: 16;
	top: 16%;
	left: 38%;
	width: 4%;
}

.storybox {
	position: absolute;
	z-index: 16;
	top: 32%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 36%;
}

.fluffybox {
	position: absolute;
	z-index: 16;
	top: 32%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 360px;
}

.matoibox {
	position: absolute;
	z-index: 16;
	top: 16%;
	left: 44%;
	width: 10%;
}

.matoitxt {
	position: absolute;
	z-index: 16;
	bottom: 4%;
	left: 40%;
	width: 56%;
}

.matoitxt p {
	font-size: 1.2em;
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
}

.shikaribox,
.nuguibox {
	position: absolute;
	z-index: 16;
	top: 16%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 10%;
}

.shikaritxt {
	position: absolute;
	z-index: 16;
	right: 0;
	top: 50%;
	left: 0;
	margin: -1.6em auto 0;
	width: 100%;
}

.nuguitxt {
	position: absolute;
	z-index: 16;
	right: 0;
	top: 50%;
	left: 0;
	margin: -1.6em auto 0;
	width: 100%;
}

.shikaritxt p,
.nuguitxt p {
	font-size: 1.2em;
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
}

.logobox {
	position: absolute;
	z-index: 16;
	top: 16%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 10%;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	.matoitxt {
		bottom: 1%;
		left: 40%;
		width: 56%;
	}

	.matoitxt p {
		font-size: 0.64em;
	}

	.shikaritxt,
	.nuguitxt {
		top: 40%;
	}

	.shikaritxt p,
	.nuguitxt p {
		font-size: 0.8em;
	}
}



/* ------------------------------------------
	TOPIMG
--------------------------------------------- */
.topimg01 {
	margin: 0 !important;
}

.topimg02 {
	max-width: 480px;
	margin: 0 auto 36px !important;
}

.topimg03 {
	height: 240px;
	margin: 0 !important;
}

.topimg04 {
	width: 100%;
	margin: 0 !important;
}

.topimg05 {
	max-width: 100%;
	margin: 0 !important;
}

.topimg06 {
	height: 240px;
	margin: 0 !important;
}

@media screen and (max-width: 720px) {
	.topimg03 {
		height: 160px;
	}

	.topimg06 {
		height: 160px;
	}
}



/* ------------------------------------------
	BODY
--------------------------------------------- */
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-align: left;
	color: #221;
	background-color: #eee;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6;
	font-family: "Avenir Next","Helvetica Neue",Arial,"游ゴシック Light","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,Sans-Serif;
/*
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
*/
	padding-top: 56px;	/* ヘッダの高さ分空ける */
}

/* article要素の中にはh1〜h6要素が必要 */
article {
/*	border-bottom: 1px solid #999;*/
	background-color: #fff;
	margin: 0 auto;
	padding-bottom: 36px;
	width: 100%;
	max-width: 1000px;
	min-width: 360px;
	position: relative;
}

section,
address,
aside {
	width: 100%;
	position: relative;
	padding: 0;
}

div {
	position: relative;
	padding: 0;
}

section,
address {
	margin: 0 auto 56px;
}

aside {
	margin: 0 auto 16px;
}

section p,
address p,
aside p {
	text-decoration: none;
	font-style: normal;
}

a {
	text-decoration: none;
}

a:link,
a:visited {
	color: #926B43;	
}

a:active,
a:hover,
a:focus {
	color: #B08253;		
}



/* ------------------------------------------
	基本設定
--------------------------------------------- */
/* 画像に重ねるH1ここから */
/*
h1 {
	position: absolute;
	z-index: 16;
	left: 0;
	top: 40px;
	display: inline-block;
}
*/
/* 画像に重ねるH1ここまで */

/* h1〜h4要素 */
h1 {
	color: #221;
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	text-align: center;
}

h2 {
	color: #221;
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	font-size: 1.6em;
	margin-bottom: 12px;
	padding: 0 ;
	line-height: 1.6em;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
/*	background-color: #c12;
	text-align: center;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	border-left: 36px solid #c12;*/
}

h3 {
	color: #221;
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	font-size: 1.2em;
	margin-bottom: 8px;
	padding: 0;
	line-height: 1.6em;
	border-bottom: 1px solid #221;
}

h4 {
	color: #c12;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0;
}

#inquiry h4 {
	font-size: 1.2em;
	margin: 0 auto 24px;
}

/* テキスト要素 */
p {
	font-size: 1.0em;
	line-height: 1.6em;
	margin-bottom: 32px;
}

aside p {
	font-size: 0.8em;
}

li,dt,dd {
	font-size: 1.0em;
}

strong {
	color: #110;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

em {
	color: #665;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

small {
	font-size: 0.8em;
}

sup {
	font-size: 0.6em;
}

iframe {
	width: 100%;
	height: 400px;
	border:none;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	h1 {
		font-size: 1.2em;
	}

	h2 {
		font-size: 1.2em;
	}

	h3 {
		font-size: 1.0em;
	}

	h4 {
		font-size: 1.0em;
	}

	#inquiry h4 {
		font-size: 1.0em;
	}

	p,li,dt,dd {
		font-size: 0.8em;
	}

	iframe {
		height: 320px;
	}
}



/* ------------------------------------------
	テーブル設定
--------------------------------------------- */
table {
	width: 440px;
	margin: 0 auto 8px;
	padding: 0;
	border-collapse: separate;
}

th {
	text-align: center;
	color: #665;
	background-color: #eee;
	border: 1px solid #999;
	padding: 4px;
}

td {
	text-align: center;
	border: 1px solid #999;
	padding: 4px;
	vertical-align: middle;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	table {
		font-size: 0.8em;
		width: 320px;
	}
}



/* ------------------------------------------
	#home 限定設定
--------------------------------------------- */
#home section h2,#home section h3,#home section p,#home section ul {
	max-width: 440px;
	margin-right: auto;
	margin-left: auto;
/*	color: #fff;
	-moz-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
	text-shadow: 1px 1px 1px #000;*/
}


/* スマホ版 */
@media screen and (max-width: 720px) {
	#home section h2,#home section h3,#home section p,#home section ul {
		max-width: 320px;
	}
}



/* ------------------------------------------
	#story 限定設定
--------------------------------------------- */
#story section h2,#story section p {
	max-width: 440px;
	margin-right: auto;
	margin-left: auto;
}

#story .pbox {
	max-width: 480px;
	margin: 0 auto;
}

#story .rbox,#story .lbox {
	width: 46%;
	margin: 0 2%;
}

#story .rbox {
	float: right;
}

#story .lbox {
	float: left;
}

#story .rbox p,#story .lbox p {
	font-size: 0.8em;
	margin: 0 auto 16px;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	#story section h2,#story section p {
		max-width: 320px;
	}

	#story .pbox,
	#story .rbox,#story .lbox {
		width: 100%;
		max-width: 320px;
		margin: 0 auto;
		clear: both;
	}
}



/* ------------------------------------------
	#flully 限定設定
--------------------------------------------- */
#flully section h2,#flully section p {
	max-width: 440px;
	margin-right: auto;
	margin-left: auto;
}

#flully section h2 {
	text-align: center;
}

#flully .pbox {
	width: 300px;
	margin: 0 auto;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	#flully section h2,#flully section p {
		max-width: 320px;
	}
}



/* ------------------------------------------
	#matoi 限定設定
--------------------------------------------- */
#matoi section h2,
#matoi section h3 {
	font-weight: normal;
	text-align: center;
	border-bottom: none;
}

#matoi section h2 span {
	font-size: 1.2em;
}

#matoi section h3 {
	margin-bottom: 24px;
}

#matoi .title {
	width: 100%;
	background-color: #F5F5DC;
	margin-bottom: 36px;
	padding: 36px 0;
}

#matoi .title p {
	font-size: 0.8em;
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	width: 360px;
	margin: 0 auto 16px;
	padding: 0;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	#matoi .title p  {
		width: 240px;
	}
}



/* ------------------------------------------
	#shikari_nugui 限定設定
--------------------------------------------- */
#shikari_nugui section h2 {
	font-weight: normal;
	text-align: center;
}

#shikari_nugui section h2 span {
	font-size: 1.2em;
}

#shikari_nugui .title {
	width: 100%;
	background-color: #F5F5DC;
	margin-bottom: 36px;
	padding: 36px 0;
}

#shikari_nugui .title p {
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

#shikari_nugui .pbox {
	max-width: 720px;
	margin: 0 auto;
}

#shikari_nugui .pbox img {
	margin-bottom: 16px;
}

#shikari_nugui .lbox,
#shikari_nugui .cbox,
#shikari_nugui .rbox {
	width: 33.333333333333%;
	float: left;
	padding: 0 2%;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	#shikari_nugui .pbox,
	#shikari_nugui .lbox,
	#shikari_nugui .cbox,
	#shikari_nugui .rbox {
		width: 240px;
		margin: 0 auto;
		clear: both;
	}
}



/* ------------------------------------------
	#shikari #nugui 限定設定
--------------------------------------------- */
#shikari p,
#nugui p {
	max-width: 440px;
	margin-right: auto;
	margin-left: auto;
}

.icon_a,
.icon_b {
	padding-left: 56px;
	background-repeat: no-repeat;
	background-position: left top;
}

.icon_a {
	background-image: url('../pageimg/icon_a.png');
}

.icon_b {
	background-image: url('../pageimg/icon_b.png');
	margin-bottom: 56px;
}

#shikari section h2,
#nugui section h2 {
	font-weight: normal;
	text-align: center;
	margin: 0;
}

#shikari section h2 span,
#nugui section h2 span {
	font-size: 1.2em;
}

#shikari .title,
#nugui .title {
	width: 100%;
	background-color: #F5F5DC;
	margin-bottom: 36px;
	padding-bottom: 36px;
}

#shikari .title h2,#shikari .title p,
#nugui .title h2,#nugui .title p {
	text-align: center;
}

#shikari .title p,
#nugui .title p {
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#shikari .cbox,
#nugui .cbox {
	max-width: 480px;
	margin: 0 auto 56px;
}

#shikari .pbox {
	width: 240px;
	margin: 0 auto 56px;
}

#nugui .pbox {
	width: 360px;
	margin: 0 auto 56px;
}

#nugui .pbox img {
	margin-bottom: 16px;
}

#nugui .pbox p {
	font-size: 0.8em;
	width: 360px;
	margin: 0 auto 16px;
	padding: 0;
}

#shikari .wbox,
#nugui .wbox {
	width: 100%;
	margin: 0 auto 56px;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	#nugui .pbox,
	#nugui .pbox p {
		width: 240px;
	}
	#shikari p,
	#nugui p {
		max-width: 320px;
	}

	#shikari .cbox,
	#nugui .cbox {
		width: 320px;
	}
}



/* ------------------------------------------
	#product 限定設定
--------------------------------------------- */
#product section {
	margin-bottom: 56px;
}

#product section h2,#product section h3,#product section p,#product section ul {
	max-width: 440px;
	margin-right: auto;
	margin-left: auto;
}

#product section h2 span {
	font-size: 1.2em;
}

#product section table span {
	font-size: 0.8em;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	#product section h2,#product section h3,#product section p,#product section ul {
		max-width: 320px;
	}

	#product section table span {
		font-size: 0.6em;
	}
}

/* #product section .cautionbox */
#product section .cautionbox {
	background-image: url("../img/stat16_h1200.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: auto;
	margin: 0 auto;
	padding: 16px 0;
	max-width: 440px;
	border:1px solid #eee;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;  
	border-radius:12px;
	overflow:auto;
}

#product section .cautionbox h2,
#product section .cautionbox h3,
#product section .cautionbox p,
#product section .cautionbox ul {
	max-width: 400px;
}

#product section .cautionbox p {
	color: #926B43;
	margin-bottom: 4px;
}

#product section .cautionbox ul {
	margin-bottom: 40px;
}

#product section .cautionbox li {
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
}


/* スマホ版 */
@media screen and (max-width: 720px) {
	#product section .cautionbox {
		max-width: 320px;
	}

	#product section .cautionbox h2,
	#product section .cautionbox h3,
	#product section .cautionbox p,
	#product section .cautionbox ul {
		max-width: 280px;
	}
}



/* ------------------------------------------
	#pp #company #inquiry 限定設定
--------------------------------------------- */
#pp section h2,#pp section p,#pp section ul,
#company section h2,#company section p,#company section dl,
#inquiry section h2,#inquiry section p,#inquiry section dl {
	max-width: 440px;
	margin-right: auto;
	margin-left: auto;
}

#company dd,
#inquiry dd {
	margin-bottom: 1.2em;
	border-bottom: 1px dashed #665;
}

#inquiry span {
	color: #c12;
	font-size: 0.8em;
	font-weight: normal;
}

.confirmation {
	padding: 36px 0;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	#pp section h2,#pp section p,#pp section ul,
	#company section h2,#company section p,#company section dl,
	#inquiry section h2,#inquiry section p,#inquiry section dl {
		max-width: 320px;
	}
}



/* ------------------------------------------
	特殊設定
--------------------------------------------- */
.adjimg img,
.rigimg img,
.lefimg img {
	vertical-align: bottom;
/*	margin-bottom: 16px;*/
}

.adjimg img {
	width: 100%;
}

.rigimg img {
	width: 360px;
	float: right;
	margin-left: 24px;
}

.lefimg img {
	width: 360px;
	float: left;
	margin-right: 24px;
}

.adjlist ol,
.adjlist ul,
.adjlist dl {
	font-size: 1.0em;
	margin-bottom: 8px;
}

.adjlist li {
	margin-left: 1.2em;
}

.adjlist dt {
	color: #999;
	margin-left: 0;
	font-weight: bold;
}

.adjlist dd {
	margin-left: 4.0em;
}

.dot li {
	list-style-type:disc;
}

.num li {
	list-style-type:decimal;
}

.ind {
	list-style-type: none;
	text-indent: -0.8em;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

.ilb {
	display: inline-block;
}

.errortext {
	color:#c12;
}

.boxline {
	border: 1px solid #999;
}

.himitsu {
	text-align: center;
	font-size: 1.2em;
	font-family: "Times New Roman","游明朝 Light","游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ＭＳ Ｐ明朝",MS PMincho,Serif;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: contain;
	background-position: center center;
	background-image: url('../pageimg/funwari.png');
	height: 148px;
}

.himitsu span {
	color: #926B43;	
}

.himitsu a,.himitsu span {
	display: block;
	margin: 0 auto 36px;
	position: absolute;
	z-index: 16;
	right: 0;
	top: 50%;
	left: 0;
	margin: -0.6em auto 0;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	.adjimg img,
	.rigimg img,
	.lefimg img {
		width: 100%;
	}

	.himitsu {
		font-size: 1.0em;
		height: 120px;
	}

	.himitsu a,.himitsu span {
		margin: -0.5em auto 0;
	}
}



/* ------------------------------------------
	HEADER
--------------------------------------------- */
header {
	background-color: #fff;
	position: fixed;
	z-index: 32;
	width: 100%;
	left: 0;
	top: 0;
/*	border-bottom: 1px solid #999;*/
}

header section {
	width: 100%;
	margin: 0;
}

header address {
	text-align: right;
	width: 100%;
	height: 56px;
	margin: 0;
}

header address p,header address span {
	line-height: 56px;
	margin: 0;
	display: inline-block;
	height: 56px;
}

header address p {
	font-size: 0.8em;
	margin-right: 12px;
}

header address .tel {
	font-size: 1.2em;
}

header div {
	background-color: #000;
}

header div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1px;
	line-height: 0;
	clear: both;
}

header nav p {
	margin-bottom: 0;
}

#logo {
	position: absolute;
	z-index: 16;
	top: 0;
	left: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #fff;
	display: inline-block;
	height: 56px;
}

#logo img {
	margin: 4px;
}	



/* ------------------------------------------
	FOOTER
--------------------------------------------- */
footer {
	color: #000;
	background-color: #fff;
	border-top: 1px solid #999;
	padding: 0 0 8px;
	min-width: 360px;
	width: 100%;
}

footer li {
	display:inline-block;
}

footer p {
	font-size: 0.6em;
	padding: 0;
}

footer small {
	color: #000;	
}

footer article {
	max-width: 100%;
	width: 100%;
	border: none;
	margin: 0 auto;
	padding: 0;
}

footer section,
footer address,
footer aside,
footer nav,
footer div {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 16px;
	min-width: 360px;
	width: 100%;
/*	float: left;*/
/*	border-left: 1px solid #999;*/
}

footer nav {
	font-size: 0.8em;
	max-width: 100%;
	padding: 16px 0;
	background-color: #ccc;
}

footer nav li {
	padding: 0 8px;
	border-left: 1px solid #221;
}

footer nav li:first-child {
	border-left: none;
}

footer a:link,
footer a:visited {
	color: #221;	
}

footer a:active,
footer a:hover,
footer a:focus {
	color: #665;		
}

footer:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1px;
	line-height: 0;
	clear: both;
}

/* スマホ版 */
@media screen and (max-width: 720px) {
	footer h1 {
		text-align: center;
	}

	footer section,
	footer address,
	footer aside {
		text-align: center;
		width: 100%;
	}

	footer nav {
		font-size: 0.6em;
	}
}