@charset "utf-8";



/*



Template: jstork



Theme Name: stork_custom



*/







/*********************



GENERAL STYLES



*********************/



body {



  font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;



  font-size: 100%;



  line-height: 1.9;



  color: #111;



  -webkit-font-smoothing: antialiased;



  -moz-osx-font-smoothing: grayscale;



  word-wrap: break-word;



  background: #f7f7f7;



  font-weight: 400;



  letter-spacing: 1px;



}







#g_nav, #g_nav .nav {



  text-align: left;



}







.header.headercenter #logo img {



  padding: 0;



}







.entry-content p {



  line-height: 1.9;



}







.entry-content dt {



  font-weight: bold;



  margin-bottom: 2%;



  border-bottom: 2px solid;



}







.entry-content h2 + h3 {



  margin-top: 1em !important;



}







.entry-content blockquote,



.entry-content .blockquote {



  font-size: 0.95em;



  padding: 6% 4% 2%;



  margin:1em 0 1em;



  position: relative;



  border: 1px solid;



  opacity: .8;



}







.entry-content .blockquote:before,



.entry-content .blockquote:after {



  font-family: 'FontAwesome';



  position: absolute;



  width: 1em;



  height: 1em;



  display: block;



  padding: .2em;



  text-align: center;



  font-size: 1.3em;



  line-height: 1;



  background: #fff;



}







.entry-content blockquote p,



.entry-content .blockquote p {



  margin: 0 0 1em;



}







.entry-content .blockquote:before {



  content: '\f10d';



  left: -.2em;



  top: -.3em;



}







::selection {



  background: #D9D9D9;



}







.entry-content .blockquote:after {



  content: '\f10e';



  right: -.2em;



  bottom: -.4em;



}







.entry-content h2 {



  margin-top: 3em;



}







.entry-content h3 {



  border-left: 4px solid;



  padding: .4em 0 .4em .6em;



  background: #f3f3f3;



  margin-top: 3em;



  border-radius: 0px 3px 3px 0px;



}







.entry-content h4 {



  background: #f3f3f3;



  margin: 1.6em 0 .5em;



  padding: .4em 0 .4em .6em;



  border-radius: 3px;



}







.page-links a {



  font-weight: bold;



  border-width: 2px;



}







.blue {



  color: #0092C2;



}







.pink {



  color: #FF55C9;



}







.entry-content h4:before {



}







.relation-ads {



  margin: 2em 0;



}







.original-banner {



  width: 100%;



  max-width: 300px;



  display: block;



  margin: 0 auto;



}











.original-banner img {



  width: 100%;



}







.entry-content .star {



  color: #FFA800;



}







.entry-content iframe,



.entry-content iframe *



{



  width: 560px;



  height: 315px;



}







.share-title {



    text-align: center;



    font-weight: bold;



    font-size: 1rem;



}







.share-title .note {



  font-size: 80%;



  display: block;



}







/* ASP広告 */



.asp-double-pc {



    display: flex;



    -webkit-justify-content: space-around;



    justify-content: space-around;



    -webkit-align-items: center;



    align-items: center;



    padding: 1em 0;



    background: #eee;



    margin: 2em 0 3em;



}







.asp-double-pc .pr {



  font-size: 14px;



  color: #989898;



  position: relative;



  left: 6px;



}







.asp-double-pc .block img {



  border: 1px solid #ddd;



}







.asp-double-sp {



  display: none;



}







.c_box.gray_box {



      background: #efefef;



    border-color: #444444;



    color: #636546;



}







.c_box.gray_box .box_title span {



  background-color: #444444;



}















.header.bg, .header #inner-header {



  background: #18a9ba;



  width: 100%;



  padding: 0 20px;



  display: flex;



  justify-content: flex-end;



  align-items: center;



  -webkit-flex-wrap: wrap;



      -ms-flex-wrap: wrap;



          flex-wrap: wrap;



}







#logo {



  padding: 3px 0;



}







