@charset "UTF-8";
/* ****************************************************************************
			Yumi Kori Artworks MODX用 stylesheet
			www.hyodo-arch.com/buryo_tmp
		Copyright 2016 Studio MYU architects Co. Ltd., All Rights Reserved. 

		2016.08.23	SASS の導入。レスポンシブ化。
**************************************************************************** */
/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */
* {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

body {
  background-color: #ffffff;
  font-family: sans-serif; }

/* ++++++ clearfix @media 内ではextend できない 210p ++++++ */
/* ++++++ 文字サイズ ++++++ */
html {
  font-size: 62.5%; }

body {
  font-size: 14px;
  font-size: 1.4rem; }

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #D70079; }

h2 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #5E5C5C; }

h3 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #5E5C5C; }

p, li, dt, dd, pre, code, blockquote {
  font-size: 14px;
  font-size: 1.4rem;
  color: #5E5C5C; }

footer p,
footer li,
footer ul ul li {
  font-size: 12px;
  font-size: 1.2rem;
  color: #353535; }

footer #office-info .left p {
  font-size: 20px;
  font-size: 2.0rem; }

footer #office-info .right p span {
  font-size: 20px;
  font-size: 2.0rem;
  padding: 0 5px; }

.smaller {
  font-size: smaller; }

/* ++++++ リンク ++++++ */
a {
  text-decoration: none; }
  a:link {
    color: #5E5C5C; }
  a:visited {
    color: #5E5C5C; }
  a:hover {
    color: #6B9624;
    text-decoration: underline; }
    a:hover img {
      opacity: 0.7;
      background: #fff; }

/* ####################################################################### */
/* ################################  PC  ################################# */
/* ####################################################################### */
/* ########## */
@media screen and (min-width: 769px) {
  /* ########## */
  /* ####################################################################### */
  /* @@@@@@@@@@@@@@@@@@@@@@@@@  共通事項  初期設定  @@@@@@@@@@@@@@@@@@@@@@@@@ */
  header, main, section, footer {
    width: 900px;
    margin-right: auto;
    margin-left: auto; }
    header:after, main:after, section:after, footer:after {
      content: "";
      clear: both;
      display: block; }
  /* @@@@@@@@@@@@@@@@@@@@@@@@@  ヘッダー  @@@@@@@@@@@@@@@@@@@@@@@@@ */
  header {
    height: 117px; }
  h1#banner {
    float: left;
    margin: 24px 0px 0px 45px;
    line-height: 1; }
    h1#banner span {
      /*  width 231px  */
      width: 180px;
      height: 63px;
      background-image: url("http://www.studio-myu.com/art/content/images/common/yumikori.png");
      background-size: 548px 93px;
      background-position: 0px 0;
      display: inline-block;
      text-indent: -9999px; }
  nav {
    float: right;
    margin-right: 45px; }
    nav.skippr-next {
      margin-right: 0; }
    nav ul {
      height: 36px;
      display: table-cell;
      vertical-align: bottom;
      list-style-type: none; }
      nav ul li {
        display: inline;
        font-weight: nomal;
        line-height: 1; }
        nav ul li a:link, nav ul li a:visited {
          color: #334455; }
        nav ul li a:hover, nav ul li.current a {
          color: #6B9624; }
        nav ul li:hover {
          visibility: visible;
          opacity: 1; }
          nav ul li:hover ul li {
            margin-top: 0; }
  nav#lang ul li {
    margin: 0px 0px 0px 9px; }
    nav#lang ul li#en a:link, nav#lang ul li#en a:visited {
      color: #D70079; }
    nav#lang ul li#jp a:link, nav#lang ul li#jp a:visited {
      color: #0D489D; }
    nav#lang ul li.langActive a:link, nav#lang ul li.langActive a:visited {
      text-decoration: underline; }
  nav#menu {
    clear: right; }
    nav#menu ul li {
      padding: 0px 8px 0px 10px;
      border-left: solid 1px #5E5C5C; }
      nav#menu ul li.last {
        border-right: solid 1px #5E5C5C; }
  /* ++++++++++ トグル+++++++++++++ */
  .menu {
    display: block !important; }
  .menubtn {
    display: none; }
  /* @@@@@@@@@@@@@@@@@@@@@@@@@  フッター  @@@@@@@@@@@@@@@@@@@@@@@@@ */
  #copyright {
    float: right;
    padding: 9px 0px 7px 0px; }
  /* @@@@@@@@@@@@@@@@@@@@@@@@@ メイン コンテンツ @@@@@@@@@@@@@@@@@@@@@@@@@ */
  .skippr-nav-container {
    display: none; }
  section {
    width: 810px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px; }
    section#slides {
      width: 900px;
      height: 600px;
      margin-top: 0px;
      margin-bottom: 50px; }
    section.top {
      margin-bottom: 100px; }
    section.first {
      margin-top: 100px; }
    section.works-text {
      margin-top: 0px; }
      section.works-text h1 {
        color: #5E5C5C; }
      section.works-text p {
        line-height: 1.8em;
        margin-top: 24px; }
    section.works-photo {
      width: 900px; }
      section.works-photo > div:first-child p {
        padding-left: 45px; }
    section.text-one {
      width: 750px; }
      section.text-one h1 {
        color: #5E5C5C;
        padding-top: 70px;
        border-bottom: solid 8px #8fc31f; }
      section.text-one p {
        line-height: 1.8em;
        margin-top: 1em; }
        section.text-one p.bold {
          font-weight: bold;
          padding-top: 2em; }
      section.text-one img {
        width: 100%; }
    section.text {
      width: 696px;
      padding: 150px 0 54px 54px;
      border-bottom: solid 8px #8fc31f; }
      section.text h1 {
        font-size: 30px;
        font-size: 3.0rem;
        color: #999999; }
    section.text-list {
      width: 900px; }
    section.profile {
      width: 750px;
      padding: 90px 0 42px;
      border-bottom: solid 8px #8fc31f; }
      section.profile h1 {
        font-size: 30px;
        font-size: 3.0rem;
        color: #999999;
        margin-left: 360px; }
        section.profile h1.corrent {
          color: #666; }
    section.profile-text {
      width: 750px; }
      section.profile-text div.yumi-col {
        float: left;
        width: 48.5%;
        margin-right: 3%; }
        section.profile-text div.yumi-col img {
          float: right; }
        section.profile-text div.yumi-col:last-child {
          margin-right: 0; }
      section.profile-text h1 {
        font-size: 36px;
        font-size: 3.6rem;
        color: #666; }
        section.profile-text h1.jp {
          margin: 90px 0 0 60px; }
        section.profile-text h1.en {
          margin: 15px 0 0 96px; }
      section.profile-text h2 {
        font-size: 18px;
        font-size: 1.8rem;
        color: #666;
        margin-bottom: 1em; }
      section.profile-text p {
        line-height: 1.8;
        color: #666;
        margin-bottom: 1em; }
      section.profile-text dl {
        overflow: auto;
        padding-bottom: 2em;
        display: block; }
        section.profile-text dl dt {
          font-weight: bold;
          float: left;
          clear: left;
          padding: 0 0 1.0em 0.5em;
          display: block;
          width: 9em; }
        section.profile-text dl dd {
          padding: 0 0 1.0em 0.5em;
          display: block;
          margin-left: 10em; }
  .w-col {
    float: left;
    width: 100%; }
    .w-col img {
      width: 100%; }
  .l-col {
    float: left;
    width: 65.66667%;
    margin-right: 3%; }
    .l-col img {
      width: 100%; }
    .l-col:last-child {
      margin-right: 0; }
  .m-col {
    float: left;
    width: 48.5%;
    margin-right: 3%; }
    .m-col img {
      width: 100%; }
    .m-col:last-child {
      margin-right: 0; }
  .s-col {
    float: left;
    width: 31.33333%;
    margin-right: 3%; }
    .s-col img {
      width: 100%; }
    .s-col:last-child {
      margin-right: 0; }
  /* ++++++ Bottom の空きの調整 ++++++ */
  .mar-bot-2x {
    margin-bottom: 60px; }
  /* ++++++ 帯 ++++++ */
  .band-gray {
    border-bottom: solid 8px #BFBFBE; }
  .band-orange {
    border-bottom: solid 8px #F39800; }
  .band-red {
    border-bottom: solid 8px #D71155; }
  .band-blue {
    border-bottom: solid 8px #005778; }
  .band-green {
    border-bottom: solid 8px #6AA631; }
  /* ++++++ キャッチ（トップページ） ++++++ */
  .catch h1 {
    font-size: 42px;
    font-size: 4.2rem;
    color: #bbbbbb;
    margin-bottom: 30px; }
  .catch p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.0;
    margin-top: 30px;
    margin-bottom: 0px; }
  .catch h1.tx-right, .catch p.tx-right {
    margin-right: 60px;
    text-align: right; }
  .catch h1.tx-left, .catch p.tx-left {
    margin-left: 60px;
    text-align: left; }
  /* ++++++ News（トップページ） ++++++ */
  .news-video {
    margin-bottom: 70px; }
    .news-video h1 {
      font-size: 24px;
      font-size: 2.4rem;
      color: #999999; }
      .news-video h1.news {
        border-bottom: solid 8px #8fc31f;
        margin-bottom: 15px; }
      .news-video h1.video {
        margin-left: 0px;
        text-align: left;
        line-height: 1em; }
    .news-video p {
      font-weight: bold;
      padding-bottom: 0.5em; }
    .news-video dl {
      overflow: auto;
      padding-bottom: 1em;
      display: block;
      margin-left: 0px; }
    .news-video dl dt {
      font-weight: bold;
      padding: 0 0 0 0;
      display: block;
      width: 18em; }
    .news-video dl dd {
      clear: left;
      padding: 0 0 1em 0;
      display: block;
      margin-left: 0em; }
  /* ++++++ サムネイル（トップページ） ++++++ */
  .thumbnail-col,
  .thumbnail-col2 {
    float: left;
    width: 29.33333%;
    height: 240px;
    margin-right: 6%; }
    .thumbnail-col img,
    .thumbnail-col2 img {
      width: 100%; }
    .thumbnail-col:nth-child(3n),
    .thumbnail-col2:nth-child(3n) {
      margin-right: 0; }
    .thumbnail-col h2,
    .thumbnail-col2 h2 {
      font-size: 14px;
      font-size: 1.4rem; }
    .thumbnail-col p,
    .thumbnail-col2 p {
      font-size: 12px;
      font-size: 1.2rem; }
  .thumbnail-col2 {
    height: 240px; }
  /* ++++++ リスト（テキストページ） ++++++ */
  .text-col {
    float: left;
    width: 48.5%;
    margin-right: 3%;
    height: 180px; }
    .text-col:nth-child(2n) {
      margin-right: 0; }
  .text-thumb {
    float: left;
    width: 24%; }
    .text-thumb img {
      width: 100%; }
  .text-title {
    float: left;
    width: 70%;
    margin-left: 6%; }
    .text-title h2 {
      font-size: 14px;
      font-size: 1.4rem; }
    .text-title p {
      font-size: 12px;
      font-size: 1.2rem; }
  /* ++++++ 左右寄せカラム ++++++ */
  .right-col {
    float: right;
    margin-right: 0; }
  .left-col {
    float: left; }
  /* ++++++ コンテンツの文字サイズと行間隔 ++++++ */
  main {
    line-height: 1.5;
    /* タイトル */
    /* サブ・タイトル */
    /* 作家作品ページ見出し */ }
    main ul {
      margin-left: 20px;
      list-style-type: disc;
      list-style-position: outside; }
    main ol {
      margin-left: 20px;
      list-style-type: decimal;
      list-style-position: outside; }
    main blockquote {
      margin: 5px 0px;
      padding: 5px;
      border: solid 1px #cccccc;
      background-color: #f6f6f6; }
    main dl {
      overflow: auto;
      padding-bottom: 1em;
      display: block; }
      main dl dt {
        font-weight: bold;
        float: left;
        clear: left;
        padding: 0 0 1.0em 0.5em;
        display: block; }
      main dl dd {
        padding: 0 0 1.0em 0.5em;
        display: block; }
      main dl.two dt {
        width: 2em; }
      main dl.two dd {
        margin-left: 3em; }
      main dl.three dt {
        width: 3em; }
      main dl.three dd {
        margin-left: 4em; }
      main dl.five dt {
        width: 5em; }
      main dl.five dd {
        margin-left: 6em; }
      main dl.seven dt {
        width: 7em; }
      main dl.seven dd {
        margin-left: 8em; }
      main dl.nine dt {
        width: 9em; }
      main dl.nine dd {
        margin-left: 10em; }
      main dl.twelve dt {
        width: 12em; }
      main dl.twelve dd {
        margin-left: 13em; }
    main input {
      width: 50%; }
  /* main END */
  /* ++++++ 【Yumi Kori Blog】 ページ用 ++++++ */
  main#blog {
    width: 898px;
    border: solid 1px #cccccc; }
    main#blog h1 {
      font-size: 18px;
      font-size: 1.8rem; }
      main#blog h1.enTitle {
        font-size: 14px;
        font-size: 1.4rem;
        padding-bottom: 1em; }
    main#blog h2.title {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.5;
      padding-bottom: 0;
      border-bottom: solid 5px #D71155;
      margin-bottom: 3em; }
    main#blog p {
      line-height: 1.8;
      padding-bottom: 1em; }
      main#blog p.time {
        font-weight: bold;
        line-height: 1.5;
        padding-bottom: 0;
        border-bottom: solid 4px #BFBFBE;
        margin-bottom: 0.5em; }
      main#blog p.posted {
        clear: both;
        font-size: 12px;
        font-size: 1.2rem;
        border-top: solid 2px #BFBFBE;
        padding: 3px 0 40px; }
    main#blog div#content {
      float: left;
      width: 600px;
      padding: 15px 14px 0 14px; }
    main#blog div#sidebar {
      float: right;
      width: 240px;
      padding: 15px 14px 0 14px; }
      main#blog div#sidebar div#description {
        margin-bottom: 2em; }
        main#blog div#sidebar div#description p {
          text-align: center;
          padding-bottom: 0.5em; }
      main#blog div#sidebar nav.side-menu {
        float: none;
        margin: 0;
        padding: 0 0 2em 0; }
        main#blog div#sidebar nav.side-menu h2 {
          font-size: 14px;
          font-size: 1.4rem;
          padding-bottom: 0.5em; }
        main#blog div#sidebar nav.side-menu ul {
          padding-left: 1.4em;
          list-style-image: url("http://www.studio-myu.com/news/wp-content/uploads/marks/menu-list.png"); }
          main#blog div#sidebar nav.side-menu ul li {
            display: list-item;
            line-height: 1.5;
            padding-bottom: 0.8em; }
        main#blog div#sidebar nav.side-menu dl {
          line-height: 2em; }
          main#blog div#sidebar nav.side-menu dl dt {
            width: 4em; }
          main#blog div#sidebar nav.side-menu dl dd {
            margin-left: 4.5em; }
        main#blog div#sidebar nav.side-menu form:after {
          content: "";
          clear: both;
          display: block; }
        main#blog div#sidebar nav.side-menu input#s {
          float: left;
          width: 70%;
          height: 1.5em; }
        main#blog div#sidebar nav.side-menu input#submit {
          float: right;
          width: 22%; }
  /* main 【blog】 */ }

