@charset "UTF-8";

/*

/common/css/base.css
2019.11.15

*/

/*--------------------------------------
  reset
---------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,th,td {
margin:0;
padding:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
}
li {
list-style-type:none;
}

body {
background-color:#fff;
}

/*----------------------------------------------------------------
  clearfix
----------------------------------------------------------------*/
.clear{
clear:both;
}
.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.clearfix {
zoom:1;
overflow:hidden;
}
/* IE7,MacIE5 */
.clearfix {
display:inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/**/

/*--------------------------------------
  header
---------------------------------------*/
header {
width:100%;
height:100px;
background-color:#fff;
text-align:center;
}
#logo {
margin:20px 0;
}
#logo img {
width:320px;
}

/*--------------------------------------
  global navi
---------------------------------------*/
#global-nav {
width:100%;
height:50px;
margin:0 0 30px;
padding:0;
background-color:#fff;
text-align:center !important;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
}
#global-nav ul {
display:inline-block;
}
#global-nav li {
float:left;
display:table;
height:50px;
font-size:129%;
line-height:1;
letter-spacing:0.1em;
}
#global-nav li a {
display:table-cell;
overflow:hidden;
padding:0 50px;
font-family:"新ゴ R";
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}
#global-nav li a:hover, #global-nav li a.active {
color:#fff;
background-color:#a3d6c0;
}
.fixed {
position:fixed;
top:0;
width:100%;
z-index:999;
}
#smp-nav li ul.sub-nav { dispaly:none; }
#btn-smp, #smp-nav, #smp-nav li { display:none; }

/*--------------------------------------
  contents
---------------------------------------*/
.contents {
width:100%;
margin:0;
padding:0 0 30px;
}
.contents-inner {
width:1000px;
margin:0 auto;
}
.h2-title {
padding:20px 0;
margin-bottom:40px;
border-radius:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:url(/common/images/h2-pattern.png) repeat 0 0;
background-color:#62c2bf;
font-family:"ゴシックMB101 B";
font-size:229%;
line-height:1;
letter-spacing:0.02em;
text-align:center;
color:#fff;
text-shadow:1px 1px 3px #000;
}
#main img { width:1000px; }
#main { margin-bottom:30px; }
.txt-copy01 {
margin-bottom:10px;
font-family:"新ゴ R";
font-size:429%;
letter-spacing:-0.04em;
}
.txt-copy02 {
margin-bottom:10px;
font-family:"新ゴ R";
font-size:158%;
letter-spacing:0.02em;
}
#product-nav  { width:220px;margin:0 60px 0 10px; }
.product-detail {
width:620px;
padding:30px 45px;
background-color:#f4f1e7;
}
.product-detail h3 {
margin-bottom:20px;
padding-bottom:10px;
font-family:"新ゴ R";
font-size:257%;
letter-spacing:0.02em;
text-align:center;
border-bottom:1px solid #333;
}
.product-detail img { margin-bottom:5px; }
div { *zoom:1; }
div:after { display:block;content:"";clear:both; }
.js-tab { margin-bottom:0; }
.js-tab > div {
float:left;
position:relative;
color:#fff;
text-align:center;
cursor:pointer;
width:220px;
margin:0 0 16px;
padding:15px 0;
font-size:214%;
border-radius:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#85cbbf;
box-shadow:0 5px 5px #b1b1b1;
-webkit-box-shadow:0 5px 5px #b1b1b1;
-moz-box-shadow:0 5px 5px #b1b1b1;
}
.js-tab > div.active {
color:#333;
background-color:#fff;
}
.js-tab > div.active:after {
position:absolute;
content:'';
transform:translateX(-50%);
}
.js-tab > p {
float:left;
position:relative;
}
.js-tab_content {
display:none;
}
.js-tab_content.active { display:block; }
.contact-txt {
font-family:"新ゴ R";
font-size:129%;
font-weight:600;
}

/*--------------------------------------
  footer
---------------------------------------*/
footer {
width:100%;
background-color:#92cb17;
}
.footer-inner {
width:1000px;
margin:0 auto;
padding:30px 0;
color:#fff;
}
#footer-logo {
float:left;
margin-right:40px;
font-family:"じゅん 501";
font-size:326%;
letter-spacing:-0.04em;
color:#fff100;
text-align:left;
}
.footer-right {
float:left;
width:660px;
text-align:left;
}
.tel-fax {
margin:0 0 10px;
font-size:214%;
}
address {
margin:0 0 20px;
font-size:115%;
line-height:1;
}
.footer-left li {
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0;
font-size:86%;
}
.copyright {
font-size:79%;
letter-spacing:0.02em;
line-height:1;
}
#pagetop {
display:none;
position:fixed;
bottom:50px;
right:50px;
}
#pagetop img {
width:60px;
height:60px;
}

/* info */
.h2-info {
margin:0 0 10px;
padding:10px 20px;
font-size:186%;
color:#fff;
border-radius:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#beaf86;
}

/* guide */
.balloon1 {
position:relative;
width:758px;
margin:20px 0 0;
padding:20px 40px;
border:1px solid #999;
border-radius:12px;
background-color:#fdebd1;
}
.balloon1:before{
content:"";
position:absolute;
left:-15px;
top:20px;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
border-right:15px solid #999;
}
.balloon1:after{
content:'';
position:absolute;
display:block;
width:0;
height:0;
left:-14px;
top:20px;
border-right:15px solid #fdebd1;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
}
.balloon1 p {
margin:0;
padding:0;
font-size:186%;
line-height:1.4;
}
.balloon2 {
position:relative;
display:inline-block;
width:758px;
margin:0;
padding:20px 40px;
border:1px solid #999;
border-radius:12px;
background:#ebf3d9;
}
.balloon2 p {
margin:0;
padding:0;
font-size:186%;
line-height:1.4;
}
.guide-arrow {
padding:20px 0;
text-align:center;
}
.guide-arrow2 {
padding:20px 0 0;
text-align:center;
}

/*--------------------------------------
  contact
---------------------------------------*/
#h1-contact {
margin:0 0 30px;
padding:10px 20px;
font-size:186%;
color:#fff;
text-align:center;
border-radius:8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#beaf86;
}
#contact-box {
margin:0 0 60px;
padding:60px 100px;
background-color:#f4f1e7;
}
.mw_wp_form p {
margin:0 0 30px;
padding:0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], textarea {
color:#666;
background:#fff;
background-image:none;
background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border:1px solid #bbb;
-webkit-border-radius:3px;
border-radius:3px;
display:block;
padding:10px;
margin:10px 0 0;
}
textarea { width:718px; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0;
}
::-moz-placeholder {
color:#333;
font-family:"Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity:1;
}
button, input[type="button"], input[type="submit"] {
font-size:115%;
background-color:#222;
border:0;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:none;
box-shadow:none;
color:#fff;
cursor:pointer;
display:inline-block;
line-height:1;
padding:1em 2em;
text-shadow:none;
-webkit-transition:background 0.2s;
transition:background 0.2s;
text-align:center;
}
.error {
margin:10px 0 0;
font-weight:bold;
}
button:hover,
button:focus {
background:#ffa200;
}