/*
Theme Name: shibazono
Theme URI: shibazono.greenworld-shop.jp
Author: shibazono
Author URI: shibazono.greenworld-shop.jp
Description: shibazono
*/


/*-------------------------------------------
	基本スタイル
--------------------------------------------*/
body {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 16px;
	line-height: 1.8em;
    word-wrap: break-word;
    font-family: 'Noto Sans JP', sans-serif;
}

* {
font-family: 'Noto Sans JP', sans-serif;
}

*html body{  
     box-sizing: border-box;
    height:100%;
    min-height: 100%;
}

a:hover img{
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
}

html {
	overflow-y:scroll;
	height:100%;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	/*-----position: relative;-------*/
}

form,input,textarea {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
	padding:0px;
	margin:0px;
	font-weight: normal;
	font-size:12px;
	line-height:18px;
}

/*----p {
margin:0px;
padding:0px;
}-----*/

ul {
margin:0px;
padding:0px;
list-style:none;
}

.weight100	 {
	font-weight:100;
	}
 
.weight300	 {
	font-weight:300;
	}
 
.weight400	 {
	font-weight:400;
	}
 
.weight500	 {
	font-weight:500;
	}
 
.weight600	 {
	font-weight:600;
	}
 
.weight700	 {
	font-weight:700;
	}
 
.weight900	 {
	font-weight:900;
	}


/*--------------------------------------------
	リンクスタイル
--------------------------------------------*/

a:link {
	color: #04739b;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #F90;
}

a:active {
	color: #000;
}


/*--------------------------------------------
	clear
--------------------------------------------*/

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

/*--------------------------------------------
	全体
--------------------------------------------*/

/* pagetop --------------------- */
#pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 80px;
	margin-top: -80px;
	padding-top: 80px;
	z-index: 9999999999;
}
#pagetop img {
	width: 100%;
	height: auto;
}

.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .8s;
}

.inviewfadeInUp2 {
    opacity: 0;
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .50s;
}

.inviewfadeInUp3 {
    opacity: 0;
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .20s;
}

/* fadeInUp */ 
.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/* fadeInUp2 */ 

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

header{
    background: url("../../../../img/fv_bg.png");
    background-repeat: repeat-x;
    background-position: center;

}

h1{
    text-align: center;
    padding: 30px 0 40px;
}

/*-------------------------------------------
	CTA
--------------------------------------------*/

.cta01{
    background: url("../../../../img/cta_bg.png");
    background-repeat:repeat;
    background-position: center;
    background-size: auto;
    padding: 60px 0;
}

.cta01_set{
    background-color: #fff;
    border-radius: 20px;
    width: 945px;
    margin: 0 auto;
    padding: 40px;
    border: 4px solid #9fc778;
    
}

.cta01_left{
    width: 409px;
    float: left;
    
}

.cta01_right{
    width: 480px;
    float: right;
    text-align: left;
    
}

.cta01_img01{
    text-align: center;
    padding: 0 0 10px;
    
}

.cta01_img02{
    text-align: center;
    padding: 0 0 5px;
    
}

.cta_tbl table{
	border: 1px solid #ccc;
	border-collapse: collapse;
text-align:left;
padding:70px 0;
background-color:#FFF;
margin:40px auto;

}

.cta_tbl th{
background-color:#f1f1f1;
font-weight:normal;
	border: 1px solid #ccc;
	padding:8px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
    width: 15%;
}

.cta_tbl td{
	border: 1px solid #ccc;
	padding:8px;
}

.cta_ttl{
    font-size: 30px;
    line-height: 1.4em;
    padding: 0 0 20px 0;
    
}

.cta_copy{
    font-size: 20px;
    line-height: 1.4em;
    padding: 0 0 20px 0;
    
}

.cta_btn{
    text-align: center;
    padding: 30px 0 0 0;
    
}

.sec01{
    padding: 30px 0 40px;
}

