/*
Theme Name: ENJOYWORKS
Theme URI: http://www.enjoyworks.net
Description: エンジョイワークスのテーマ
Version: 1.0
Author: KANEKO
Author URI: http://www.enjoyworks.net
*/
/*ヘッダーフッターフォント*/

body{
font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;

}
.menupad{
height:30px;
width:100%
}
.mdf p{
margin-bottom:0px;
padding-bottom:0px;
}
.carousel a{
color:#fff !important;
}
.bannertext{
padding:10px;
margin:0;
}
.banner a{
text-decoration:none !important;
}
.rownopadding {
  padding-left: 0;
  padding-right: 0;
  margin:0px
}
.rownopadding2 {
  padding-left: 0;
  padding-right: 0;
}
.img-responsive-overwrite{
    margin: 0 auto;
}
.conpd{
padding:10px;
}
.pagetop{
font-size:16px;
}
.homemain{
padding:10px 0px 0px 0px;
margin:0px;
}
.navigation{
  position: fixed;
  width:100%;
  height:60px;
  z-index: 99;
}
.vobi{
  width:100%;

  z-index: 5;
}
#postsingle img { 
width: 100%; 
height:auto;
}

.bump a{
padding:5px 10px 5px 10px;
}
#mainblock{
padding:20px 0px 10px 0px;
margin-bottom:20px;
}
#mainblocks{
padding:20px 0px 20px 0px;
}
.mdf{
padding-bottom: 10px;
padding-left: 10px;
color: #6E6E6E;
margin-bottom:15px;
margin-top:0px;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.imgposition{
margin:40px 0;
}

.nomargin{
margin:0px;
}

.footer-group{
padding:15px;
}

.copyright{
margin-top:35px;
}

.footer-links{
min-height:70px;
padding:40px 0 20px 0;
}

.footer{
  width:100%;
  min-height:100px;
  margin-bottom:0px;

}

.topwidget{
padding:5px 0px;
font-size:14px;
}
.fsb{
list-style:none;
}
.fsb li{
float:left;
padding:20px 12px;;
}
.social-sharep {
padding:15px;
}
.social-share ul{
padding:0;
}
.maincontent{
  width:100%;
  min-height:300px;
}
.blogtop{
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
font-size:12px;
padding:0;
}
.postdate{
text-align:right;
}

.mailo{
padding:20px 50px;
border:solid 1px #01DF01;
}

.mailse{
padding:20px 50px;
border:solid 1px #DF0101;
}

.mailae{
padding:20px 50px;
border:solid 1px #DF0101;
}

.ate{
color:#DF0101;
padding:10px;
}

.pad{
height:60px;
width:100%;
padding:0px;
margin:0px;
}

.snsb {
  overflow: hidden;
  list-style:none;
  padding:20px;
}
.snsb li {
  float: left;
  margin-right: 4px;
}
.snsb iframe {
  margin: 0 !important;
}

.snsb2 {
  overflow: hidden;
  list-style:none;
}
.snsb2 li {
  float: left;
  margin-right: 15px;
}
.theform{
height:30px;
width:100%;
}

/*xs 480px以下(スマホ)*/
@media screen and (max-width:480px) {
.footersnspd{
  height:85px;
}
.footersns{
  padding-top:10px;
  position: fixed;  
  bottom: 0;  
  left: 0; 
  width:100%;
  height:85px;
  z-index: 99;
}
.cousew{
padding:15px 5px 10px 5px;
margin:10px 0px;
border-radius: 10px; 
word-wrap:break-word;
}
.pd6x{margin:20px 0px 20px 0px;}
.circlelined{width:40%}
.imglogo{
max-width:180px;
}
.banner{
font-size:14px;
margin-top:10px;
padding:0;
}
.banner a{
padding:5px;
border-radius: 5px;
}
.bniamge{
width:40%;
margin:0px 10px 10px 0px;
}
.mdf{
font-size:16px;
}
.tdl{
width:70%;
}
.ctdl{
width:30%;
}
.dh1{
font-size:8px;
position:absolute;
top:-20px;
right:5px;
}
.dhp{
font-size:15px;
border-top:solid 2px;
border-bottom:solid 2px;
text-align:center;
}


/*ブログ共通*/
#postsingle{
margin:0px 0px 20px 0px;
padding:0 5px 30px 5px;
border-radius: 10px; 
word-wrap:break-word;
}
.blogcontent{
padding:10px;

}

.snsba{
padding:5px;
}
.widgettitle{
font-size:18px;
padding-bottom:10px;
}
.widget{
list-style-type:none;
display:block;
}

.widget ul li{
margin-top:10px;
}

.dhp{
font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

}

/*sm 481px以上767以下*/
@media screen and (min-width:481px) and (max-width:767px) {
.footersnspd{
  height:85px;
}
.footersns{
  padding-top:10px;
  position: fixed;  
  bottom: 0;  
  left: 0; 
  width:100%;
  height:85px;
  z-index: 99;
}
.cousew{
padding:15px 10px 10px 10px;
margin:10px 0px;
border-radius: 10px; 
word-wrap:break-word;
}
.pd6x{margin:20px 0px 20px 0px;}
.circlelined{width:40%}
.banner{
font-size:14px;
margin-top:10px;
padding:0;
}
.banner a{
padding:5px;
border-radius: 5px; 
}
.ctdiv{
width:80%;
margin:0px auto
}
.bniamge{
width:40%;
margin:0px 10px 10px 0px;
}
.mdf{
font-size:16px;
}
.tdl{
width:70%;
}
.ctdl{
width:20%;
}
.social-share{
min-height:300px;
background-color:rgba(255,255,255,0.08);
}

.dh1{
font-size:8px;
position:absolute;
top:-20px;
right:5px;
}
.dhp{
font-weight:700;
font-size:12px;
border-top:solid 2px;
border-bottom:solid 2px;
margin:70px 10px 0px 10px;
text-align:center;
padding:20px 80px;
}

/*ブログ関係*/
#postsingle{
margin-bottom:20px;
padding:0 10px 30px 10px;
border-radius: 10px; 
word-wrap:break-word;
}

.blogcontent{
padding:20px;

}

.snsba{
padding:20px;
}
.widgettitle{
font-size:18px;
padding-bottom:10px;
}
.widget{
list-style-type:none;
display:block;
}
.widget ul li{
margin-bottom:10px;
}
.widgetbb ul{
margin-bottom:40px;
}
.widgetbb h2{
margin-top:0px;
margin-left:10px;
}
.widgetbb{
padding-left:10px;
}
ul.children{
margin-bottom:5px;
padding-left:10px;
}
}
/*md 768px以上979以下*/
@media screen and (min-width:768px) and (max-width:979px) {
.footersns{
display:none;
}
.cousew{
padding:15px 10px 10px 10px;
margin:10px 0px;
border-radius: 10px; 
word-wrap:break-word;
}
.circlelined{width:40%}
.banner{
width:100%;
font-size:14px;
padding:0;
display:block
}
.banner a{
width:100%;
padding:15px;
border-radius: 5px; 
display:block
}
.ctdiv{
width:80%;
margin:0px auto
}

.bniamge{
width:100%;
margin-bottom:10px;
}
.nav li a{
padding:15px 5px !important;
}
.carousel {
width:640px;
margin:0 auto;
}
.ctdl{
width:20%;
}
.mdf{
font-size:18px;
}
.social-share{
min-height:300px;
background-color:rgba(255,255,255,0.08);
}

.dh1{
font-size:8px;
position:absolute;
top:-20px;
right:5px;
}
.dhp{
font-weight:700;
font-size:30px;
border-top:solid 2px;
border-bottom:solid 2px;
margin:120px 40px 0px 40px;
text-align:center;
padding:40px 80px;
}

/*ブログ関係*/
#postsingle{
margin-bottom:20px;
padding:0 10px 30px 10px;
border-radius: 10px; 
word-wrap:break-word;
}