.header.bg, .header #inner-header >:first-child {



  margin-right: auto;



}







.link-title {



  margin-bottom: 0 !important;



  font-size: 0.8em !important;



  font-weight: bold;



}







/* 目次 */



#toc_container {



  border: 4px solid #d1e3e8;



  width: 100% !important;



  margin-top: 1em !important;



}







#toc_container p.toc_title {



  color: #5f5f5f;



}







#toc_container li .toc_number {



  margin-right: .1em;



  font-weight: bold;



}







#toc_container li a {



  padding-top: 14px !important;



  padding-bottom: 14px !important;



  color: #616161;



}







.toc_list > li > a {



  position: relative;



  padding: 14px 0 14px 2em !important;



}







.toc_number.toc_depth_1 {



  background: #75b6ca;



  border-radius: 100px;



  width: 24px;



  height: 24px;



  display: inline-block;



  text-align: center;



  line-height: 24px;



  color: #fff;



  margin: 0 .5em 0 -2em;



}







.toc_number.toc_depth_2 {



  color: #75B6CA;



}







#toc_container a:hover  {



  text-decoration: none;



  opacity: 0.8;



}







/* リンクカードプラグイン */



.lkc-internal-wrap {



  border-radius: 0;



  box-shadow: none;



}







/* ================================================== */



/* オリジナルで追加 */



/* ================================================== */



.sp-only {



  display: none;



}







.pc-only {



  display: block;



}







.bold {



  font-weight: bold;



}







.bold-black {



  font-weight: bold;



  color: inherit;



}







.plus, .b {



  color: #0088B5;



}







.entry-content .m0 {



  margin-top: 0 !important;



  margin-bottom: 0 !important;



}







.entry-content .mb0 {



  margin-bottom: 0 !important;



}







.entry-content .mt0 {



  margin-top: 0 !important;



}







.indent {

  text-indent: -1em;

  padding-left: 1em;

  margin-bottom: 12px !important;

}



.sub-title {

  display: block;

  margin: 0.4em 0;

  font-size: 0.7em;

  line-height: 1;

}



/* iwrap */

.iwrap {

  margin: 0 0 1.6em;

}







.iwrap p.indent {



  margin-bottom: 0 !important;



}







.red {



  color: #BA1818 !important;



}







.yellow {



  color: #ff8300;



}







.lt{



  text-decoration: line-through;



}







.big{



  font-size: 140% !important;



}







.mini {



  font-size: 80% !important;



}







.note {



  font-size: 80%;



  opacity: 0.95;



}







figure{



  margin: 0 auto 0.8em;



  width: 100%;



}







figure img{



  max-width: 100%;



  margin: 0 0 2px !important;



}







figure img:last-of-type {



  margin-bottom: 0 !important;



}







figcaption{



  font-size: 80%;



  margin: 0px 0 0;



}







.fg{



  margin: 0 auto 1.8em;



  width: 100%;



}







.fg img{



  max-width: 100%;



  margin: 0 0 2px !important;



}







.fg img:last-of-type {



  margin-bottom: 0 !important;



}







.fg .caption {



  font-size: 80%;



  color: #6F6F6F;



  margin: 4px 0 0;



  line-height: 1.6;



  display: block;



}







.fg .caption:before {



  content: "▲";



  display: inline-block;



  margin-right: 2px;



}















.fg.-cap-top img{



  margin: 0 !important;



}







.fg.-cap-top .caption {



  margin: 0 0 4px;



}







.fg.-cap-top .caption:before {



  content: "▼";



}















#jp-relatedposts h3.jp-relatedposts-headline {



  margin: 0 0 1em 0;



  display: inline-block;



  float: left;



  font-size: 9pt;



  font-weight: 700;



  font-family: inherit;



  background: none;



  border-left: none;



}







.related-list .eyecatch img {



  object-fit: cover;



  height: 105px!important;



}







.mini-image {



  max-width: 400px !important;



}







