/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/




/*
	NOPAT ADD Plugin Portfolio-gallery
*/

/* COLLECTION */

section#huge_it_portfolio_content_6,
section#huge_it_portfolio_content_7,
section#huge_it_portfolio_content_8,
section#huge_it_portfolio_content_9,
section#huge_it_portfolio_content_10 {
margin-bottom: 0.5em;
}

@media screen and (max-width: 425px) {
  #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 {
  width: 120% !important;
  }
}
@media screen and (max-width: 768px) {
  .collection_bg {
  background: url(images/t_collection_bg.png) top right repeat-y;
  }
}
@media screen and (min-width: 465px) {
  #huge_it_portfolio_content_5 {
  margin: 0px 0px 20px !important;
  }
}
@media screen and (min-width: 593px) {
  #huge_it_portfolio_content_5 {
  margin: 0px 0px 20px !important;
  }
}



.hugeit_width,
.hugeit_width_01,
.hugeit_width_02 {
margin: 0px auto;
width: 245px;
}
.portelement_2,
.portelement_2.large,
.portelement_5,
.portelement_5.large,
.portelement_6,
.portelement_6.large {
width: 235px !important;
}
.wd-portfolio-panel_2,
.wd-portfolio-panel_5,
.wd-portfolio-panel_6 {
width: 100%;
margin: 0px !important;
}

#huge_it_portfolio_content_8 #huge_it_portfolio_container_8,
#huge_it_portfolio_content_10 #huge_it_portfolio_container_10 {
width: 100% !important;
}
@media screen and (min-width: 375px) {
  .hugeit_width,
  .hugeit_width_01,
  .hugeit_width_02 {
  margin: 0px auto;
  width: 280px;
  }
  .portelement_2,
  .portelement_2.large,
  .portelement_5,
  .portelement_5.large,
  .portelement_6,
  .portelement_6.large,
  .portelement_7,
  .portelement_7.large,
  .portelement_8,
  .portelement_8.large,
  .portelement_9,
  .portelement_9.large,
  .portelement_10,
  .portelement_10.large {
  width: 270px !important;
  }
}

@media screen and (min-width: 414px) {
  .hugeit_width
  .hugeit_width_01,
  .hugeit_width_02 {
  margin: 0px auto;
  width: 280px;
  }
  .portelement_2,
  .portelement_2.large,
  .portelement_5,
  .portelement_5.large,
  .portelement_6,
  .portelement_6.large,
  .portelement_7,
  .portelement_7.large,
  .portelement_8,
  .portelement_8.large,
  .portelement_9,
  .portelement_9.large,
  .portelement_10,
  .portelement_10.large {
  width: 270px !important;
  }
}
@media screen and (min-width: 678px) {
  .hugeit_width {
  margin: 0px auto;
  width: 996px;
  }
  .hugeit_width_01 {
  margin: 0px auto 70px;
  width: 1022px;
  }
  .hugeit_width_02 {
  margin: 0px auto 10px;
  width: 690px;
  }
  .portelement_2,
  .portelement_2.large {
  width: 194px !important;
  }
  .portelement_5,
  .portelement_5.large {
  width: 187px !important;
  }
  .portelement_6,
  .portelement_6.large,
  .portelement_7,
  .portelement_7.large,
  .portelement_9,
  .portelement_9.large,
  .portelement_8,
  .portelement_8.large,
  .portelement_10,
  .portelement_10.large {
  width: 220px !important;
  }
}