.blogcontent{
padding:20px;

}
.snsba{
padding:20px;
}

.widgettitle{
font-size:18px;
padding-bottom:10px;
}
.widget{
list-style-type:none;
display:block;
}
.widget ul li{
margin-bottom:10px;
}
.widgetbb ul{
margin-bottom:40px;
}
.widgetbb h2{
margin-top:0px;
margin-left:10px;
}
.widgetbb{
padding-left:10px;
}
ul.children{
margin-bottom:5px;
padding-left:10px;
}
}
/*lg 979px以上*/
@media screen and (min-width:978px) and (max-width:1279px) {
.footersns{
display:none;
}

.cousew{
padding:15px 10px 10px 10px;
margin:10px 5px;
border-radius: 10px; 
word-wrap:break-word;
}
.circlelined{margin-right:10px;width:50%}
.banner{
width:100%;
font-size:14px;
padding:0;
display:block
}
.banner a{
width:100%;
padding:15px;
border-radius: 5px; 
display:block
}
.ctdiv{
width:80%;
margin:0px auto
}
.nav li a{
padding:15px 8px !important;
}

.bniamge{
width:100%;
margin-bottom:10px;
}
.carousel {

margin:0 auto;
}
.mdf{
font-size:18px;
}
.tdl{
width:80%;
}
.dh1{
font-size:8px;
position:absolute;
top:-20px;
right:10px;
}
.dhp{
font-weight:700;
font-size:40px;
border-top:solid 2px;
border-bottom:solid 2px;
margin:170px 60px 0px 60px;
text-align:center;
padding:40px 80px;
}


.ctdl{
width:20%;
}

.footer{
padding:0;
margin:0;
}
#footerblock{
min-height:150px;
}