.search-word{



  font-size: 80%;



  background: #f7f7f7;



  color: #5A5A5A;



  padding: 10px;



  margin: 20px auto;



  display: inline-block;



}







.post-list-card .post-list .eyecatch {



  margin: 0 !important;



}







.lecture-wrap {



  display: flex;



  background-color: #D1E3E8;



  padding: 5px;



  -webkit-box-sizing: border-box;



     -moz-box-sizing: border-box;



          box-sizing: border-box;



}







.lecture-wrap .inner {



    display: flex;



    flex-wrap: wrap;



    background-color: #FFF;



    border-radius: 8px;



    color: #00455a;



    padding: 0.6em 0.8em 0.9em;



}







.lecture-wrap .inner p.indent {



  margin: 1em 0 0 !important;



}







.lecture-wrap .inner p.indent:first-child {



  margin: 0!important;



}











.c_box p:last-child {



  margin-bottom: 0 !important;



}











.nav-original-menu {



  margin: 2em 0;



}







.nav-original-menu:first-of-type {



  margin-top: 0;



}







.pc-sidebar-original-menu .nav-original-menu {



  margin: 2em 0 0;



}







.nav-original-menu .home-button {



  padding: 0.5em 0.5em 0.4em;



  width: calc(100% - 40px);



  display: block;



  text-align: center;



  text-decoration: none;



  font-weight: bold;



  margin: 2em auto;



  border: 1px solid #000;



  color: #000;



}







.nav-original-menu .home-button:before {



  content: "";



  display: inline-block;



  width: 0;



  height: 0;



  border-top: 3px solid transparent;



  border-right: 3px solid transparent;



  border-bottom: 3px solid transparent;



  border-left: 3px solid #000;



  position: relative;



  top: -2px;



}







.nav-original-menu .home-button:hover {



  opacity: 0.8;



}







.nav-original-menu-head {



  display: block;



  width: 100%;



  height: 100%;



  padding: 0.75em 0.8em;



  background: #38a1ad;



  color: #ffffff;



  border-radius: 3px;



  margin-top: 0;



  margin-bottom: 0.75em;



  font-weight: bold;



}







.nav-original-menu .top-head-title-p {



  background-color: #f5f5f5;



  padding: 0 0.4em 0.1em;



  font-weight: bold;



  margin: 2em 0 0;



  font-size: 1.2em;



}







.nav-original-menu .top-head-title-p.-first {



  margin-top: 0;



}







.nav-original-menu .item-line-up-block {



  margin-top: 0.5em;



}







.nav-original-menu .item-line-up-link {



  display: inline-block;



  padding: 0.6em 1.0em;



  margin: 0.4em;



  background-color: #e4dbaf;



  color: #524e3a;



  text-decoration: none;



  font-weight: bold;



  border-radius: 4px;



}







.nav-original-menu .item-line-up-link:hover {



  opacity: 0.8;



}



















/*-------------------------



  ショートコード：ブログカード



-------------------------*/



.blog-card {



  background: #f5f3e0;



  word-wrap:break-word;



  max-width:100%;



  margin: 0.2em 0 1em;



}







.blog-card:hover {



  opacity: 0.7;



}







.blog-card a {



  display: flex;



  -webkit-justify-content: space-between;



          justify-content: space-between;



  text-decoration: none;



  padding: 10px;



}







.blog-card-thumbnail {



  float:left;



  padding:10px;



}







.blog-card-thumbnail img {



  display: block;



  padding: 0;



  margin: 0;



  transition-duration: 0s;



}







.blog-card-content {



  line-height:120%;



  width: calc(100% - 120px);



}







.blog-card-title {



    padding: 10px 10px 10px 0;



    font-weight: bold;



    line-height: 1.5em;



    font-size: 1.2em;



    color: #484848;



    display: block;



}







.blog-card-reccomend {



    display: block;



    font-size: 0.7em;



    opacity: 0.8;



    margin: -2px 0 6px;



    line-height: 1;



}







.blog-card-excerpt {



  color:#333;



  font-size: 85%;



  margin:0 10px 10px 0;



  line-height: 1.5em;



}







