@charset "utf-8";


/*----------------------------------------------------------
	00 reset
	01 link
	02 font
	03 common layout and heading
	04 header
	05 footer
	06 toppage
  07 FAQ
  08 product page
	00 common parts
----------------------------------------------------------*/


/*  00 reset
======================================================================================*/


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

html, body, div, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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:13px;
	font-weight:normal;
	line-height:1.8;
	color:#333;
	vertical-align:middle;
	background:transparent;
	text-align:center;
}

@media screen and ( min-width : 600px ) {
html, body, div, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-size:14px;
}
}

input,textarea {
	font-size:13px;
}


html {
	overflow-y:scroll;
}


body {
    line-height:1;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
 display:block;
 height:2px;
 border:0;
 border-top:2px solid #ddd;
 margin:0px 0 5px;
 padding:0;
}

input, select {
    vertical-align:middle;
}

input{
	padding:5px;
}

input[type^="image"] {
	padding:0;
}

img {
	border: 0;
	vertical-align:middle;
}

li {
	list-style:none;
}



/*  01 link
======================================================================================*/


a:link,
a:visited {
	color: #1f53a7;
	text-decoration: underline;
}


a:hover,
a:active {
	color: #1f53a7;
	text-decoration: none;
}

.overbu:hover,
.overarea a:hover {
	opacity: 0.8;
}

.link_bu {
	text-align:center;
	margin-bottom:0;
}

.link_bu a {
	display:inline-block;
	padding:15px 20px 15px 40px;
	margin:10px 0;
	background-color:#009644;
	border-radius:25px;
	font-size:14px;
	font-weight:bold;
	background-image: url(../img/green_arrow.gif);
	background-repeat: no-repeat;
	background-position: 19px 19px;
	background-size:14px;
	line-height:1.5;
}

.mizu a {
	background-color:#0097da;
	background-image: url(../img/mizu_arrow.png);
}

.orange a {
	background-color:#f18d00;
	background-image: url(../img/orange_arrow.png);
}

.key .orange a {
	border:2px solid #fff;
}

#menu li a {
	display:block;
	padding:10px;
}



.mini a {
	font-size:12px;
	border-radius:15px;
	padding:7px 10px 7px 28px;
	background-position: 9px 9px;
}


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


#menu li a:link,
#menu li a:visited,
.gnav_pc li a:link,
.gnav_pc li a:visited {
 color:#3E3A39;
	text-decoration: none;
}


#footer .link_bu {
	padding:15px 15px 5px;
	background-color: #EFF7E3;
}

.group_link li a {
	position:relative;
	display:block;
	padding:6px 15px;
}

.group_link li a:before{
	content:"";
	display: block;
	width:5px;
	height:5px;
	border-top:1px solid #009644;
	border-right:1px solid #009644;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:0;
	top:50%;
	margin-top:-3px;
}

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


/*  02 font-family
======================================================================================*/
body, textarea {
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Sans-Serif;
}





/*  03 common layout
======================================================================================*/
body {
	background-color: #FFF;
	-webkit-text-size-adjust: none;
	font-size:14px;
}

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


section {
 padding:10px 0px 30px;
}

#content section:last-of-type {
	padding-bottom:30px;
}

.inner,
.txpg {
	margin-right:5%;
	margin-left:5%;
}

@media screen and ( max-width : 768px ) {
.sp_inner {
	margin-right:10px;
	margin-left:10px;
}
}





p {
	margin-bottom:20px;
}



/*  04 header
======================================================================================*/

#head {
 padding: 12px 3%;
}

#head h1 {
	float:left;
	width:235px;
	height:30px;
}

#head p {
	float:right;
	width:440px;
	height:50px;
	margin-bottom:0;
}

#head p > img { margin-right:11px;}
#head p a { margin-left:11px;}

#menu {
	display: none;
}



/* gnav
=====================================================================================*/



#head_nav nav {
	background:#EFF7E3;
	text-align:center;
	font-size:14px;
}


.gnav_sp_bu {
	text-align:center;
}


li.gn_cart,
li.gn_contact {
	background-repeat: no-repeat;
	background-position: 12px 18px;
	background-size:24px 18px;
}

li.gn_cart {	background-image: url(../img/sitenav_cart.png);}
li.gn_contact {	background-image: url(../img/sitenav_contact.png);}

.sitenav_tel { padding:10px;}

/*  05 footer
======================================================================================*/

#footer {
 background-color:#5CB531;
}

#footer .group_link {
	background-color: #5CB531;
	font-size:0;
	text-align:center;
	padding-bottom:5px;
}

.group_link li {
	display: inline-block;
	font-size:12px;
}

