/*
Template:graphy
Theme Name:graphy_child
Author: クリエイターズ
*/
@import url('../graphy/style.css');

/* contentsBase  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
    font-family: YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important; position: relative;
}
a:hover {color: #888;/*-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition:0.4s;*/
    transition: 0.4s;}
/*a:hover img {filter: alpha(opacity=80);opacity:0.8;}*/

.cf:after { /*floatの解除、ここがポイント*/

    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.cf {
    min-height: 1px; /*IE6、7対策*/
}

* html .cf {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}

body{
    border-top: 3px solid #000;
	background: #fabd0a;
}

#wrap{
    overflow:hidden;
}
#main {
    border: 3px solid #000;
}
.cf:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.cf {
    min-height: 1px; /*IE6、7対策*/
}
* html .cf {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}
h1.site-description{
    font-size:11px!important;
    line-height: 1.8em;
    text-align:center;
}

.page-template-nosidebar .entry-title{
    /*background: #fff462;*/
    text-align: center;
    line-height: 2;
    font-size: 18px;
    font-weight: bold;
    margin-top: -20px;
}
/*--------　メニュー　----------*/

@media screen and (min-width: 960px){
    .site {
        margin: 0;
    }
    .has-sidebar .sidebar-area {
        float: left;
        width: 210px;
    }
    .has-sidebar .content-area {
        border-right:none;
        float: right;
        margin: 0px;
        padding: 0px;
        width: 690px;
    }
}
@media screen and (min-width: 1180px){
    .site {
        max-width: 100vw;
    }
    .has-sidebar .content-area {
        border-right: none;
        float: right;
        margin: 0px;
        padding:0px;
        width: 690px;
    }
    .has-sidebar .sidebar-area {
        float: left;
        width: 210px;
    }
}

@media screen and (min-width: 780px){
    .site-branding {
        padding: 30px 0 10px 0;
    }
    .site-header{
        margin-bottom: 0px;
    }
    .header-image{
        margin-top: -1px;
    }
    .site{
        border-bottom: 1px solid #000;
    }
    .entry-content, .entry-summary{
        font-size:15px!important;
        line-height: 1.8em;
    }
}
.main-navigation div.menu > ul, .main-navigation ul.menu{
    border-top:none;
    padding: 0;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
	.main-navigation div.menu > ul, .main-navigation ul.menu{
		margin: 0 0 0 -47px;
	}
}
.main-navigation-wrapper{
    border:none;
    padding-bottom: 7px;
}
.main-navigation li a{
    padding: 0 13px!important;
}
@media screen and (max-width: 779px){
    .menu-toggle {
        border-top: solid 1px #000;
        cursor: pointer;
    }
    .main-navigation a {
        border-top: solid 1px #000;
    }
    .site-header{
        margin-bottom:20px!important;
    }
    .header-image{
        margin-top: 0px!important;
    }
    .main-navigation-wrapper{
        border-bottom:1px solid #000;
	width: auto;
    }
    .site-content{
        padding: 0px 15px;
    }

}
@media screen and (max-width: 550px){
    .site-content{
        padding: 0px 0px;
    }
    .site{
        padding: 0px;
    }
    h1.site-description{
      margin: 0;
      text-align: unset;
    }
}
@media screen and (max-width: 779px){
    h1.site-description{
      text-align: unset;
    }
}

/*--------　スライド　----------*/
#header-image {
    max-height: 430px;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    background: #fff;
}
#header-image ul{
    list-style: none;
    margin: 0px;
}
.header-image img{
    /*width: auto;*/
    margin:0px;
    width: 100%;
}
.slide_minwidth{
    display: none;
}
@media screen and (max-width: 980px){
    .slide_fullwidth{
        display: none;
    }
    .slide_minwidth{
        display: block;
    }
}

/*--------　コンテンツ　----------*/
div.breadcrumbs {
    margin-left:0px;
    padding:0px;
    font-size: 14px;
    margin-bottom: 28px;
}
#content{
    margin-top: 35px;
}
.site-content{
    max-width: 980px;
}

@media screen and (min-width: 960px){
    .has-sidebar .site-content, .footer-widget {
        max-width: 980px;
        margin: 0 auto;
    }
}

/*--------　BLOGページ（日々のできごと）　ブログ　----------*/
#blog main{
	border:none;
}
#blog .entry-title{
    border-top:1px solid #000!important;
	border:none;
	background:#fabd0a;
    padding-top:10px;
    margin-top: 8px;
    font-size:20px;
    font-weight: bold;
}
#blog .widget ul li{
    font-size:14px;
    padding-bottom:7px;
}
#blog .entry-content{
    font-size:14px;
}
#blog .post-thumbnail{
    margin-bottom: 24px;
}
#blog .post-thumbnail img{
    /* margin-bottom: 24px; */
    width: 100%;
}
#blog .entry-content a{
    text-decoration: none!important;
    border-bottom: none!important;
    background: #fff462!important;
}
#blog .entry-meta{
	border:none;
	background:#fabd0a;	
}
#blog .entry-summary a{
	border:none;	
}
.entry-content .gallery img{
    width: 100%;
}
#blog .entry-content .gallery .gallery-caption{
    display: block;
    text-align: center;
    margin-left: 0px;
}
#blog .entry-content .gallery dt{
    margin: 0px 10px 10px;
}
#blog .entry-content h2{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0.5em 0px;
    font-weight: bold;
}
.wp-pagenavi{
    text-align: center;
}
#blog .next{
   margin: 0 0 0 484px;
   font-size: 15px;
   line-height: 27px;
}
#blog .before{
   padding: 0 0 0 41px;
   font-size: 15px;
   line-height: 27px;
}
/*--いいねボタンあたり--*/
#blog .left{
    float: left;
    width: 55%;
}
#blog .right{
    float: right;
    width: 45%;
    height: 30px;
}
#blog .wp_social_bookmarking_light{
    float: right;
    padding-top:0px!important;
    padding: 0px 0 5px 0 !important;
}
@media screen and (max-width: 550px){
    #blog #content{
        width: 94%;
    }
    #blog .left{
        float: left;
        width: 80%;
        padding-bottom:10px;
    }
    #blog .left .catBlock{
        /*display: block;*/
    }
    #blog .right{
        float: right;
        width: 20%;
        height: 30px;
    }
}
@media screen and (min-width: 960px){
    #blog #title{
        width: 210px;
        background: #7c0001;
		color:#fff;
        height: 27px;
        text-align: center;
        float: left;
        line-height: 2;
        font-size: 14px;
        font-weight: bold;
    }
    #blog #content-area{
        clear: both;
    }
}
@media screen and (max-width: 959px){
    #blog #title{
        width: 100%;
        background: #7c0001;
		color:#fff;
        height: 35px;
        text-align: center;
        float: none;
        line-height: 2.7;
        font-size: 14px;
        margin-bottom:35px;
        font-weight: bold;
    }
}
@media screen and (min-width: 780px){
    #blog .widget h2 {
        font-size: 15px;
    }

}
@media screen and (max-width: 550px){
    #blog .entry-content{
        font-size:12px;
    }
    #blog .entry-title{
        font-size:17px;
    }
    #blog .left{
        font-size:12px;
    }
    #blog .widget ul li{
        font-size:12px;
    }
    #blog .next{
       margin: 0 0 0 132px;
    }
    #blog .before{
       padding: 0 0 0 20px;
    }
}

/*--------　BLOG sidebar　----------*/
#blog #content aside{
    margin-top: 32px;
}
#blog .widget-title{
    border-bottom: 1px solid #000;
}
.has-sidebar .hentry{
    background: none;
}
.entry-header{
    font-size: 14px;
}

/*--------　index.php　----------*/
@media screen and (min-width: 780px){
    #home .site{
        border-bottom: none;

    }
}

/*---　トップページ　日々のできごと　---*/
.headTitle{
    text-align: center;
    font-weight: bold;
    font-size:16px;
    margin-bottom: 35px;
}
#section1{
    text-align: center;
    margin-bottom: 30px;
    font-size: 0px;
}
#home #section1{
    margin: 0px -1%;
}
#section2 img {
    border: 3px solid #000;
}
.postArea{
    margin: 0px;
    padding:0px;
    list-style: none;
    font-size:0;
    text-align: left;
}
.postArea article{
    width:23%;
    margin:0 1%;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 40px;
}
article .post-thumbnail{
    margin-bottom:5px;
}
.postArea .cat{
   background: #7c0001;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px;
    margin-right: 10px;
    color: #fff;
}
.postArea article time{
    font-size: 13px;
}
.postArea article h3{
    font-size: 14px;
    margin-top: 4px;
    line-height: 1.8em;
    font-weight: bold;
}
a:hover h2{
    color: #888;
}
.postArea article p{
    font-size: 11px;
    display: none;
}
@media screen and (max-width: 780px){
    #home #section1{
        margin: 0px 0px 20px 0px;
    }

    .postArea article {
        width:98%;
        margin: 0 1% 0% 0%;
        margin-bottom: 15px;
        overflow: hidden;
    }
    .postArea article .post-thumbnail{
        float: left;
        width: 34%;
    }
    .postArea article .blog-content{
        float: right;
        width: 64%;
    }
    .postArea article p{
        display: block;
    }
}
@media screen and (max-width: 550px){
    .postArea article .post-thumbnail{
        float: left;
        width: 40%;
    }
    .postArea article .blog-content{
        float: right;
        width: 58%;
    }
    .postArea article p{
        display: none!important;
    }
    .postArea article h3{
        font-size:13px;
    }
    .postArea .cat{
        font-size:10px;
    }
    .postArea time{
        font-size:10px;
    }
}
#infscr-loading {
    text-align:center;
    margin:0 auto;
    margin-bottom: 20px;
}
/*---- メディア ---*/
#home #content #media{
    margin-bottom: 50px;
}
#home #content #media h1{
    margin-top: -24px;
}

/*---　つくっているものや仕事のこと　---*/