/* ####################################################################### */
/* ##############################  スマホ  ############################### */
/* ####################################################################### */
/* ########## */
@media screen and (max-width: 768px) {
  /* ########## */
  /* ####################################################################### */
  /* @@@@@@@@@@@@@@@@@@@@@@@@@  共通事項  初期設定  @@@@@@@@@@@@@@@@@@@@@@@@@ */
  header, main, article, section, footer {
    width: 100%; }
    header:after, main:after, article:after, section:after, footer:after {
      content: "";
      clear: both;
      display: block; }
  /* @@@@@@@@@@@@@@@@@@@@@@@@@  ヘッダー  @@@@@@@@@@@@@@@@@@@@@@@@@ */
  header {
    width: 100%;
    height: 39px;
    background-color: white;
    /* 文字：不透明、背景：半透明 */
    position: fixed;
    /* 位置を固定する */
    top: 0px;
    left: 0px;
    z-index: 997; }
  h1#banner {
    float: left;
    margin: 10px 0px 0px 5px;
    line-height: 1; }
    h1#banner span {
      /*  width 231px  */
      width: 199px;
      height: 18px;
      background-image: url("http://www.studio-myu.com/art/content/images/common/yumikori.png");
      background-size: 548px 93px;
      background-position: -283px 0;
      display: inline-block;
      text-indent: -9999px; }
  nav {
    float: right;
    background-color: rgba(255, 255, 255, 0.85);
    position: fixed;
    /* 位置を固定する */
    top: 39px;
    right: 0px;
    z-index: 998; }
    nav ul {
      list-style-type: none;
      margin: 5px; }
      nav ul li {
        display: block;
        margin: 0px 0px 0px 5px;
        font-size: larger;
        line-height: 2; }
        nav ul li a:link, nav ul li a:visited {
          color: #334455; }
        nav ul li.current a {
          color: #6B9624; }
  nav#lang {
    position: static;
    margin: 0px 42px 0px 0px; }
    nav#lang ul {
      margin: 5px 0 0 0; }
      nav#lang ul li {
        display: inline; }
        nav#lang ul li#en a:link, nav#lang ul li#en a:visited {
          color: #D71155; }
        nav#lang ul li#jp a:link, nav#lang ul li#jp a:visited {
          color: #1F489D; }
        nav#lang ul li.langActive a:link, nav#lang ul li.langActive a:visited {
          text-decoration: underline; }
  nav.skippr-next {
    right: 6%; }
  nav.skippr-arrow {
    background-color: rgba(255, 255, 255, 0); }
  /* ++++++++++ トグル+++++++++++++ */
  .menu {
    display: none; }
  .menubtn {
    float: right;
    border-style: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 8px 4px 4px;
    background-image: url("http://www.studio-myu.com/art/content/images/common/yumikori.png");
    background-size: 548px 93px;
    background-position: -259px 3px;
    background-repeat: no-repeat;
    background-color: transparent;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 999; }
    .menubtn:hover {
      background-color: rgba(255, 255, 255, 0.85); }
    .menubtn:focus {
      outline: none; }
    .menubtn span {
      display: inline-block;
      text-indent: -9999px; }
  /* @@@@@@@@@@@@@@@@@@@@@@@@@  フッター  @@@@@@@@@@@@@@@@@@@@@@@@@ */
  #copyright {
    float: right;
    padding: 9px 0px 7px 0px; }
    #copyright p {
      font-size: smaller; }
  /* @@@@@@@@@@@@@@@@@@@@@@@@@ メイン コンテンツ @@@@@@@@@@@@@@@@@@@@@@@@@ */
  .skippr-nav-container {
    display: none; }
  /* ++++++ カラム ++++++ */
  section {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 6px; }
    section#slides {
      width: 100%;
      height: 240px;
      margin-top: 42px;
      margin-bottom: 30px; }
      section#slides img {
        width: 100%; }
    section.top {
      margin-bottom: 60px; }
    section.first {
      margin-top: 60px; }
    section.works-text {
      margin-top: 42px; }
      section.works-text h1 {
        color: #5E5C5C; }
      section.works-text p {
        line-height: 1.8em;
        margin-top: 24px; }
    section.works-photo {
      width: 96%; }
    section.text-one {
      width: 96%; }
      section.text-one h1 {
        font-size: 20px;
        font-size: 2.0rem;
        color: #5E5C5C;
        padding-top: 50px;
        border-bottom: solid 8px #8fc31f; }
      section.text-one p {
        line-height: 1.8em;
        margin-top: 0.5em; }
        section.text-one p.bold {
          font-weight: bold;
          padding-top: 2em; }
      section.text-one img {
        width: 100%; }
    section.text {
      width: 96%;
      margin-top: 50px; }
      section.text h1 {
        font-size: 20px;
        font-size: 2.0rem;
        color: #999999;
        border-bottom: solid 5px #8fc31f; }
    section.text-list {
      width: 96%; }
    section.profile {
      width: 96%;
      padding: 60px 0 2em;
      border-bottom: solid 5px #8fc31f; }
      section.profile h1 {
        font-size: 20px;
        font-size: 2.0rem;
        color: #999999; }
        section.profile h1.corrent {
          color: #666; }
    section.profile-text {
      width: 96%; }
      section.profile-text div.yumi-col {
        float: left;
        width: 49%;
        margin-right: 2%; }
        section.profile-text div.yumi-col img {
          float: right;
          width: 100%; }
        section.profile-text div.yumi-col:last-child {
          margin-right: 0; }
      section.profile-text h1 {
        font-size: 24px;
        font-size: 2.4rem;
        color: #666; }
        section.profile-text h1.jp {
          margin: 50px 0 0 0; }
      section.profile-text h2 {
        font-size: 18px;
        font-size: 1.8rem;
        color: #666;
        margin-bottom: 1em; }
      section.profile-text p {
        line-height: 1.8;
        color: #666;
        margin-bottom: 1em; }
      section.profile-text dl {
        overflow: auto;
        padding-bottom: 2em;
        display: block; }
        section.profile-text dl dt {
          font-weight: bold;
          float: left;
          clear: left;
          padding: 0 0 1.0em 0.5em;
          display: block;
          width: 4em; }
        section.profile-text dl dd {
          padding: 0 0 1.0em 0.5em;
          display: block;
          margin-left: 5em; }
  .w-col {
    width: 100%;
    clear: both; }
    .w-col img {
      width: 100%; }
  .l-col {
    float: left;
    width: 66%;
    margin-right: 2%; }
    .l-col img {
      width: 100%; }
    .l-col:last-child {
      margin-right: 0; }
  .m-col {
    float: left;
    width: 49%;
    margin-right: 2%; }
    .m-col img {
      width: 100%; }
    .m-col:last-child {
      margin-right: 0; }
  section.works-text div.m-col {
    width: 100%; }
  .s-col {
    float: left;
    width: 32%;
    margin-right: 2%; }
    .s-col img {
      width: 100%; }
    .s-col:last-child {
      margin-right: 0; }
  .q-col {
    float: left;
    width: 23.5%;
    margin-right: 2%; }
    .q-col img {
      width: 100%; }
    .q-col:last-child {
      margin-right: 0; }
  .q3-col {
    float: left;
    width: 74.5%;
    margin-right: 2%; }
    .q3-col img {
      width: 100%; }
    .q3-col:last-child {
      margin-right: 0; }
  /* ++++++ 右寄せカラム ++++++ */
  /* ++++++ 帯 ++++++ */
  .band-gray {
    border-bottom: solid 5px #BFBFBE; }
  .band-orange {
    border-bottom: solid 5px #F39800; }
  .band-red {
    border-bottom: solid 5px #D71155; }
  .band-blue {
    border-bottom: solid 5px #005778; }
  .band-green {
    border-bottom: solid 5px #6AA631; }
  /* ++++++ キャッチ（トップページ） ++++++ */
  .catch h1 {
    font-size: 20px;
    font-size: 2.0rem;
    color: #bbbbbb;
    margin-top: 20px;
    margin-bottom: 20px; }
  .catch p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.0;
    padding-top: 36px;
    margin-top: 36px;
    margin-bottom: 30px; }
  .catch h1.tx-right, .catch h1.tx-left {
    margin-left: 10px;
    text-align: left; }
  .catch p.tx-right, .catch p.tx-left {
    margin-left: 24px;
    text-align: left; }
  /* ++++++ News（トップページ） ++++++ */
  .news-video {
    margin-bottom: 20px; }
    .news-video .l-col {
      width: 100%; }
    .news-video h1 {
      font-size: 20px;
      font-size: 2.0rem;
      color: #bbbbbb; }
      .news-video h1.news {
        border-bottom: solid 5px #8fc31f;
        margin-bottom: 15px; }
      .news-video h1.video {
        margin-left: 0px;
        text-align: left;
        line-height: 1em; }
    .news-video dl {
      overflow: auto;
      padding-bottom: 1em;
      display: block;
      margin-left: 10px; }
    .news-video dl dt {
      font-weight: bold;
      float: left;
      clear: left;
      padding: 0 0 0.2em 0;
      display: block;
      width: 18em; }
    .news-video dl dd {
      clear: left;
      padding: 0 0 1em 0;
      display: block; }
  /* ++++++ サムネイル（トップページ） ++++++ */
  .thumbnail-col,
  .thumbnail-col2 {
    float: left;
    width: 48%;
    height: 180px;
    margin-right: 4%; }
    .thumbnail-col img,
    .thumbnail-col2 img {
      width: 100%; }
    .thumbnail-col:nth-child(2n),
    .thumbnail-col2:nth-child(2n) {
      margin-right: 0; }
    .thumbnail-col h2,
    .thumbnail-col2 h2 {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: bold; }
    .thumbnail-col p,
    .thumbnail-col2 p {
      font-size: 10.5px;
      font-size: 1.05rem; }
  .thumbnail-col2 {
    height: 120px; }
  /* ++++++ リスト（テキストページ） ++++++ */
  .text-col {
    width: 100%;
    margin: 1em 0; }
    .text-col:after {
      content: "";
      clear: both;
      display: block; }
  .text-thumb {
    float: left;
    width: 24%; }
    .text-thumb img {
      width: 100%; }
  .text-title {
    float: left;
    width: 70%;
    margin-left: 6%; }
    .text-title h2 {
      font-size: 14px;
      font-size: 1.4rem; }
    .text-title p {
      font-size: 12px;
      font-size: 1.2rem; }
  /* ++++++ コンテンツの文字サイズと行間隔 ++++++ */
  main {
    line-height: 1.5;
    /* タイトル */
    /* サブ・タイトル */
    /* サブ・タイトル */ }
    main h2 {
      font-size: 20px;
      font-size: 2.0rem; }
    main h3 {
      font-size: 20px;
      font-size: 2.0rem; }
    main ul {
      margin-left: 20px;
      list-style-type: disc;
      list-style-position: outside; }
    main ol {
      margin-left: 20px;
      list-style-type: decimal;
      list-style-position: outside; }
    main blockquote {
      margin: 5px 0px;
      padding: 5px;
      border: solid 1px #cccccc;
      background-color: #f6f6f6; }
    main dl {
      overflow: auto;
      padding-bottom: 1em;
      display: block; }
    main dl dt {
      font-weight: bold;
      float: left;
      clear: left;
      padding: 0 0 0.5em 0.5em;
      display: block; }
    main dl dd {
      padding: 0 0 0.5em 0.5em;
      display: block; }
    main dl.two dt {
      width: 2em; }
    main dl.two dd {
      margin-left: 3em; }
    main dl.three dt {
      width: 3em; }
    main dl.three dd {
      margin-left: 4em; }
    main dl.five dt {
      width: 5em; }
    main dl.five dd {
      margin-left: 6em; }
    main dl.seven dt {
      width: 7em; }
    main dl.seven dd {
      margin-left: 8em; }
    main dl.nine dt {
      width: 9em; }
    main dl.nine dd {
      margin-left: 10em; }
    main dl.twelve dt {
      width: 12em; }
    main dl.twelve dd {
      margin-left: 13em; }
    main input {
      width: 50%; }
  /* main END */
  /* ++++++ 【Yumi Kori Blog】 ページ用 ++++++ */
  main#blog {
    width: 96%;
    margin-top: 39px;
    margin-right: auto;
    margin-left: auto; }
    main#blog h1 {
      font-size: 18px;
      font-size: 1.8rem; }
      main#blog h1.enTitle {
        font-size: 14px;
        font-size: 1.4rem;
        padding-bottom: 1em; }
    main#blog h2.title {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.5;
      padding-bottom: 0;
      border-bottom: solid 5px #D71155;
      margin-bottom: 1.5em; }
    main#blog p {
      line-height: 1.8;
      padding-bottom: 1em; }
      main#blog p.time {
        font-weight: bold;
        line-height: 1.5;
        padding-bottom: 0;
        border-bottom: solid 3px #BFBFBE;
        margin-bottom: 0.5em; }
      main#blog p.posted {
        clear: both;
        font-size: 12px;
        font-size: 1.2rem;
        border-top: solid 3px #BFBFBE;
        padding: 3px 0 40px; }
    main#blog div#sidebar nav.side-menu {
      float: none;
      position: static;
      margin: 0;
      padding: 0 0 2em 0; }
      main#blog div#sidebar nav.side-menu h2 {
        font-size: 14px;
        font-size: 1.4rem;
        padding-bottom: 0.5em; }
      main#blog div#sidebar nav.side-menu ul {
        padding-left: 1.4em;
        list-style-image: url("http://www.studio-myu.com/news/wp-content/uploads/marks/menu-list.png"); }
        main#blog div#sidebar nav.side-menu ul li {
          display: list-item;
          line-height: 1.5;
          padding-bottom: 0.8em;
          font-size: smaller; }
      main#blog div#sidebar nav.side-menu dl {
        line-height: 2em; }
        main#blog div#sidebar nav.side-menu dl dt {
          width: 4em; }
        main#blog div#sidebar nav.side-menu dl dd {
          margin-left: 5em; }
          main#blog div#sidebar nav.side-menu dl dd a {
            margin-left: 0.3em; }
      main#blog div#sidebar nav.side-menu form:after {
        content: "";
        clear: both;
        display: block; }
      main#blog div#sidebar nav.side-menu input#s {
        float: left;
        width: 65%;
        height: 1.5em; }
      main#blog div#sidebar nav.side-menu input#submit {
        float: right;
        width: 20%; }
  /* main 【blog】 */ }