.footer_logo {
	background-color: #5CB531;
	text-align:center;
	padding: 20px 0px 10px;
	margin-bottom:0;
}

.footer_logo img {
	width:235px;
}

#copyright_area {
	background-color: #009644;
 padding-top:10px;
}

#copyright_area ul {
 font-size:0;
 margin-bottom:10px;
}

#copyright_area ul li {
	display: inline-block;
	font-size:12px;
}

#copyright_area ul li a {
 display:block;
 position:relative;
 padding: 3px 10px 3px 20px;
}

#copyright_area ul li a:before{
	content:"";
	display: block;
	width:5px;
	height:5px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:0;
	top:50%;
	margin-top:-3px;
}


#copyright {
	margin-bottom:0;
}

small {
	color:#FFF;
	font-size:12px;
}


/* -------------- ページトップへ */

p.pagetop {
	width:900px;
	margin: 0px auto;
	text-align: right;
}


#toTop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	font-size:13px;
	background-color: rgba(0,120,0,0.8);
}

#toTop a:link,
#toTop a:visited {
	position: relative;
	color:#FFF;
	display: block;
	padding: 15px 7px 7px;
}

#toTop a:before{
	content:"";
	display: block;
	width:7px;
	height:7px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left:40%;
	top:8px;
}





/*  00 common parts
======================================================================================*/


.for_pc,
.for_pc_ib {
	display: none;
}

.sp_b {
	display:block;
}


.content p {
	margin-bottom: 20px;
}

.mga5 {margin:5px;}

.mgn0,
div#content p.mgn0 {
	margin: 0px !important;
}

.mgn10,
div#content .mgn10,
div#content p.mgn10 {
	margin-bottom: 10px;
}

.mgn20,
div#content .mgn20 {
	margin-bottom: 20px;
}

.mgn30 {
	margin-bottom: 30px;
}

.mgn50,
div#content p.mgn50 {
	margin-bottom: 50px;
}

.mgt45 {	margin-top: 45px;}



div#content .pdt0 { padding-top:0px;}
.pdt10 { padding-top:10px;}
.pdr5 { padding-right:5px;}
.pdb5 { padding-bottom:5px;}
.pdl10 { padding-left:10px;}
.pdl120 { padding-left:120px;}
.pd10 { padding:10px;}

#content .center {	text-align:center;}
.left {	text-align:left;}
.right {	text-align:right;}





.fl { float:left; }
.fr { float:right; }

.p_img_l {
	float:left;
	padding-right:15px;
}

.p_img_r {
	float:right;
	padding-left:15px;
}

.red {
	color:#e60012;
}

.bold {	font-weight:bold;}
.normal {	font-weight:normal;}


.red_bold {
	font-weight:bold;
	color:#e60012;
}

.tx0 {	font-size: 0px !important;}
.tx10 {	font-size: 10px !important;}
.tx11 {	font-size: 11px !important;}
.tx13 {	font-size: 13px !important;}
.tx15 {	font-size: 15px !important;}
.tx16 {	font-size: 16px !important;}
.tx18 {	font-size: 18px !important;}




div.pagetop {
	border-top: 1px solid #dadada;
	text-align: right;
	padding: 10px 0px 20px;
}

div.pagetop02 {
	text-align: right;
	padding-bottom: 20px;
}




/* =========================================================
	*00 clearfix
========================================================= */
.cl:after{
	content: '';
	display: block;
	clear: both;
 }

.clb {
	clear: both;
}


/* pc style ----------------------------------*/
@media screen and ( min-width : 600px ) {

/* common ------------------------*/




body .for_sp {
	display:none !important;
}


.for_pc {
	display: block;
}

.for_pc_ib {
	display:inline-block;
}


.inner1000 {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
}
  
  .inner1000.support {
    width: 652px;
  }

.inner1000.txpg {
	width:800px;
}

.w47 {
	width:470px;
	box-sizing:border-box;
}

.fl {	float:left;}
.fl:nth-child(odd) {	margin-right:60px;}

.mg265 {
	margin-left:265px;
	margin-right:265px;
}


.pc20 { font-size:20px;}

hr {
 height:4px;
 border:0;
 border-top:4px solid #ddd;
 margin:50px 0 15px;
 padding:0;
}


/* link -----------------------*/

.link_bu a {
	padding:17px 30px 17px 50px;
	border-radius:35px;
	font-size:20px;
	background-position: 22px 21px;
	background-size:20px;
}


#head_nav li a:hover,
#head_nav li.current>a {
	text-decoration:none;
 background-color:#5CB531;
	color: #FFF;
}