#home #section2,#home #media{
    margin-bottom: 0px;
}
#section2 ul,#home #media ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size:0px;
}
#section2 li ,#home #media li{
    width:32%;
    display: inline-block;
    vertical-align: top;
}
#section2 .facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
#section2 .facebook-wrapper > .fb-page {
    width: 100%;
}
#section2 .facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
#home #media li{
    padding-bottom: 20px;
}
#section2 li:nth-child(3n-1),#home #media li:nth-child(3n-1) {
    margin:0 2%;
}
#home #section2 li h3,#work #section2 li h3
,#home #media li h3,#about #section2 li h3{
    font-size: 17px;
    margin-top: 12px;
    line-height: 1.8em;
    font-weight: bold;
}
#home #section2 li p,#work #section2 li p{
    font-size: 13px;
}
@media screen and (max-width: 780px){
    #section2,#home #media {
        margin: 0px 0%;
    }
    #section2 ul,#home #media ul{
        margin: 0px -2%;
    }
    #section2 li ,#home #media li{
        width:46%;
        margin:0 2%;
    }
    #home #section2 li h3,#work #section2 li h3
    ,#home #media li h3,#about #section2 li h3{
        font-size:16px;
    }
}
@media screen and (max-width: 550px){
    #home #section2 li h3,#work #section2 li h3,
    #home #media li h3,#about #section2 li h3{
        font-size:13px;
        margin: 5px 0px 20px;
    }
    #home #section2 li p,#work #section2 li p{
        display: none;
    }
    #home #media ul{
        width: 90%;
        margin: 0px auto;
    }
}
/*--------------つくっているものや仕事のこと　-------------*/
#work #content #section2 h2,#work #content #section2 p{
    color: #000;
}
/*--------------　各事業ページ　-------------*/
.headline{
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 65%;
    display: block;
}
.work h2{
    text-align: center;
    font-weight: bold;
    font-size:16px;
    margin-bottom: 35px;
}
.work .message{
    font-size:14px;
    margin: 0px auto;
    padding: 10px 0px;
    width: 65%;
    line-height: 2em;
    text-align: left;
}
/*--- 各事業の日々のできごと ---*/
.work #section1{
    margin-bottom: 30px;
    font-size: 0px;
    margin: 0px 1%;
    padding-top:30px;
}
@media screen and (max-width: 780px){
    .headline{
        width: 80%;
    }
    .work .message{
        font-size:14px;
        margin: 0px auto;
        padding: 15px 0px;
        width: 80%;
        line-height: 2em;
        text-align: left;
    }
    .work .postArea article {
        width:98%;
        margin: 0 1% 0 1%;
        margin-bottom: 20px;
        overflow: hidden;
    }
}
@media screen and (max-width: 550px){
    .headline{
        width: 90%;
    }
    .work .message{
        width: 90%;
        font-size:12px;
    }
}
/*--- お仕事先 ---*/
.work #workArea{
    margin-bottom: 70px;
}
.work #workArea ul{
    width: 94%;
    margin: 0px auto;
    padding: 20px 1%;
    list-style: none;
    font-size:0px;
    background: #fff;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.work #workArea li {
    width: 48%;
    margin: 0 1% 14px 1%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.work #workArea li a{
    background: #fff462;/*--黄色--*/
}
.work #workArea dl dt{
    font-size:16px;
    font-weight: bold;
}
.work #workArea dl dd{
    font-size:13px;
    margin: 0px;
}
@media screen and (min-width: 781px){
    .work #workArea li img{
        float: left;
        width: 50%;
    }
    .work #workArea dl{
        float: right;
        width: 50%;
    }
    .work #workArea dl dt{
        margin: 0 0 5px 15px;
    }
    .work #workArea dl dd{
        margin: 0 0 0px 15px;
    }
}
@media screen and (max-width: 780px){
    .work #workArea li {
        width:98%;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .work #workArea li:nth-of-type(2) {
        width:98%;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .work #workArea li img{
        float: left;
        width: 34%;
    }
    .work #workArea dl{
        float: right;
        width: 64%;
    }
}
@media screen and (max-width: 550px){
    .work #workArea ul{
        padding: 15px 1%;
    }
    .work #workArea li{
        margin: 10px 0 30px 0;
    }
    .work #workArea li:nth-of-type(2) {
        width:98%;
        margin-bottom: 0;
        overflow: hidden;
    }
    .work #workArea dl dt{
        font-size:13px;
        margin-top: -5px;
    }
    .work #workArea dl dd{
        font-size:10px;
        line-height: 1.6;

    }
    .work #workArea li img{
        width: 40%;
    }
    .work #workArea dl{
        width: 57%;
    }
}
.small{
    font-size:11px;
}
/*--- 木の商品 wood ---*/
#wood .work{
    background:#fcfce3;
}
.itemList section{
    text-align: center;
    padding-bottom: 0px!important;
}
.itemList section h2{
    font-size:16px;
    font-weight: bold;
}
.itemList h3{
    font-size:15px;
}
.itemList p{
    font-size:13px;
}
.itemList p.note{
    font-size:11px;
    text-align: left;
    color: #000;
    padding-left:30px;
    margin-bottom: 0px;
}
.itemList a.link{
    text-decoration: underline;
}
.itemBG{
    width: 94%;
    margin: 0px auto;
    padding: 30px 0px;
    list-style: none;
    background: #fff;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.itemList ul{
    width: 94%;
    margin: 0px auto;
    padding: 30px 0px;
    list-style: none;
    font-size:0px;
    background: #fff;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	display: flex;
    flex-wrap: wrap;
}
.itemList  ul li {
    flex-basis:16%;
    padding:0px 2%;
    text-align: center;
    vertical-align: top;
}
.itemList  ul li img{
    width:100%;
}
.itemList ul li h3{
    color: #000;
    font-size:13px;
    text-align: center;
    margin:8px 0px 25px;
}
.itemList h2{
    text-align: center;
    font-weight: bold;
}

.woodInfo {
    margin-top: 80px;
}
.woodInfo p{
    font-size:13px;
    text-align: center;
}
#wood .contactBTN {
    background: #004729;
}
#wood .moreBTN {
    background: #000;
}
#wood .postArea .cat{
	background:#f4e071;
	color:#000;
}
@media screen and (max-width: 550px){
    .itemList  ul li {
        flex-basis:29.3%;
        padding:0px 2%;
        text-align: center;
        vertical-align: top;
    }
    .work .itemList section h1{
        margin-bottom: 15px;
    }
    .itemList section h2{
        font-size:13px;
    }
    .itemList section p{
        font-size:11px;
    }
}
#shopList{
    margin: 0px 1%;
    margin-top: 80px;
}
#shopList ul{
    margin: 0px;
    padding:0px;
    list-style: none;
    font-size:0;
    display: flex;
    flex-wrap: wrap;
}
#shopList li{
    flex-basis:23%;
    margin:0 1%;
    vertical-align: top;
    margin-bottom: 40px;
}
#shopList li img{
    margin-bottom:5px;
}
#shopList li dt{
    font-size: 14px;
    margin-top: 4px;
    line-height: 1.8em;
    font-weight: bold;
}
#shopList li dd{
    font-size: 13px;
    margin: 0px;
}
#shopList li dd a{
    background: #fff462;
    word-break:break-all;
}
#shopList li dd.ddLast{
    word-break: break-all;
}

@media screen and (max-width: 780px){
    #shopList ul{
        margin: 0px 0px 20px 0px;
		flex-direction: row;
    }
    #shopList li {
        flex-basis:31.3%;
    }
    #shopList li img{
        width: 100%;
    }
}
@media screen and (max-width: 550px){
	#shopList ul{
        margin: 0px 0px 20px 0px;
		flex-direction: column;
		justify-content: space-between;
    }
    #shopList li {
        flex-basis: 100%;
		display: flex;
		flex-direction: column;
		min-height:390px;		
    }
    #shopList li img{
        width: 100%;
    }
    #shopList li dl{
        width: auto;
    }
}
#wood .woodInfo .contactBTN{
    background:#004729;
}
#wood .woodInfo .onlineBTN{
    text-align: center;
    font-weight: 16px;
    background: #f4e071;
    padding: 10px;
    width: 70%;
    display: block;
    margin: 0px auto;
    font-weight: bold;
    color: #000;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
/*--chip--*/
.chip main{
	padding-bottom:20px;
}
.chip{
    max-width: 980px;
    margin: 0 auto;
    font-size:14px;
    background:#fff;
}
.chip p{
    text-align:center;
    margin: -15px 0 11px;
}
.chip h2{
    font-size: 20px;
    color: #fff;
    margin: 0 0 10px 0;
}
.chip h2:before{
    content: url(./img/chip/wood_w.png);
    position: absolute;
    display: inline-block;
    margin: -14px 0 0 -23px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
.chip h3{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0; 
}
.chip h3:before{
    content: url(./img/chip/chip_icon.png);
    position: absolute;
    display: inline-block;
    margin: -9px 0 0 -19px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
.chip h4{
    font-weight:bold;
}
.chipMain{
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .c-headline:before {
    display:none;
  }
}
.chip .message{
    text-align: center;
    line-height: 2em;
    margin: 0 auto;
}
.howTo{
    margin: 0 0 25px 0;
}
.howTo ul{
    display:flex;
    justify-content: center;
}
.howTo p{
    text-align:center;
    margin:0;
}
.howTo .UseImg{
    justify-content: space-around;
    width: 100%;
    margin: 0 auto;
}
.howTo li{
    max-width: 490px;
    /*margin:0 1% -14px 1%;*/
    vertical-align: top;
    overflow: hidden;
    line-height: 2em;
}

.howTo .sample{
    margin: 15px 0 0 8px;
}
.howTo .sample+.sample{
    margin: 13px 0 0 26px;
}

.Shose{
    padding: 0 0 9px 0;
}
.Shose img{
    margin:0 0 -8px 0;
}
.Bath{
    padding: 0 0 9px 0;
}
.Bath img{
    margin:0 0 -8px 0;
}
.maker{
    background:#006934;
    border-radius: 20px;
    padding:30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 2em;
    width: 89.09%;
    margin:0 auto;
}

.make ul{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0;
}
.make ul li{
    margin:2em 0 0 0;
}
.chip .br{
    display:block;
}

.individual{
    text-align: center;
    margin: -19px 0 0 0;
    font-weight: bold;
}

.chip table{
    margin:25px auto;
    width: 74%;
    border-collapse: collapse;
    border:1px solid #ddd;
}
.chip table td:empty { 
   background-image: linear-gradient(to right top, transparent 49%, gray 50%, gray 50%, transparent 52%, transparent); /* 右下がりの斜線 */
}
.chip caption{
    margin: 0 0 20px 0;
    font-weight: bold;
    text-align: left;
}
.chip .caution{
    font-weight: normal;
    margin: 0 0 10px 0;
    display: block;
}
.chip .unit-price{
    background: none;
}
.chip table tr:first-child th,.chip table tr:first-child td{
    border-top:1px solid #ddd;
}
.chip table th{
    background: #efefef;
    padding: 12px 0;
    width:auto;
    text-align:center;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    vertical-align: middle;
}
.chip table td{
    text-align: center;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    vertical-align: middle;
    padding: 12px 0;
    width: 24%;
    height: auto;
}
.chip table .data{
    padding: 23px 0;
}
.tax{
    display: block;
    text-align: right;
    margin: -10px 127px 0 0;
}
.last{
    /*margin:auto 126px;*/
    line-height: 2em;
}

.pack{
    width:350px;
    max-width:100%;
    margin: 0 0 0 110px;
}
.packB{
    max-width:350px;
    float: right;
    margin: 0 40px 0 0;
}
.pack figcaption{
    text-align: center;
}
.package .materials{
    margin:20px 0;
    max-width: 980px;
}
.package{
    font-size: 14px;
    text-align: center;
    line-height: 2em;
}
.package ul{
    display: flex;
    list-style-type: none;
    width: 95%;
    justify-content: space-between;
    align-items: center;
}
.package ul li{
    width:49%;
}
.c-headline + p{
    text-align: center;
    margin: -15px 0 11px 0;
}
.workFlow{
    text-align: center;
    border: 1px solid #006934;
    border-radius: 20px;
    width:95%;
    margin: 0 auto;

}
.workFlow p{
    font-size: 18px;
    margin:21px 0 20px 0;
}
.triangle{
    width: 0;
    height: 0;
    border-top: 10px solid #006934;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin: 0 auto;
}
.chip #workArea{
    margin: 0 auto 70px;
}
.chip h1{
    text-align: center;
    font-weight: bold;
    font-size:16px;
    margin:0 0 35px 0px;
}
.chip .client{
    display:flex;
    justify-content: space-evenly;
    margin: 0;
}


.chip #workArea ul{
    list-style:none;
    margin-left:0;
}
.chip #workArea ul li:first-child{
    font-weight:bold;
}
.voice{
    display:flex;
    justify-content: space-around;
    margin: 0;
}
.voice .headline{
    text-align: center;
    display: block;
    max-width:980px;
    width:100%;
}
.chip .voice1{
    border:1px solid #006934;
    border-radius: 20px;
    height: 167px;
    flex-basis: 47%;
}

.voice1 ul{
    margin: 0 auto;
    display: table;
    text-align: left;
}
.chip .contact-headline{
    font-size: 16px;
    font-weight: bold;
    margin: 20px auto;
    display: block;
    text-align: center;
}
.chip .original-1{
    width:96%;
}
.chip .contactBTN{
    background:#006934;
}/*--飛ばす--*/
.chip .contactBTN:hover{
    background: #407056;
}

/*--chip sp--*/
@media screen and (orientation: portrait){
    .chip .message {
        width: 95%;
    }
    .howTo ul{
        flex-direction:column;
        margin:25px auto 0;
    }
    .howTo li{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .chip .maker{
        width: 82%;
    }
    .make ul{
        margin:initial;
    }
    .make ul li{
        flex-basis: 47%;
        margin: 1em 0 0 0;
    }
    .package ul{
        flex-direction:column;
        align-items: center;
        margin: 0 auto;
    }
    .package ul li{
        width:90%;
        margin: 0 0 10px 0;
    }
    .chip .client{
        flex-direction:column;
        align-items: center;
        width: 95%;
        margin: 0 auto;
    }
    .chip .clients{
        flex-direction:column;
        align-items: stretch;
    }
    .chip .clients img{
        width:auto;
    }
    #workArea ul{
        margin:0 0 24px 0;
    }

    .voice{
        flex-direction:column;
        align-items: stretch;
        width: 95%;
        margin: 0 auto;
    }
    .chip .voice1{
        flex-basis: auto;
        margin:0 0 1em 0;
    }
}