.blog-card-excerpt .button {



  display: block;



  text-align: center;



  padding: 10px;



  width: 200px;



  margin: 0 0 0 auto;



  background: #337ab7;



  color: #fff;



  position: relative;



}







.blog-card-excerpt .button:before {



  content: '';



  display: inline-block;



  border-top: 3px solid transparent;



  border-right: 4px solid transparent;



  border-bottom: 3px solid transparent;



  border-left: 4px solid #fff;



  position: relative;



  top: -1px;



}



/*-------------------------



  ショートコード：ブログカード



-------------------------*/















/* 今週のおすすめ */



.target-post-container a {



  background-color: #eeeeee;



  display: flex;



  align-items: center;



  text-decoration: none;



  box-sizing: border-box;



  overflow: hidden;



  margin: 0 0 1em;



  position: relative;



  height: auto;



  padding: 1em 1em;



}







/* line 78, style.scss */



.target-post-container a img {



  width: 160px;



}











.target-post-container a .text-box {



  width: 100%;



  padding: 0 1.4em 0;



  color: #333;



  position: relative;



  min-height: auto;



  max-height: 100%;



  bottom: 0;



}







.target-post-container a .text-box .section-title {



  font-size: 80%;



  margin: 0;



}







.target-post-container a .text-box .post-title {



  text-decoration: underline;



  font-weight: bold;



  margin: 0.1em 0 0.4em;



  line-height: 1.4;



}







.target-post-container a .text-box .sentence {



  font-size: 80%;



  color: #808080;



  margin: 0;



}







.target-post-this-container {



  align-items: center;



  margin: 2em 0;



  font-weight: bold;



  text-align: center;



}







/* リッチリザルト用プラグイン */



.snippet-markup .star-img{



  position: relative;



  top: -6px;



}







div.yyi-rinker-detail .credit {



  display: none;



}











/* おすすめVOD */



.movie-reccomend-title {



  font-weight: bold;



  text-align: center;



}







.movie-reccomend-table {



  margin: 1em;



}







.movie-reccomend-table th,



.movie-reccomend-table td {



  padding: 0.6em;



  border: 1px solid #ddd;



}







.movie-reccomend-table th {



  background-color: #f9f9f9;



}







.movie-reccomend-table-first-th {



  width: 20% !important;



}







.movie-reccomend .indent {



  display: block;



  text-indent: -1em;



  padding-left: 1em;



  margin: 0 !important;



}











/* pop-entry */



.pop-entry {







}







.pop-entry p.title{



    font-weight: bold;



    text-align: center;



    margin: 0;



    background: #ddd;



    color: #3E3E3E;



}







.pop-entry .inner {



  width: auto;



  padding: 20px;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



  border: 4px solid #ddd;



  margin: 0 auto 20px;



  overflow: auto;



  height: 300px;



  -webkit-overflow-scrolling : touch;



}







.pop-entry ul {



  margin: 0;



  padding: 0;



}







.pop-entry li {



  margin-bottom: 1.4em;



  border-bottom: 2px dotted #efefef;



  padding: 0 0 1.4em;



}







.pop-entry li:last-child {



  margin-bottom: 0;



  border-bottom: none;



}







.pop-entry a {



  display: flex;



  -webkit-align-items: center;



  align-items: center;



  margin: 0;



  text-decoration: none;



}







.pop-entry img {



  width: 80px;



}







.pop-entry .info {



  color: #3E3E3E;



  margin-left: 1em;



}







.pop-entry .blog-title {



  font-weight: bold;



  margin: 0;



  text-decoration: underline;



}







.pop-entry .time {



  font-size: 80%;



  opacity: 0.8;



  margin: 0;



}











/* この記事は何分で読めます */



.read_time{



  border-top:2px dotted #ccc;



  border-bottom:2px dotted #ccc;



  padding: 0 0 2px;



  text-align:right;



  font-size:small;



  color:#444;



  margin-bottom: 1.5em;



}