.wd-portfolio-panel_2 .thumbs-list_2 li,
.wd-portfolio-panel_5 .thumbs-list_5 li,
.wd-portfolio-panel_6 .thumbs-list_6 li,
.wd-portfolio-panel_7 .thumbs-list_7 li,
.wd-portfolio-panel_8 .thumbs-list_8 li,
.wd-portfolio-panel_9 .thumbs-list_9 li,
.wd-portfolio-panel_10 .thumbs-list_10 li {
display: inline-block;
margin: 0 0px 0 0px !important;
}
.wd-portfolio-panel_2 > div,
.wd-portfolio-panel_5 > div,
.wd-portfolio-panel_6 > div,
.wd-portfolio-panel_7 > div,
.wd-portfolio-panel_8 > div,
.wd-portfolio-panel_9 > div,
.wd-portfolio-panel_10 > div {
margin-bottom: 0px !important;
}
.portelement_6,
.portelement_7,
.portelement_8,
.portelement_9,
.portelement_10 {
border: 1px solid #e4fa7b !important;
}
.portelement_2 .title-block_2 .open-close-button,
.portelement_5 .title-block_5 .open-close-button,
.portelement_6 .title-block_6 .open-close-button,
.portelement_7 .title-block_7 .open-close-button,
.portelement_8 .title-block_8 .open-close-button,
.portelement_9 .title-block_9 .open-close-button,
.portelement_10 .title-block_10 .open-close-button {
background: url('https://www.dahlias.jp/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.green.png') left top no-repeat !important;
}
.portelement_2.large .open-close-button,
.portelement_5.large .open-close-button,
.portelement_6.large .open-close-button,
.portelement_7.large .open-close-button,
.portelement_8.large .open-close-button,
.portelement_9.large .open-close-button,
.portelement_10.large .open-close-button {
background: url('https://www.dahlias.jp/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.green.png') left bottom no-repeat !important;
}
.default-block_2 .title-block_2 h3,
.default-block_5 .title-block_5 h3,
.default-block_6 .title-block_6 h3,
.default-block_7 .title-block_7 h3,
.default-block_8 .title-block_8 h3,
.default-block_9 .title-block_9 h3,
.default-block_10 .title-block_10 h3 {
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
text-align: left !important;
background: none !important;
border: none !important;
}
.description-block_2 p,
.description-block_5 p,
.description-block_6 p,
.description-block_7 p,
.description-block_8 p,
.description-block_9 p,
.description-block_10 p {
padding: 4px 8px !important;
margin: 0 !important;
line-height: 180%;
}

/* category */
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 {
margin: 0px 0px 15px 0px !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li {
margin: 0px 7px 6px 0px !important;
border: none !important;
}
#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a {
padding: 5px 14px !important;
}
.rwd-img-wrap:after {
display: inline;
}

/* top */
#huge_it_portfolio_content_5 {
margin-bottom: 1.5em;
}





/* 見出し装飾 */
.entry-content h2 {
  position: relative;
  border-bottom: 3px solid #cccac3 !important;
  padding: 12px 0px 12px 5px ;
  margin: 30px 0px 20px;
	 font-size: 24px !important;
}
.entry-content h2:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 3px;
  background-color: #92C424 !important;
}

.entry-content h3 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #000;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 3px #92C424 !important;/*左線*/
	font-size: 20px !important;
}


/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}


/* 外部リンクアイコンを消す */
 .entry-content a[target="_blank"]:after {
 content:none;
 }


.widgettitle {
padding: 0.1em;/*文字周りの余白*/
color: #333;/*文字色*/
background: #fcfff9;/*背景色*/
border-left: solid 5px #92C424;/*左線（実線 太さ 色）*/
}

#custom_header2{
 margin-bottom:1em;
}
@media only screen and (min-width: 1100px) {
 #custom_header2{
 top: -2.7em;
 position: relative;
 }
}


/* CTA */

.lascocta__body {
border: 3px solid #FFE2AE;
border-radius: 0 0 5px 5px;
padding: 15px;
background: #FEFBE9;
}

.lascocta {
margin-bottom: 20px;
}


.lascocta>p {
    width: 100%;
    margin-bottom: 0;
    padding: 15px 15px;
    font-size: 1.5em;
    font-weight: bold;
	   color: #3b3b3b;
    background: #FFE2B0;
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

.lascocta__btn {
    text-align: center;
}

.lascocta__btn a {
    padding: 15px 10px;
    color: #fff !important;
    border-radius: 5px;
    border: 2px solid #8FC21E;
    background: #8FC21E;
}

.lascocta__btn a:hover {
    color: #eee !important;
	text-decoration: underline;
}


.widget a :hover {
    color: #00bfff !important;
}