/*--ipad portlate--*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: portrait){
    .howTo ul{
        flex-direction:row;
    }
    .chip .maker{
        width:89%;
    }
    .make ul li{
        flex-basis:32%;
    }
    .package ul{
        flex-direction:row;
    }
    .package ul li{
        flex-basis:49%;
    }
    .chip .client{
        flex-direction:row;
    }
    .voice{
        flex-direction:row;
    }
    .chip .voice1{
        flex-basis:45%;
    }
}

/*--ipad pro portlate--*/

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){
    .chip .maker{
        width:90%;
    }
    .chip #workArea ul{
        flex-direction:row;
        justify-content: space-evenly;
    }
    .chip #workArea ul li{
        flex-direction:row;
        align-items: flex-start;
        flex-basis: 45%;
    }
    .chip #workArea li dl{
        width:40%;
        margin: -10px 0 0 10px;
    }
    .chip .voice{
        justify-content:center;
    }
    .chip .voice1{
        width:46%;
        margin: -9px 0 0 14px;
    }
}
/*--landscape--*/
@media screen and (max-width: 896px) and (orientation: landscape){
    .make ul li{
        flex-basis:30%;
    }
    .chip table{
        width:95%;
    }
    .chip table td:empty{
        background-image: linear-gradient(to right top, transparent 49%, gray 50%, gray 50%, transparent 51%, transparent); /* 右下がりの斜線 */
    }
    .chip .client .clients{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content: center;
    }
    .chip .client img{
        width:80%;
    }
    .chip .voice{
        flex-direction:column;
        width: 80%;
        align-items: stretch;
        margin: 0 auto;
    }
    .chip .voice1{
        margin-bottom:20px;
        flex-basis: auto;
    }
    .chip #workArea li dd br{
        display:none;
    }
    .chip #workArea li dd a{
        display:inline-block;
    }
    
}

/*--IE11 csshack--*/
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
   .package ul li img {
    width:386px;
  }
}
/*---bridal---*/
.bridal{
    max-width: 980px;
    margin: 0 auto;
	background: #fff;
}
.bridal .bridalMain{
    width: 100%;
}
.bridal h3,.bridal h5{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
	margin:1.5em 0;
}
.bridal .message-item{
    text-align: center;
    background: #f2f2eb;
    padding: 50px 0;
}
.bridal .message-item p{
    font-size: 14px;
    line-height: 2;
}
.bridal .message-item span{
    display: block;
}
.bridal .message-item .br{
    display: none;
}
.bridal .message-item img{
    display: inline-block;
    margin: -7em 0 0 50em;
}
.bridal .message-item-inner{
    background: #fff;
    width: 90%;
    margin: -2em auto 0;
    padding-bottom: 1em;
    
}
.bridal .message-item-inner h3{
    font-size: 20px;
    font-weight: bold;
    padding-top: 35px;
}

.bridal .message-item h4{
    font-size: 20px;
    text-align: center;
    font-weight: normal;
	margin-top: 1em;
}
.bridal ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
	width:95%;
}
.bridal .original{
	width:96%;
	justify-content:space-between;
}
.bridal .kinkeikaku li:last-child{
    margin-right: 15.3em;
}
.bridal ul li{
	flex-basis:21%;
}
.bridal ul li span{
    font-size: 14px;
}
.bridal ul li a{
    text-decoration: none;
    color: inherit;
	display:flex;
	flex-direction:column;
}

.remodal span{
    display: block;
}
.remodal h4{
    font-size: 28px;
    font-weight: 700;
    margin: 20px 0;
}
.remodal button{
    border-radius: 5px;
    border: none;
}
.bridal #workArea ul{
	flex-wrap:wrap;
}
.bridal #workArea ul li{
    display: flex;
	flex-basis: 45%;
    align-items: center;
    margin: 12px 0 0 19px;
}
.bridal #workArea ul li:first-child{
	font-weight:normal;
}
.bridal dl{
    font-size: 14px;
    margin: 0 0 0 5%;
	line-height:1.5;
	display: flex;
    flex-direction: column;
}
.bridal dt{
    font-weight: bold;
    white-space: nowrap;
}
.bridal dd{
    margin: 0;
    width: 100%;
}
.bridal dd .kokusai{
    display: block;
    width: 50%;
}
.bridal dd a{
    word-wrap:break-word;
}
.bridal p{
    text-align: center;
}
.bridal .contactBTN {
    background: #e35670;
    text-align: center;
    font-weight: 700;
    padding: 10px;
    width: 70%;
    display: block;
    margin: 0 auto 15px;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.bridal .contactBTN:hover {
    color: #fff;
    background: #a90202;
}
@media screen and (orientation: portrait){
    .bridal{
        width: 100%;
    }
    .bridal .message-item p{
        width: 80%;
        margin: 10px auto 0;
    }
    .bridal .message-item span{
        display: none;
    }
    .bridal .message-item h4{
        font-size: 17px;
    }
    .bridal .message-item img {
        display: block;
        margin: 2em auto 0;
    }
    .bridal ul{
        padding: 0;
		justify-content: flex-start;
		margin: 0 0 0 14px;
    }
    .bridal ul li{
		flex: 0 1 47%;
		margin:0 10px 0 0; 
    }
	.bridal ul li span{
		margin:0;
	}
    .bridal .kinkeikaku li:last-child{
        margin: 0;
    }
    .bridal #workArea ul {
        width: 70%;
        flex-direction: column;
        align-items: center;
    }
    .bridal #workArea ul li{
        flex-direction: column;
        width: auto;
    }
	.bridal #workArea ul li:first-child dl{
		width:78%;
	}
    .bridal #workArea li dl {
        width: 100%;
    }
    .bridal #workArea li .international{
        width: 79%;
    }
    .bridal dd .kokusai{
		width: 84%;
    }
    .remodal img{
        width: 100%;
        margin: 0 0 -7px 0;
    }
    .remodal .remodal-contact{
        margin: 7px -2px 0 0;
        width: 100%;
        padding: 13px;
    }
	.bridal .br-1{
		display:block;
	}
}
@media screen and (max-width: 896px) and (orientation: landscape){
	.bridal .message-item img{
		margin: -3em 0 0 32em;
		width: 15%;
	}
	.bridal .message-item .br{
		display:block;
	}
	.bridal ul{
		margin:0 auto;
	}
	.bridal ul li span{
		font-size:12px;
	}
	.bridal .kinkeikaku li:last-child{
		margin:0;
		flex-basis:48%;
	}
	.bridal #workArea ul{
		flex-direction:column;
	}
	.bridal dd .kokusai{
		width:90%;
	}
	.bridal section{
		margin-top:15px;
	}
	.bridal section p{
		margin-bottom:10px;
	}

}
/*--pad--*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation:portrait) {
	.bridal .message-item span{
		display:block;
	}
	.bridal .message-item .br{
		display:block;
	}
	.bridal .message-item img{
		width: 16%;
		display: inline-block;
		margin: -3em 0 0 36em;
	}
	.bridal .message-item-inner{
		width:95%;
	}
	.bridal ul{
		margin: 0 0 0 2.2em;
	}
	.bridal ul li{
		flex-basis: 31%;
	}
	.bridal #workArea ul{
		width: 100%;
		flex-direction: row;
		margin: 0 0 15px 0;
	}
	.bridal #workArea ul li:nth-of-type(2){
		margin-top:-10px;
	}
	.bridal #workArea li dl{
		width:80%;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {
	.bridal .message-item span{
		display:block;
	}
	.bridal .message-item img{
		margin: -6em 0 0 48em;
	}
	.bridal ul{
		width: 100%;
		margin-left: 1.5em;
	}
	.bridal ul li{
		flex-basis:23%;
	}
	.bridal #workArea ul{
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}
	.bridal #workArea ul li{
		flex-direction: initial;
		flex-basis: 48%;
	}
	.bridal dd .kokusai{
		width:50%;
	}
	
}
/*--- farmer ---*/
#farmer{
    background:#fff;
}
#farmer main{
    border:none;
}
}
.farmer{
    width: 980px;
    margin: 0 auto;
}
.farmer .farmerMain_mobile{
    display: none;
}
.farmer .advertisement {
    margin: 20px 0;
}
.farmer .anxiety .inner-PC{
    margin: 25px auto 0;
    width: 100vw;
}