.read_time span{



  color: #CE0000;



  font-weight: bold;



  font-size: 130%;



}







.gray-wrap {



  padding: 20px;



  background-color: #f3f3f3;



  border-radius: 3px;



  margin-bottom: 1em;



}







.gray-wrap p {



  margin-bottom: 1.6em !important;



}







.gray-wrap p:last-child {



  margin-bottom: 0 !important;



}







.gray-border {



  border: 1px solid #ddd;



}







.midokoro {



  padding: 10px;



  background-color: #f3f3f3;



}







.midokoro.-plus {



  margin-bottom: 1em;



  background-color: #f5f2bf;



  color: #6b2c2c;



}







.midokoro.-minus {



  background-color: #CBE0E6;



  color: #1E4752;



}







.midokoro.-minus .bold {



  color: #BA1818;



}







.midokoro .midokoro-title {



  margin: 0;



  font-weight: bold;



}







.midokoro .midokoro-title:before {



  font-family: "fontawesome";



  content: '\f0e6';



  display: inline-block;



  margin-right: .3em;



  font-size: 1.2em;



  font-weight: normal;



}







.midokoro .indent {



  margin: 0 0 4px!important;



}







.midokoro.-other {



  margin-top: 1em;



  font-size: 90%;



}







.midokoro.-other p {



  margin-bottom: 0.5em !important;



}











/*記事最後に表示されるプロフィール*/



.prof{



  width: 100%;



  padding: 2% 3% 2% 3%;



  background: #FFF;



  border: 4px solid #efefef;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



  margin-top: 30px;



  font-size: 14px;



}







.prof:after{



  content: "";



  display: block;



  clear: both;



}







.prof .tite{



  padding-top: 0%;



  font-weight: bold;



  margin: 0 0 9px;



}











.prof .me{



  display: block;



  float: left;



  width: 148px;



}







.prof .text{



  width: calc(100% - 178px);



  float: left;



  margin: 0 0 0 30px;



}















.youtube-music-link {



  max-width: 100%;



  width: 400px;



  margin: 1em 0 0;



  display: block;



  text-decoration: none;



  color: inherit;



}







.youtube-music-link-caption {



  display: block;



  font-size: 0.8em;



}















/* サイドバープロフィール */



.sidebar-prof {



  margin: 1em auto 2em;



  font-size: 85%;



}















.sidebar-prof .image {



  display: block;



  margin: 0 auto 1em;



  padding: 6px;



  background: #FFF;



  border: 1px solid #e2e2e2;



}















.sidebar-prof .text a {



  color: #54BC00;



  text-decoration: underline;



}















.sidebar-prof.-spmenu .image {



  width: 60%;



}







.widget_categories h4.widgettitle {



  display: none;



}



















/* 映画の作品情報table */



.movie-table {



  width: 100%;



  border: 1px solid #ccc;



}







.movie-table th {



  border: 1px solid #ccc;



  width: 25%;



  background: rgba(168, 168, 168, 0.1);



}







.movie-table td {



  border: 1px solid #ccc;



}























/* ================================================== */



/* ウィジェット */



/* ================================================== */



.widget {



  margin-bottom: 0 !important;



}







.widget a{



  text-decoration:none;



  color:#666;



}







.widget p {



  margin: 0;



}











.add .widget img {



  margin-right: 5px !important;



}











/* 記事一番下の記事一覧 （Reccomend） */



.related-list figure {



  margin-bottom: 0;



}











/* トップページのスライダー */



.carouselwrap .eyecatch img {



  width: 100%;



  height: 135px!important;



  object-fit: cover;



}







/* トップページのスライダー */



.in-page-taxonomy {



  display: block;



}







.in-page-taxonomy li {



  border-bottom: 1px dotted rgba(125, 125, 125, 0.2);



  margin: 0;



  padding: 0;



}



























h2.top-head-title {



    font-size: 1.1em;



    margin: 0 0 1em;



    padding: 0 0.1em 0.8em;



    border-bottom: 3px solid;



}