.social-share{
min-height:260px;
background-color:rgba(255,255,255,0.08);
}

.formarea{
padding:10px 20px;
}

/*ブログ関係*/
#postsingle{
margin-bottom:20px;
padding:0 10px 30px 10px;
border-radius: 10px; 
word-wrap:break-word;
}
.blogcontent{
padding:40px;

}
.postdate{
text-align:right;
}
.snsba{
padding:20px;
}
.widgettitle{
font-size:18px;
padding-bottom:10px;
}
.widget{
list-style-type:none;
display:block;
}
.widget ul li{
margin-bottom:10px;
}
.widgetbb ul{
margin-bottom:40px;
}
.widgetbb h2{
margin-top:0px;
margin-left:10px;
}
.widgetbb{
padding-left:10px;
}
ul.children{
margin-bottom:5px;
padding-left:10px;
}

}

@media screen and (min-width:1280px) {
.footersns{
display:none;
}
.cousew{
padding:15px 10px 10px 10px;
margin:10px 5px;
border-radius: 10px; 
word-wrap:break-word;
}
.circlelined{margin-right:20px;width:50%}
.banner{
width:100%;
font-size:14px;
padding:0;
display:block
}
.banner a{
width:100%;
padding:15px;
border-radius: 5px; 
display:block
}
.bniamge{
width:100%;
margin-bottom:10px;
}
.mdf{
font-size:18px;
}
.tdl{
width:80%;
}
.ctdl{
width:20%;
}
.carousel {

margin:0 auto;
}
.ctdiv{
width:80%;
margin:0px auto
}

.dh1{
font-size:8px;
position:absolute;
top:-20px;
right:10px;

}
.dhp{
font-weight:700;
font-size:40px;
border-top:solid 2px;
border-bottom:solid 2px;
margin:230px 60px 0px 60px;
text-align:center;
padding:40px 80px;
}
ul.children{
margin-bottom:5px;
padding-left:10px;
}

/*ブログ関係*/
#postsingle{
margin-bottom:20px;
padding:0 10px 30px 10px;
border-radius: 10px; 
word-wrap:break-word;
}
.blogcontent{
padding:40px;

}

.snsba{
padding:20px;
}
.postdate{
text-align:right;
}

.widgettitle{
font-size:18px;
padding-bottom:10px;
}
.widget{
list-style-type:none;
display:block;
}
.widget ul li{
margin-bottom:10px;
}
.widgetbb ul{
margin-bottom:40px;
}
.widgetbb h2{
margin-top:0px;
margin-left:10px;
}
.widgetbb{
padding-left:10px;
}
ul.children{
margin-bottom:5px;
padding-left:10px;
}

}
/*グーグルマップ*/
.acf-map {
           
           height: 420px;
           border: #ccc solid 1px;	
          }
.maptb td{
	padding:5px;
}

/*ページネーション関係*/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}
 
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}
 
.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}
 
.pagination li:first-of-type a {
  border-left-width: 1px;
}
 
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
 
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
 
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
 
.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}
 
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 
@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
 
  .pagination li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
 
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}


}

#share ul{
	height:auto;
}
#share li{
	font-size:14px;
	float:left;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff !important;
	text-decoration:none !important;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff !important;
}