.farmer .anxiety .arrow{
    width: 4.9%;
    margin: 1em auto 0;
    display: block;
}
.farmer .anxiety p{
    font-weight: bold;
    text-align: center;
    margin: 2.5em 0;
}
.farmer .anxiety .fluid-box {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f8f6f1;
    padding: 20px 0 40px;
}
.farmer .anxiety h2{
	font-size: 32px;
	color: #000;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin: 1em 0 2em 0;
}
.farmer .anxiety h2:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -35px;/*線の上下位置*/
	display: inline-block;
	width: 77px;/*線の長さ*/
	height: 8px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000;/*線の色*/
}
.farmer .anxiety .container{
    width: 980px;
    margin: 0 auto;
}
.farmer .anxiety .fluid-box .reason{
    width: 980px;
    margin: 26px auto;
}
.farmer .anxiety ul{
    list-style: none;
}
.farmer .anxiety ul li{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.farmer .anxiety .reason li:first-child:before{
    content:url(//creators.me/wp-content/themes/graphy_child/./img/farmer/point1.png);
    margin: 0 20px 0 0;
}
.farmer .anxiety .reason li:nth-child(2):before{
    content:url(//creators.me/wp-content/themes/graphy_child/./img/farmer/point2.png);
    margin: 0 20px 0 0;
}
.farmer .anxiety .reason li:last-child:before{
    content:url(//creators.me/wp-content/themes/graphy_child/./img/farmer/point3.png);
    margin: 0 20px 0 0;
}
.farmer .anxiety ul li span{
    margin: 0;
}
.farmer .performance h2{
	font-size: 32px;
	color: #000;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.farmer .performance h2:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 52px;/*線の上下位置*/
	display: inline-block;
	width: 60px;/*線の長さ*/
	height: 8px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000;/*線の色*/
}
.farmer .performance h2{
    margin:1em 0 2em;
}
.farmer .performance p{
    text-align: center;
    font-weight: bold;
    margin: 2.5em 0;
}
.farmer .performance span{
    display: block;
}
.farmer .performance-inner {
    margin: 4em 0 0;
}

.farmer .performance table{
    border: 3px solid #006934;
    border-collapse: collapse;
    margin: 3em 0;
    width: 100%;
}
.farmer .performance table th {
    background: #006934;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 35%;
    text-align: center;
    vertical-align: middle;
}
.farmer .performance table td {
    border-bottom: 1px solid #006934;
    padding: 10px;
    width: 50%;
}
.farmer .performance ul{
    list-style: none;
    display: flex;
    justify-content: center;
}
.farmer .performance li .voice {
    width: 21em;
    height: 11em;
    border: 2px solid #006934;
    display: inline-block;
}
.farmer .performance li .voice p{
    margin: 1em 0 0 1em;
    font-weight: normal;
    text-align: left;
}
.farmer .performance span{
    display: block;
}
.farmer .performance .voice ul{
    justify-content: space-evenly;
    width: 980px;
}
.farmer .schedule{
    margin-top: 3em;
}
.farmer .schedule h2{
	font-size: 32px;
	color: #000;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.farmer .schedule h2:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 51px;/*線の上下位置*/
	display: inline-block;
	width: 60px;/*線の長さ*/
	height: 8px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000;/*線の色*/
}
.farmer .schedule .oneday{
    margin-top: 1.5em;
}
.farmer .schedule .oneday ul{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
}
.farmer .schedule h3 {
    border-bottom: 3px solid orange;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px;
    text-align: left;
}
.farmer .schedule .entryblock ul{
    display: flex;
    align-items: flex-start;
    list-style: none;
}
.farmer .schedule .entryblock ul li{
    width: 50%;
    white-space: nowrap;
}
.farmer .schedule .entryblock ul li span{
    display: block;
}
.farmer .schedule .entryblock .img-box li:first-child{
    margin-right: 10px;
}
.farmer .schedule .entryblock .img-box img{
    width: 100%;
}
.farmer .schedule .fluid-box {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f6eae1;
    padding: 50px 0 40px;
    margin: 2em 0 0;
}
.farmer .schedule .userVoice{
    width: 980px;
    margin: 0 auto;
}
.farmer .schedule .userVoice h2{
    margin: -0.5em 0 1em 0;
}
.farmer .schedule .inner-contents{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.farmer .schedule .userVoice ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    list-style: none;
}
.farmer .schedule .userVoice ul li:before{
    content: url(//creators.me/wp-content/themes/graphy_child/./img/farmer/smile.png);
    margin: 0 10px 0 0;
}
.farmer .schedule .userVoice li{
    display: flex;
    font-size: 20px;
    margin: 2.5em 0 -1.5em 2em;
}
.farmer .flow h2{
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	margin:1.9em 0;
}
.farmer .flow h2:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 48px;/*線の上下位置*/
	display: inline-block;
	width: 77px;/*線の長さ*/
	height: 8px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000;/*線の色*/
}
.farmer .flow h2{
    margin: 1.5em 0;
}
.farmer .flow p{
    text-align: center;
    font-weight:bold;
    margin:2em 0;
}
.farmer .flows img{
	display:block;
	margin:0 auto;
}
.farmer .media{
	margin-top:3em;
}
.farmer .media h2{
	text-align: center;
	font-weight: bold;
	font-size: 34px;
	position: relative;
}
.farmer .media h2:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 53px;/*線の上下位置*/
	display: inline-block;
	width: 77px;/*線の長さ*/
	height: 8px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000;/*線の色*/
}

.farmer .media ul{
    list-style:none;
	margin-top: 4em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 16px 5px;
}
.farmer .media ul li:last-child{
    margin:0 0 0 15em;
}
.farmer .media ul li span{
    display:block;
    text-align:center;
}

.farmer .inspection h2{
	text-align: center;
	font-weight: bold;
	font-size: 34px;
	position: relative;
}
.farmer .inspection h2:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 45px;/*線の上下位置*/
	display: inline-block;
	width: 77px;/*線の長さ*/
	height: 8px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000;/*線の色*/
}
.farmer .inspection p {
    text-align: center;
    margin: 3em 0 0;
}
.farmer .inspection ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.farmer .inspection .fluid-objective {
    width: 100vw;
    position: relative;
    left: 49%;
    transform: translateX(-49%);
}
.farmer .inspection .ipad{
    display: none;
}
.farmer .inspection .ipad_landscape{
    display: none;
}
.farmer .inspection .mobile{
    display: none;
}
.farmer .inspection .mobile-iphone{
    display: none;
}
.farmer .inspection .service {
    margin: 1.5em 0;
}
.farmer .plant_list h2{
    margin: 30px 0 55px 0;
}
.farmer .plant{
    margin-top: 30px;
    display: flex;
	justify-content:space-between;
}
.farmer .inspection .plant .info ul{
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
.farmer .inspection .plant .info ul li{
    margin:10px 0;
}
.show-mobile{
  display: none;
}
.fa-phone:before {
    content: "\f095";
}
.fa-envelope-o:before {
    content: "f0e0";
}
.fa-envelope:before {
    content: "\f0e0";
    display: inline-block;
    padding: 0 8px 0 0;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa, .fas {
    font-weight: 900;
    padding: 0 8px 0 0;
}
#gNav{
      position: fixed;
      top: 3%;
      left:85%;
      z-index: 1000;
    }
#gNav button{
    background: transparent;
    width:100%;
}

.farmer .contactBTN {
    text-align: center;
    font-weight: 16px;
    background: #009944;
    padding: 10px;
    width: 70%;
    display: block;
    margin: 0 auto;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.farmer .contactBTN:hover {
    background: #407056;
}

/*--sp縦--*/
@media screen and (orientation:portrait) {
    .farmer .farmerMain_pc{
        display:none;
    }
    .farmer .farmerMain_mobile {
        display: block;
        width: 100vw;
    }
    .farmer .inner-PC{
        display:none;               
    }
	.farmer .anxiety h2{
		font-size:20px
	}
	.farmer .anxiety h2:before{
		bottom:-15px
	}
    .farmer .anxiety img{
        margin-top:35px;
    }
    .farmer .anxiety .arrow {
        width: 3em;
        height: 3em;
        margin: 1em auto;
    }
    .farmer .anxiety p{
        margin: 0 0 3em 0.5em;
    }
    .farmer .anxiety .fluid-box .reason{
        width:auto;
    }
    .farmer .anxiety .inner-reason{
        margin: -12px 0 16px 0;
        text-align:center;
    }
    .farmer .anxiety .reason ul {
        width: 25%;
        margin: 1em 0 0 18em;
    }
    .farmer .anxiety .reason li{
        margin: 1.5em 0 0 -17em;
        flex-direction: column;
        align-items: flex-start;
    }
    .farmer .anxiety .reason li:before {
        margin: 0;
    }
	.farmer .performance h2{
		font-size:20px
	}
	.farmer .performance h2:before{
		bottom:-15px
	}
	.farmer .performance .performance-header:before{
		top:35px;
	}
	.farmer .performance .target:before{
		top:35px;
	}
    .farmer .performance .area {
        padding: 13px;
        margin: 0 0 0 -12px;
    }
    .farmer .performance .circle{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
	.farmer .performance .user:before{
		top:35px;
	}
    .farmer .performance .list{
        flex-direction:column;
        width:100%;
		margin-top: 0;
    }
    .farmer .performance .circle .list li{
        align-self: flex-start;
    }
    .farmer .performance .circle .list li:nth-of-type(2){
        align-self: flex-end;
    }
    .farmer .performance .voice{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width:95%;
    }
    .farmer .performance .voice ul{
        flex-wrap: wrap;
        width: auto;
    }
    .farmer .performance .voice ul li{
        margin-bottom:30px;
    }
	.farmer .schedule{
		margin-top:0;
	}
	.farmer .schedule h2{
		font-size:20px;
	}
	.farmer .schedule h2:before{
		top: 35px;
	}
    .farmer .schedule .oneday ul{
        flex-direction:column;
    }
    .farmer .schedule .oneday ul li{
        margin-bottom:3em;
        width: 90%;
    }
    .farmer .schedule .inner-contents .entryblock{
        margin: 0 auto;
        width: 96%;
    }
    .farmer .schedule .entryblock .innerblock{
        flex-direction:column;
        align-items: center;
        margin: 0;
    }
    .farmer .schedule .entryblock .innerblock li:first-child{
        width:auto;
        margin: 0;
        white-space: normal;
    }
    .farmer .schedule .entryblock .img-box{
        margin:0;
        flex-direction:column;
    }
    .farmer .schedule .entryblock ul li:nth-child(2){
        width:100%;
    }
    .farmer .schedule .entryblock .img-box li img{
        margin: 1.5em 0;
    }
    .farmer .schedule .userVoice{
        width:auto;
    }
    .farmer .schedule .userVoice ul{
        margin:0;
    }
    .farmer .schedule .userVoice ul li{
        font-size:15px;
    }
    .farmer .schedule .userVoice li span{
        margin: 0 5px 0 0;
    }
	.farmer .flow h2{
		font-size:20px;
	}
	.farmer .flow h2:before{
		top:35px;
	}
    .farmer .media{
        margin-bottom:25px;
    }
	.farmer .media h2{
		font-size:20px;
	}
	.farmer .media h2:before{
		top:35px;
	}
    .farmer .media ul{
        gap:0;
        justify-content:center;
    }
    .farmer .media ul li{
        width:46%;
        margin: 10px 5px;
    }
    .farmer .media a span{
        font-size:14px;
    }
	.farmer .inspection h2{
		font-size:20px
	}
	.farmer .inspection h2:before{
		top:35px;
	}	
    .farmer .inspection ul{
        justify-content:space-evenly;
        margin:1.5em 0;
    }
    .farmer .inspection ul li{
        width:48%;
    }
    .farmer .inspection .pc{
        display:none;
    }
    .farmer .inspection .mobile{
        display:block;
        width: 100vw;
    }
    .farmer .plant{
        flex-direction:column;
    }
    .farmer .inspection .plant .info ul{
        align-items: flex-start;
        margin-left: 4em;
    }
    .farmer .inspection .plant .info ul li{
        width:auto;
    }
    .farmer .plant .google_map{
        width:auto;
        margin:0 auto;
    }
    .show-mobile{
        display: block;
    }
	.farmer .br{
		display:block;
	}
  #footerFloatingMenu {
      display: block;
      width: 100%;
      position: fixed;
      left: 0px;
      bottom: -19px;
      z-index: 9999;
      text-align: center;
      padding: 11px 0;
      background: #009944;
      opacity: 0.8;
  }
  #footerFloatingMenu .f-table{
    width: 100%;
    margin-top: 6px;
  }
  #footerFloatingMenu .f-table td {
    border-right: 2px dotted #fff;
    color:#fff;
  }
  #footerFloatingMenu .f-table td:nth-child(3) {
    border-right: none;
  }
  #footerFloatingMenu .f-table td {
    color:#fff;
  }
  #footerFloatingMenu .f-table td a{
    font-size: 16px;
    display: block;
    text-align: center;
  }
  #footerFloatingMenu .f-table td a{
    font-size: 14px;
  }
  #gNav{
    display: none;
  }
  #gNav ul{
    display: none;
  }
  #gNav button{
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 896px){
	.farmer .anxiety .fluid-box .reason{
		width:100%;
	}
    .farmer .anxiety .inner-PC{
        margin:0;
    }
	.farmer .anxiety h2:before{
		bottom:-25px;
	}
	.farmer .anxiety ul li {
		flex-direction: column;
		align-items: flex-start;
	}
    .farmer .anxiety ul li span{
        display:block;
    }
	.farmer .voice{
		width: 100%;
		align-items: center;
	}
    .farmer .performance li .voice{
        width: 95%;
    }
    .farmer .schedule .entryblock ul li{
        white-space:unset;
        font-size: 12px;
    }
    .farmer .schedule .entryblock ul li span{
        display:block;
    }
    .farmer .schedule .userVoice{
        width:100%;
    }
    .farmer .schedule .userVoice li{
        font-size:15px;
    }
    .farmer .schedule .userVoice ul{
        margin:0;
    }
    .farmer .schedule .oneday ul li{
        margin:0 15px;
    }
    .farmer .schedule .userVoice li span{
        display:inline-block;
        margin-top:5px;
    }
    .farmer .media ul li{
        flex-basis:25%;
        margin: 0;
    }
    .farmer .media ul li span{
        font-size:14px;
    }
	.farmer .media ul li:last-child{
		margin:0;
	}
	.farmer .inspection ul{
		justify-content: space-around;
	}
    .farmer .inspection .plant .info ul{
        font-size:14px;
    }
	.farmer .plant_list h2:before,.farmer .inspection h2:before,.farmer .media h2:before,
	.farmer .flow h2:before,.farmer .schedule h2:before,.farmer .performance h2:before{
		top:35px;
	}
    .farmer .plant .google_map{
        width:65%;
    }
    .farmer .schedule .oneday ul{
        width:90%;
        margin:0 auto;
    }
    .farmer .inspection ul li{
        margin:10px 0;
    }
    .farmer .inspection .pc{
        display:none;
    }
    .farmer .inspection .mobile_landscape{
        display:block;
    }
    #farmer #gNav #contact{
        display:none;       
    }
    .show-mobile{
        display:block;
    }
    #footerFloatingMenu {
        display: block;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: -19px;
        z-index: 9999;
        text-align: center;
        padding: 11px 0;
        background: #094;
        opacity: .8;
    }
    #footerFloatingMenu .f-table{
        color:#fff;
    }
    #footerFloatingMenu .f-table td {
        border-right: 2px dotted #fff;
    }
    #footerFloatingMenu .f-table td:nth-child(3) {
        border-right: none;
    }
}
/*--pad--*/
@media screen and (min-device-width: 481px) and (orientation:portrait) {
    .farmer .farmerMain_mobile{
        display:none;
    }
    .farmer .farmerMain_pc{
        display:block;
        width:100vw;
    }
    .farmer .inner-PC{
        display:block;
        margin-top: 0;
    }
    .farmer .anxiety img{
        margin:0;
    }
	.farmer .anxiety h2{
		font-size: 32px;
	}
	.farmer .anxiety h2:before{
		bottom: -25px;
	}
	.farmer .performance h2,.farmer .schedule h2,.farmer .flow h2,
	.farmer .media h2,.farmer .inspection h2,.farmer .inspection h2{
		font-size:32px;
	}
	.farmer .performance .target:before,.farmer .performance .user:before,
	.farmer .schedule h2:before,.farmer .flow h2:before,.farmer .media h2:before,
	.farmer .inspection h2:before{
		top:40px;
	}
    .farmer .anxiety .reason ul{
        width:100%;
        margin-left:21em;
    }
    .farmer .anxiety .reason ul li{
        flex-direction: row;
        align-items: center;
    }
    .farmer .performance .circle{
        flex-direction: row;
        justify-content:center;
    }
    .farmer .performance .list {
        justify-content: space-evenly;
        flex-direction: unset;
    }
    .farmer .performance img{
        margin:0;
    }
    .farmer .performance .circle .list li img{
        margin:0;
    }
    .farmer .performance .circle .list li:nth-of-type(2) img{
        margin:0
    }
    .farmer .performance .circle .list li:last-child img{
        margin:0;
    }
    .farmer .performance .voice{
        flex-direction:row;
        justify-content: center;
    }
    .farmer .performance .voice ul{
        flex-direction: row;
        width:100%;     
    }
    .farmer .schedule .oneday ul{
        flex-direction:row;
    }
    .farmer .schedule .entryblock .innerblock{
        flex-direction:row;
    }
    .farmer .schedule .entryblock .innerblock li{
        width:50%!important;
        margin: 0 0 0 5px;
    }
    .farmer .schedule .entryblock .img-box{
        flex-direction:row;
    }
    .farmer .schedule .user-voice{
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .farmer .media .target, .inner-inspection, .inner-plant{
        display:none;
    }
    .farmer .media ul{
        justify-content:space-evenly;
    }
    .farmer .media ul li{
        width:30%;
        margin: 25px 0;
    }
	.farmer .media ul li:last-child{
		margin:0;
	}

    .farmer .inspection ul li{
        width: 30%;
    }
    .farmer .inspection .mobile{
        display:none;
    }
    .farmer .inspection .ipad{
        display:block;
        width: 100vw;
    }
    .farmer .plant{
        flex-direction:row;
    }
    .farmer .inspection .plant .info ul{
        margin:0;
    }
    .farmer .plant .google_map{
        width:65%;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {
	#gNav{
      display:block;
	}
	#gNav button{
		display:block;
	}
	.show-mobile{
		display:none;
	}
}

















/*--- 飲食 ---*/
#food .work{
    background: #f2f6f7;
}
#food .work section{
    padding: 50px 0 80px 0;
    text-align: center;
}
#food .work section h1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 25px;
}
#food .work section p {
    font-size: 13px;
    line-height: 2em;
    padding-bottom: 5px;
}
#food .work #workAreaFood{
    margin-bottom: 0px;
}
#food .work #workAreaFood ul{
    background: #a40000;
    margin: 0px auto;
    padding: 20px 1%;
    list-style: none;
    font-size:0px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