h2.top-head-title .en {



  content: "";



  display: block;



  font-size: 10px;



  font-family: 'Concert One', cursive;



  line-height: 1.3;



  font-weight: normal;



}



















/* カテゴリ―一覧 */



.taxonomy-archive-title {



  font-weight: bold;



  font-size: 120%;



}











.in-page-taxonomy li:before {



  content: "";



  display: table;



}











.in-page-taxonomy li a {



  display: block;



  padding: 1em 1.2em 1em 0.3em;



  margin: 0;



  position: relative;



  color: #666;



}











.in-page-taxonomy li a:after {



  font-family: "fontawesome";



  content: '\f054';



  position: absolute;



  right: 0.2em;



  font-size: 1em;



  top: 50%;



  margin-top: -0.5em;



  color: #54BC00;



}











/* singleの記事本文 */



.entry-content.single-post {



  margin-top: 1em;



}











/* ================================================== */



/* 1166px以上が適用されるスタイル（主にPC） */



/* ================================================== */



@media only screen and (min-width: 1166px) {



  .header {



    margin: 0 0 1em;



  }







  .header.bg, .header #inner-header {



    display: block;



  }







  #g_nav, #g_nav .nav {



    text-align: center;



  }







  .nav > li > a {



    padding: 2px 1.0em 2px;



  }







  .headercenter .nav_btn.search_btn + #g_nav {



    margin: 0 40px 6px 0;



  }







  .voicecomment-title {



    font-weight: bold;



    font-size: 80%;



    margin: 0;



    color: #606060;



    display: block;



  }



}



/* ↑1166px以上が適用されるスタイル（主にPC） */











/* ================================================== */



/* 768px以上が適用されるスタイル（主にタブレット以上） */



/* ================================================== */



@media only screen and (min-width: 768px) {



  .header.headercenter #logo {



    float: none;



    display: block;



    margin: 0 auto;



    max-width: 500px;



  }







  #logo img {



    max-height: 120px;



  }







  .nav_btn.search_btn {



    top: 0;



    margin: auto;



    right: 10px;



  }



}







/* ↑768px以上が適用されるスタイル（主にタブレット以上） */











/* ================================================== */



/* 767px以下が適用されるスタイル（主にスマホ） */



/* ================================================= */



