/*
Theme Name: 棚畑
Theme URI: http://rokomiz.com/
Description: Office Rokomiz制作テーマ
Version: 1.0
Author: Masayoshi Mizuho
Author URI: http://rokomiz.com/
*/


@charset "utf-8";

/* basic
---------------------------*/
body {
	background: url(images/bg01.jpg);
	margin:0;
	padding:0;
	color: #231815;
	font: 16px  'Lucida Grande',Arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic ProN',sans-serif;
	line-height: 1.4em;
	-webkit-text-size-adjust: 100%; /* iphone・safariで文字サイズを変更されないように */
}
a:focus {
	outline:none;
}
h3{margin:10px 0px 10px 0px;}
p {
	margin:10px 0px 30px 0px;}
img {
   vertical-align:bottom; /*imgの隙間防止*/
   border:0;
}
hr{ /*hrを点線*/
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}
a:hover img { /*リンクされた画像*/
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear_both{ clear: both;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
header ul li{list-style:none;}
#sidebar ul li{list-style:none;}
.aka {color: #FF0000}
.ft10 {
	font-size: 10px;
}
.leftright{
	overflow: hidden;/*float解除*/
	position: relative;/*float解除*/
	zoom:1;/*float解除*/
}
.edit_link {font-size: 11px;
	background: #eeeeee;
	display: block;
	padding: 3px;
	width: 100px;}
.edit_link a{ text-decoration: none;
	color: #CC0000;}

.pure-g a:link { color: #47883c; }
.pure-g a:visited { color: #905c3c; }

/* design
---------------------------*/
.box1{
	max-width: 1100px;
	padding: 30px 0px 30px 0px;
	background: url(images/bg02.jpg);
	margin: 0 auto 30px auto;
}
.box1_top{
	max-width: 1100px;
	padding: 0px 0px 30px 0px;
	background: url(images/bg02.jpg);
	margin: 0 auto 30px auto;
}
.box1b{
	padding: 30px 0px 30px 0px;
	background: url(images/bg02.jpg);
	margin-bottom:30px;
}
.box2{
	max-width: 1100px;
	padding: 30px 0px 30px 0px;
	background: url(images/bg03.jpg);
	margin: 0 auto 30px auto;
}
.box2b{
	padding: 30px 0px 30px 0px;
	background: url(images/bg03.jpg);
	margin-bottom:30px;
}
.box3b{
	padding: 30px 0px 30px 0px;
	background-color: #f9f9da;
	margin-bottom:30px;
}
.box4b{
	padding: 30px 0px 30px 0px;
	background: url(images/bg04.jpg);
	margin-bottom:30px;
}
.post{
	margin: 0px 30px;}
.pure-g{
	max-width: 1060px;
	padding: 0px 10px;
	margin: 0 auto 0 auto;
}
.unit{
	margin: 10px;}
.box2 #top_news .unit{
	background-color: #f9f9da;}
.box2b #top_news .unit{
	background-color: #f9f9da;}
.box4b #top_news .unit{
	background-color: #f9f9da;}


h2.subtitle{;
	width: 100%;
	margin: 5px 0 30px 0;}
h2.subtitle2{;
	width: 100%;
	margin: 5px 0 30px 0;}
h2 img{
	margin: 0 auto;
	display: block;}
footer{
	margin: 30px 0;
	text-align: center;
	font-size: 14px;
	color:  #fff;}

.subtitlebar{
	max-width: 1042px;
	margin: 70px auto 50px auto;
	padding: 9px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em}
#snsbtn #mada{
	opacity: 0.5;
	filter: alpha(opacity=50);}

/* swiper
---------------------------*/
.swiper-container {
  width: 100%;
  margin: 0 auto;
}
.swiper-slide {
  text-align: center;
  max-width: 1100px;
  width: 100%;
  background:#000;
  height:auto;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  width:100%;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.swiper-slide-active img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.swiper-pagination-bullet {
  width: 20px !important;
  height: 8px;
  border-radius: 0 !important;
}

/* ページネーション
---------------------------*/
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 文字色 */
	background: #47BEA0; /* 背景色 */
}
.pagination a:hover{
	color: #47BEA0; /* マウスホバー時の文字色 */
	background: #F9D635; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	background: #F9D635; /* 現在のページの文字色 */
	color: #47BEA0; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;}
.pagination .current{
	padding: 8px 10px 8px 10px;}
}/* max-width: 413px */

/* top
---------------------------*/
#top_text01{
	background: url(images/tenten.png) repeat-x left bottom;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 10px 20px 10px;}
#top_text02{
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;}
#top_news .unit p.category{
	margin: 27px 0px 0px 0px;
	padding: 4px 7px 4px 0px;
	position: absolute;
	text-align: right;
	display: block;
	width: 75px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em}
p.cate_kouza{
	background-color: #76be5b;}
p.cate_market{
	background-color: #75ab72;}
p.cate_jam{
	background-color: #cbca53;}
p.cate_myshop{
	background-color: #348eb2;}
p.cate_post{
	background-color: #76be5b;}
p.cate_today{
	background-color: #AA95DD;}
.webmyshop{
	margin: 27px 0px 0px 0px;
	padding: 4px 7px 4px 0px;
	position: absolute;
	text-align: right;
	display: block;
	width: 200px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em}
#top_project{
	margin: 0 auto;
	max-width: 700px;}
#top_news .unit article{
	padding: 15px;
	margin: 0px;}
#top_news .unit article img{
	width: 100%;}
#top_news .unit article .date{
	font-size: 12px;
	line-height: 1em;
	margin: 5px 0px;}
#top_news .unit article h3{
	margin: 10px 0px;
	font-size: 16px;}
#top_news a{
	text-decoration: none;
	color: #231815;}
#top_schedule a.schedulebox{
	display: block;
	width: 90px;
	height: 60px;
	float: left;
	margin: 12px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
	border-radius: 45px;}
#top_schedule a.schedulebox .e_date{
	font-size: 23px;}
#top_schedule a.market{
	background-color: #72A96C;}
#top_schedule a.odekake{
	background-color: #B77C55;}
#top_schedule a.tanaevent{
	background-color: #BF95BD;}
#top_schedule .m01+.m02 {clear: both;}
#top_schedule .m02+.m03 {clear: both;}
#top_schedule .m03+.m04 {clear: both;}
#top_schedule .m04+.m05 {clear: both;}
#top_schedule .m05+.m06 {clear: both;}
#top_schedule .m06+.m07 {clear: both;}
#top_schedule .m07+.m08 {clear: both;}
#top_schedule .m08+.m09 {clear: both;}
#top_schedule .m09+.m10 {clear: both;}
#top_schedule .m10+.m11 {clear: both;}
#top_schedule .m11+.m12 {clear: both;}
#top_schedule .m12+.m01 {clear: both;}
#top_schedule .m01+.m03 {clear: both;}
#top_schedule .m02+.m04 {clear: both;}
#top_schedule .m03+.m05 {clear: both;}
#top_schedule .m04+.m06 {clear: both;}
#top_schedule .m05+.m07 {clear: both;}
#top_schedule .m06+.m08 {clear: both;}
#top_schedule .m07+.m09 {clear: both;}
#top_schedule .m08+.m10 {clear: both;}
#top_schedule .m09+.m11 {clear: both;}
#top_schedule .m10+.m12 {clear: both;}
#top_schedule .m11+.m01 {clear: both;}
#top_schedule .m12+.m02 {clear: both;}

#sbarea{ display: none;}
.scheshadow{
	background: #fff;
	text-align: left;
	width: 100%;
	max-width: 700px;
	height: 100%;
	margin: 0 auto;}
.scheshadow h3{
	padding: 10px 20px;
	margin: 0;}
.scheshadow .market{
	background-color: #72A96C;
	color: #fff;}
.scheshadow .odekake{
	background-color: #B77C55;
	color: #fff;}
.scheshadow .tanaevent{
	background-color: #BF95BD;
	color: #fff;}
.scheshadow .kiji{
	margin: 20px;}

#schedule_setumei span{
	display: table-cell;
	vertical-align: middle;
	width: 36px;
	height: 36px;
    -webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;}
#tanama{background-color: #72A96C;}
#odeka{background-color: #B77C55;}
#tanaeve{background-color: #BF95BD;}
#schedule_setumei p{display: table-cell;
	vertical-align: middle;
	padding-left: 10px;}

/* project
---------------------------*/
#project_title div div{
	margin: 0px 10px 30px 10px;}
#project_title p{
	margin: 0 15px 15px 15px;}
#project article img{
	width: 100%;}