#food .work #workAreaFood li {
    color: #fff;
    width: 98%;
    margin: 0 25%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
#food #workAreaFood li img{
        float: left;
	margin: 0 0 20px 0;
    }
#food .work #workAreaFood dl dt{
    font-size: 16px;
    font-weight: bold;
    margin:0 0 0 12px;
    }
#food .work #workAreaFood dl dd{
    font-size: 13px;
    }
#food .work section{
    padding-top:50px;
}
#food .work .contactBTN{
    background: #a40000;
}
@media screen and (min-width: 781px){
    #food .work #workAreaFood ul{
        padding: 15px 1px 0;
	border-radius: 0;
	width:93%;
    }
    #food .work #workAreaFood li {
	width: 49%;
	overflow: hidden;
    }
    #food .work #workAreaFood dl{
        float: right;
        width: 50%;
    }
    #food .work #workAreaFood dl dt{
        margin: 0 0 5px 15px;
    }
}
@media screen and (max-width: 780px){
    #food .work #workAreaFood ul{
        padding: 7% 1px 0;
	border-radius: 0;
	width:93%;
    }
    #food .work #workAreaFood li {
	margin: 0 0 30px 2%;
	overflow: hidden;
    }
    #food .work #workAreaFood dl{
        float: right;
	width:65%;
    }
    #food .work #workAreaFood dl dt{
       margin:0 0 0 12px;
    }
}
@media screen and (max-width: 550px){
    #food .work #workAreaFood ul {
        padding: 15px 1% 0;
    }
    #food .work #workAreaFood li {
	margin: 0 0 0 5px;
	width:100%;
    }
　　#food .work #workArea li img{
	width:40%;
    }
    #food .work #workAreaFood dl{
        font-size: 13px;
        margin: 0 8px 0 0;
	width:57%;
    }
    #food .work #workAreaFood dl dt{
        font-size: 13px;
        margin: 0 0 0 13px;
    }
    #food .work #workAreaFood dl dd{
        font-size: 10px;
        line-height: 1.6;
    }

    #food #workAreaFood li img{
	width:40%;
    }
}
/*--- 清掃 ---*/
#clean .work{
    background: #fff;
    border: 1px solid #70b6ac;
}
#clean .work section {
    padding: 50px 0 80px 0;
    text-align: center;
}
#clean .work h2{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 25px;
}
#clean .work p{
    font-size: 13px;
    line-height: 2em;
    padding-bottom: 5px;
}
#clean .work .border{
    border-bottom: 1px solid #70b6ac;
}
#clean .work .bgcolor{
    background: #7cafd4;
    color: #fff;
    padding: 5px 0 15px;
}

#clean .work #workArea ul{
    background: #94c1bc;
    border-radius: 0px;        /* CSS3草案 */
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;   /* Firefox用 */
    padding-bottom:30px;
}
#clean .work .moreBTN{
	background: #4099bb;
}
#clean .work .contactBTN{
    background: #4099bb;
}
#clean .flowBox address{
    text-align: center;
    font-style: nomal;
}

/*--------------　お問い合わせ　-------------*/
.wpcf7-submit{
	display:block;
	margin:20px auto -35px;
}
#contact main{
	border:none;
}
#business .entry-content a{
	border-bottom:none;
}
.contact_Add{
    text-align: center;
    font-style: normal;
}
#contact .contact_Add a{
    border-bottom:none;
}

.contactBTN {
    text-align: center;
    font-weight: 16px;
    background: #7c0001;
    padding: 10px;
    width: 70%;
    display: block;
    margin: 0px auto;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.contactBTN:hover{
	color: #fff;
    background: #a90202;
}
#contact .contactBTN a{
    background: none;
    border-bottom: none;
}

.recruit{
	width:695px;
	border:1px solid #ddd;
}
.entry-content th{
	border-bottom:1px solid #7c0001;
	border-right:1px solid #7c0001;
	text-align:center;
}
.entry-content .header{
	height:20px;
	text-align:center;
}
.entry-content td{
    width: 75%;
    text-align: left;
	border-bottom:1px solid #7c0001;
}
.entry-content tr:last-child td,.entry-content tr:last-child th{
	border-bottom:none;
}
.entry-content .head{
	background: none;
	border-right: 1px solid #ddd;
}
.entry-content table{
    border-top: 1px solid #7c0001;
	width: auto;
    margin: 0 auto;
}
#contact .contact_wrapper{
    margin-top: 30px;
}
#contact .contact_wrapper ul{
	list-style:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: flex-start;
	
}
#contact .contact_wrapper ul li{
	width:48%;
}
#contact .contact_wrapper a{
    display: block;
    width: auto;
    margin: 0px 1% 5% 1%;
    height: 50px;
    border-radius: 10px;
    text-decoration: none;
    color:#fff!important;
    background-color: #000;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
    line-height: 3.5em;
    border-bottom: none!important;
}
#contact .contact_wrapper a:hover{
    background-color: #ccc;
    color: #000!important;
}
.flowBox {
    padding-bottom: 30px;
    display: block;
    overflow: hidden;
    max-width: 650px;
    margin: 0px auto 15px;
    background: url('img/arrow.png') center bottom no-repeat;
}
.flowBox address{
    text-align: center;
    font-size: 22px;
    font-style: normal;
}
.flowBox address a{
    border-bottom: none;
}
.flowBox.last {
    background: none!important;
}
.flowBox dl {
    display: block;
    overflow: hidden;
    padding: 15px 20px;
    border: 1px solid #000;
    background: #fff;
    margin-bottom: 0px;
}
.flowBox dl address{
    display: inline;
    margin: 0px;
    color: #be1a20;
    font-weight: bold;
    font-size:1.2em;
}
.flowBox dl dt {
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
    font-size: 1.2em;
}
.flowBox dl dd {
    margin: 0;
}
div.wpcf7-mail-sent-ok{
    border: none;
    color: red;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
}
#order h1{
	display:none;
}
@media screen and (orientation: portrait){
	.your-message{
		display:block;
		width:95%;
		margin:0 auto;
	}
	.wpcf7-submit{
		display:block;
		margin:0 auto -40px;
	}
	#content .entry-content p{
		width:80%;
		margin:0 auto 24px;
	}
	#contact .contact_wrapper{
		margin: 30px 0 0 -11px;
		width: 100%;
	}
	#contact .contact_wrapper ul{
		flex-direction:column;
	}
	#contact .contact_wrapper ul li{
		width:100%;
	}
    .comment-content th{
		border: none;
		display: flex;
		flex-wrap:wrap;
    }
	.entry-content table{
		width:100%;
		table-layout:fixed;
	}
    .entry-content th{
		text-align: left;
		background:#7c0001;
		color:#fff;
        padding-left: 10px;
		display: flex;
		flex-wrap: wrap;
    }
	.entry-content td{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		width: 100%;
	}
	.entry-content tr:nth-child(1) td {
		flex-direction: row;
	}
	.entry-content tr:nth-child(2) td {
		flex-direction: row;
	}
	.entry-content tr:nth-child(5) td {
		flex-direction: row;
	}
	.entry-content tr:nth-child(6) td {
		flex-direction: row;
	}
	.entry-content tr:nth-child(7) td {
		flex-direction: row;
	}
	.entry-content td:last-child{
		border-bottom:none;
	}
    .entry-content .header{
        text-align: left;
    }
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation:portrait) {
	.entry-content table{
		width:95%;
	}
	.entry-content th{
		width: auto;
		text-align: left;
	}
	#contact .contact_wrapper ul{
		flex-direction: initial;
	}
	#contact .contact_wrapper ul li{
		width:50%;
	}
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
    box-shadow: none;
}
.submit{
    text-align: center;
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    background: #000;
    color: #fff;
    border: none;
    box-shadow:none;
    text-shadow:none;
    width: 60%;
    font-size: 16px;
    padding: 15px;
    letter-spacing: 0.5em;
    font-family: YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.submit:hover button,.submit:hover input[type="button"],.submit:hover input[type="reset"],.submit:hover input[type="submit"]{
    background: #666;
    /*-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition:0.4s;*/
    transition: 0.4s;
}
/*--------------　事業所概要　-------------*/
#primary .outline{
    border: none;
}
.outline{
    max-width: 980px;
    width: 100%;
    margin: auto;
}
.outline h2{
    text-align: center;
    line-height: 2;
    font-size: 18px;
    font-weight: bold;
}
.outline .content__inner{
	margin:0 0 -25px 0;
}
.outline ul{
	margin: 0 -8px 24px 40px;
}
.outline .center__items{
	margin:0 17px 24px 54px;
}
.outline ul li{
	white-space: nowrap;
}
.outline .content__inner{
    display:flex;
}
.outline p{
    line-height: 30px;
    font-size: 15px;
}
.outline .br{
    display: block;
}
.outline table{
    width: auto;
    font-size: 14px;
    line-height: 24px;
    border-collapse: collapse;
    border-top: 1px solid #7c0001;
}
.outline table th {
    width: 25%;
    border-bottom: 1px solid #7c0001;
    border-right: 1px solid #7c0001;
    text-align: center;
    padding: 12px;
	vertical-align:middle;
}
.outline table td {
    width: 75%;
    text-align: left;
    border-bottom: 1px solid #7c0001;
    padding: 12px 12px 12px 10px;
}
.outline table td dt{
    font-weight: bold;
}
.outline table tr:nth-child(4) th,
.outline table tr:nth-child(7) th,
.outline table tr:nth-child(8) th,
.outline table tr:nth-child(9) th,
.outline table tr:nth-child(10) th,
.outline table tr:nth-child(11) th,
.outline table tr:last-child th{
    vertical-align: middle;
}
.outline table tr:last-child th,
.outline table tr:last-child td{
    border-bottom: none;
}
.outline dd:first-of-type{
	margin-bottom:0;	
}