.skippr {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.skippr > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 62.5%; }

.skippr > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%; }

.skippr-nav-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  bottom: 25px;
  overflow: auto;
  z-index: 999; }

.skippr-nav-element {
  cursor: pointer;
  float: left;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all .25s linear;
  transition: all .25s linear; }

.skippr-nav-element-bubble {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 4px; }

.skippr-nav-element-block {
  width: 60px;
  height: 10px; }

.skippr-nav-element:hover, .skippr-nav-element-active {
  background-color: #fff; }

.skippr-arrow {
  position: absolute;
  z-index: 999;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 30px;
  height: 30px;
  transform-origin: center center;
  -webkit-transform-origin: top left;
  cursor: pointer; }

.skippr-previous {
  left: 2.5%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid white;
  border-left: 2px solid white; }

.skippr-next {
  right: 3.5%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid white;
  border-right: 2px solid white; }

/*# sourceMappingURL=skippr.css.map */
.lb-loader, .lightbox {
  text-align: center;
  line-height: 0; }

body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none; }

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both; }

body.lb-disable-scrolling {
  overflow: hidden; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: .8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px; }

.lb-loader, .lb-nav {
  position: absolute;
  left: 0; }

.lb-outerContainer:after {
  display: table; }

.lb-container {
  padding: 4px; }

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat; }

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s; }

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s; }

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  display: table; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1; }