@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 #ffee60;
  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: #333;
  border-radius: 100px;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  letter-spacing: 0em;
  color: #ffde00;
  margin: 0 .5em 0 -2em;
}

.toc_number.toc_depth_2 {
  color: #ffcd00;
}
#toc_container a:hover  {
  text-decoration: none;
  opacity: 0.8;
}

#toc_container a {
  color: #ffb500;
}


/* リンクカードプラグイン */
.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: #333;
  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: #ffde00;
  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: #ffee60;
  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: rgb(0 0 0);
  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: rgb(0 0 0 / 63%);
  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: 1.6em;
  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(255 238 96);
    padding: 0.5em;
  }
  .menu-sp a {
    background: rgb(255 255 255 / 65%);
  }
  body {
    font-size: 14px;
  }
  #logo {
    max-width: 65%;
  }
  #logo .h1 {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .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以下が適用されるスタイル（主にスマホ） */