@media screen and (orientation: portrait){
    .outline{
        width: 94%;
    }
    .outline table{
        width: 100%;
        table-layout: fixed;
		border:none;
    }
    .outline table th{
        text-align: left;
        background: #7c0001;
        color: #fff;
        padding-left: 10px;
        display: flex;
        flex-wrap: wrap;
        width: auto;
        border-bottom: none;
    }
    .outline tr:nth-child(1) td {
        flex-direction: row;
    }
    .outline table td{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: auto;
        border: none;
    }
	.outline table td dd{
		margin-bottom:0;
	}
	.outline .content__inner{
		flex-direction: column;
        margin: 23px 0 0 0;
	}
    .outline .center__items{
        margin: 21px 0 0 21px;
    }
    .outline .last__items{
        margin: 21px 0 21px 21px;
    }
	.outline ul{
		margin:0 0 0 21px;
	}
	.outline .contents__block{
		margin:0 0 -25px 21px;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){
	.outline table{
		width: auto;
		font-size: 14px;
		line-height: 24px;
		border-collapse: collapse;
		border-top: 1px solid #7c0001;
	}
	.outline table th {
		display:table-cell;
		width:25%;
		border-bottom: 1px solid #7c0001;
		border-right: 1px solid #7c0001;
		background:none;
		color:#000;
		text-align:center;
		padding:12px;
	}
	.outline table td {
		display:table-cell;
		width: 75%;
		border-bottom: 1px solid #7c0001;		
	}
	.outline table td dt{
		font-weight: bold;
	}
	.outline table tr:nth-child(4) th,
	.outline table tr:nth-child(7) th,
	.outline table tr:nth-child(8) th,
	.outline table tr:nth-child(9) th,
	.outline table tr:nth-child(10) th,
	.outline table tr:nth-child(11) th,
	.outline table tr:last-child th{
		vertical-align: middle;
	}
	.outline table tr:last-child th,
	.outline table tr:last-child td{
		border-bottom: none;
	}
}
/*@media screen and (max-width: 550px){
    #outline #content{
        width: 94%;
    }
}
#outline .entry-content td{
    padding-left:10px;
}
#outline .entry-content{
    font-size:14px;
}
#outline #content a{
    border-bottom: none;
}
#outline #content td a{
	background: none;
	text-decoration:none;
	font-weight:normal;
}
#outline .entry-content td .br{
	display:block;
}
#outline .entry-content td img{
	border:none;
}
@media screen and (orientation: portrait){
	#outline .entry-content td .br{
		display: inline-block;
		margin-left:20px;
	}
}*/
/*--- 共通 ---*/
.more{
    text-decoration: underline;
    color: #168DD9;
}
.moreBTN{
    background: #7c0001;
    color: #fff;
    display: inline-block;
    font-size:13px;
    padding:5px 0px;
    width: 30%;
    margin: 0px 0px 60px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

}
.moreBTN:hover{
    color: #fff;
    background: #a90202;
}
.contactBTN {
    text-align: center;
    font-weight: 16px;
    background: #7c0001;
    padding: 10px;
    width: 70%;
    display: block;
    margin: 0 auto;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
@media screen and (max-width: 780px){
    .moreBTN{
        font-size:15px;
        padding:7px 0px;
        width: 60%;
        margin: 30px 0px 60px;
    }
}
@media screen and (max-width: 550px){
    .moreBTN{
        font-size:13px;
        padding:5px 50px;
        margin: 20px 0px 40px;
    }
}
/*-------------- クリエイターズのこと　-------------*/
#about main{
    border: solid 2px #000;
    padding: 30px 20px;
	background:#fff;
}

#about .section1{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 70px;
    border-bottom: 2px solid #000;
    padding-bottom: 80px;
}
#about .section1 img.aikotoba{
    width: 500px;
    margin-top: 10px;
    margin-bottom: 30px;
}
#about .section1 img.hataraku{
    width: 170px;
}
#about .section1 p{
    font-size: 15px;
    line-height: 2em;
}
#about .section1 .txtbox{
    margin: 0px auto;
    width: 500px;
    text-align: left;
    line-height: 2em;
    font-size: 14px;
}
#about p{
    font-size: 14px;
    line-height: 2em;
}
#about .imageBox1{
    margin-bottom: 20px;
    width: 98%;
}
#about .imageBox1 img{
    width: 50%;
    margin-top: 10px;
    margin-bottom: 50px;
    float: right;
}
#about .imageBox1 .text{
    width: 47%;
    padding:1%;
    float: left;
}
#about .imageBox2{
    margin-bottom: 20px;
    text-align: center;
    width: 98%;
}
#about .imageBox2 img{
    width: 30%;
    margin-bottom: 50px;
    float: left;
}
#about .imageBox2 .text{
    width: 47%;
    padding:1%;
    float:  right;
    text-align: left;
}
#about .imageBox3{
    margin-bottom: 50px;
    text-align: center;
    width: 98%;
}
#about .imageBox3 img{
    width: 50%;
    float: right;
}
#about .imageBox3 .text{
    width: 47%;
    padding:1%;
    float: left;
    text-align: left;
}
#about #primary h2 {
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    letter-spacing: 0.1em;
}
#about .last{
    text-align: center;
    font-size:14px;
}
#about .content-area{
    margin-bottom: 0px!important;
}
#about .hentry{
    margin-bottom: 0px!important;
}
#about #section2 h2{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 70px 0 35px 0;
}
#about #section2 li h2{
    font-size: 17px;
    margin-top: 12px;
    line-height: 1.8em;
    font-weight: bold;
}

@media screen and (max-width: 780px){
    #about .imageBox1{
        text-align: center;
    }
    #about .imageBox1 img{
        float: none;
        width: 95%;
    }
    #about .imageBox1 .text{
        width: 100%;
        text-align: left;
        float: none;
    }
    #about .imageBox2 img{
        width: 60%;
        float: none;
    }
    #about .imageBox2 .text{
        width: 100%;
        float: none;
    }
    #about .imageBox3{
        text-align: center;
    }
    #about .imageBox3 img{
        margin-bottom: 50px;
        float: none;
        width: 95%;
    }
    #about .imageBox3 .text{
        width: 100%;
        float: none;
    }
    #about .last{
        text-align: left;
        font-size:14px;
    }
}
@media screen and (max-width: 550px){
    #about #content{
        width: 94%;
    }
    #about p{
        font-size: 12px;
        line-height: 2.2em;
    }
    #about .section1 p {
        font-size:12px;
        line-height: 2.2em;
    }
    #about .section1 .txtbox{
        margin: 0px auto;
        width: 100%;
    }
    #about .section1 img.hataraku{
        width: 130px;
    }
    #about #primary h2{
	font-size:11px;
	margin: 5px 0px 20px;
	letter-spacing: -0.03em;
    }
}

/*--------　仕事について works ----------*/
#works main{
	border:none;
}
#works #section2 img {
    border: none;
}
#works div.breadcrumbs{
    margin-bottom: 17px;
}
#works #title{
	width: 210px;
	background: #7c0001;
	color:#fff;
	height: 27px;
	text-align: center;
	float: left;
	line-height: 2;
	font-size: 14px;
	font-weight: bold;
}
#works .entry-title{
    border-bottom:1px solid #000;
    padding-top:0px;
    margin-top: 0px;
    font-size:20px;
    font-weight: bold;
}
#works .works-list li{
    padding-bottom: 30px;
}
#works .works-list li h2{
    font-size:12px;
}
#works .widget ul li{
    font-size:13px;
    padding-bottom:7px;
}
#works .entry-content{
    font-size:14px;
}
#works .post-thumbnail{
    margin-bottom: 5px;
}
#works .entry-content a{
    text-decoration: none!important;
    border-bottom: none!important;
    background: #fff462!important;
}
.entry-content img{
    margin: 0 auto;
	display:block;
}
.entry-content img.icn_pdf{
    margin: 0 0 6px 0;
}
#works .entry-content .gallery .gallery-caption{
    display: block;
    text-align: center;
    margin-left: 0px;
}
#works .entry-content .gallery dt{
    margin: 0px 5px 10px;
}
#works .entry-content h2{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0.5em 0px;
    font-weight: bold;
}
#works span.WEB{
    font-size:10px;
    padding:5px 10px;
    color: #000;
    background: #fff462;
}
#works span.GRAPHIC{
    font-size:10px;
    padding:5px 10px;
    color: #fff;
    background: #000;
}
#works span.REHAS-FARM{
    font-size:10px;
    padding:5px 10px;
    color: #fff;
    background: #009944;
}
#works span.CLEANING{
    font-size:10px;
    padding:5px 10px;
    color: #fff;
    background: #4099bb;
}
#works span.WOOD{
    font-size:10px;
    padding:5px 10px;
    color: #fff;
    background: #7c0001;
}
#works main p{
    font-size:13px;
}
#works a.contact{
    text-decoration: underline;
}
.wp-pagenavi{
    text-align: center;
}
/*--いいねボタンあたり--*/
#works .left{
    float: left;
    width: 55%;
}
#works .right{
    float: right;
    width: 45%;
    height: 30px;
}
#works .wp_social_bookmarking_light{
    float: right;
    padding-top:0px!important;
}
#works .before{
   margin: 0 0 0 484px;
   font-size: 15px;
   line-height: 27px;
}
#works .next{
   padding: 0 0 0 41px;
   font-size: 15px;
   line-height: 27px;
}
@media screen and (max-width: 550px){
    #works #content{
        width: 94%;
    }
    #works .left{
        float: left;
        width: 80%;
        padding-bottom:10px;
    }
    #works .left .catBlock{
        display: block;
    }
    #works .right{
        float: right;
        width: 20%;
        height: 30px;
    }
    #works .before{
        margin: 0 0 0 132px;
    }
    #works .next{
        padding: 0 0 0 20px;
    }
}
@media screen and (min-width: 960px){
    #works #title{
        width: 210px;
        background: #7c0001;
        height: 27px;
        text-align: center;
        float: left;
        line-height: 2;
        font-size: 14px;
        font-weight: bold;
    }
    #works #content-area{
        clear: both;
    }
}
@media screen and (max-width: 959px){
    #works #title{
        width: 100%;
        background: #7c0001;
		color:#fff;
        height: 35px;
        text-align: center;
        float: none;
        line-height: 2.7;
        font-size: 14px;
        margin-bottom:35px;
        font-weight: bold;
    }
}
@media screen and (min-width: 780px){
    #works .widget h2 {
        font-size: 15px;
    }
}
@media screen and (max-width: 550px){
    #works .entry-content{
        font-size:12px;
    }
    #works .entry-title{
        font-size:17px;
    }
    #works .left{
        font-size:12px;
    }
    #works .widget ul li{
        font-size:12px;
    }
}