#project article{
	margin: 10px;}
a#bar{
	text-decoration: none;}


/* single
---------------------------*/
#single article{
	max-width: 740px;
	margin: 0 auto;
	padding: 0 20px;}
h3.tenten{
	background: url(images/tenten.png) no-repeat left bottom;
	padding-bottom: 20px;}
#single article h2{
	background: url(images/tenten.png) no-repeat left bottom;
	padding-bottom: 20px;
	line-height: 1.2em;}
#single p.category{
	margin: 70px 0px 0px 0px;
	padding: 9px 15px 9px 0px;
	text-align: right;
	display: block;
	width: 90px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em}
#single_project .category{
	max-width: 1042px;
	margin: 70px auto 20px auto;
	padding: 9px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em}
#webmyshop_post .category{
	max-width: 1042px;
	margin: 70px auto 20px auto;
	padding: 9px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em}
#single_project article{
	max-width: 600px;}
#single_project article h2{
	background: url(images/tenten.png) no-repeat left bottom;
	padding-bottom: 20px;
	line-height: 1.2em;}
#sidebar h3{
	background: url(images/tenten.png) no-repeat left bottom;
	padding-bottom: 20px;}
#sidebar ul{
	margin: 0;
	padding: 0;}
#sidebar ul li{
	margin: 0 0 7px 0;
	padding: 0;}