@media only screen and (max-width: 767px) {



  .header.bg, .header #inner-header {



    padding: 0;



    margin: 0;



  }







  .g_nav-sp {



    position: relative;



    max-width: 1166px;



    margin: 0;



    width: 100%;



    top: 0;



  }







  .mini-image {



    max-width: 100% !important;



  }







  /* マガジンタイプ */



  #magazine-wrap .h2.entry-title {



    margin-top: 0 !important;



  }















  .menu-sp {



    padding: 0;



  }







  .menu-sp > ul {



    background: rgb(62, 127, 146);



    padding: 0.5em;



  }







  body {



    font-size: 14px;



  }







  #logo {



    max-width: 65%;



  }







  #logo .h1 {



    display: flex;



    -webkit-align-items: center;



    align-items: center;



  }







  #logo a {



  }







  .header.headercenter #logo img {



    display: block;



    padding: 3px 0!important;



    margin-top: 0 !important;



  }







  .article-header .eyecatch, .cta-inner {



    margin: 0;



  }











  #comments {



    padding: 0.75em 0;



    margin: 0;



  }











  /* 目次 */



  #toc_container {



    padding: 1em !important;



  }







  .search-word {



    width: 100%;



  }











  /* おすすめ記事 */



  .pop-entry .inner {



    height:160px;



    padding: 12px;



  }







  .pop-entry , .pop-entry a {



    font-size: 12px;



    margin: 0 0 20px;



  }















  /* 今週のおすすめ */



  .target-post-container a {



    padding: 1em;



    max-height: 100%;



    align-items: flex-start;



  }







  .target-post-container a img {



    width: 100px;



    display: block;



    padding: 0;



    margin: 0 auto;



    object-fit: cover;



    height: 100px;



  }







  .target-post-container a .text-box {



    width: 100%;



    padding: 0 0 0 1em;



  }







  .target-post-container a .text-box .section-title {



    font-size: 80%;



    margin: 0;



  }







  .target-post-container a .text-box .post-title {



    font-size: 13px;



  }







  .target-post-container a .sentence {



    display: none;



  }







  .target-post-this-container {



    margin: 1em 0;



  }







  .target-post-this-container .line-block {



    display: block;



  }















  /* ASP広告 */



  .asp-double-pc {



    display: none;



  }







  .asp-double-sp {



      display: block;



      margin: 0 0 2em;



      background: #eee;



      padding: 0.2em 0 1em;



  }







  .asp-double-sp .pr {



      text-align: center;



      margin: 0;



      color: #989898;



      font-size: 12px;



  }







  .asp-double-sp .block:last-child {



    margin-top: 0.5em;



  }







  .asp-double-sp .block img {



    display: block;



    border: 1px solid #ddd;



    margin: 0 auto !important;



  }















  /*記事最後に表示されるプロフィール*/



  .prof{



    width: 100%;



    padding: 2% 3% 2% 3%;



    background: #FFF;



    font-size: 14px;



    margin: 20px auto;



  }











  .prof .tite{



    padding-top: 0%;



    font-weight: bold;



    margin: 0 0 9px;



    font-size: 14px;



  }











  .prof .me{



    display: block;



    margin: 0 auto 10px;



    width: 146px;



    float: none;



  }











  .prof .text{



    width: 100%;



    font-size: 12px;



    float: none;



    margin: 0;



  }











  .sp-only {



    display: block;



  }







  .pc-only {



    display: none;



  }















  /* 映画の作品情報table */



  .movie-table  {



    font-size: 12px !important;



  }







  .movie-table th {



    min-width: 70px;



    width: 30%;



    padding: 4px;



  }







  /* 問い合わせフォーム */



  form input,



  form textarea {



    width: 100% !important;



  }







  form input[type="checkbox"] {



    width: auto !important;



  }















  /*-------------------------



    ショートコード：ブログカード



  -------------------------*/



  .blog-card {



    font-size: 0.9em;



  }







  .blog-card a {



    padding: 5px;



  }







  .blog-card-thumbnail img {



    width: 70px !important;



    height: auto !important;



  }







  .blog-card-content {



    width: calc(100% - 80px);



  }











  .blog-card-excerpt .button {



    width: 140px;



  }



  /*-------------------------



    ショートコード：ブログカード



  -------------------------*/



}



/* ↑767px以下が適用されるスタイル（主にスマホ） */















/* ================================================== */



/* 480px以下が適用されるスタイル（主にスマホ） */



/* ================================================== */



@media only screen and (max-width: 480px) {











}



/* ↑480px以下が適用されるスタイル（主にスマホ） */











































/* これまで、全サイト共通css */



/* ここから、サイトオリジナルのcss */











.test-contents {



	display: block;



}







.test-contents ul.wpp-list li a:before {



	width: 2em;



}







#custom_header .wrap {



	padding: 11% 2% 10%;



}







/* ================================================== */



/* 767px以下が適用されるスタイル（主にスマホ） */



/* ================================================= */



@media only screen and (max-width: 767px) {



	#custom_header {



		-webkit-background-size: cover !important;



		     -o-background-size: cover !important;



		        background-size: cover !important;



	}







} /* 767px以下が適用されるスタイル（主にスマホ） */


.fukidashi-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2em;
  
  .fukidashi {
    background-color: #d0ebb1;
    border-radius: 1em;
    width: calc(100% - 30px);
    margin-inline: auto 0;
    padding: 1.5em;
    
    &:nth-of-type(even) {
    background-color: #eeeeee;
      margin-inline: 0 auto;
    }

    .name {
      font-weight: bold;
    }
  }
}