/*--------　仕事のこと works sidebar　----------*/
#works #works-side{
    overflow: hidden;
}
#works #content aside{
    margin-top: 32px;
}
#works .widget-title{
    border-bottom: 1px solid #000;
}
.has-sidebar .hentry{
    background: none;
}
.entry-header{
    font-size: 14px;
}
#text-6 a{
    text-decoration: none;
}
@media screen and (min-width: 1180px){
    #works #works-side{
        float: left;
        width: 210px;
    }
}
@media screen and (min-width: 960px){
    #works #works-side{
        float: left;
        width: 210px;
    }
}
@media screen and (min-width: 1180px){
    #works #works-side{
        width: 300px;
    }
}
@media screen and (min-width: 960px){
    #works #works-side{
        float: left;
        width: 240px;
    }
}
.instagram{
	display: block;
	margin: 45px auto 20px;
	width:15%;
}
#home #section2 ul li img {
    border: 3px solid #000;
}
#home #section2 #instafeed{
	margin:0 0 0 42px;
}
@media screen and (max-width: 780px){
	.instagram{
		width:40%;
	}
	#home #section2 #instafeed{
		margin:0 0 0 30px;
	}
}
/*---------------officer---------------------------*/
#officer main{
	border:none;
}
.officerlist{
	display: flex;
	border-bottom: 1px solid #000;
	align-items: flex-start;
	justify-content: space-around;
	margin-bottom:50px;
	flex-wrap: wrap;
}
.officerlist:nth-of-type(2)>img{
	margin-bottom: 50px;
}
.officerlist:last-child{
	border-bottom: none;
}
.officerlist .icon{
	margin: 0 0 2px 2px;
	width:17px;
	height:17px;
}
.officerlist .biography{
	width: 50%;
}
.officerlist .biography .about{
	text-align: center;
	border: 1px solid #000;
	width: 100%;
}
	.about .br{
		display: block;
	}
	.about h3{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        margin: 30px 0 0 0;
    }
    .about h4{
        font-size: 15px;
        color: #484348;
        font-weight: normal;
        text-align: center;
        margin: 0;
    }
	.about h5{
		font-size: 16px;
		font-weight:bold;
		line-height:27px;
		color: #484348;
		text-align: center;
		margin: 15px 0 0 0;
	}
	.about h6{
		font-size: 14px;
		text-align: center;
		margin: 0 0 24px 0;
		font-weight:normal;
	}
	.about .brrth{
		margin: 0 0 24px 0;
		display: inline-block;
	}
.officerlist p{
	font-size: 14px;
	width: 100%;
	margin-top:10px;
}
.officerlist .message{
	margin-bottom: 30px;
}
.officerlist table{
	width: 100%;
	font-size: 14px;
}
.officerlist table th,td{
	padding: 10px;
}
.officerlist table th{
	vertical-align: middle;
	font-weight: normal;
	border-bottom: 1px solid #000;
	text-align: left;
}
.officerlist table td{
	font-weight: normal;
	border-bottom: 1px solid #000;
	text-align: left;
}
.officerlist table .br{
	display: block;
}
.officerlist .icon{
	margin: 0 0 3px 3px;
	width:17px;
	height:17px;
}
.message .br{
	display:block;
}
/*-------sp---------*/
@media screen and (max-device-width: 768px) and (orientation: portrait){
	.officerlist{
		flex-direction: column;
		align-items: center;
	}
	.officerlist .biography{
		width: 100%;
		margin-top: 25px;
	}
	.officerlist .biography .about{
		width:91%;
		margin:0 auto 15px;
	}
	.officerlist p{
		width: 91%;
		margin: 0 auto 10px;
	}
	.officerlist:nth-of-type(2)>img{
		margin-bottom: 0;
	}
	.officerlist table{
		width:91%;
		margin:0 auto;
	}
	.officerlist table th{
		white-space: nowrap;
	}
	.officerlist table .br{
		display: none;
	}
	.officerlist table .br-1{
		display: block;
	}
	.officerlist .message{
		margin-top:10px;
	}
}
@media screen and (max-device-width: 768px) and (orientation: landscape){
	.officerlist{
		flex-direction: column;
		align-items: center;
	}
	.officerlist .biography{
		width: 100%;
		margin-top: 25px;
	}
	.officerlist table th{
		white-space: nowrap;
	}
	.officerlist table .br{
		display: none;
	}
}
/*------ipad------*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
	.officerlist{
		flex-direction:inherit;
		align-items: flex-start;
	}
	.officerlist .biography{
		width: 50%;
		margin: 0;
	}
	.officerlist .message{
		margin-bottom: 50px;
	}
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){
	.officerlist{
		flex-direction:inherit;
		align-items: flex-start;
		justify-content: space-around;
	}
	.officerlist .biography{
		width: 50%;
		margin: 0;
	}
	.officerlist .message{
		margin-bottom: 50px;
	}
}
/*-------------- フッター footer　-------------*/
#colophon {
    background: #000;
}
#supplementary{
    background: #eeece4;
    padding-top:25px;
    border-bottom: none;
    margin-top: 80px;
}
.footer-area{
    margin-top: 0px;
    border-top: none!important;
}
footer .widget-area aside{
    color: #000;
    margin-bottom: 20px;
}
.footer-widget .textwidget h2 {
    width: 171px;
    font-size:16px;
}
footer .widget-area aside address{
    font-style: normal;
    margin: 0px;
    display: inline;
}
footer .widget-area aside address a{
    text-decoration: underline!important;
}
.site-footer{
    border-top: none!important;
}
.site-info{
    margin: 0px auto;
    padding:10px 0px;
    width: auto;
    background-color: #000;
    max-width: none;
}
.site-copyright{
    color: #fff;
    font-weight: normal;
    margin: 0px;
    font-size:13px;
}
.site-credit{
    display: none;
}
.footer-widget .widget-area a{
    text-decoration: none;
    line-height: 2;
}
.footer-widget .contactBTN{
    text-align: center;
    background: #7c0001;
    color: #fff;
    display: block;
    font-size:13px;
    font-weight: normal;
    padding:3px 10px;
    border-radius: 0px;        /* CSS3草案 */
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;   /* Firefox用 */
}
.footer-widget .contactBTN:hover{
    text-align: center;
    background: #a90202;
    color: #fff;
}
.footer-widget-1 ul{
    margin: 0px;
}
.footer-widget-1 ul li{
    line-height: 2em;
}
.footer-widget-1 ul li:before{
    display: none;
}
#supplementary .widget-title{
    display: none!important;
}
@media screen and (min-width: 781px){
    .has-sidebar .footer-widget, .page-template-nosidebar-php .footer-widget{
        max-width: 980px;
    }
    footer .footer-widget .widget-area{
        margin-left: 4%!important;
        width: 21%;
        display: inline-block;
        vertical-align: top;
    }
    footer .footer-widget .widget-area:first-child{
        margin-left: 0%!important;
        margin-right: 4%;
    }
    footer .footer-widget{
//       padding: 0px 15px!important;/*----  フッターウィジェット -----*/
    }
}
@media screen and (max-width: 780px){
    footer .footer-widget .widget-area{
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    footer .footer-widget{
//       padding: 0px 15px!important;/*----  フッターウィジェット -----*/
    }
}
@media screen and (max-width: 550px){
    #supplementary .footer-widget{
        width: 95%!important;
    }
    footer .footer-widget .widget-area{
        width: 100%;
        display: block;
    }
    .footer-widget .contactBTN{
        margin: 0px auto;
        line-height: 3em!important;
        padding:3px 0px;
    }
}
/*--------------　メニューカレント　-------------*/

@media screen and (min-width: 781px){
    .entry-content a, .entry-summary a, .comment-content a, .comment-respond a, .navigation a, .comment-navigation a, .current-menu-item > a{
        color: #000;
        /*border-bottom: 3px solid #000;*/
        line-height: 1.8em;
    }
}
@media screen and (max-width: 780px){
    .entry-content a, .entry-summary a, .comment-content a, .comment-respond a, .navigation a, .comment-navigation a, .current-menu-item > a{
        color: #000;
        background: #fff462;
        font-weight: bold;
    }
}

.breadcrumbs a:hover{
    text-decoration: underline;
}
.slick-dots{
    /*bottom:40px;*/
}
.slick-dots li button:before {
    font-family: 'slick';

    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .80;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*utility*/
.mb0 {
    margin-bottom:0px!important;
}
.mb05 {
    margin-bottom:5px;
}
.mb10 {
    margin-bottom:10px;
}
.mb12 {
    margin-bottom:12px;
}
.mb15 {
    margin-bottom:15px;
}
.mb20 {
    margin-bottom:20px;
}
.mb30 {
    margin-bottom:30px;
}
.mb40 {
    margin-bottom:40px;
}
.mb50 {
    margin-bottom:50px;
}
.mb60 {
    margin-bottom:60px;
}
.mt0 {
    margin-top:0px!important;
}
.mt05 {
    margin-top:5px;
}
.mt10 {
    margin-top:10px;
}
.mt12 {
    margin-top:12px;
}
.mt15 {
    margin-top:15px;
}
.mt20 {
    margin-top:20px;
}
.mt30 {
    margin-top:30px!important;
}
.mt40 {
    margin-top:40px;
}
.mt50 {
    margin-top:50px!important;
}
.mt60 {
    margin-top:60px;
}
.ml05 {
    margin-left:5px;
}
.ml10 {
    margin-left:10px;
}
.ml12 {
    margin-left:12px;
}
.ml15 {
    margin-left:15px;
}
.ml20 {
    margin-left:20px;
}
.ml30 {
    margin-left:30px;
}
.ml40 {
    margin-left:40px;
}
.ml50 {
    margin-left:50px;
}
.ml60 {
    margin-left:60px;
}
.mr05 {
    margin-right:5px;
}
.mr10 {
    margin-right:10px;
}
.mr15 {
    margin-right:15px;
}
.mr20 {
    margin-right:20px;
}
.mr30 {
    margin-right:30px;
}
.mr40 {
    margin-right:40px;
}
.mr50 {
    margin-right:50px;
}
.mr60 {
    margin-right:60px;
}
.pt05 {
    padding-top:5px;
}
.pt10 {
    padding-top:10px;
}
.pt15 {
    padding-top:15px;
}
.pt20 {
    padding-top:20px;
}
.pt30 {
    padding-top:30px!important;
}
.pt40 {
    padding-top:40px;
}
.pt50 {
    padding-top:50px;
}
.pt60 {
    padding-top:60px;
}
.pt100 {
    padding-top:100px;
}
.pb05 {
    padding-bottom:5px;
}
.pb10 {
    padding-bottom:10px;
}
.pb15 {
    padding-bottom:15px;
}
.pb20 {
    padding-bottom:20px;
}
.pb30 {
    padding-bottom:30px;
}
.pb40 {
    padding-bottom:40px;
}
.pb60 {
    padding-bottom:60px;
}
.pb70 {
    padding-bottom:70px;
}
.pl0 {
    padding-left:0px!important;
}
.pl05 {
    padding-left:5px;
}
.pl10 {
    padding-left:10px;
}
.pl15 {
    padding-left:15px;
}
.pl20 {
    padding-left:20px;
}
.pl30 {
    padding-left:30px;
}
.pl40 {
    padding-left:40px;
}
.pl50 {
    padding-left:50px;
}
.pl80 {
    padding-left:80px;
}
.pr0 {
    padding-right:0px!important;
}
.pr05 {
    padding-right:5px;
}
.pr10 {
    padding-right:10px;
}
.pr15 {
    padding-right:15px;
}
.pr20 {
    padding-right:20px;
}
.pr30 {
    padding-right:30px;
}
.pr40 {
    padding-right:40px;
}
.fll {
    float:left;
}
.flr {
    float:right;
}
figure{
    padding: 10px 10px;
    padding-bottom: 0px;
    background: #fff;
    width: 100%;
}
.mfp-bottom-bar{
    margin-top: 0px!important;
    position: static!important;
}
.mfp-title{
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    background: #fff;
}
img.mfp-img{
    padding:0px;
}
.mfp-image-holder .mfp-content {
    max-width: 80%;
    margin: 40px 0px;
}
.mfp-image-holder .mfp-close{
    background: url('./img/closebtn.png') no-repeat;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: right;
    left: -20px;
    top: -22px;
}
.mfp-arrow-left:before {
    width: 30px;
    height: 30px;
    display: block;
}
.mfp-arrow-right:before {
    width: 30px;
    height: 30px;
    display: block;
}
.mfp-counter {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    height: 30px;
    white-space: nowrap;
}
.scrollup{
    right: 50px!important;
	z-index:1!important;
}
    .wpcf7-form-control:hover{
        box-shadow: none;
        border: none;
    }

    /*-------------- create ---------------*/
    #create #section2 p{
        display: none!important;
    }