#sidebar ul li span{
	font-size: small;}
.navigation{
	background: url(images/tenten.png) repeat-x left top;
	max-width: 1040px;
	padding: 20px 10px 0px 10px;
	margin: 20px auto 0 auto;}
.navigation a{
	display: block;
	margin-top: 30px;
	text-decoration: none;
	color: #231815;
}
.navigation .btn_left{ max-width: 50%; width: 430px;}
.navigation .btn_left a{
	background: url(images/btn_before.png) no-repeat left top;
	padding: 30px 10px 10px 45px;}
.navigation .btn_right{ max-width: 50%; width: 430px;}
.navigation .btn_right a{
	background: url(images/btn_after.png) no-repeat right top;
	padding: 30px 45px 10px 10px;
	text-align: right;}
.navigation #btn_cate_top{
	background: url(images/btn_ue.png) no-repeat center top;
	padding: 30px 0px 0px 0px;
	text-align: center;
	float: none;
	display: block;
	width: 200px;
	margin: 30px auto 0 auto;}
@media screen and (max-width:1040px){
.navigation #btn_cate_top{ margin-top: 130px;}
}
/* archive
---------------------------*/
#h2title_market h2{
	letter-spacing: 0px;
	font-size: 30px;
	color: #75AB72;
	margin-left: 10px;}
#h2title_jam h2{
	letter-spacing: 0px;
	font-size: 30px;
	color: #CBCA53;
	margin-left: 10px;}
#h2title_post h2{
	letter-spacing: 0px;
	font-size: 30px;
	color: #ffffff;
	margin-left: 10px;}

/* page
---------------------------*/

#pageh2{
	display: block;
	height: 113px;
	width: 100%;
	margin: 0;
	padding-top: 15px;
	text-align: center;
	background: url(images/bg_subtitle3.png) no-repeat center top;}
#page_content{
	margin-top: 30px;}
#page_access{
	max-width: 670px;
	margin: 0 auto;
	width: 90%;}
#page_contact{
	max-width: 670px;
	margin: 0 auto;
	width: 90%;}
#page_application{
	max-width: 670px;
	margin: 0 auto;
	width: 90%;}
#page_staff{
	max-width: 800px;
	margin: 50px auto 50px auto;}



/* webmyshop
---------------------------*/

.webmyshopunit{
	text-align: center;}
.webmyshopunit a{
	text-decoration: none;
	font-weight: bold;}