#head_nav li.gn_contact a:hover,
#head_nav li.gn_cart a:hover {
 background-color:transparent;
 color: #3E3A39;
}

.mini a {
	font-size:16px;
	font-weight:normal;
	padding:5px 20px 5px 38px;
	background-position: 18px 8px;
	background-size:17px;
}


/* header -------------------------*/

#head {
	padding: 20px 0px 5px;
	margin:0 auto;
	width: 1000px;
}


#head h1 {
	float:left;
	width:410px;
	height:50px;
}

.group_link {
	width:670px;
	float:right;
	text-align:right;
	padding-top:25px;
}

.group_link li {
	text-align:right;
}

.group_link li:last-child a {
	padding-right:0;
}






/* gnav ------------------------- */

.slicknav_menu {
	display: none;
}


#head_nav {
	display:block;
	background-color: #EFF7E3;
	font-size:0;
}

#head_nav nav {
	width:1000px;
	margin:0 auto;
}

#menu {
	display: block;
}


#head_nav ul {
	width:1000px;
 font-size:0;
 position:relative;
}

#head_nav li {
	display:inline-block;
	font-size:17px;
	font-weight:bold;
	border-bottom:none;
 width:166px;
}

#head_nav li a {
 display:block;
 padding:15px 0px;
 position:relative;
}


#head_nav li.gn_cart,
#head_nav li.gn_contact {
 position:absolute;
 top:-55px;
 font-size:16px;
	background-position: 0px 18px;
}

/*#head_nav li.gn_cart {
 width:100px;
 right:0;
}*/

#head_nav li.gn_contact {
 width:210px;
 right:0;
}



#menu li ul.sub-menu {
	display: none;
}

#menu li:hover ul.sub-menu {
	display: inline-block;
	position: absolute;
	top: 60px;
	left: 2px;
 width:166px;
	z-index: 10;
}

#menu li ul.sub-menu li {
	float: none;
	text-align:left;
	width:100%;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	font-size:12px;
 background-color:#F4F4F4;
 display:block;
}

#menu li ul.sub-menu li:nth-child(even) {
 background-color:#FFF;
}

#menu ul.sub-menu li a {
 padding:5px 5px 5px 20px;
}



#menu ul.sub-menu li a {
	position: relative;
}

#menu ul.sub-menu li a:before{
	content:"";
	display: block;
	width:7px;
	height:7px;
	border-top:1px solid #009644;
	border-right:1px solid #009644;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:5px;
	top:50%;
	margin-top:-6px;
}




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

#footer {
 background-color: #5CB531;
 padding: 95px 0px 0px;
}

.footer_inner {
	width:1000px;
	margin:0 auto;
 position:relative;
}


.footer_logo {
	background:none;
 position:absolute;
 top:-90px;
 left:0;
	width:410px;
}

.footer_logo img {
	width:410px;
}

.footer_tel {
 position:absolute;
 top:-90px;
 left:575px;
	width:440px;
	height:50px;
	margin-bottom:0;
	padding: 20px 0px 10px;
}

.footer_tel > img { margin-right:11px;}
.footer_tel a { margin-left:11px;}




#footer .slicknav_nav {
 margin-bottom:20px;
 text-align:left;
}

#footer .slicknav_nav li {
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	border:none;
 color:#FFF;
}

#footer .slicknav_nav li:not([class]) a {
 position:relative;
 padding: 15px 12px;
}

#footer .slicknav_nav li:not([class]) a:before{
	content:"";
	display: block;
	width:5px;
	height:5px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:0;
	top:50%;
	margin-top:-3px;
}

#footer li.notlink a {
 padding: 15px 12px 15px 0px;
}

#footer ul.sub-menu,
#footer .sub-menu li {
	display:inline-block;
 vertical-align:top;
 font-weight:normal;
}

#footer ul {
 position:relative;
}

#footer li.gn_cart,
#footer li.gn_contact {
 position:absolute;
 top:-55px;
 font-size:16px;
	background-position: 0px 5px;
}

/*#footer li.gn_cart {
 width:100px;
 right:0;
 background-image: url(../img/footnav_cart.png);
}*/

#footer li.gn_contact {
 width:210px;
 right:0px;
 background-image: url(../img/footnav_contact.png);
}

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


#footer a:hover,
#footer a:active {
	color: #FFF;
	text-decoration: underline;
}

#footer .notlink>a:hover {
	text-decoration: none;
}

#copyright_inner {
	width:1000px;
	margin:0 auto;
}



#copyright_area ul {
 float:left;
 width:400px;
 text-align:left;
}


#copyright {
 float:left;
 width:600px;
	text-align:right;
}




}