/*-------------- original item table ---------------*/
.original_items th,td{
	text-align: center;
}
.original_items td{
	width:　0;
}

	
/*-------------- new form ---------------*/

@media only screen and (max-device-width: 568px) and (min-device-width: 320px){
	.mwform-radio-field {
		display: block;
		white-space: nowrap;
		margin: 0 0 0 10px;
	}
	.mwform-checkbox-field {
		display: block;
		white-space: nowrap;
		margin:0 0 0 10px;
	}

}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait){
	.mwform-radio-field {
		display: block;
		white-space: nowrap;
		margin: 0 0 0 10px;
	}
	.mwform-checkbox-field {
		display: block;
		white-space: nowrap;
		margin:0 0 0 10px;
	}
}
@media screen and (max-width: 320px){
	.mwform-radio-field {
		display: block;
		white-space: nowrap;
		margin: 0 0 0 10px;
	}
	.mwform-checkbox-field {
		display: block;
		white-space: nowrap;
		margin: 0 0 0 10px;
	}
	
}
#outline main{
	border:none;
}
#outline .contactBTN{
    background:#000;
    color: #fff;
    text-decoration: none;
    font-weight: normal;

}
/*----instagram------*/
.fa-instagram{
	font-size:26px;
}
/*-------rehasleather--------*/
.rehasleather .Topheadline{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 35px auto 0;
}
.rehasleather .inner_laeter{
	display: flex;
}
	.rehasleather .leather_Img{
		width: 50%;
		margin: 30px 15px;
	}
	.rehasleather .inner_laeter p{
		width: 49%;
		margin: 30px 0 15px 22px;
		font-size:14px;
	}
		.rehasleather .inner_laeter .br{
			display: block;
		}
		.rehasleather .inner_laeter .br_1{
			display: block;
			margin: 10px 0;
		}
	.rehasleather ul{
		display:flex;
		list-style-type: none;
	}
	.rehasleather ul li{
		margin: 0 20px 0 0;
		width: 95%;
	}
/*----------mobile css---------*/
@media only screen 
and (min-device-width : 320px) and (max-device-width : 418px) 
and (orientation : portrait){
	.rehasleather .Topheadline{
		letter-spacing: 2px;
	}
	.rehasleather .inner_laeter{
		display: block;
		text-align: center;	
	}
		.rehasleather .leather_Img{
			width: 90%;
		}
		.rehasleather .inner_laeter p{
			margin: 0 auto;
			width:92%;
		}
	.rehasleather ul{
		display: block;
	}
		.rehasleather ul li{
			margin: 25px 0 15px 0;			
		}
}
@media only screen 
and (min-device-width : 375px) and (max-device-width : 736px) 
and (orientation : landscape){
	.rehasleather .inner_laeter{
		display:block;
	}
	.rehasleather .Topheadline{
		margin:25px auto -13px; 
	}
		.rehasleather .leather_Img{
			width: 90%;
			margin: 30px auto;
		}
		.rehasleather .inner_laeter p{
			margin: 0 auto;
			width:92%;
		}
		.rehasleather ul{
			display: block;
			text-align: center;
		}
			.rehasleather ul li{
				margin: 25px 0 15px 0;
			}
	
}
@media only screen 
and (min-device-width : 812px) and (max-device-width : 896px) 
and (orientation : landscape){
	.rehasleather .Topheadline{
		margin: 35px auto 0;
	}
}	
/*------slider arrow ipad pro----------*/
@media only screen 
and (min-device-width : 1024px) and (max-device-width : 1366px) 
and (orientation : portrait){
	.slick-next:before{
		margin:0 0 0 196px;
	}
	.slick-prev:before{
		margin:0 0 0 -370px;
	}
}
/*---site logo---*/
/*--.site-logo img{
	height:25px;
}--*/

#works h1.entry-title{
	border:none;
	background: #fabd0a;
}

/*--top ipaspro--*/
@media only screen 
and (min-device-width : 1024px) and (max-device-width : 1366px) 
and (orientation : portrait){
	.main-navigation-wrapper{
		width:100%;		
	}
	.main-navigation li a{
		padding:0 5px;
	}
}

/*footer-logo*/
.footer-widget .imgBox {
	list-style-type:none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin:0;
}
.footer-widget .imgBox li:before{
	content:"";
}
.footer-widget .imgBox li img{
	width:85%;
}
@media only screen and (orientation : portrait){
	.footer-widget .imgBox {
		justify-content: space-evenly;
	}
}
@media only screen 
and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : portrait){
	.footer-widget .imgBox {
		justify-content: space-evenly;
	}
}
/*logo*/
@media only screen and (orientation : portrait){
	.site-logo img{
		height:auto;
	}
}
/*bottom-logo*/
.facebook-wrapper{
	text-align:center;
}
.bottom-logo img{
	display:block;
	margin:20px auto;
}
.bottom-logo ul{
	list-style:none;
	display:flex;
	flex-direction:row;
	justify-content: center;
	gap:20px;
}
.bottom-logo ul li{
	width:4%;
}

@media only screen and (orientation : portrait){
	.bottom-logo ul li{
		width:10%;
	}
}
/*--privacy-policy--*/
#privacy #main{
	border:none;
}
#privacy ul{
	margin-bottom:0;
}
#privacy h3{
    font-weight: bold;
    font-size: 18px;
	margin-bottom: 10px;
}
#privacy h4{
    font-weight: bold;
    font-size: 15px;
}
#privacy .inner-privacy{
    margin: 0;
}
#privacy .inner-privacy li{
    margin: 0 0 0 18px;
    text-indent: -1.3em;
    padding-left: 1em;
}
#privacy p{
	margin-top:5px;
}
#privacy .br{
    display: block;
}
#privacy .br1{
    display: block;
	margin:20px 0;
}
.privecy{
	text-align:center;
}
.privecy a{
	border:none;
}
/*---dx---*/
.dx{
    max-width: 980px;
    margin: 0 auto;
	background: #fff;
}
.dx h3{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 1.5em 0;
}
.dx p {
    font-size: 14px;
    line-height: 2;
    padding: 0;
    margin: 20px 0 20px 20px;
}
.dx .br{
    display:block;
}
.dx .contectTxt{
    text-align: center;
}
@media screen and (orientation: portrait){
    .dx p{
        margin: 0;
        padding: 15px;
    }
    .dx .br-1{
        display: block;
    }
}

/*－－広報誌－－*/
#magazine #main{
    border: none;
}
#magazine .post-thumbnail{
    border: none;
    background: none;
}
#magazine #section2 h2{
    font-size: 20px;
    margin: -20px 0 0 0;
}
#magazine .entry-title{
    background: none;
    border: none;
}
#magazine .content-area{
    float: none;
    margin: 0 auto;
}
#magazine .entry-contentr img{
    border: 2px solid #000;
}
#magazine #primary a{
	
}
@media screen and (orientation: portrait){
    #magazine #section2 ul{
        margin: 0;
    }
    #magazine .post-thumbnail{
        border: none;
        background: none;
    }
    #magazine #section2 img{
        border: 2px solid #000;
    }
    #magazine .entry-contentr img{
        width: 99%;
    }
}

/*--rehasleather--*/
.rehasleather{
    width: 980px;
    margin: 0 auto;
	background:#fff;
}
.rehasleather p{
    line-height: 1.8;
    margin: 10px 0;
}
.leater_wrapper{
	margin:30px 0 0 0;
}
.rehasleather h2{
    text-align: center;
    border-bottom: 2px dashed #a99a7c;
    font-size: 20px;
    font-weight: bold;
	margin:25px 0 25px;
}
.rehasleather h2:nth-child(3){
	margin:25px 0 0;
}
.rehasleather h2:last-of-type{
	margin:25px 0 10px;
}
.rehasleather h3{
    text-align: center;
	font-size: 16px;
    font-weight: 400;
    margin: 5px 0 25px 0;
}
.rehasleather .leather_inner1{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.rehasleather .leather_inner1 img,
.rehasleather .leather_inner2 img{
    width: 45%;
}
.rehasleather .leather_inner1 p,
.rehasleather .leather_inner2 p{
    width: 50%;
}
.rehasleather .br,.rehasleather .br_1{
    display: block;
}
.rehasleather .strong{
    font-weight: bold;
}
.rehasleather .leather_inner2{
    display: flex;
    justify-content: space-around;
    flex-direction: row-reverse;
}
.rehasleather .leather_inner2 p{
    margin: 0 0 30px 17px;
}
.rehasleather ul{
    list-style-type: none;
}
.rehasleather .leather_inner3,.rehasleather .leather_inner4{
    display: flex;
    justify-content: space-around;
}
.rehasleather .leather_inner3 div,.rehasleather .leather_inner4 div{
    width: 47%;
    margin: 25px 0 0 0;
    line-height: 1.4;
}
.rehasleather .leather_inner3 p,.rehasleather .leather_inner4 p{
    margin: 0;
}
.rehasleather .online{
    border-top: 2px dashed #a99a7c;
    text-align: center;
    margin: 25px 0;
}
.rehasleather .online p{
	margin:15px 0 0 0;
}
.rehasleather .online img{
    width:30%;
}

@media screen and (orientation: portrait){
	.rehasleather{
		width:100%;
	}
	.rehasleather p{
		width: auto;
		line-height: 2;
		padding: 10px;
	}
	.rehasleather .leather_inner1 img,
	.rehasleather .leather_inner2 img{
		width: 90%;
	}
	.rehasleather .leather_inner1 p,
	.rehasleather .leather_inner2 p{
		width: 90%;
	}	
	.rehasleather .leather_inner1,.rehasleather .leather_inner2,
	.rehasleather .leather_inner3,.rehasleather .leather_inner4{
		flex-direction: column;
		width:100%;
		align-items: center;
	}
	.rehasleather h2{
		padding: 25px;
	}
	.rehasleather .br_1{
		display:none;
	}
	.rehasleather .online img{
		width:70%;
	}
	.rehasleather .leather_inner3 div, .rehasleather .leather_inner4 div{
		width:90%;
	}	
}
/*価格改定*/
.price #main{
	border:none;
}
.price .br{
    display: block;
}
.price .coments{
    font-size: 10px;
}
.price h3{
	text-align: center;
    font-size: 24px;
    margin: 20px 0;
}
.price table{
	border-collapse: collapse;
	border:1px solid #000;
}
.price table thead{
	border-bottom:3px solid #000;
}
.price table thead th{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}
.price table thead .first_head{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    vertical-align: middle;
    padding: 0;
    width: 1%;
}
.price table tbody th{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    vertical-align: middle;
    padding: 0 0 0 8px;
    text-align: start;
}
.price table tbody .first_head{
    display: none;
}
.price table tbody td{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
.price .sp{
    display: none;
}
.price .remarks{
    margin: 20px 0 -20px 0;
}
@-moz-document url-prefix(){
    .price table{
        table-layout: fixed;
        width: 100%;
        line-height: unset;
    }
    .price table thead .first_head{
        width: unset;
    }
}
::-webkit-full-page-media, :future, :root .price table{
    table-layout: fixed;
    width: 100%;
    line-height: unset;
}
@media screen and (orientation: portrait){
    #content .price p{
        width: 100%
    }
    .price table{
        font-size: 13px;
    }
    .price .pc{
        display: none;
    }
     .price .sp{
        display: block;
    }
    .price table thead th{
        width: 26%;
    }
    .price .coments{
        display: block;
    }
    .price .br_sp{
        display: block;
        }
}