@charset "UTF-8";

img {
  -webkit-touch-callout:none; 
}


@media only screen and (min-width: 768px) {
  body[id^="page-kosodateYuyu-index"] #wrap {
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 100%;
    min-height: 100%;
    background: transparent url("/_themes/yuyu/img/home/bg1.jpg") center top no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] #keyimg .image {
    width: 1130px;
    height: 500px;
  }
  body[id^="page-kosodateYuyu-index"] #keyimg .clip {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] #keyimg .clip:after {
    content: "";
    position: absolute;
    display: block;
    width: 1130px;
    height: 500px;
    left: 0;
    top: 0;
    background: transparent url("/_themes/yuyu/img/home/keyimg_clip.png") center top no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-about {
    max-height: 773px;
    padding-top: 45px;
    padding-bottom: 60px;
    background: transparent url("/_themes/yuyu/img/home/bg_map.jpg") center top no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .area-tit {
    margin-bottom: 70px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box {
    position: relative;
    width: 530px;
    padding: 50px 20px 20px;
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .note {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .btn {
    text-align: right;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .btn a {
    display: inline-block;
    width: 174px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .line {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    border: none;
    background: transparent url("/_themes/yuyu/img/common/hr.png") left bottom repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-1 {
    margin-bottom: 50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-1 .subhead {
    position: absolute;
    left: -18px;
    top: -50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-2 .subhead {
    position: absolute;
    left: -18px;
    top: -28px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event {
    padding-top: 50px;
    padding-bottom: 58px;
    background: transparent url("/_themes/yuyu/img/home/bg2.jpg") center bottom no-repeat;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .row {
    width: 962px;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .row {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .row:before, body[id^="page-kosodateYuyu-index"] .area-event .row:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .row:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block {
    float: left;
    width: 622px;
    min-height: 496px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: #dfdbb6 2px solid;
    background: #fff;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .inr {
    padding: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .inr {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .inr:before, body[id^="page-kosodateYuyu-index"] .area-event .block .inr:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .inr:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .btn {
    text-align: right;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .btn a {
    display: inline-block;
    width: 112px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 96% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-tit {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup {
    position: relative;
    float: left;
    width: 277px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .btn {
    position: absolute;
    right: 0;
    top: 40px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list {
    padding-top: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list li {
    padding: 15px 0;
    border-top: 1px solid #dfdbb6;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list li:first-child {
    padding-top: 0;
    border-top: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list a {
    position: relative;
    display: inline-block;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list a:hover .tit span {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit {
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit span {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit.new {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit.new:after {
    position: relative;
    padding-top: 3px;
    padding-left: 3px;
    content: "NEW!";
    font-size: 11px;
    font-size: 1.1rem;
    color: #f00;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .date {
    position: relative;
    padding-left: 45px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .date .icon {
    position: absolute;
    left: 0;
    display: block;
    height: 20px;
    padding: 0 4px;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    background: #00663f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news {
    position: relative;
    float: right;
    width: 220px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .btn {
    position: absolute;
    right: 0;
    top: 40px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list {
    padding-top: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list li {
    padding: 15px 0;
    border-top: 1px solid #dfdbb6;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list li:first-child {
    padding-top: 0;
    border-top: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list a:hover .tit span {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit {
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit span {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit.new {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit.new:after {
    position: relative;
    padding-top: 3px;
    padding-left: 3px;
    content: "NEW!";
    font-size: 11px;
    font-size: 1.1rem;
    color: #f00;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .meta {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .fb {
    float: right;
    width: 314px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview {
    padding-top: 70px;
    padding-bottom: 58px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .area-tit {
    margin-bottom: 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .btn {
    position: absolute;
    right: 0;
    top: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .btn a {
    display: inline-block;
    width: 174px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .deco-outer {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .deco-outer:after {
    content: "";
    position: absolute;
    display: block;
    width: 101px;
    height: 167px;
    right: 200px;
    top: -167px;
    background: transparent url("/_themes/yuyu/img/home/deco1.png") 0 0 no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list {
    margin-right: -28px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list:before, body[id^="page-kosodateYuyu-index"] .area-interview .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list a:hover .caption {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .pic {
    margin-bottom: 15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .pic img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .item {
    position: relative;
    float: left;
    width: 276px;
    margin-right: 28px;
    padding: 12px 12px 25px;
    text-align: center;
    background: #f5eede;
    border: 1px solid #dfdbb6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .item .caption {
    font-size: 17px;
    font-size: 1.7rem;
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .item .name {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
  }
/*  body[id^="page-kosodateYuyu-index"] .area-interview .list .item .name span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }*/
  body[id^="page-kosodateYuyu-index"] .area-interview .list .new:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove {
    padding-top: 60px;
    padding-bottom: 58px;
    background-color: #e4f0ba;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .deco-2 {
    position: absolute;
    left: 2%;
    top: -50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .deco-3 {
    position: absolute;
    right: 2%;
    top: -20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .area-tit {
    margin-bottom: 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .btn {
    position: absolute;
    right: 0;
    top: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .btn a {
    display: inline-block;
    width: 174px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list {
    margin-right: -20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list:before, body[id^="page-kosodateYuyu-index"] .area-ilove .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item {
    position: relative;
    float: left;
    margin-right: 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item.new:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 4px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
/*  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item .name span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }*/
  body[id^="page-kosodateYuyu-index"] .area-bnr-home {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-bnr-home .list {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-bnr-home .list .item {
    display: inline-block;
    width: 372px;
    margin: 0 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie {
    padding-top: 60px;
    padding-bottom: 58px;
    background: transparent url("/_themes/yuyu/img/home/bg3.jpg") center bottom no-repeat;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .deco-2 {
    position: absolute;
    left: 2%;
    top: -50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .deco-3 {
    position: absolute;
    right: 2%;
    top: -20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .area-tit {
    margin-bottom: 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .btn {
    position: absolute;
    right: 0;
    top: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .btn a {
    display: inline-block;
    width: 174px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list {
    margin-right: -20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list:before, body[id^="page-kosodateYuyu-index"] .area-movie .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item {
    position: relative;
    float: left;
    margin-right: 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .new:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
    z-index: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .card {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding: 4px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .card:after {
    position: absolute;
    display: block;
    content: url("/_themes/yuyu/img/common/ico_play.png");
    width: 78px;
    height: 79px;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .bx-wrapper .bx-prev {
    left: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .bx-wrapper .bx-next {
    right: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .bx-wrapper .bx-controls-direction a {
    top: 45%;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo {
    padding-top: 60px;
    padding-bottom: 58px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .area-tit {
    margin-bottom: 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .btn {
    position: absolute;
    right: 0;
    top: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .btn a {
    display: inline-block;
    width: 174px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list {
    margin-right: -20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list:before, body[id^="page-kosodateYuyu-index"] .area-photo .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item {
    position: relative;
    float: left;
    margin-right: 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .new:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 4px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
/*  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .name span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }*/
  body[id^="page-kosodateYuyu-index"] .area-photo .bx-wrapper .bx-prev {
    left: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .bx-wrapper .bx-next {
    right: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .bx-wrapper .bx-controls-direction a {
    top: 45%;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[id^="page-kosodateYuyu-index"] #wrap {
    position: relative;
    width: 100%;
    background: transparent url("/_themes/yuyu/img/home/bg1_sp.jpg") center top no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-keyimg {
    width: 320px;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-index"] #keyimg .image {
    width: 320px;
    height: 133px;
  }
  body[id^="page-kosodateYuyu-index"] #keyimg .clip {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] #keyimg .clip:after {
    content: "";
    position: absolute;
    display: block;
    width: 320px;
    height: 133px;
    left: 0;
    top: 0;
    background: transparent url("/_themes/yuyu/img/home/keyimg_clip_sp.png") center center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-about {
    padding-bottom: 460px;
    background: transparent url("/_themes/yuyu/img/home/bg_map_sp.jpg") center bottom no-repeat;
    background-size: 100%;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .area-tit {
    margin-bottom: 70px;
    padding-top: 30px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .area-tit img {
    width: 142px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box {
    position: relative;
    width: 100%;
    padding: 20px 15px 15px;
    box-sizing: border-box;
    font-size: 11px;
    font-size: 1.1rem;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .note {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .btn {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .btn a {
    display: inline-block;
    width: 182px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box .line {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    border: none;
    background: transparent url("/_themes/yuyu/img/common/hr.png") left bottom repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-1 {
    margin-bottom: 50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-1 .subhead {
    position: absolute;
    left: -10px;
    top: -40px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-1 .subhead img {
    width: 218px;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-2 .subhead {
    position: absolute;
    left: -10px;
    top: -40px;
  }
  body[id^="page-kosodateYuyu-index"] .area-about .box-2 .subhead img {
    width: 182px;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block {
    width: 100%;
    background: #fff;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .inr {
    padding: 15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .btn {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .btn a {
    display: inline-block;
    width: 182px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-tit {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 25px;
    background: transparent url("/_themes/yuyu/img/common/hr.png") left bottom repeat-x;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .box-tit {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .box-tit img {
    width: 250px;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list {
    padding-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list li {
    margin-bottom: 0px;
    padding: 10px 0;
    border-bottom: 1px solid #dfdbb6;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list li:first-child {
    padding-top: 0;
    border-top: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit {
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit span {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit.new {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .tit.new:after {
    position: relative;
    padding-top: 3px;
    padding-left: 3px;
    content: "NEW!";
    font-size: 11px;
    font-size: 1.1rem;
    color: #f00;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .date {
    position: relative;
    padding-left: 45px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-pickup .list .date .icon {
    position: absolute;
    left: 0;
    display: block;
    height: 20px;
    padding: 0 4px;
    line-height: 20px;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    background: #00663f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .box-tit {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .box-tit img {
    width: 127px;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list {
    padding-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list li {
    margin-bottom: 0px;
    padding: 10px 0;
    border-bottom: 1px solid #dfdbb6;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list li:first-child {
    padding-top: 0;
    border-top: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list a:hover .tit {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit {
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit span {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit.new {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .tit.new:after {
    position: relative;
    padding-top: 3px;
    padding-left: 3px;
    content: "NEW!";
    font-size: 11px;
    font-size: 1.1rem;
    color: #f00;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .block .box-news .list .meta {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .fb {
    padding: 20px;
    background: transparent url("/_themes/yuyu/img/common/bg1.png") 0 0 repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-event .fb iframe {
    display: block;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .area-tit {
    margin-bottom: 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .area-tit img {
    width: 165px;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .btn {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .btn a {
    display: inline-block;
    width: 174px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .deco-outer {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list:before, body[id^="page-kosodateYuyu-index"] .area-interview .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .pic {
    margin-bottom: 15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .pic img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .item {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 12px 12px 12px;
    text-align: center;
    background: #f5eede;
    border: 1px solid #dfdbb6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .item .caption {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .item .name {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-interview .list .new:before {
    content: url("/_themes/yuyu/img/common/ico_new_sp.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #e4f0ba;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .deco-2,
  body[id^="page-kosodateYuyu-index"] .area-ilove .deco-3 {
    display: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .area-tit {
    margin-bottom: 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .area-tit img {
    width: 232px;
    height: auot;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .btn {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .btn a {
    display: inline-block;
    width: 174px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list {
    padding: 0 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .new:before {
    content: url("/_themes/yuyu/img/common/ico_new_sp.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 6px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item .card img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-ilove .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-bnr-home {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body[id^="page-kosodateYuyu-index"] .area-bnr-home .list {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-bnr-home .list .item {
    display: block;
    width: 280px;
    margin: 0 auto 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-bnr-home .list .item img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie {
    padding-top: 30px;
    padding-bottom: 30px;
    background: transparent url("/_themes/yuyu/img/home/bg3.jpg") center bottom no-repeat;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .deco-2,
  body[id^="page-kosodateYuyu-index"] .area-movie .deco-3 {
    display: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .frame {
    position: relative;
    padding: 0 20px;
    background-origin: border-box;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .area-tit {
    width: 242px;
    height: auto;
    margin: 0 auto 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .area-tit img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .btn {
    margin-top: 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .btn a {
    display: inline-block;
    width: 174px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list {
    padding: 0 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list:before, body[id^="page-kosodateYuyu-index"] .area-movie .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item {
    position: relative;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .new:before {
    content: url("/_themes/yuyu/img/common/ico_new_sp.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 6px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .card img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .card:after {
    position: absolute;
    display: block;
    content: url("/_themes/yuyu/img/common/ico_play.png");
    width: 78px;
    height: 79px;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .bx-wrapper .bx-prev {
    left: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .bx-wrapper .bx-next {
    right: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-movie .bx-wrapper .bx-controls-direction a {
    top: 45%;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo {
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .frame {
    position: relative;
    padding: 0 20px;
    background-origin: border-box;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .area-tit {
    width: 202px;
    height: auto;
    margin: 0 auto 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .area-tit img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .btn {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .btn a {
    display: inline-block;
    width: 174px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .btn a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list {
    padding: 0 20px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list:before, body[id^="page-kosodateYuyu-index"] .area-photo .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item {
    position: relative;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 6px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .card img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .card:after {
    position: absolute;
    display: block;
    content: "";
    width: 78px;
    height: 79px;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -50px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
/*  body[id^="page-kosodateYuyu-index"] .area-photo .list .item .name span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }*/
  body[id^="page-kosodateYuyu-index"] .area-photo .bx-wrapper .bx-prev {
    left: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .bx-wrapper .bx-next {
    right: -17px;
  }
  body[id^="page-kosodateYuyu-index"] .area-photo .bx-wrapper .bx-controls-direction a {
    top: 45%;
  }

  .area-bnr {
    padding: 0 0 20px;
  }
}



@media only screen and (min-width: 768px) {
  body[class^="dir-kosodateYuyu-ilovekameyama"] #pagetit,
  body.single-ilovekameyama #pagetit {
    height: 240px;
    background-image: url("/_themes/yuyu/img/ilovekameyama/bg_tit.jpg");
    background-position: center bottom;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #container,
  body.single-ilovekameyama #container {
    background: #eaf3c1;
  }

  body[class^="dir-kosodateYuyu-ilovekameyama"] #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/ilovekameyama/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/ilovekameyama/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive {
    padding-top: 20px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul {
    margin-right: -20px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul {
    *zoom: 1;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul:before,
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul:after {
    content: "";
    display: table;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul:after {
    clear: both;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul li {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 50px;
    text-align: center;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul li.new:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul li .card {
    display: block;
    margin-bottom: 5px;
    padding: 4px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .docs ul li .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list {
    margin-right: -20px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list {
    *zoom: 1;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list:before,
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list:after {
    content: "";
    display: table;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list:after {
    clear: both;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list .item {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 50px;
    text-align: center;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list .item.new:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 4px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[class^="dir-kosodateYuyu-ilovekameyama"] #pagetit,
  body.single-ilovekameyama #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/ilovekameyama/bg_tit.jpg");
    background-position: center bottom;
    background-size: cover;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #pagetit img,
  body.single-ilovekameyama #pagetit img {
    width: 191px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #container,
  body.single-ilovekameyama #container {
    background: #eaf3c1;
  }

  body[class^="dir-kosodateYuyu-ilovekameyama"] #content {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive {
    padding-top: 20px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive ul {
    padding: 0 20px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive ul li {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive ul li.new:before {
    content: url("/_themes/yuyu/img/common/ico_new_sp.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive ul li .card {
    display: block;
    margin-bottom: 5px;
    padding: 6px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive ul li .card img {
    width: 100%;
    height: auto;
  }
  body[class^="dir-kosodateYuyu-ilovekameyama"] #content .area-archive ul li .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }



  body.single-ilovekameyama #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body.single-ilovekameyama #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/ilovekameyama/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body.single-ilovekameyama #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/ilovekameyama/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body.single-ilovekameyama .area-event {
    padding: 42px 58px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body.single-ilovekameyama .pieceBody h1 {
    margin-bottom: 40px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: bold;
    border-bottom: 1px solid;
  }
  body.single-ilovekameyama .block-eyecat {
    width: 510px;
    margin: 0 auto 40px;
    text-align: center;
  }
  body.single-ilovekameyama .block-eyecat img {
    width: 100%;
    height: auto;
  }
  body.single-ilovekameyama .detail .subhead {
    margin-bottom: 10px;
    color: #00663f;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    border-bottom: 1px solid #00663f;
  }
  body.single-ilovekameyama .detail dd {
    margin-bottom: 30px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}



@media only screen and (min-width: 768px) {
  body[class^="dir-kosodateYuyu-interview"] #pagetit{
    height: 450px;
    background-image: url("/_themes/yuyu/img/interview/bg_tit.jpg");
    background-position: center center;
  }
  body[class^="dir-kosodateYuyu-interview"] #container{
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left bottom repeat-x;
  }

  body[class^="dir-kosodateYuyu-interview"] .area-intro {
    margin-bottom: 50px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2;
    background: transparent url("/_themes/yuyu/img/interview/bg.png") center center no-repeat!important;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive {
    padding-top: 70px;
    padding-bottom: 58px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .frame {
    position: relative;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .area-tit {
    margin-bottom: 40px;
    text-align: center;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .btn {
    position: absolute;
    right: 0;
    top: 30px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .btn a {
    display: inline-block;
    width: 174px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00663f url("/_themes/yuyu/img/common/btn_arw.png") 94% center no-repeat;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .btn a:hover {
    text-decoration: none;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .deco-outer {
    position: relative;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .deco-outer:after {
    content: "";
    position: absolute;
    display: block;
    width: 101px;
    height: 167px;
    right: 200px;
    top: -167px;
    background: transparent url("/_themes/yuyu/img/home/deco1.png") 0 0 no-repeat;
    z-index: -1;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li {
    margin-right: -28px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li {
    *zoom: 1;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs:before,
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs:after {
    content: "";
    display: table;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li:after {
    clear: both;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li a:hover {
    text-decoration: none;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li a:hover .caption {
    text-decoration: none;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li .pic {
    margin-bottom: 15px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li .pic img {
    width: 100%;
    height: auto;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li {
    width: 276px;
    margin-right: 28px;
    margin-bottom: 50px;
    padding: 12px 12px 25px;
    text-align: center;
    background: #f5eede;
    border: 1px solid #dfdbb6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li .caption {
    margin-bottom: 5px;
    font-size: 17px;
    font-size: 1.7rem;
    text-decoration: underline;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li .name {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
  }

  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs {
    margin-right: -28px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs {
    *zoom: 1;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs:before,
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs:after {
    content: "";
    display: table;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs:after {
    clear: both;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs a:hover {
    text-decoration: none;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs a:hover .caption {
    text-decoration: none;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs .pic {
    margin-bottom: 15px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs .pic img {
    width: 100%;
    height: auto;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li {
    position: relative;
    float: left;
    width: 276px;
    margin-right: 28px;
    margin-bottom: 50px;
    padding: 12px 12px 25px;
    text-align: center;
    background: #f5eede;
    border: 1px solid #dfdbb6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li .caption {
    margin-bottom: 5px;
    font-size: 17px;
    font-size: 1.7rem;
    text-decoration: underline;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs li .name {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs .new {
    position: relative;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive ul.docs .new a:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }

  body[class^="dir-kosodateYuyu-interview"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body#page-kosodateYuyu-interview-index #container {
    background: transparent url("/_themes/yuyu/img/common/bg3.png") left bottom repeat-x;
  }
  body[class^="dir-kosodateYuyu-interview"] #container:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 8px;
    background: transparent url("/_themes/yuyu/img/common/bg_saw_top.png") center top repeat-x;
  }
  body[class^="dir-kosodateYuyu-interview"] #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single {
    position: relative;
    margin-top: 15px;
    margin-bottom: 40px;
    padding: 40px 40px;
    background: #fff;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .main-pic {
    margin-bottom: 30px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .main-pic img {
    width: 100%;
    height: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .lead {
    margin-bottom: 30px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.65;
    font-weight: normal;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row {
    *zoom: 1;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row:before, body[class^="dir-kosodateYuyu-interview"] .area-single .row:after {
    content: "";
    display: table;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row:after {
    clear: both;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .prof-pic {
    float: left;
    width: 230px;
    margin-right: 40px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .prof-pic img {
    width: 100%;
    height: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .prof-meta {
    float: left;
    width: 610px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .box {
    display: inline-block;
    width: 96px;
    height: 25px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background: #00663f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .name {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.9;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .sub {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.9;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .line {
    display: block;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 50px;
    border: none;
    background: #beca88;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .subhead {
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.65;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .question {
    margin-bottom: 1em;
    color: #00663f;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.65;
    font-weight: bold;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .answer {
    margin-bottom: 3em;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .pic {
    width: 884px;
    margin-bottom: 30px;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .pic img {
    width: 100%;
    height: auto;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .since {
    font-size: 13px;
    font-size: 1.3rem;
  }
  body[class^="dir-kosodateYuyu-interview"] .back-archive {
    margin: 0 auto;
    padding: 30px 0 0px;
    text-align: center;
  }
  body[class^="dir-kosodateYuyu-interview"] .back-archive a {
    display: inline-block;
    height: 20px;
    padding-left: 26px;
    line-height: 20px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    background: transparent url("/_themes/yuyu/img/common/arw_l.png") left center no-repeat;
  }
}





@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[class^="dir-kosodateYuyu-interview"] #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/interview/bg_tit.jpg");
    background-position: center top;
  }
  body[class^="dir-kosodateYuyu-interview"] #pagetit img {
    width: 136px;
  }
  body[class^="dir-kosodateYuyu-interview"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left bottom repeat-x;
  }
  body#page-kosodateYuyu-interview-index #container {
    background: transparent url("/_themes/yuyu/img/common/bg3.png") left bottom repeat-x;
  }

  body[class^="dir-kosodateYuyu-interview"] #content:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 4px;
    background: transparent url("/_themes/yuyu/img/common/bg_saw_top.png") center top repeat-x;
    background-size: 16px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-intro {
    margin-bottom: 20px;
    padding-bottom: 100px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    background: transparent url("/_themes/yuyu/img/interview/bg_sp.png") right bottom no-repeat;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-intro br {
    display: none;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive {
    padding-bottom: 30px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .frame {
    position: relative;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .area-tit {
    margin-bottom: 20px;
    text-align: center;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs {
    *zoom: 1;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs:before,
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs:after {
    content: "";
    display: table;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs:after {
    clear: both;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs .pic {
    margin-bottom: 15px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs .pic img {
    width: 100%;
    height: auto;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs li {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 12px 12px 12px;
    text-align: center;
    background: #f5eede;
    border: 1px solid #dfdbb6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs li .caption {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
  }
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs li .name {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
  }
/*  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs li .name span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }*/
  body[class^="dir-kosodateYuyu-interview"] #content .area-archive .docs li.new:before {
    content: url("/_themes/yuyu/img/common/ico_new_sp.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }

  body[class^="dir-kosodateYuyu-interview"] #container {
    position: relative;
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body[class^="dir-kosodateYuyu-interview"] #container:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 4px;
    background: transparent url("/_themes/yuyu/img/common/bg_saw_top.png") center top repeat-x;
    background-size: 16px;
  }
  body[class^="dir-kosodateYuyu-interview"] #content {
    width: 100%;
    margin: 0 auto 20px;
    padding-top: 20px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single {
    position: relative;
    margin-top: 15px;
    padding: 15px 15px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
/*  body[class^="dir-kosodateYuyu-interview"] .area-single.new:before {
    content: url("/_themes/yuyu/img/common/ico_new_sp.png");
    position: absolute;
    display: inline-block;
    width: 56px;
    height: 48px;
    left: -15px;
    top: -15px;
  }*/
  body[class^="dir-kosodateYuyu-interview"] .area-single .main-pic {
    margin-bottom: 15px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .main-pic img {
    width: 100%;
    height: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .lead {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.65;
    font-weight: normal;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row {
    *zoom: 1;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row:before, body[class^="dir-kosodateYuyu-interview"] .area-single .row:after {
    content: "";
    display: table;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row:after {
    clear: both;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .prof-pic {
    float: left;
    width: 100px;
    margin-right: 10px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .prof-pic img {
    width: 100%;
    height: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .prof-meta {
    float: left;
    width: 144px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .box {
    display: inline-block;
    width: 96px;
    height: 25px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background: #00663f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .prof {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .sub {
    position: relative;
    padding-left: 4.4em;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .row .sub span {
    display: block;
    position: absolute;
    left: 0;
  }
  body[class^="dir-kosodateYuyu-interview"] .area-single .line {
    display: block;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    background: #beca88;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .subhead {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.65;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .question {
    margin-bottom: 1em;
    color: #00663f;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.65;
    font-weight: bold;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .answer {
    margin-bottom: 3em;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .pic {
    width: 100%;
    margin-bottom: 30px;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .pic img {
    width: 100%;
    height: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  body[class^="dir-kosodateYuyu-interview"] .block .since {
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[class^="dir-kosodateYuyu-interview"] .back-archive {
    margin: 0 auto;
    padding: 30px 0 0px;
    text-align: center;
  }
  body[class^="dir-kosodateYuyu-interview"] .back-archive a {
    display: inline-block;
    height: 20px;
    padding-left: 20px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    background: transparent url("/_themes/yuyu/img/common/arw_l_sp.png") left center no-repeat;
  }
}



@media only screen and (min-width: 768px) {
  body[id^="page-kosodateYuyu-eventCalendar"] #pagetit {
    height: 240px;
    background-image: url("/_themes/yuyu/img/event/bg_tit.jpg");
  }
  body[id^="page-kosodateYuyu-eventCalendar"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav {
    width: 854px;
    height: 90px;
    margin: 0 auto 40px;
    background: transparent url("/_themes/yuyu/img/event/bg_nav.png") center center no-repeat;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .subhead {
    padding: 8px 0 0;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list {
    font-size: 0;
    text-align: center;
    padding-bottom: 5px;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .item {
    display: inline;
    margin: 0 18px;
    padding-left: -1px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list a {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .current a {
    font-weight: bold;
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .cat0:before {
    content: '●';
    color: #D5D6D5;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat1:before {
    content: '●';
    color: #f386b0;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat1.current a {
    color: #f386b0;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat2:before {
    content: '●';
    color: #6bb94a;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat2.current a {
    color: #6bb94a;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat3:before {
    content: '●';
    color: #f18b24;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat3.current a {
    color: #f18b24;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat4:before {
    content: '●';
    color: #0089cc;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat4.current a {
    color: #0089cc;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat5:before {
    content: '●';
    color: #008e61;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat5.current a {
    color: #008e61;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat6:before {
    content: '●';
    color: #b674bb;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat6.current a {
    color: #b674bb;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .area-cal {
    padding: 42px 58px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
}


@media only screen and (min-width: 768px) {
  body[id^="page-kosodateYuyu-events"] #pagetit {
    height: 240px;
    background-image: url("/_themes/yuyu/img/event/bg_tit.jpg");
  }
  body[id^="page-kosodateYuyu-events"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body[id^="page-kosodateYuyu-events"] #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-events"] #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/event/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-events"] #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/event/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-events"] .area-event {
    padding: 42px 58px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-events"] .date {
    display: none;
  }
  body[id^="page-kosodateYuyu-events"] .pieceBody h1 {
    margin-bottom: 40px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: bold;
    border-bottom: 1px solid;
  }
  body[id^="page-kosodateYuyu-events"] .block-eyecat {
    width: 510px;
    margin: 0 auto 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-events"] .block-eyecat img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-events"] .detail .subhead {
    margin-bottom: 10px;
    color: #00663f;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    border-bottom: 1px solid #00663f;
  }
  body[id^="page-kosodateYuyu-events"] .detail dd {
    margin-bottom: 30px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  body[id^="page-kosodateYuyu-events"] .detail .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    z-index: 1;
  }
  body[id^="page-kosodateYuyu-events"] .detail .map iframe,
  body[id^="page-kosodateYuyu-events"] .detail .map object,
  body[id^="page-kosodateYuyu-events"] .detail .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item {
    margin-bottom: 1em;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a {
    display: block;
    position: relative;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a .text {
    display: block;
    padding-left: 1.4em;
    color: #00663f;
    background: transparent url("/_themes/yuyu/img/common/ico_blank_gray.png") left 0.4em no-repeat;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a .url {
    display: block;
    color: #666;
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a:hover .text {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-events"] .back-archive {
    text-align: right;
  }
  body[id^="page-kosodateYuyu-events"] .back-archive a {
    display: inline-block;
    height: 20px;
    padding-left: 26px;
    line-height: 20px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    background: transparent url("/_themes/yuyu/img/common/arw_l.png") left center no-repeat;
  }
}




@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[id^="page-kosodateYuyu-eventCalendar"] #pagetit,
  body[id^="page-kosodateYuyu-events"] #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/event/bg_tit.jpg");
    background-position: center center;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] #pagetit img,
  body[id^="page-kosodateYuyu-events"] #pagetit img {
    width: 148px;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] #container,
  body[id^="page-kosodateYuyu-events"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }

  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 10px 20px;
    background: #e8fcb0;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .subhead {
    padding-top: 10px;
    margin-bottom: 5px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .subhead img {
    width: 160px;
    height: auto;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list {
    font-size: 0;
    box-sizing: border-box;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list:before,
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .item {
    display: block;
    float: left;
    width: 50%;
    padding: 8px 0 8px 8px;
    font-size: 12px;
    font-size: 1.2rem;
    box-sizing: border-box;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list a {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat1:before {
    content: '●';
    color: #f386b0;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat2:before {
    content: '●';
    color: #6bb94a;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat3:before {
    content: '●';
    color: #f18b24;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat4:before {
    content: '●';
    color: #0089cc;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat5:before {
    content: '●';
    color: #008e61;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .local-nav .list .cat6:before {
    content: '●';
    color: #b674bb;
  }
  body[id^="page-kosodateYuyu-eventCalendar"] .area-cal {
    margin-bottom: 40px;
    padding: 10px 10px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }

  body[id^="page-kosodateYuyu-events"] #content {
    width: 100%;
    margin: 0 auto 20px;
  }
  body[id^="page-kosodateYuyu-events"] .date {
    display: none;
  }
  body[id^="page-kosodateYuyu-events"] .area-event {
    padding: 15px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  body[id^="page-kosodateYuyu-events"] .pieceBody h1 {
    margin-bottom: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    font-weight: bold;
    border-bottom: 1px solid;
  }
  body[id^="page-kosodateYuyu-events"] .block-eyecat {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-events"] .block-eyecat img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-events"] .detail .subhead {
    margin-bottom: 10px;
    color: #00663f;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    border-bottom: 1px solid #00663f;
  }
  body[id^="page-kosodateYuyu-events"] .detail dd {
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  body[id^="page-kosodateYuyu-events"] .detail .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    z-index: 1;
  }
  body[id^="page-kosodateYuyu-events"] .detail .map iframe,
  body[id^="page-kosodateYuyu-events"] .detail .map object,
  body[id^="page-kosodateYuyu-events"] .detail .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item {
    margin-bottom: 1em;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a .text {
    display: block;
    padding-left: 1.4em;
    color: #00663f;
    background: transparent url("/_themes/yuyu/img/common/ico_blank_gray.png") left 0.3em no-repeat;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a .url {
    display: block;
    color: #666;
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-events"] .detail .links .item a:hover .text {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-events"] .back-archive {
    margin: 0 auto;
    padding: 30px 0 0px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-events"] .back-archive a {
    display: inline-block;
    height: 20px;
    padding-left: 20px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    background: transparent url("/_themes/yuyu/img/common/arw_l_sp.png") left center no-repeat;
  }
}



@media only screen and (min-width: 768px) {
  body#page-kosodateYuyu-movie-index #pagetit,
  body.single-movie #pagetit {
    height: 240px;
    background-image: url("/_themes/yuyu/img/movie/bg_tit.jpg");
    background-position: center bottom;
  }
  body#page-kosodateYuyu-movie-index #container,
  body.single-movie #container {
    background: #eaf3c1;
  }

  body#page-kosodateYuyu-movie-index #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body#page-kosodateYuyu-movie-index #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/movie/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body#page-kosodateYuyu-movie-index #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/movie/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive {
    padding-top: 20px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list {
    margin-right: -20px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list:before, body#page-kosodateYuyu-movie-index #content .area-archive .list:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list:after {
    clear: both;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item {
    position: relative;
    width: 224px;
    margin-right: 20px;
    margin-bottom: 50px;
    text-align: center;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item.new:before {
    content: url("/_themes/yuyu/img/common/ico_new.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 4px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .card:after {
    position: absolute;
    display: block;
    content: url("/_themes/yuyu/img/common/ico_play.png");
    width: 78px;
    height: 79px;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -50px;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .card:hover:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
/*  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .name span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }*/
  body#page-kosodateYuyu-movie-index #content h2.date {
    display: none;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body#page-kosodateYuyu-movie-index #pagetit,
  body.single-movie #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/movie/bg_tit.jpg");
    background-position: center bottom;
  }
  body#page-kosodateYuyu-movie-index #pagetit img,
  body.single-movie #pagetit img {
    width: 192px;
  }
  body#page-kosodateYuyu-movie-index #container,
  body.single-movie #container {
    background: #eaf3c1;
  }

  body#page-kosodateYuyu-movie-index #content {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive {
    padding-top: 20px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list {
    padding: 0 20px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list:before, body#page-kosodateYuyu-movie-index #content .area-archive .list:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list:after {
    clear: both;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item.new:before {
    content: url("/_themes/yuyu/img/common/ico_new_sp.png");
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 59px;
    left: -17px;
    top: -15px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .card {
    display: block;
    margin-bottom: 5px;
    padding: 6px;
    background: #fff;
    border: #dfdbb6 2px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .card img {
    width: 100%;
    height: auto;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .card:after {
    position: absolute;
    display: block;
    content: url("/_themes/yuyu/img/common/ico_play.png");
    width: 78px;
    height: 79px;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -50px;
  }
  body#page-kosodateYuyu-movie-index #content .area-archive .list .item .name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  body.single-movie #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body.single-movie #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/movie/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body.single-movie #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/movie/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body.single-movie .area-event {
    padding: 42px 58px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body.single-movie .pieceBody h1 {
    margin-bottom: 40px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: bold;
    border-bottom: 1px solid;
  }
  body.single-movie .block-eyecat {
    width: 510px;
    margin: 0 auto 40px;
    text-align: center;
  }
  body.single-movie .block-eyecat img {
    width: 100%;
    height: auto;
  }
  body.single-movie .detail .subhead {
    margin-bottom: 10px;
    color: #00663f;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    border-bottom: 1px solid #00663f;
  }
  body.single-movie .detail dd {
    margin-bottom: 30px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}



@media only screen and (min-width: 768px) {
  body[id^="page-kosodateYuyu-news"] #pagetit {
    height: 240px;
    background-image: url("/_themes/yuyu/img/news/bg_tit.jpg");
  }
  body[id^="page-kosodateYuyu-news"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg1.png") left top repeat;
  }
  body[id^="page-kosodateYuyu-news"] #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-news"] #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-news"] #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-news"] .date {
    display: none;
  }
  body[id^="page-kosodateYuyu-news"] .area-news {
    padding: 42px 58px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-news"] .pieceBody h1 {
    margin-bottom: 40px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: bold;
    border-bottom: 1px solid;
  }
  body[id^="page-kosodateYuyu-news"] .block-eyecat {
    width: 510px;
    margin: 0 auto 40px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-news"] .block-eyecat img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-news"] .detail .subhead {
    margin-bottom: 10px;
    color: #00663f;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    border-bottom: 1px solid #00663f;
  }
  body[id^="page-kosodateYuyu-news"] .detail dd {
    margin-bottom: 30px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  body[id^="page-kosodateYuyu-news"] .detail .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    z-index: 1;
  }
  body[id^="page-kosodateYuyu-news"] .detail .map iframe,
  body[id^="page-kosodateYuyu-news"] .detail .map object,
  body[id^="page-kosodateYuyu-news"] .detail .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item {
    margin-bottom: 1em;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a {
    display: block;
    position: relative;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a .text {
    display: block;
    padding-left: 1.4em;
    color: #00663f;
    background: transparent url("/_themes/yuyu/img/common/ico_blank_gray.png") left 0.4em no-repeat;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a .url {
    display: block;
    color: #666;
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a:hover .text {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-news"] .back-archive {
    text-align: right;
  }
  body[id^="page-kosodateYuyu-news"] .back-archive a {
    display: inline-block;
    height: 20px;
    padding-left: 26px;
    line-height: 20px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    background: transparent url("/_themes/yuyu/img/common/arw_l.png") left center no-repeat;
  }
  body[id^="page-kosodateYuyu-news"] #content .area-archive {
    padding: 42px 58px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-news"] #content .area-archive .list {
    margin-bottom: 50px;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li {
    border-bottom: 1px solid #beca88;
    display: flex;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li a {
    position: relative;
    display: block;
    padding: 20px 0;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .publish_date {
    position: absolute;
    display: block;
    padding: 20px 0;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .title_link {
    display: block;
    padding-left: 11em;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .new {
    position: relative;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .new:before {
    position: absolute;
    left: 12em;
    padding-top: 3px;
    padding-left: 3px;
    content: "NEW!";
    font-size: 11px;
    font-size: 1.1rem;
    color: #f00;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[id^="page-kosodateYuyu-news"] #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/news/bg_tit.jpg");
    background-position: center center;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-news"] #pagetit img {
    width: 106px;
  }
  body[id^="page-kosodateYuyu-news"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg1.png") left top repeat;
  }

  body[id^="page-kosodateYuyu-news"] #content {
    width: 100%;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-news"] .date {
    display: none;
  }
  body[id^="page-kosodateYuyu-news"] #content .area-archive {
    margin-bottom: 40px;
    padding: 10px 10px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-news"] #content .area-archive .list {
    margin-bottom: 20px;
    padding: 0 20px;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li {
    border-bottom: 1px solid #beca88;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li a {
    display: block;
    padding: 10px 0;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .meta {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .title {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .new {
    position: relative;
    padding-right: 1em;
  }
  body[id^="page-kosodateYuyu-news"] #content .docs li .new:after {
    position: absolute;
    padding-top: 3px;
    padding-left: 3px;
    content: "NEW!";
    font-size: 11px;
    font-size: 1.1rem;
    color: #f00;
  }

  body[id^="page-kosodateYuyu-news"] #content {
    width: 100%;
    margin: 0 auto 20px;
  }
  body[id^="page-kosodateYuyu-news"] .area-news {
    padding: 15px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  body[id^="page-kosodateYuyu-news"] .pieceBody h1 {
    margin-bottom: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    font-weight: bold;
    border-bottom: 1px solid;
  }
  body[id^="page-kosodateYuyu-news"] .block-eyecat {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-news"] .block-eyecat img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-news"] .detail .subhead {
    margin-bottom: 10px;
    color: #00663f;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    border-bottom: 1px solid #00663f;
  }
  body[id^="page-kosodateYuyu-news"] .detail dd {
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    overflow-wrap: break-word;
  }
  body[id^="page-kosodateYuyu-news"] .detail .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    z-index: 1;
  }
  body[id^="page-kosodateYuyu-news"] .detail .map iframe,
  body[id^="page-kosodateYuyu-news"] .detail .map object,
  body[id^="page-kosodateYuyu-news"] .detail .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item {
    margin-bottom: 1em;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a .text {
    display: block;
    padding-left: 1.4em;
    color: #00663f;
    background: transparent url("/_themes/yuyu/img/common/ico_blank_gray.png") left 0.3em no-repeat;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a .url {
    display: block;
    color: #666;
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a:hover {
    text-decoration: none;
  }
  body[id^="page-kosodateYuyu-news"] .detail .links .item a:hover .text {
    text-decoration: underline;
  }
  body[id^="page-kosodateYuyu-news"] .back-archive {
    margin: 0 auto;
    padding: 30px 0 0px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-news"] .back-archive a {
    display: inline-block;
    height: 20px;
    padding-left: 20px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    background: transparent url("/_themes/yuyu/img/common/arw_l_sp.png") left center no-repeat;
  }
}



@media only screen and (min-width: 768px) {
  body#page-kosodateYuyu-about-index #pagetit {
    height: 450px;
    background-image: url("/_themes/yuyu/img/about/bg_tit.jpg");
    background-position: center center;
  }
  body#page-kosodateYuyu-about-index #container {
    background: #fff;
  }
  body#page-kosodateYuyu-about-index #content {
    margin: 0 auto;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row {
    position: relative;
    padding-left: 500px;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .logo {
    display: block;
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -130px;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row p {
    margin-bottom: 1em;
    line-height: 2;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download {
    padding: 20px 0;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download {
    *zoom: 1;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download:before,
  body#page-kosodateYuyu-about-index #content .area-statement .row .download:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download:after {
    clear: both;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download .item {
    float: left;
    width: 50%;
    margin-bottom: 10px;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download a {
    position: relative;
    display: block;
    color: #0071bc;
    font-size: 14px;
    font-size: 1.4rem;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download a:hover {
    text-decoration: underline;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download a:before {
    content: url(/_themes/yuyu/img/common/ico_dl.png);
    padding-right: 10px;
  }
  body#page-kosodateYuyu-about-index #content .area-map {
    padding-bottom: 50px;
    background: transparent url("/_themes/yuyu/img/about/bg_sea.jpg") left top repeat;
  }
  body#page-kosodateYuyu-about-index #content .area-map .map {
    text-align: center;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row {
    margin-bottom: 70px;
    padding-top: 50px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row {
    *zoom: 1;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row:before,
  body#page-kosodateYuyu-about-index #content .area-map .row:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row:after {
    clear: both;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box {
    position: relative;
    padding: 40px 20px 30px;
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box .note {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box .line {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    border: none;
    background: transparent url("/_themes/yuyu/img/common/hr.png") left bottom repeat;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-1 {
    float: left;
    width: 406px;
    height: 136px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-1 .subhead {
    position: absolute;
    left: -18px;
    top: -60px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-2 {
    float: right;
    width: 444px;
    height: 136px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-2 .subhead {
    position: absolute;
    left: -18px;
    top: -40px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-3 {
    width: 924px;
    margin-bottom: 50px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-3 .subhead {
    position: absolute;
    left: -18px;
    top: -40px;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body#page-kosodateYuyu-about-index #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/about/bg_tit.jpg");
    background-position: center center;
    background-size: cover;
  }
  body#page-kosodateYuyu-about-index #pagetit img {
    width: 106px;
  }
  body#page-kosodateYuyu-about-index #container {
    background: #fff;
  }
  body#page-kosodateYuyu-about-index #content {
    margin: 0 auto;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row {
    position: relative;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .logo {
    margin-bottom: 20px;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .logo img {
    display: block;
    width: 159px;
    margin: 0 auto;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row p {
    margin-bottom: 1em;
    line-height: 2;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download {
    padding: 20px 0;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download {
    *zoom: 1;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download:before, body#page-kosodateYuyu-about-index #content .area-statement .row .download:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download:after {
    clear: both;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download .item {
    margin-bottom: 5px;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download a {
    position: relative;
    display: block;
    color: #0071bc;
    font-size: 14px;
    font-size: 1.4rem;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download a:hover {
    text-decoration: underline;
  }
  body#page-kosodateYuyu-about-index #content .area-statement .row .download a:before {
    content: url(/_themes/yuyu/img/common/ico_dl.png);
    padding-right: 10px;
  }
  body#page-kosodateYuyu-about-index #content .area-map {
    padding-bottom: 20px;
    background: transparent url("/_themes/yuyu/img/about/bg_sea.jpg") left top repeat;
  }
  body#page-kosodateYuyu-about-index #content .area-map .map {
    position: relative;
    height: 240px;
    margin: 0;
    overflow: hidden;
    text-align: center;
  }
  body#page-kosodateYuyu-about-index #content .area-map .map img {
    display: block;
    position: absolute;
    width: 350px;
    left: 50%;
    margin-left: -175px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row {
    padding-top: 50px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row {
    *zoom: 1;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row:before, body#page-kosodateYuyu-about-index #content .area-map .row:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-about-index #content .area-map .row:after {
    clear: both;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box {
    position: relative;
    padding: 40px 20px 20px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box .note {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.875;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box figure {
    margin: 0;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box figure img {
    width: 100%;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-1 {
    margin-bottom: 60px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-1 .subhead {
    position: absolute;
    left: -13px;
    top: -23px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-1 .subhead img {
    width: 219px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-2 {
    margin-bottom: 40px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-2 .subhead {
    position: absolute;
    left: -13px;
    top: -43px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-2 .subhead img {
    width: 226px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-3 .subhead {
    position: absolute;
    left: -12px;
    top: -23px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-3 .subhead img {
    width: 240px;
  }
  body#page-kosodateYuyu-about-index #content .area-map .box-3 .note {
    margin-bottom: 10px;
  }
}



@media only screen and (min-width: 768px) {
  body[id^="page-kosodateYuyu-support"] #pagetit {
    height: 450px;
    background-image: url("/_themes/yuyu/img/support/bg_tit.jpg");
    background-position: center bottom;
  }
  body[id^="page-kosodateYuyu-support"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") 0 0 repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content {
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-support"] #content .area {
    position: relative;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-detail a {
    display: inline-block;
    width: 150px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-detail a:hover {
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-list {
    font-size: 0;
    white-space: nowrap;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-list li {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-list li:first-child {
    margin-right: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-large a {
    display: inline-block;
    width: 212px;
    padding: 10px 0;
    line-height: 19px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-large a.nowidth {
    width: 100%!important;
    padding-left: 30px;
    padding-right: 30px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-large a:hover {
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .bg {
    max-width: 1240px;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-support"] #content .area h4 {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
  }
  body[id^="page-kosodateYuyu-support"] #content .area h4 span {
    font-size: 20px;
    font-size: 2rem;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .list .item .cont p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.86;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 {
    padding-top: 50px;
    background: transparent url("/_themes/yuyu/img/support/bg1.png") right 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco1.png") right 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .btn-detail {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 34px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .btn-detail a {
    position: relative;
    top: -20px;
    background-color: #e74985;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list {
    width: 566px;
    padding-top: 40px;
    padding-bottom: 70px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list h4 span {
    color: #e74985;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list .item {
    position: relative;
    padding-left: 80px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list .item .num {
    position: absolute;
    left: 0;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list .item .cont {
    padding: 15px 0;
    border-bottom: 1px dashed #e74985;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list .item-1 .cont {
    padding-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list .item-6 .cont {
    border: none;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 {
    background: transparent url("/_themes/yuyu/img/support/bg2.png") left 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco2.png") 50px top no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .btn-detail {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 34px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .btn-detail a {
    position: relative;
    top: -20px;
    background-color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .btn-list {
    margin-top: 20px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 h4 span {
    color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 h5 {
    margin-bottom: 10px;
    color: #2a86ac;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: normal;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .intro {
    padding-top: 40px;
    padding-left: 414px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .intro .subhead {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .intro p {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .intro .btn-large a {
    position: relative;
    width: 212px;
    background-color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list {
    width: 100%;
    margin-right: -20px;
    padding-top: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list:before, body[id^="page-kosodateYuyu-support"] #content .area-2 .list:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list h4 span {
    color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item {
    position: relative;
    float: left;
    width: 382px;
    margin-right: 20px;
    padding-left: 80px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item .num {
    position: absolute;
    left: 0;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item .cont {
    padding: 15px 0;
    border-bottom: 1px dashed #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .btn-large a {
    position: relative;
    width: 186px;
    background-color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item-1 .cont,
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item-2 .cont {
    height: 160px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item-3 .cont,
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item-4 .cont {
    height: 160px;
    border: none;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 {
    padding-top: 80px;
    background: transparent url("/_themes/yuyu/img/support/bg3.png") right 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco3.png") right 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .btn-detail {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 34px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .btn-detail a {
    position: relative;
    top: -20px;
    background-color: #389a60;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list {
    width: 610px;
    padding-top: 40px;
    padding-bottom: 70px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list h4 span {
    color: #389a60;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list .item {
    position: relative;
    padding-left: 80px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list .item .num {
    position: absolute;
    left: 0;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list .item .cont {
    padding: 15px 0;
    border-bottom: 1px dashed #389a60;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list .item-1 .cont {
    padding-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list .item-2 .cont {
    border: none;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 {
    background: transparent url("/_themes/yuyu/img/support/bg4.png") left 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco4.png") left 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .btn-detail {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 34px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .btn-detail a {
    position: relative;
    top: -20px;
    background-color: #f37124;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .intro {
    padding-top: 50px;
    padding-left: 432px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list {
    width: 546px;
    padding-left: 418px;
    padding-top: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list h4 span {
    color: #f37124;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list .item {
    position: relative;
    padding-left: 80px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list .item .num {
    position: absolute;
    left: 0;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list .item .cont {
    padding: 15px 0;
    border-bottom: 1px dashed #f37124;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list .item-2 .cont {
    padding-bottom: 40px;
    border: none;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 {
    background: transparent url("/_themes/yuyu/img/support/bg5.png") right 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco5.png") right 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .btn-detail {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 34px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .btn-detail a {
    position: relative;
    top: -20px;
    background-color: #9b67af;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .intro {
    padding-top: 50px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list {
    width: 580px;
    padding-top: 40px;
    padding-bottom: 70px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list h4 span {
    color: #9b67af;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list .item {
    position: relative;
    padding-left: 80px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list .item .num {
    position: absolute;
    left: 0;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list .item .cont {
    padding: 15px 0;
    border-bottom: 1px dashed #9b67af;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list .item-1 .cont {
    padding-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list .item-2 .cont {
    padding-bottom: 60px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list .item-3 .cont {
    border: none;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 {
    background: transparent url("/_themes/yuyu/img/support/bg6.png") left 0 no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco6.png") left 70px no-repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .btn-detail {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 34px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .btn-detail a {
    position: relative;
    top: -20px;
    background-color: #3166b1;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .intro {
    padding-left: 256px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list {
    width: 506px;
    padding-left: 458px;
    padding-top: 40px;
    padding-bottom: 70px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list h4 span {
    color: #3166b1;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list .item {
    position: relative;
    padding-left: 80px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list .item .num {
    position: absolute;
    left: 0;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list .item .cont {
    padding: 15px 0;
    border-bottom: 1px dashed #3166b1;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list .item-1 .cont {
    padding-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list .item-2 .cont {
    padding-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list .item-3 .cont {
    padding-bottom: 40px;
    border: none;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[id^="page-kosodateYuyu-support"] #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/support/bg_tit_sp.jpg");
    background-position: center top;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-support"] #pagetit img {
    width: 197px;
  }
  body[id^="page-kosodateYuyu-support"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") 0 0 repeat;
  }
  body[id^="page-kosodateYuyu-support"] #content {
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-support"] #content .area {
    position: relative;
    margin-bottom: 30px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .subhead {
    margin: 0 auto 20px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .subhead img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-detail a {
    display: block;
    width: 182px;
    height: 30px;
    margin: 15px auto 0;
    line-height: 30px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-detail a:hover {
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-list {
    margin-top: 15px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-list li {
    margin-bottom: 15px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-large {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-large a {
    display: inline-block;
    width: 250px;
    margin: 0 atuo;
    padding: 10px 0;
    line-height: 19px;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .btn-large a br {
    display: none;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .bg {
    max-width: 1240px;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .frame {
    position: relative;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .intro {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area h4 {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-support"] #content .area h4 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
  body[id^="page-kosodateYuyu-support"] #content .area h5 {
    color: #2a86ac;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .list .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .list .item:last-child {
    border: none;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .list .item .num {
    position: absolute;
    left: -10px;
    top: -5px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .list .item .num img {
    width: 30px;
    height: auto;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .list .item .cont {
    padding-left: 25px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area .list .item .cont p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.86;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 {
    background: transparent url("/_themes/yuyu/img/support/bg1.png") right bottom no-repeat;
    background-size: 150px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco1_sp.png") left bottom no-repeat;
    background-size: 280px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .subhead {
    width: 232px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .btn-detail a {
    position: relative;
    background-color: #e74985;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list {
    padding-bottom: 180px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list h4 span {
    color: #e74985;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-1 .list .item {
    position: relative;
    border-bottom: 1px dashed #e74985;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 {
    background: transparent url("/_themes/yuyu/img/support/bg2.png") left bottom no-repeat;
    background-size: 75px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco2_sp.png") right bottom no-repeat;
    background-size: 280px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 h4 {
    color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .subhead {
    width: 284px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .btn-large a {
    position: relative;
    background-color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .btn-detail a {
    position: relative;
    background-color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list {
    padding-bottom: 140px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list h4 span {
    color: #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-2 .list .item {
    position: relative;
    border-bottom: 1px dashed #2a86ac;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 {
    background: transparent url("/_themes/yuyu/img/support/bg3.png") right bottom no-repeat;
    background-size: 150px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco3_sp.png") left bottom no-repeat;
    background-size: 280px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .subhead {
    width: 232px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .btn-detail a {
    position: relative;
    background-color: #389a60;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list {
    padding-bottom: 140px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list h4 span {
    color: #389a60;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-3 .list .item {
    position: relative;
    border-bottom: 1px dashed #389a60;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 {
    background: transparent url("/_themes/yuyu/img/support/bg4.png") left bottom no-repeat;
    background-size: 75px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco4_sp.png") right bottom no-repeat;
    background-size: 280px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .subhead {
    width: 232px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .btn-detail a {
    position: relative;
    background-color: #f37124;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list {
    padding-bottom: 220px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list h4 span {
    color: #f37124;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-4 .list .item {
    position: relative;
    border-bottom: 1px dashed #f37124;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 {
    background: transparent url("/_themes/yuyu/img/support/bg5.png") right bottom no-repeat;
    background-size: 75px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco5_sp.png") left bottom no-repeat;
    background-size: 280px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .subhead {
    width: 232px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .btn-detail a {
    position: relative;
    background-color: #9b67af;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list {
    padding-bottom: 175px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list h4 span {
    color: #9b67af;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-5 .list .item {
    position: relative;
    border-bottom: 1px dashed #9b67af;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 {
    background: transparent url("/_themes/yuyu/img/support/bg6.png") left bottom no-repeat;
    background-size: 150px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .bg {
    background: transparent url("/_themes/yuyu/img/support/deco6_sp.png") right bottom no-repeat;
    background-size: 280px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .subhead {
    width: 232px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .btn-detail a {
    position: relative;
    background-color: #3166b1;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list {
    padding-bottom: 175px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list h4 {
    margin-bottom: 10px;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list h4 span {
    color: #3166b1;
  }
  body[id^="page-kosodateYuyu-support"] #content .area-6 .list .item {
    position: relative;
    border-bottom: 1px dashed #3166b1;
  }
}



@media only screen and (min-width: 768px) {
  body[id^="page-kosodateYuyu-nature"] #pagetit {
    height: 450px;
    background-image: url("/_themes/yuyu/img/nature/bg_tit.jpg");
    background-position: center bottom;
  }
  body[id^="page-kosodateYuyu-nature"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg1.png") 0 0 repeat;
  }
  body[id^="page-kosodateYuyu-nature"] #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-nature"] #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit {
    width: 964px;
    height: 64px;
    margin: 0 auto 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area {
    padding: 42px 40px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area .subhead {
    position: relative;
    height: 50px;
    margin-bottom: 10px;
    line-height: 50px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    border-bottom: 1px dashed #ccc;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area .subhead em {
    display: inline-block;
    min-width: 50px;
    margin-right: 10px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row {
    margin-bottom: 60px;
    position: relative;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row:before, body[id^="page-kosodateYuyu-nature"] #content .row:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row.last {
    margin-bottom: 0;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank {
    display: inline-block;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a {
    display: inline-block;
    width: 170px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a:hover,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a:hover {
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a em,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a em {
    display: inline-block;
    margin-right: 5px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a em img,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a em img {
    vertical-align: -2px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a {
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
  }
  body[id^="page-kosodateYuyu-nature"] #content .block {
    margin-top: -15px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .caption {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link {
    display: inline-block;
    padding: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dt {
    margin-bottom: 10px;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dt:before {
    content: "●";
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dd {
    padding-left: 1em;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dd.first {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl .btn {
    margin-bottom: 3px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl .sub {
    font-size: 11px;
    font-size: 1.1rem;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit1 {
    background: transparent url("/_themes/yuyu/img/nature/bg_subtit1.png") center center no-repeat;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit1 img {
    position: relative;
    top: 10px;
    vertical-align: middle;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit2 {
    background: transparent url("/_themes/yuyu/img/nature/bg_subtit2.png") center center no-repeat;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit2 img {
    position: relative;
    top: 10px;
    vertical-align: middle;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit3 {
    background: transparent url("/_themes/yuyu/img/nature/bg_subtit3.png") center center no-repeat;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit3 img {
    position: relative;
    top: 10px;
    vertical-align: middle;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen {
    margin-bottom: 80px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .pic {
    position: absolute;
    right: 0;
    top: 0;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .btn-blank a {
    width: 170px;
    background-color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .block {
    width: 520px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .block .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.85;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .block .link {
    background: #f0fccc;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .block .link dl dt:before {
    color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .wide .block {
    width: 435px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .subhead {
    color: #5ba93b;
    border-color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura {
    margin-bottom: 80px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .pic {
    position: absolute;
    right: 0;
    top: 0;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .btn-blank a {
    width: 170px;
    background-color: #e55e30;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .block {
    width: 520px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .block .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.85;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .block .link {
    background: #fbf1d7;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .block .link dl dt:before {
    color: #e55e30;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .wide .block {
    width: 435px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .subhead {
    color: #e55e30;
    border-color: #e55e30;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama:before, body[id^="page-kosodateYuyu-nature"] #content .area-yama:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .row {
    float: left;
    width: 242px;
    margin-right: 79px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .row.last {
    margin-right: 0;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .btn-blank a {
    width: 170px;
    background-color: #00663f;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .subhead {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .pic {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.85;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .link {
    background: #e0f3e0;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .link dl dt:before {
    color: #00663f;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .wide .block {
    width: 435px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .subhead {
    color: #00663f;
    border-color: #00663f;
  }
}




@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[id^="page-kosodateYuyu-nature"] #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/nature/bg_tit.jpg");
    background-position: center center;
    background-size: cover;
  }
  body[id^="page-kosodateYuyu-nature"] #pagetit img {
    width: 106px;
  }
  body[id^="page-kosodateYuyu-nature"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg1.png") 0 0 repeat;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit {
    margin-bottom: 30px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area {
    padding: 15px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area .subhead {
    position: relative;
    height: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px dashed #ccc;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area .subhead em {
    display: inline-block;
    min-width: 20px;
    margin-right: 10px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area .subhead em img {
    height: 30px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row {
    margin-bottom: 40px;
    position: relative;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row:before,
  body[id^="page-kosodateYuyu-nature"] #content .row:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-nature"] #content .row.last {
    margin-bottom: 0;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank {
    text-align: center;
    display: inline-block;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a {
    display: inline-block;
    width: 170px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a:hover,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a:hover {
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a em,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a em {
    display: inline-block;
    margin-right: 5px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-map a em img,
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a em img {
    vertical-align: -2px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .btn-blank a {
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .pic {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .pic img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .caption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link {
    padding: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dt {
    margin-bottom: 10px;
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dt:before {
    content: "●";
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dd {
    text-align: center;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl dd.first {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl .btn {
    margin-bottom: 3px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .block .link dl .sub {
    font-size: 11px;
    font-size: 1.1rem;
    text-align: left;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit1 img {
    position: relative;
    top: 10px;
    vertical-align: middle;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit2 img {
    position: relative;
    top: 10px;
    vertical-align: middle;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit3 {
    background: transparent url("/_themes/yuyu/img/nature/bg_subtit3.png") center center no-repeat;
  }
  body[id^="page-kosodateYuyu-nature"] #content .subtit3 img {
    position: relative;
    top: 10px;
    vertical-align: middle;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .btn-blank a {
    width: 170px;
    background-color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .block .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.85;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .block .link {
    background: #f0fccc;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .block .link dl dt:before {
    color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-shizen .subhead {
    color: #5ba93b;
    border-color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .pic img {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .btn-blank a {
    width: 170px;
    background-color: #e55e30;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .block .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.85;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .block .link {
    background: #fbf1d7;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .block .link dl dt:before {
    color: #e55e30;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-sakura .subhead {
    color: #e55e30;
    border-color: #e55e30;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama:before,
  body[id^="page-kosodateYuyu-nature"] #content .area-yama:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .btn-map a,
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .btn-blank a {
    width: 170px;
    background-color: #00663f;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .subhead {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .pic {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.85;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .link {
    background: #e0f3e0;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .block .link dl dt:before {
    color: #00663f;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .wide .block {
    width: 435px;
  }
  body[id^="page-kosodateYuyu-nature"] #content .area-yama .subhead {
    color: #00663f;
    border-color: #00663f;
  }
}



@media only screen and (min-width: 768px) {
  body#page-kosodateYuyu-housing-index #pagetit {
    height: 450px;
    background-image: url("/_themes/yuyu/img/housing/bg_tit.jpg");
    background-position: center center;
  }
  body#page-kosodateYuyu-housing-index #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body#page-kosodateYuyu-housing-index #content .area .intro {
    padding-bottom: 40px;
  }
  body#page-kosodateYuyu-housing-index #content .area .list {
    margin-right: -20px;
  }
  body#page-kosodateYuyu-housing-index #content .area .list {
    *zoom: 1;
  }
  body#page-kosodateYuyu-housing-index #content .area .list:before,
  body#page-kosodateYuyu-housing-index #content .area .list:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-housing-index #content .area .list:after {
    clear: both;
  }
  body#page-kosodateYuyu-housing-index #content .area .list .item {
    float: left;
    width: 392px;
    margin-right: 20px;
    padding: 20px 40px 42px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body#page-kosodateYuyu-housing-index #content .area .subtit {
    margin-bottom: 40px;
  }
  body#page-kosodateYuyu-housing-index #content .area .subhead {
    position: relative;
    height: 50px;
    margin-bottom: 20px;
    line-height: 50px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #00663f;
    font-weight: bold;
    border-bottom: 1px dashed #00663f;
    text-align: center;
  }
  body#page-kosodateYuyu-housing-index #content .area .subhead em {
    display: inline-block;
    min-width: 50px;
    margin-right: 10px;
    text-align: center;
  }
  body#page-kosodateYuyu-housing-index #content .area .pic {
    text-align: center;
    margin-bottom: 20px;
  }
  body#page-kosodateYuyu-housing-index #content .area .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.86;
    text-align: left;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank {
    display: inline-block;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a {
    display: inline-block;
    width: 170px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    background-color: #00663f;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a:hover {
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a em {
    display: inline-block;
    margin-right: 5px;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a em img {
    vertical-align: -2px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi {
    margin-bottom: 80px;
    min-height: 255px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2;
    background: transparent url("/_themes/yuyu/img/housing/bg1.png") center top no-repeat;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .block {
    height: 340px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row {
    position: relative;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row {
    *zoom: 1;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row:before, body#page-kosodateYuyu-housing-index #content .area-kurashi .row:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row:after {
    clear: both;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .pic {
    float: left;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .img {
    position: absolute;
    right: 0;
    top: 0;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .caption {
    float: right;
    width: 210px;
    padding-top: 130px;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai {
    margin-bottom: 80px;
    min-height: 245px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2;
    background: transparent url("/_themes/yuyu/img/housing/bg2.png") center top no-repeat;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai .subhead {
    position: relative;
    font-size: 22px;
    font-size: 2.2rem;
    white-space: nowrap;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai .subhead span {
    position: absolute;
    top: -20px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya {
    margin-bottom: 80px;
    min-height: 245px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2;
    background: transparent url("/_themes/yuyu/img/housing/bg3.png") center top no-repeat;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .bnr a {
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .bnr a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body#page-kosodateYuyu-housing-index #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/housing/bg_tit.jpg");
    background-position: center top;
  }
  body#page-kosodateYuyu-housing-index #pagetit img {
    width: 128px;
  }
  body#page-kosodateYuyu-housing-index #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body#page-kosodateYuyu-housing-index #content .area .subtit {
    margin: 0 auto 20px;
    text-align: center;
  }
  body#page-kosodateYuyu-housing-index #content .area .subtit img {
    width: 100%;
    height: auto;
  }
  body#page-kosodateYuyu-housing-index #content .area .intro {
    padding-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    text-align: left;
  }
  body#page-kosodateYuyu-housing-index #content .area .list {
    *zoom: 1;
  }
  body#page-kosodateYuyu-housing-index #content .area .list:before,
  body#page-kosodateYuyu-housing-index #content .area .list:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-housing-index #content .area .list:after {
    clear: both;
  }
  body#page-kosodateYuyu-housing-index #content .area .list .item {
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body#page-kosodateYuyu-housing-index #content .area .subhead {
    position: relative;
    height: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    color: #00663f;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px dashed #00663f;
  }
  body#page-kosodateYuyu-housing-index #content .area .subhead em {
    display: inline-block;
    min-width: 20px;
    margin-right: 10px;
    text-align: center;
  }
  body#page-kosodateYuyu-housing-index #content .area .subhead em img {
    height: 30px;
  }
  body#page-kosodateYuyu-housing-index #content .area .pic {
    text-align: center;
    margin-bottom: 20px;
  }
  body#page-kosodateYuyu-housing-index #content .area .pic img {
    width: 100%;
  }
  body#page-kosodateYuyu-housing-index #content .area .caption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    text-align: left;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank {
    text-align: center;
    display: block;
    margin: 20px auto 0;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a {
    display: block;
    width: 170px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url("/_themes/yuyu/img/common/ico_blank.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    background-color: #00663f;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a:hover {
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a em {
    display: inline-block;
    margin-right: 5px;
  }
  body#page-kosodateYuyu-housing-index #content .area .btn-blank a em img {
    vertical-align: -2px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi {
    margin-bottom: 20px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .intro {
    margin-bottom: 20px;
    padding-bottom: 40px;
    background: transparent url("/_themes/yuyu/img/housing/bg1_sp.png") right bottom no-repeat;
    background-size: 90px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .subtit {
    width: 250px;
    padding-top: 10px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .subtit img {
    width: 100%;
    height: auto;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row {
    position: relative;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row {
    *zoom: 1;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row:before, body#page-kosodateYuyu-housing-index #content .area-kurashi .row:after {
    content: "";
    display: table;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row:after {
    clear: both;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .pic {
    width: 108px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .pic img {
    width: 100%;
    height: auto;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .img {
    position: absolute;
    right: 0;
    top: 0;
    width: 126px;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .img img {
    width: 100%;
    height: auto;
  }
  body#page-kosodateYuyu-housing-index #content .area-kurashi .row .caption {
    float: none;
    width: 100%;
    padding-top: 0px;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai {
    margin-bottom: 20px;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai .intro {
    margin-bottom: 20px;
    padding-bottom: 40px;
    background: transparent url("/_themes/yuyu/img/housing/bg2_sp.png") right bottom no-repeat;
    background-size: 90px;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai .subtit {
    width: 225px;
    padding-top: 10px;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai .subtit img {
    width: 100%;
    height: auto;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai .subhead {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    white-space: nowrap;
  }
  body#page-kosodateYuyu-housing-index #content .area-sumai .subhead span {
    position: absolute;
    top: -18px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya {
    margin-bottom: 40px;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .intro {
    padding-bottom: 0;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .subtit {
    width: 225px;
    padding-top: 10px;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .subtit img {
    width: 100%;
    height: auto;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .bnr a {
    display: block;
    width: 284px;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .bnr a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body#page-kosodateYuyu-housing-index #content .area-akiya .bnr a emmg {
    width: 100%;
    height: auto;
  }
}



@media only screen and (min-width: 768px) {
  body[id^="page-kosodateYuyu-schedule"] #pagetit {
    height: 450px;
    background-image: url("/_themes/yuyu/img/schedule/bg_tit.jpg");
    background-position: center center;
  }
  body[id^="page-kosodateYuyu-schedule"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body[id^="page-kosodateYuyu-schedule"] #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_r.png") right 350px no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_l.png") left 350px no-repeat;
    z-index: -1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area {
    background: transparent url("/_themes/yuyu/img/schedule/bg.png") center 50px no-repeat;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .intro {
    padding-bottom: 40px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .inr {
    padding: 40px 42px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .subtit {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal {
    margin-bottom: 80px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row:before, body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row .col {
    width: 418px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row .col-left {
    float: left;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row .col-right {
    float: right;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .table-outer {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #5ba93b;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .table {
    width: 417px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .month {
    width: 55px;
    height: 100%;
    color: #fff;
    text-align: center;
    background: #5ba93b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list {
    padding-left: 5px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item {
    position: relative;
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:before, body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:last-child {
    margin-bottom: 0;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt {
    position: relative;
    float: left;
    width: 200px;
    padding-left: 20px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt:before {
    display: block;
    position: absolute;
    left: 0;
    content: "●";
    color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt .title {
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt .sub {
    font-weight: normal;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .thumb {
    float: right;
    width: 126px;
    height: 87px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .bnr {
    margin-bottom: 80px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .bnr a {
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .bnr a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row {
    min-height: 204px;
    margin-bottom: 60px;
    position: relative;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row:before, body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row.last {
    margin-bottom: 0;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .subhead {
    position: relative;
    height: 50px;
    margin-bottom: 20px;
    line-height: 50px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #5ba93b;
    font-weight: bold;
    border-bottom: 1px dashed #5ba93b;
    text-align: left;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .subhead em {
    display: inline-block;
    min-width: 50px;
    margin-right: 10px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .block {
    width: 520px;
    margin-top: -15px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .block .caption {
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .block .pic {
    position: absolute;
    right: 0;
    top: 0;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body[id^="page-kosodateYuyu-schedule"] #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/schedule/bg_tit.jpg");
    background-position: center top;
  }
  body[id^="page-kosodateYuyu-schedule"] #pagetit img {
    width: 125px;
  }
  body[id^="page-kosodateYuyu-schedule"] #container {
    background: transparent url("/_themes/yuyu/img/common/bg2.png") left top repeat;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .subtit {
    margin-bottom: 20px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .subtit img {
    width: 195px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .intro {
    margin-bottom: 20px;
    padding-bottom: 110px;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    background: transparent url("/_themes/yuyu/img/schedule/bg_sp.png") right bottom no-repeat;
    background-size: 92px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .intro br {
    display: none;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .inr {
    padding: 15px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row:before, body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .row .col {
    width: 100%;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .table-outer {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #5ba93b;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .table {
    width: 100%;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .month {
    width: 35px;
    height: 100%;
    color: #fff;
    text-align: center;
    background: #5ba93b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list {
    padding-left: 5px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item {
    position: relative;
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:before, body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item:last-child {
    margin-bottom: 0;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt {
    position: relative;
    float: left;
    width: 115px;
    padding-left: 15px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt:before {
    display: block;
    position: absolute;
    left: 0;
    content: "●";
    color: #5ba93b;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt .title {
    font-weight: bold;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .txt .sub {
    font-weight: normal;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .thumb {
    float: right;
    width: 76px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .cal .list .item .thumb img {
    width: 100%;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .bnr {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .bnr a {
    display: block;
    width: 257px;
    margin: 0 auto;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .bnr a emmg {
    width: 100%;
    height: auto;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row {
    position: relative;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row {
    *zoom: 1;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row:before, body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row:after {
    content: "";
    display: table;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row:after {
    clear: both;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .block {
    margin-bottom: 40px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .block.last {
    margin-bottom: 0;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .subhead {
    position: relative;
    height: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    color: #00663f;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px dashed #00663f;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .subhead em {
    display: inline-block;
    min-width: 20px;
    margin-right: 10px;
    text-align: center;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .subhead em img {
    height: 30px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .pic {
    text-align: center;
    margin-bottom: 20px;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .pic img {
    width: 100%;
  }
  body[id^="page-kosodateYuyu-schedule"] #content .area .matsuri .row .caption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    text-align: left;
  }
}



@media only screen and (min-width: 768px) {
  body.error404 #pagetit {
    height: 450px;
    background-image: url("/_themes/yuyu/img/news/bg_tit.jpg");
    background-position: center bottom;
  }
  body.error404 #container {
    background: transparent url("/_themes/yuyu/img/common/bg1.png") left top repeat;
  }
  body.error404 #content {
    max-width: 1260px;
    margin: 0 auto;
  }
  body.error404 #content:before {
    position: absolute;
    display: block;
    right: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_r.png") right top no-repeat;
    z-index: -1;
  }
  body.error404 #content:after {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    content: '';
    width: 111px;
    height: 100%;
    background: transparent url("/_themes/yuyu/img/news/bg_l.png") left top no-repeat;
    z-index: -1;
  }
  body.error404 #content .area-404 {
    padding: 42px 58px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body.error404 #content .page-tit {
    margin-bottom: 50px;
    font-size: 28px;
    font-size: 2.8rem;
    text-align: center;
    font-weight: bold;
  }
  body.error404 #content .note {
    margin-bottom: 60px;
    text-align: center;
  }
  body.error404 #content .back {
    margin-bottom: 100px;
    text-align: center;
  }
}



@media only screen and (max-width: 767px) {
  /* ----------------------------------------------------------------
    767px以下
  ----------------------------------------------------------------- */
  body.error404 #pagetit {
    height: 85px;
    background-image: url("/_themes/yuyu/img/news/bg_tit.jpg");
    background-position: center center;
    background-size: cover;
  }
  body.error404 #pagetit img {
    width: 106px;
  }
  body.error404 #container {
    background: transparent url("/_themes/yuyu/img/common/bg1.png") left top repeat;
  }
  body.error404 #content {
    width: 100%;
    margin: 0 auto;
  }
  body.error404 #content .area-404 {
    margin-bottom: 40px;
    padding: 10px 10px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  body.error404 #content .page-tit {
    margin-bottom: 50px;
    padding-top: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    font-weight: bold;
  }
  body.error404 #content .note {
    margin-bottom: 60px;
  }
  body.error404 #content .back {
    margin-bottom: 50px;
    text-align: center;
  }
}


/* =========================================================
   calender
========================================================= */

#cal {
  padding: 0;
  text-align:center;
}
#cal .pieceBody h3 {
  margin: 0;
  margin-bottom: 6px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 160%;
  color: #1D1D1D;
}
#cal .pieceBody table {
  width: 100%;
  border: 1px solid #bbb;
}
#cal .pieceBody th, #cal .pieceBody td {
  padding: 2px;
  border: 1px solid #bbb;
  text-align: center;
}
#cal .pieceBody table a {
  margin: 0;
  padding: 0;
  background-image: none;
  background-color: #FFDD00;
  text-decoration: none;
  display: block;
  border-radius: 10px;
}
#cal .pieceBody .sat {
  background-color: #dff6fe;
  color: #3366ff;
}
#cal .pieceBody .sun {
  background-color: #ffe6f1;
  color: #ee0000;
}
#cal .pieceBody table .prevMonth,
#cal .pieceBody table .nextMonth {
  color: #cccccc;
}
#cal .pieceBody .pagination {
  margin-top: 10px;
}
#cal .pieceBody .pagination a {
  padding: 0;
}
#eventType .pieceBody {
  border-bottom: 2px solid #cccccc;
}
#eventType .pieceBody li {
  float: left;
  width: 25%;
  margin-right: 10px;
}
#eventType .pieceBody li a {
  display:block;
  padding: 10px 0;
  border-radius: 5px 5px 0 0; /*  IE-CSS3 */
   -moz-border-radius: 5px 5px 0 0; /* Firefox */
   -webkit-border-radius: 5px 5px 0 0; /* Safari and Chrome */
  background-color: #ebebeb;
  behavior: url(../js/PIE.htc);
}
#eventType .pieceBody li a:hover {
  background-color: #cccccc;
}
.calendarEvents table{
  /*border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;*/
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin:0 15px 1em;
  font-size: 90%;
  /*border-top-color: #666;
  border-right-color: #666;
  border-bottom-color: #666;
  border-left-color: #666;*/
  border: 1px solid #ccc;
}
.calendarEvents table th{
  /*border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;*/
  border: none;
  border: 1px solid #ccc;
  padding: 5px;
  color: #333;
  background-color: #e6e6e6;
  line-height: 120%;
  /*border-top-color: #666;
  border-right-color: #666;
  border-bottom-color: #666;
  border-left-color: #666;*/
}
.calendarEvents table td{
  /*border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;*/
  border: 1px solid #ccc;
  padding: 5px;
  line-height: 120%;
  background-color: #FFFFFF;
  border-right: solid 1px #ccc;
  /*border-top-color: #666;
  border-right-color: #666;
  border-bottom-color: #666;
  border-left-color: #666;*/
}

.pagination{
  text-align:center;
}

/* event-calender
----------------------------------------------- */
.calendarEvents h2 {
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: 2px solid #008746;
}
.calendarEvents .pagination {
  margin: 20px 0;
}

/* common
------------------------ */
.calendarEvents table {
  width: 95%;
}
.calendarEvents table th {
  background-color: #e5e5e5;
  text-align: center;
}
.calendarEvents table th.sun,
.calendarEvents table td.sun {
  color: #EE0000;
}
.calendarEvents table th.sat,
.calendarEvents table td.sat {
  color: #3366FF;
}
.categoryEvent {
  /*background-color: #ff00ff;*/
}
.calendarEvents .category {
  color: #000000;
}
.calendarEvents .category .categoryEvent {
  background-color: #DBF0B3;
  color: #246609;
  border-radius: 5px;
}
.calendarEvents .category .categoryKoza {
  background-color: #ccdddd;
  color: #246609;
  border-radius: 5px;
}
.calendarEvents .category .categoryBunka {
  background-color: #ffffcc;
  color: #246609;
  border-radius: 5px;
}
.calendarEvents .category .categorySports {
  background-color: #ffcc00;
  color: #246609;
  border-radius: 5px;
}

/* ichiran
------------------------ */
.calendarMonthlyEvents th,
.calendarMonthlyEvents td,
.calendarTodayEvents th,
.calendarTodayEvents td {
  padding: 3px;
  border: 1px solid #aaaaaa;
}
.calendarMonthlyEvents th.image,
.calendarTodayEvents th.image {
  width: 140px;
}
.calendarMonthlyEvents th.date,
.calendarTodayEvents th.date {
  width: 50%;
}
.calendarMonthlyEvents table,
.calendarTodayEvents table {
  width: 95%;
}
.calendarMonthlyEvents table th.date,
.calendarTodayEvents table th.date {
  width: 25%;
}
.calendarMonthlyEvents table td,
.calendarTodayEvents table td {
  border-bottom: 1px dotted #aaaaaa;
  vertical-align: middle;
}

.calendarMonthlyEvents table p,
.calendarTodayEvents p {
  margin-bottom: 0;
}
.calendarMonthlyEvents table p.title,
.calendarMonthlyEvents table p.category,
.calendarTodayEvents table p.title,
.calendarTodayEvents table p.category {
  display: inline;
}
.calendarMonthlyEvents table td.image .thumb,
.calendarTodayEvents table td.image .thumb {
  margin-top: 5px;
}
.calendarMonthlyEvents table td.image .thumb:first-child,
.calendarTodayEvents table td.image .thumb:first-child {
  margin-top: 0;
}
.calendarMonthlyEvents table td.image img,
.calendarTodayEvents table td.image img {
  width: 120px;
}

.calendarMonthlyEvents table td.image .noPhoto,
.calendarTodayEvents table td.image .noPhoto {
  width: 120px;
  height: 90px;
  background-color: #cccccc;
}

/* calendar
------------------------ */
.calendarCalendarEvents table{
  border: 0 none!important;
}
.calendarCalendarEvents table th,
.calendarCalendarEvents table td {
  padding: 3px;
  /*border: 1px solid #aaaaaa;*/
}
.calendarCalendarEvents table td {
  width: 14%;
  vertical-align: top;
}
.calendarCalendarEvents table td:first-child:before {
  display: block;
  float: left;

  height: 100px;
  content: "";
}
.calendarCalendarEvents table p {
  margin-bottom: 0;
}
.calendarCalendarEvents table td.prevMonth,
.calendarCalendarEvents table td.nextMonth {
  color: #cccccc;
}
.calendarCalendarEvents table ul {
  list-style: none;
  margin: 0;
}

/* event-type-piece
----------------------------------------------- */
#page-calendar-index #eventType .pieceBody li.type01 a,
#page-eventList-index #eventType .pieceBody li.type02 a,
#page-todaysEvent-index #eventType .pieceBody li.type03 a {
  background-color: #cccccc;
}

/* event-cate
----------------------------------------------- */
span.kids,
span.seminar,
span.bunka,
span.sports,
span.event,
span.etc{display:none;}

#content li.p-kids{
  border-radius:2px;
  padding: 5px;
  margin-bottom:5px;
  color:#fff;
  font-weight: bold;
  background-color:#f288b2;
}
#content li.p-seminar{
  border-radius:2px;
  padding: 5px;
  margin-bottom:5px;
  color:#fff;
  font-weight: bold;
  background-color:#6bb94a;
}
#content li.p-bunka{
  border-radius:2px;
  padding: 5px;
  margin-bottom:5px;
  color:#fff;
  font-weight: bold;
  background-color:#f18b24;
}
#content li.p-sports{
  border-radius:2px;
  padding: 5px;
  margin-bottom:5px;
  color:#fff;
  font-weight: bold;
  background-color:#0089cc;
}
#content li.p-event{
  border-radius:2px;
  padding: 5px;
  margin-bottom:5px;
  color:#fff;
  font-weight: bold;
  background-color:#008e61;
}
#content li.p-etc{
  border-radius:2px;
  padding: 5px;
  margin-bottom:5px;
  color:#fff;
  font-weight: bold;
  background-color:#b674bb;
}

#content li.p-kids a,
#content li.p-seminar a,
#content li.p-bunka a,
#content li.p-sports a,
#content li.p-event a,
#content li.p-etc a{
  color: #fff;
  display: block;
}
.cat0{
  text-align: center;
  font-size: 1.5rem;
}
.cat0 a{
  text-decoration: underline;
}
#page-kosodateYuyu-news-index #yuyuPagetitle h1,
#page-kosodateYuyu-news-index .back-archive,
h2.date,
.text-beginning time,
.inquiry,
.category,
.adobeReader,
.upperPagination{
  display:none;
}