.sec01_ttl{
    width: 841px;
    margin: 0 auto;
    
}

.sec01_wrap{
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 0 0;

}

.sec01_set{
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 0 0 30px 0;
    
}

.sec02{
    background-color: #e7eec2;
    padding: 30px 0 50px;
    margin-top: 20px;
}

.sec02_ttl{
    width: 763px;
    margin: 0 auto;
    padding: 0 0 0 0;
    
}

.sec02_img01{
    text-align: center;
    padding: 0 0 20px 0;
    
}

.sec02_img02{
     text-align: center;
}

.sec03{
    background-color: #669900;
    padding: 40px 0 50px;
}

.sec03_ttl{
    text-align: center;
    padding: 0 0 30px 0;
    
}

.sec03_tbl table{
	border: 1px solid #ccc;
	border-collapse: collapse;
text-align:center;
padding:70px 0;
background-color:#FFF;
    width: 1000px;
    margin: 0 auto;

}

.sec03_tbl th{
background-color:#f1f1f1;
font-weight:normal;
	border: 1px solid #ccc;
	padding:8px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
}

.sec03_tbl td{
	border: 1px solid #ccc;
	padding:8px;
	
}

.td_color01{
    background-color: #d1f3a0!important;
}

.td_color02{
    background-color: #f5fdeb!important;
    color: #000099;
    font-weight:600;
}

.sec04{
    background: url("../../../../img/sec04_bg.png");
    background-repeat:repeat-x;
    background-position: top center;
    padding: 50px;
    background-color: #85c0f9;
}

.sec04_ttl{
    text-align: center;
    
}

.sec04_iner{
    width: 1100px;
    margin: 0 auto;
    
}

.sec04_set{
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 0 0 20px 0;
    
}

.sec05{
    background:url("../img/sec05_bg.png");
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #71ac3b;
    padding: 40px 0;
    
}

.sec05_ttl{
    text-align:center;
    padding: 0 0 30px 0;
    
}

.sec05_img01{
    text-align: center;
    padding: 0 0 30px 0;
    
}

.sec05_img02{
    text-align: center;
    padding: 0 0 30px 0;
    
}

.sec05_img03{
    text-align: center;
    padding: 0 0 30px 0;
    
}

.sec06{
    background: url("../../../../img/sec06_bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 60px;
    background-color: #a6c01d;
    
}

.sec06_ttl{
    text-align: center;
    
}

.sec06_img{
    text-align: center;
    
}

.sec07{
    padding: 60px 0;
    
}

.sec07_ttl{
    font-size: 40px;
    text-align: center;
    font-weight: 70px;
    color: #4d4338;
    padding: 0 0 60px 0;
    
}

.sec07_tbl table{
	border: 1px solid #ccc;
	border-collapse: collapse;
text-align:center;
padding:70px 0;
background-color:#FFF;
    width: 800px;
    margin: 0 auto;

}

.sec07_tbl th{
background-color:#f1f1f1;
font-weight:normal;
	border: 1px solid #ccc;
	padding:8px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
}

.sec07_tbl td{
	border: 1px solid #ccc;
	padding:8px 8px 8px 20px;
    text-align: left;
	
}

.sec07_btn{
    width: 544px;
    margin: 40px auto;
    
}

footer{
    text-align: center;
    background-color: #ececec;
    padding: 40px 0;
    
}

.foot_logo01{
    width: 357px;
    display: inline-block;
    padding: 10px 30px 0 0;
    vertical-align: top;
    
}

.foot_logo02{
    width: 252px;
    display: inline-block;
    padding: 10px 30px 0 0;
    vertical-align: top;
}

.foot_copy{
    width: 317px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.copyright{
    text-align: center;
    padding: 40px 0;
    font-size: 0.8em;
    
}

.sec02_img01_sp{
    display: none;
    
}

.sec02_img02_sp{
    display: none;
}

.mobile_copy{
         display:none;
         
     }

.samplebox{
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    
}

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