/*  
Theme Name: One
*/
html, body {clear:both;font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:16px;line-height:1.65em;margin:0px;padding:0px;background:#f3f0e4;font-feature-settings:"palt";position:relative;z-index:-999;color:#666;}

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }


a{text-decoration:none;color:#1582c6}
a:hover{opacity: 0.5;}
a:focus{outline:none;}

/* 基本 */
h1,h2,h3,h4,h5{}
h1{clear:both;text-align:center;font-size:80px;}
h1 a{color:black}
h2{font-weight:normal;border-left:5px solid black;padding-left:7px;font-size:30px;margin:40px 0 15px;color:black}
h2:before{content:url();}
h3{font-weight:normal;}
h4{font-weight:normal;color:#ec755d}
ul{margin:0px;padding:0px;list-style-type:none;}

.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.6em;line-height: 150%;margin: 0;padding: 0 4px 5px;}
.alignnone {margin: 5px 20px 20px 0;}
a img.alignnone {margin: 5px 20px 20px 0;}
.alignright {float: right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}

#content{margin:200px auto 0;width:1200px;padding:0px;display:block;}
a.btn{text-align:center;padding:10px 0;background:#7fbe25;color:white;border-radius:10px;display:block;margin:20px 10%;box-shadow:2px 2px 2px rgba(0,0,0,.35)}

a.btn_img{width:80%;margin:50px 10% 0px;height:auto;display:block;}
 
header {position: fixed;top: 0;left: 0;z-index: 2;width: 100%;height: 200px;background:rgba(0,120,200,.9);transition: .3s;}
header h1 {transition:.3s;padding-top:0px;margin-top:35px;}
header h2 {border:none;text-align:center;color:white;margin-top:-5px;}
.is-animation {height:100px;}
.is-animation h1 {font-size:40px;position:absolute;top:0px;left:25%;width:50%}
.is-animation h2{font-size:16px;position:absolute;top:5px;left:25%;width:50%}
.navi_sp{display:none;}
.navi_pc{display:block;}
.is-animation .navi_sp{display:block;}
.is-animation .navi_pc{display:none;}

.navi_pc ul{display:block;width:100%;text-align:center;padding-top:0px;}
.navi_pc li{display:inline-block;margin:0 10px;background:white;padding:5px 20px;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,.35)}
.navi_pc li a{color:#1582c6;}

.menu-trigger,.menu-trigger span{display:inline-block;transition: all .4s;box-sizing: border-box;cursor :pointer;}
.menu-trigger{position: relative;width: 50px;height: 50px;background:white;z-index: 2;float:right;margin-top:0px;}
.menu-trigger span{position: absolute;background: black;width: 30px;height: 2px;left: 0;right: 0;margin: auto;}
.menu-trigger span:nth-of-type(1){top: 15px;}
.menu-trigger span:nth-of-type(2){top: 0;bottom: 0;}
.menu-trigger span:nth-of-type(3){bottom: 15px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){opacity: 0;}
.menu-trigger.active span:nth-of-type(3){-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
.g-nav{display: none;position: absolute;top: 100px;left:10%;background:rgba(0,120,200,.9);opacity: 0.9;width: 80%;height: auto;padding:20px 0;}
.g-nav .list{padding:0}
.g-nav .list li{display:inline-block;margin:0 10px;background:white;padding:5px 20px;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,.35)}
.g-nav .list li a{color:#1582c6;}


/* トップページ */
.top_con h2{text-align:center;padding:0px;border:none;padding:10px;margin-top:0px;font-size:2.5em;border-bottom:1px solid #1582c6;color:#1582c6;;}
.top_con h3{text-align:center;font-size:1.6em;color:black;line-height:2em;}
.top_con p{background:#f2f9e0;padding:15px 20px;border-radius:10px;font-size:1.2em;}
.top_con img{width:100%;}

.top_con ul.cont{margin:0;width:100%;background:white;}
.top_con ul.cont > li{padding:30px 0;border-radius:10px;margin:0 0 40px;}
.top_con ul.cont > li:nth-child(2n+1) p{padding:20px;}
.top_con ul.cont > li:nth-child(2n+0) p{padding:20px 20px;margin:0 20px}
.top_con ul.cont > li:nth-child(2n+0){background:#e9ebe5;}
.top_con ul.cont > li:last-child{margin-bottom:10px;}
.top_con ul.cont > li .cont_text{width:1140px;padding:30px;margin:80px auto;display:block;}

.top_img{display:none;}

p.top_des{text-align:center;}

.waku2{display:inline-block;width:47%;margin:30px 1%;}
.waku2 img{width:100%;height:auto;}
.waku2 h4{text-align:center;font-size:2em;}

.waku3{display:inline-block;width:31%;margin:30px 1%;}
.waku3 img{width:100%;height:auto;}
.waku3 h4{text-align:center;font-size:2em;}

.top_add{display:inline-block;width:30%;margin:0 5%;vertical-align:top;text-align:right;line-height:2em;}
.top_add a{font-size:1.6em;color:#7fbe25;font-style:italic}
.top_map{display:inline-block;width:53%;margin-right:5%;}
.top_map iframe{width:100%;height:400px;}

/* ページ汎用 */
.top_con, .page_con{width:96%;float:left;background:white;border-radius:15px;padding:15px 2%;display:block;margin-bottom:30px;}
.top_con img, .page_con img, .post_con img{max-width:98%;height:auto;}

ul.bread{list-style-type:none;border-bottom:1px solid #aaa;padding-bottom:10px;display:block;}
ul.bread li {display:inline;padding:0 10px;}

.page_con th{text-align:left;padding:20px 20px 20px 0;width:30%;border-bottom:1px solid #efefef;font-weight:normal;}
.page_con td{vertical-align:top;border-bottom:1px solid #efefef;padding:20px 0;}

.p_waku2{display:block;float:left;width:45%;margin:30px 2%;}

/* カテゴリー　商品一覧 */
ul.cate_thum{width:100%;display:flex;flex-wrap:wrap;}
ul.cate_thum li{width:27%;margin:10px;padding:10px 2%;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.2);background:white;}
ul.cate_thum h3{text-align:center;font-size:14px;color:black;margin:0px;border:none;}
ul.cate_thum img{width:100%;height:auto;border-radius:10px;}

/* シングルページ */
.post_con{width:870px;float:left;background:white;border-radius:15px;padding:15px;display:block;margin-bottom:30px;}
.post_con h3{color:#7fbe25;border-bottom:1px solid #7fbe25;margin:40px 0 10px;padding-bottom:5px;font-size:24px;}
.icatch img{width:100%;height:auto;margin-top:20px;}

ul.ulbtn a{background:#7fbe25;border-radius:5px;padding:5px 10px;color:white;box-shadow:2px 2px 2px rgba(0,0,0,.35)}
ul.ulbtn a::before{content:"》";color:white;padding-right:10px;}
ul.ulbtn li{margin:15px 0;}
ul.ullist{margin:30px 0;}
ul.ullist li{list-style-type:disc;margin:15px;border-bottom:1px solid #7fbe25;}

/* サイドバー */
.sidebar{width:255px;float:right;margin-left:15px;background:white;border-radius:15px;padding:15px;margin-bottom:30px;}
.sidebar h2{font-size:1.5em;}
.sidebar ul li ul li{list-style-type:disc;margin-left:1em;font-size:14px;}
.sidebar ul li ul li a{}

.widget_posted_display_widget ul li{list-style-type:none !important;margin-left:0em !important;}
.widget_posted_display_widget img{width:50px;height:50px;float:left;margin-right:10px;border-radius:5px;}
.widget_posted_display_widget a{clear:both;margin-bottom:10px;display:block;height:50px;}

/* フッター */
.footer{clear:both;width:100%;padding:5px 0 0;display:block;background:#dac488;text-align:center;}
.footer .menu li{display:inline-block;margin:0 10px;font-size:12px;color:#666;}
.footer .menu li a{color:#666;}

.footer_bottom{font-size:12px;background:#fbb803;padding:10px 0;margin-top:5px;color:#333;}
.footer_bottom a{font-size:16px;color:white;padding-left:20px;}
.gotop{position:fixed;right:10px;margin-bottom:10px;}
.gotop a{color:white;font-size:20px;border-radius:5px;box-shadow: 2px 2px 2px rgba(0,0,0,0.7);padding:15px 15px 5px 15px;background:#ec755d;}

textarea.wpcf7-form-control,input.wpcf7-form-control{width:80%;margin:10px 5%;padding:10px;border-radius:5px;}

@media (max-width: 1199px) {
.header_logo span{width:100%;}
.logo_des{display:none;}
}

@media (max-width: 767px) {
h1{font-size:30px;}
h2{font-size:20px;}
h2:before{content:none;}
	
#content, #contents{width:98%;}
.page_con, .post_con, .sidebar, .footer{width:98%;padding:20px 1% 0px;}
.page_con a, .top_con a, .footer a{position:relative;z-index:0 !important;}
.sidebar{margin-bottom:30px;}
.page_con img, .post_con img{max-width:98%;margin:0px !important}

/* ヘッダー */
header {}
header h1{font-size:50px;margin:80px 0;}
header h2{margin-top:-30px;font-size:18px;}
.is-animation h1 {font-size:40px;padding:0px;margin:0px;position:relative;width:100%;left:0%;}
.is-animation h2{display:none;}	
/* トップページ */
.top_con h2{font-size:20px;}
.top_con h3{}
.top_con h4{}
.top_con p{font-size:1em;}
.top_con ul.cont > li .cont_text{width:98%;padding:20px 1%;}	

.waku2,.waku3{display:block;width:96%;margin:30px 2%;}

.p_waku2{display:block;float:left;width:96%;margin:30px 2%;}
	
a.btn_img{width:96%;margin:50px 2% 0px;}
	
/* カテゴリー　商品一覧 */
ul.cate_thum li{width:41%;margin:10px 2%;padding:10px 2%;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.35);}
ul.cate_thum li h3{font-size:10px;line-height:12px;}
ul.bread li {display:inline;padding:0 5px;font-size:12px;}
	.gotop{right:10px;margin-bottom:10px;}	

/*スマートフォン用ナビ*/
.navi_sp{display:block;}
.navi_pc{display:none;}
.g-nav .list li{display:block;margin:10px;}
.g-nav .list li a{display:block;text-align: center;text-decoration: none;color: black;padding:5px 10px;}
}