@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

*{
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {
    padding-top:0px;
    background-color: #ffffff;
    color: #221815;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    -webkit-text-size-adjust: 100% !important;
}

body a {
	color: #000000;
	text-decoration: none;
	transition:opacity .3s linear;
    -o-transition:opacity .3s linear; 
    -moz-transition:opacity .3s linear; 
    -webkit-transition:opacity .3s linear;
}

body a:hover {
	opacity: 0.9;
}

input {
    
    border-radius: 0;
}

textarea:focus, input:focus, select:focus { 
	outline: 0; 
}
.clearfix:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  

.clearfix { display: inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

.btn {
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
}
/*Header*/
.header-wrap{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 500;
}
.header-wrap .header-content{
    text-align: center;
    padding-bottom: 25px;
    font-size: 14px;
    line-height: 20px;
}
.header-wrap .header-content .logo{
    display: block;
    float:left;
}
.header-wrap .header-content .logo>img {
    width: 300px;
    /* height: 32px; */
}
.header-wrap .header-link{
    margin-top:25px;
}
.header-wrap .header-link ul{
    text-align: right;
    padding-right:60px;
}
.header-wrap .header-link ul li{
    display: inline-block;
    
}
.header-wrap .header-link ul li>a{
    border-color: #58595b;
    margin-left: 15px;
    margin-right: 15px;
    transition: border-color .3s linear;
    -o-transition: border-color .3s linear;
    -moz-transition: border-color .3s linear;
    -webkit-transition: border-color .3s linear;
    padding-bottom: 3px;
}
.header-wrap .header-link ul li>a.active,
.header-wrap .header-link ul li>a:hover{
    border-bottom: 1px solid #333;
}
/*Footer*/
.footer-wrap{
    clear: both;
}
.footer-wrap .footer-content{
    text-align: center;
    margin:0 auto;
}
.footer-content .mailmagazine{
    padding: 50px 0 50px 0;
    background: #F4F4F4;
    border-bottom: solid 1px #eaeaea;
    border-top: solid 1px #eaeaea;
}
.footer-content .mailmagazine label{
    width: 100%;
    height: auto;
    font-size: 19px;
    color: #000000;
}
.footer-content .mailmagazine .input{
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
.footer-content .mailmagazine input[type='email']{
    width: 100%;
    max-width: 600px;
    height: 47px;
    background-color: #ffffff;
    border: none;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 42px;
    color: #000000;
    text-align: left;
    text-indent: 15px;
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    margin-bottom:10px;
}
.footer-content .mailmagazine input[type='submit']{
    height: 47px;
    width: 120px;
    margin-left: 5px;
}
.footer-wrap .copyright{
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #696969;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    float:right;
}
.fotstart1 ul li {
    display: inline-block;
    color:#696969;
    line-height:24px;
    font-size: 12px;
    padding-right: 15px;
}
.fotstart1 ul li a{
    color:#696969;
    font-size: 13px;
}
.fotstart2 ul li {
    display: inline-block;
    color:#696969;
    line-height:24px;
    font-size: 12px;
    padding-right: 15px;
    list-style: none;
}

.fotstart {
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 0 50px 0;
}
.fotstart1 {
    float: left;letter-spacing: 1px;
}
.fotstart2 {
    float: right;
}
.fotend {
    max-width: 1000px;
    margin: 0 auto;
    border-top: 1px solid #F0EEEE;
    padding: 10px 0 20px 0;
    height: 80px;
}
.fotendsns {
    float: left;
    padding-top: 15px;
}
/*Main*/
.main-wrap{
    position: relative;
    width: 100%;
    height: auto;
}

.page{
    padding-bottom: 25px;
}

/*Top Page*/
.top .top-img {
    width: 100%;
    overflow: hidden;
}
.top .top-img>img{
    width: 100%;
}

.item-wrap{
    position: relative;
    width: auto;
    margin: 50px auto 0;
    padding-top:25px;
    padding-bottom: 25px;
}

.item-wrap .item-info{
    overflow: hidden;
}

.item-grid {
    width: 235px;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
}

.item-info .item-thumbnail {
    position: relative;
    width: 235px !important;
    height: auto !important;
}
.item-info .item-category {
    margin-top: 15px;
    position: relative;
    width: 180px;
    height: auto;
    padding-top: 3px;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    color: #D5D5D5;
    border-top: 1px solid #D5D5D5;
}
.item-info .item-title {
    position: relative;
    height: auto;
    margin-top: 17px;
    /*padding-right: 25px;*/
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
    text-align: left;
    color: #000000;
}
.item-info .item-desc {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 25px;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    /*padding-right: 20px;*/
    text-align: left;
    color: #58585a;
    line-height: 18px;
    letter-spacing: 3px;
}
#top-bxlider .bx-pager, .bx-wrapper .bx-controls-auto {
    position: inherit;
}
.top-about {
    margin-bottom: 55px;
    margin-top: -25px;
}
.top-about .bxslide-wrapper {
    position: absolute;
    right: 0;
    top: 118px;
    width: 430px;
    min-height: 295px;
    padding: 70px 40px 30px;
    background: url(/images/bg_white.png);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 15px;
    text-align: center;
    color: #444;
    box-sizing: border-box;
    z-index: 10;
}
.ttlLow span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block;
    padding-top: 10px;
    font-size: 13px;
    letter-spacing: 0;
}
p.ttlLow {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
}
.bxslide-wrapper .description {
    padding: 0 30px 20px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 2px;
}
p.btnMore {
    display: inline-block;
    font-size: 12px;
    width: 124px;
    text-align: center;
    
    color: #fff;
}
p.btnMore a{
    color:#ccc;
    display: block;
    background: #1E1E1E;
    padding: 5px 30px;
    vertical-align: top;
    border-radius: 3px;
    -webkit-border-radius: 12px;
    /* margin-left: 30px; */
    -moz-border-radius: 5px;
    text-decoration: none!important;
    text-align: center;
}
p.btnMore a:hover{
    background-color: #606060;
}
.item-info .item-desc p {
    font-size: 12px;
    letter-spacing: 1px;
}
.item-category-box {
    float: left;
    display: block;
    display: inline-block;
    padding: 12px 25px;
    background-color: #D5D5D5;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: "FOT-筑紫ゴシック Pro D", TsukuGoPro-D,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    padding: 4px 12px;
    margin: 10px 10px 0px 0px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.item-category-box a{
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: "FOT-筑紫ゴシック Pro D", TsukuGoPro-D,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}
.item-info .item-detail-btn{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 20px;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    color: #58585a;
    cursor: pointer;
}
.link-list>a>span,
.item-info .item-detail-btn>span{
    color: #58585a;
    border-bottom: 1px solid #58585a;
}
.link-list{
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
}

/*Content Detail*/
.media-top>img{
    width:100%
}
.media-top {
    width: 100%;
    margin: 0 auto;
    /*height: 420px;*/
    /*overflow: hidden;*/
}
.media-title{
    padding:35px 0 43px 0;
}
.media-title h1{
    font-weight: 600;
    font-size: 24px;
    line-height: 1.8;
    text-align: left;
    letter-spacing: 2px;
}
h1.newdetail-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.8;
    text-align: left;
    letter-spacing: 2px;
    margin: 70px 0 10px 0;
}

.media-sub-title{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding-bottom: 45px;
}
.media-summary{
    width:770px;
    text-align: left;
    margin: 0 auto 25px auto;
    line-height: 1.8;
    font-size: 12px
}

.media-share,
.media-comment{
    width:770px;
    margin:0 auto;
}
.media-content{
    clear:both;
    padding-top: 35px;
    padding-bottom: 25px;
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    color: #333;
}
.media-content img{
    width:100%;
}
.media-content h2 {
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
}
.media-content p {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    color: #333;
}
.share-btn ul{
    list-style-type: none;
    padding-bottom: 25px;
}
.share-btn ul li:first-child{
    padding-right: 25px;
}
.share-btn ul li{
    float: left;
    
}
.section.rec { clear: both;

    margin-bottom: 60px;
    marign-top:45px;
    background-color: #F0F0EE;
}
.section.rec .inner {
    Width: 770px;
    margin: 0 auto;
    height: 225px;
    padding: 30px 0 30px 0;
    margin-top: 50px;
}
.section.rec .inner .recimg {
    float: left;
    width: 295px;
}
.section.rec .inner .content {
    width: 475px;
    float: left;
    text-align: center;
    padding-top:20px;
}
.section.rec .inner .title {
    line-height: 28px;
    font-size: 16px;
    letter-spacing: 1px;
}
.section.rec .inner .lead {
    letter-spacing: 1px;
    line-height: 24px;
    font-size: 16px;
}
.section.rec .inner .facebook {
    margin: 10px 0 15px 0;
}

.contentlist {
    position: relative;
    width: 1140px;
    height: 150px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: left;
}

.s3listbox {
    float: left;
    width: 270px ;
    margin-right: 20px;
}
.s3listbox_last {
    float: left;
    width: 270px ;
    height: auto;
    margin-right: 0px;
    margin-bottom: 20px;
}
p.cp-description {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    padding: 0 5px 30px 3px;
    letter-spacing: 1px;
}
.concept-feature {
    text-align: center;
    margin-top: 120px;
}
.conceptgotop {
    text-align: center;
    margin: 135px 0 55px 0;
    clear: both;
}
#concept-bxlider-wrapper .bx-prev:before {
    left: 0;
    background: url(/images/arrow_photo_left.png) center left;
}
#concept-bxlider-wrapper .bx-next:before {
    right: 0;
    background: url(/images/arrow_photo_right.png) center right;
}
#concept-bxlider-wrapper .bx-prev,
#concept-bxlider-wrapper .bx-next{
    width: 50px;
    display: block;
    height: 100px;
    background: rgba(221, 221, 221,0);
    z-index: 10;
    top: 50%;
    margin-top: -50px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-property: background;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: linear;
    -o-transition-property: background;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: linear;
    -ie-transition-property: background;
    -ie-transition-duration: 0.3s;
    -ie-transition-timing-function: linear;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear;
}
#concept-bxlider-wrapper .bx-prev:hover,
#concept-bxlider-wrapper .bx-next:hover{
    background: rgba(221, 221, 221,0.8);
}
#concept-bxlider-wrapper .bx-prev:before,
#concept-bxlider-wrapper .bx-next:before{
    position: absolute;
    content: '';
    top: 50%;
    margin-top:-27px;
    z-index: 12;
    display: block;
    width: 28px;
    height: 54px;
}
#concept-bxlider-wrapper .bx-prev{
    left: 0;
}
#concept-bxlider-wrapper .bx-prev:before{
    left: 0;
    background: url(/images/arrow_photo_left.png) center left;
}
#concept-bxlider-wrapper .bx-next{
    right: 0;
}
#concept-bxlider-wrapper .bx-next:before{
    right: 0;
    background: url(/images/arrow_photo_right.png) center right;
}
/*page about*/
.about .top-img{
    height:670px;
    width: 100%;
    overflow: hidden;
}
.about .about-img {
    /*height: 670px;*/
    width: 100%;
    overflow: hidden;
}
.about .top-img>img{
    width:100%;
}

.about .about-img>img{
    width:100%;
}

.about .concept-content{
    margin-top: 50px;
}
.about .concept-content .column{
    width: 50%;
    float: left;
}

.about .concept-content .column .concept-content-column-section{
    padding-left: 20px;
}
.about .concept-content .column:first-child .concept-content-column-section{
    padding-right: 20px;
    padding-left: 0;
}
.about .concept-content .concept-section-title {
    margin-bottom: 25px;
}
.about .concept-content .concept-section-title span {
    border-bottom: 1px solid #58585a;
}
.about .concept-content p.concepttext {
    line-height: 28px;
    font-size: 13px;
    letter-spacing: 1px;
}
.about .recommand-medias{
    
}
.about .recommand-medias .item-grid{
    margin-left: 2px;
    margin-right: 2px;
}
.about .access-content-column {
    margin-top: 40px;
}
.about .access-content-column>img{
    width:100%;
    
}
.accessinfo {
    margin-top: 35px;
    width: 50%;
    float: left;
}
.accessinfo-1 {
    float: left;
    width: 40%;
    line-height: 27px;
    letter-spacing: 0px;
}
.accessinfo-2 {
    float: left;
    width: 60%;
}
.accessinfo-2 {
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 0px;
     padding-right: 20px;

}
p.accesssub {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #3D3D3D;
}
.accessinfo-1 p{
    font-size: 13px;
}

.about-news{
    font-size: 13px;
    font-weight: 500;
}
.about-news table td{
    border-top: none;
    text-align: left;
}
.about-news table td:first-child{
    padding-left: 0;
}
.news-list-link>a {
    clear: both;
    font-size: 14px;
    padding-top: 20px;
    font-weight: 500;
}
/*Privacy*/
.medialist .maintitle,
.contact .maintitle,
.privacy .maintitle{
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #5D5C5C;
    padding-bottom: 40px;
    padding-top: 45px;
}
.contact .maintitle,.privacy .maintitle {
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #5D5C5C;
    padding-bottom: 35px;
    padding-top: 40px;
}
.medialist .maintitle .header-title,
.contact .maintitle .header-title,
.privacy .maintitle .header-title{
    margin-bottom: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    letter-spacing: .6rem;
    font-size: 26px;
    font-weight: normal;
    text-align: left;
    color: #fff;
}
.medialist .maintitle .sub-text,
.contact .maintitle .sub-text,
.privacy .maintitle .sub-text{
    color: #fff;
    letter-spacing: .2rem;
}
.privacy-content h2 {
    margin: 20px 0 0px 0;
    font-size: 18px;
    line-height: 30px;
}
.privacy-content{
    font-size: 14px;
    line-height: 30px;
}
/*Page Contact*/
.contact_desc {
    line-height: 34px;
    font-size: 15px;
    color: #333;
    margin: 50px 0 50px 0;
}
.contact-btn{
    text-align: center;
    font-size: 14px;
}
.contact-btn .submit{
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom:30px;
}
.contact-btn .submit>span {
    background: #FFC000;
    font-size: 14px;
    width: 230px;
    text-align: center;
    padding: 13px 0px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    text-decoration: none!important;
    border: 1px solid #FFC000;
    color: #fff;
}
.contact form.confirm dt{
    font-size: 16px;
    font-weight: 600;
}
/*Feature*/
.feature-item-cover {
    position: relative;
    overflow: hidden;
}
.feature-item-cover>a>img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: 3px;
}
.feature-item-cover .feature-wrap{
    position: absolute;
}
.media-feature-detail .media-title h1{
    text-align: center;
}
.media-feature-detail .media-content h2,
.media-feature-detail .media-content p{
    width: 770px;
    margin-left: auto;
    margin-right: auto;
}
/*Photo*/
.media-photo .photo-content-detail{
    width: 100%;
    float:left;
    line-height: 30px;
    font-size: 13px;
    letter-spacing: 2px;
    
}
.media-photo .photo-content-detail p{
    margin-right: 35px;
}
.media-photo .photo-content-tags p{
    margin-left: 10px;
}
.media-photo .photo-content-tags{
    width:33%;
    float:right;
}
.media-photo .photo-content-tags .sub-title{
    margin-bottom: 25px;
    margin-left: 10px;
}
.media-photo .photo-content-tags .sub-title span {
    border-bottom: 1px solid #58585a;
    font-size: 16px;
    font-weight: 500;
}
/*共通用*/
.top-img img{
    width:100%;
}
.inner-wrap{
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.inner-wrap-min{
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}
.img-wrap-h180{
    height: 180px;
    overflow: hidden;
}
.img-wrap-h180>img{
    width: 100%;
}
.breakline {
    clear: both;
    width: 400px;
    height: 60px;
    border-bottom: #DEDDDD 1px solid;
    margin: 0 auto;
    padding: 0 150px;
}
.breakline2 {
    clear: both;
    width: 60px;
    height: 0px;
    border-bottom: #FABC00 4px solid;
    margin: 0 auto;
    padding: 0px 80px;
}
h2.feature-relate {
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 500;
}
.header-title{
    padding-bottom: 15px;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    color: #060606;
    margin-bottom: 30px;
    font-size: 24px;
    letter-spacing: 8px;
}
.section{
    margin-bottom: 60px;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 70px;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.table td, .table th {
    padding: .75rem;
    line-height: 1.5;
    border-top: 1px solid #eceeef;
}
.feature-top>img{
    width:100%
}
.feature-top {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    /*height: 420px;*/
    /*overflow: hidden;*/
}
.feature-title{
    padding:0px 0 43px 0;
}
.feature-title h1{
    font-weight: 500;
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 2px;
}
.feature-sub-title{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding-bottom: 45px;
}
.feature-summary{
    width:770px;
    text-align: left;
    margin: 0 auto 25px auto;
    line-height: 1.8;
    font-size: 12px
}
.feature-top .media-summary {
    width: 770px;
    text-align: left;
    margin: 0 auto 25px auto;
    line-height: 1.8;
    font-size: 12px;
    letter-spacing: 1px;
}
.feature-share,
.feature-comment{
    width:770px;
    margin:10px auto;
}
.feature-share .share-btn ul {
    list-style-type: none;
    padding-bottom: 25px;
    padding-left: 248px;
}
.feature-content-01 {
    margin-bottom: 50px;
}
.feature-content-03 {
    float: left;
    width: 50%;
    padding:50px;
}
.feature-content-03 p{
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
}
.feature-content-04 {
    float: left;
    width: 50%;
}
.feature-content-10 {
    height: 1300px;
    background-image: url("https://yamagata-base.com/wp/wp-content/uploads/2016/01/coffee.png");
}
.feature-content-11 {
    position: absolute;
    font-size: 13px;
    font-weight: 500;
    max-width: 550px;
    line-height: 28px;
    padding: 365px 0 0 178px;
}
.feature-content-12 {
    position: absolute;
    font-size: 13px;
    font-weight: 500;
    max-width: 980px;
    line-height: 28px;
    padding: 365px 0 0 607px;
}
.gotop {
    text-align: center;
    margin: 75px 0 55px 0;
    clear: both;
}
.gotop a {
    font-size: 14px;
    margin-top: 10px;
    color: #fff !important;
    padding: 12px 100px;
    width: 240px;
    background: #000;
    text-decoration: none;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
@media screen and (max-width: 768px){
.gotop a {
    font-size: 12px;
    margin-top: 10px;
    color: #fff !important;
    padding: 12px 100px;
    width: 80%;
    background: #000;
    text-decoration: none;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
}
.golist {
    text-align: center;
    margin: 0px 0 105px 0;
    clear: both;
}
.golist a {
    font-size: 14px;
    margin-top: 10px;
    color: #C8C7C7 !important;
    padding: 12px 100px;
    width: 240px;
    background: #fff;
    border: solid 1px #C8C7C7;
    text-decoration: none;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.cat_yellow{
    display: inline-block;
    font-size: 10px;
    letter-spacing: 3px;
    background-color: #FFC000;
    border: 1px solid #FFC000;
    color: #fff;
    text-align: center;
    padding: 5px 32px;
    text-decoration: none!important;
    border-radius: 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
form input[type="text"],
form textarea {
  border: none;
  outline: none;
  width: 95%;
  color: #333333;
  background-color: #f8f8f8;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}
form input[type="text"]:focus,
form textarea:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  box-shadow: none;
  background-color: #fff;
}
form input[type='radio'] {
  width: 16px;
  height: 16px;
}
form input[type='text'] {
  line-height: 1;
  padding: 10px 20px;
}
form input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
form dt {
    line-height: 2.86;
    font-size: 14px;
}
form dt.required {
  position: relative;
}
form dd {
  margin-bottom: 20px;
}
form dd.error input[type="text"],
form dd.error textarea {
  border-color: #CE3936;
}
form dd p.error {
  margin-top: 8px;
  display: inline-block;
  background-color: #CE3936;
  padding: 0 16px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.3;
  letter-spacing: .1rem;
  color: #fff;
}
form .error{
    font-size: 13px;
    color:red;
    display: block;
    padding-top:3px;
}
a.tag_label2 {
    border: 1px solid #d3d3d3;
    padding: 6px 15px;
    border-radius: 3px;
    background: #fff;
    color: #5a5a5a;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}
a.tag_label{
    font-weight: normal;
}
.img-cover{
    position: absolute;
}
.top-img{
    position:relative;
}

#photo-top-view .media-top{
    /*height:420px;*/
    overflow: hidden;
}
#photo-top-view .photo-content{
   /* height: 200px;*/
    overflow: hidden;
}
.no-underline:hover{
    text-decoration: none !important;
    border-bottom:none !important;
}
.no-underline{
    text-decoration: none !important;
    border-bottom:none !important;
}
#header-sub-menu {
    margin-bottom: -10px;
}
#header-sub-menu .item-category-box{
    padding: 5px 16px;
    margin: 22px 15px 0px 0px;
}
#header-sub-menu a:hover,
#header-sub-menu a.active{
    background: #F9B800;
}
.item-category-box:hover{
    background: #F9B800;
}
@media only screen and (max-width: 1140px) {
    
    .media-comment,
    .media-share,
    .media-content{
        width: 100%;
    }
    .media-summary p{
        margin:0 20px;
    }
    .inner-wrap{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 770px){
    .media-feature-detail .media-content p,
    .inner-wrap-min{
        padding-left: 10px;
        padding-right: 10px;
    }
}

#s_3 .inr {
    margin: 0 auto;
    width:1140px;
    padding: 60px 0;
    height: 310px;
}
.s3eventbox {
    float: left;
    width: 1140px;
    margin-right: 0px;
}

.courtitle {
    clear: both;
    width: 1140px;
    padding: 10px 0 10px 0;
    border-top: 1px solid #d7dbdf;
    border-bottom: 1px solid #d7dbdf;
    line-height: 24px;
    height: 42px;
}
.courtitle1 {
    float: left;
    font-size: 14px;
    text-align: center;
    width: 765px;
}
.courtitle2 {
    float: left;
    font-size: 14px;
    text-align: center;
    width: 180px;
}
.courtitle3 {
    float: left;
    font-size: 14px;
    text-align: center;
    width: 180px;
}
.uservoice {
    width: 1140px;
    float: left;
    margin: 40px 0px 0 0px;
    display: inline-block;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #d7dbdf;
}
.uservoice .uservoice-thm {
    float: left;
    margin: 10px 30px 0 10px;
}
.uservoice .uservoice-pre {
    float: left;
    margin-top: 0px;
    width: 150px;
    font-weight: 600;
    color: #333;
    vertical-align: baseline;
    letter-spacing: 1px;
    font-size: 14px;
}
.uservoice .uservoice-body {
    float: left;
    margin: 0 20px 0 0px;
    width: 440px;
    padding-right: 20px;
}

.uservoice .uservoice-body p{
    font-size:13px;    line-height: 24px;
}

.uservoice .uservoice-pre1 {
    float: left;
    margin-right: 20px;
    width: 200px;
    height: 150px;
    font-weight: 500;
    line-height: 28px;
    color: #333;
    vertical-align: baseline;
    font-size: 13px;
    padding: 0 40px 0px 0;
    padding-left: 20px;
    border-left: 1px solid #d7dbdf;
    border-right: 1px solid #d7dbdf;
        font-weight: 600;
}


h5.uservoice1 {
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 20px 0;
    font-weight: 600;
    color: #000000;
    letter-spacing: 1px;
}
.uservoice .uservoice-pre2 {
    float: left;
    margin-right: 20px;
    width: 180px;
    height: 150px;
    font-weight: 500;
    line-height: 22px;
    color: #333;
    vertical-align: baseline;
    font-size: 13px;
    padding: 0 40px 0px 0;
    border-right: 1px solid #d7dbdf;    font-weight: 600;
}
#s_3 h3.eventsec_ttl {
    color: #000;
    margin: 0px auto 20px;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    letter-spacing:1px;
    font-weight: 500;
}

#s_3 h3:after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    margin: 20px auto auto;
    background: #717171;
}
#s_3 p.lead {
    margin: 20px auto 50px;
    font-size: 18px;
    text-align: center;
    line-height: 1.6;
    color: #202020;
}

p.eventtitlesub {
    margin: -10px 0 20px 0;
    letter-spacing: 1px;
    font-weight: 600;
}
span.eventmore {
    /* font-size: 14px; */
    margin-top: 10px;
    color: #fff !important;
    padding: 5px 55px;
    /* width: 204px; */
    background: #fabc00;
    text-decoration: none;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* results */
#results {
    padding: 6rem 0 0;
}
.results_list {
    float: left;
    width: 620px;
}


.results_list li{
    color: #484747;
    padding: 2rem;
    width: 100%;
    list-style: none;
}
.results_list li:nth-child(2){
    border-color: #fff;
    border-style: solid;
    border-width: 1px 0;
}
.results_list_top{
    font-size: 1.2rem;
    letter-spacing: .2rem;
    display: block;
}
.results_list_top::after{
    border-bottom: 3px solid #fff;
    content: "";
    display: block;
    height: 0;
    margin: 0 auto;
    padding: 0 0 .5rem;
    width: 3rem;
}
.results_list_num{
    font-size: 3.6rem;
}
.results_list_img{
    height: 10rem;
    position: relative;
}
.results_list_img_inner{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% 120%;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
         -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.results_list_img_inner.results_img1 {
    background-image: url('../images/yamaeventt01.jpg');
}
.results_list_img_inner.results_img2 {
    background-image: url('../images/yamaeventt02.jpg');
}
.results_list_img_inner.results_img3 {
    background-image: url('../images/yamaeventt03.jpg');
}
.results_list li:hover .results_list_img_inner{
    width: 9rem;
    height: 9rem;
    background-size: 100% 100%;
}
.results_list_title{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1rem;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 3px;
    margin-top: 10px;    line-height: 24px;
}
.item-info.layout03 {
    background: #fff;
}
@media screen and (min-width: 52em), print{
    #results {
        padding: 9rem 0 0;
    }
    .results_list li{
    float: left;
    padding: 0rem 2rem 4em;
    width: 33%;
    }
    .results_list li:nth-child(2){
        border-width: 0 1px;
    }
}
.item-info.item-grid.layout03{
    width: 235px;
    height: 315px;
}
.item-info .item-desccom {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    /* padding-right: 20px; */
    text-align: center;
    color: #58585a;
    line-height: 18px;
    letter-spacing: 2px;
    padding-bottom: 9px;
}
@media screen and (min-width: 52em), print
#eventconcept {
    padding: 14rem 0 0;
}
h2.concept {
    font-size: 28px;
    letter-spacing: 6px;
}
section#s_3 {
    clear: both;
}
p.service_area_titlesub {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
    margin: 25px;
    text-align: center;
}

p.eventconceptmaintext {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
    margin-top: 30px;
    margin: 25px;
    text-align: center;
}

#eventconcept h3.event2sec_ttl {
    color: #000;
    margin: 0px auto 20px;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    letter-spacing:1px;
    font-weight: 500;
}

#eventconcept h3:after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    margin: 20px auto auto;
    background: #717171;
}
#eventconcept p.eventlead {
    margin: 20px auto 50px;
    font-size: 18px;
    text-align: center;
    line-height: 1.6;
    color: #202020;
}
#results h3.eventsec_ttl {
    color: #000;
    margin: 0px auto 20px;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    letter-spacing:1px;
    font-weight: 500;
}

#results h3:after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    margin: 20px auto auto;
    background: #717171;
}


/* results2 */
#results2 {
    padding: 6rem 0 0;
}
.results2_list{
    background-color: #fff;
}
.results2_list>div{
    color: #484747;
    padding: 2rem;
    width: 100%;
}
.results2_list div:nth-child(2){
    border-color: #fff;
    border-style: solid;
    border-width: 1px 0;
}
.results2_list_top{
    font-size: 1.2rem;
    letter-spacing: .2rem;
    display: block;
}
.results2_list_top::after{
    border-bottom: 3px solid #fff;
    content: "";
    display: block;
    height: 0;
    margin: 0 auto;
    padding: 0 0 .5rem;
    width: 3rem;
}
.results2_list_num{
    font-size: 3.6rem;
}
.results2_list_img{
    height: 18rem;
    position: relative;
}
.results2_list_img_inner{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
         -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.results2_list_img_inner.results2_img0 {
    background-image: url('../images/event/thm00.jpg');
}
.results2_list_img_inner.results2_img1 {
    background-image: url('../images/event/thm01.jpg');
}
.results2_list_img_inner.results2_img2 {
    background-image: url('../images/event/thm02.jpg');
}
.results2_list_img_inner.results2_img3 {
    background-image: url('../images/event/thm03.jpg');
}
.results2_list_img_inner.results2_img4 {
    background-image: url('../images/event/thm04.jpg');
}
.results2_list_img_inner.results2_img5 {
    background-image: url('../images/event/thm05.jpg');
}
.results2_list_img_inner.results2_img6 {
    background-image: url('../images/trip/trip03sp.jpg');
}
.results2_list_img_inner.results2_img7 {
    background-image: url('../images/trip/trip02sp.jpg');
}
.results2_list_img_inner.results2_img8 {
    background-image: url('../images/trip/trip01sp.jpg');
}
.results2_list_title{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 1rem;
    vertical-align: middle;
    color: #000;
}
@media screen and (min-width: 52em), print{
    #results2 {
        padding: 0rem 0 0;
    }
    .results2_list div.box{
    padding: 0rem 1.4rem 7rem;
    width: 400px;
    float: left;
    list-style: none;
    }
    .results2_list div.box:nth-child(2){
        border-width: 0 1px;
    }
}
#eventconcept h4.event21sec_ttl {
    color: #000;
    margin: 0px auto 20px;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    letter-spacing:4px;
    font-weight: 500;
}


/* stylearticle page style  */
	
.eventtitle {
	width: 100%;
	margin:100px 0 120px;
	display: table;
	}

#contents .eventtitle h1 {
    font-size: 210%;
    letter-spacing: 0.4em;
    line-height: 1.6;
    margin: -5px 0 28px;
    padding-bottom: 30px;
    text-align: left;
    vertical-align: top;
}
	
.eventtitle .icon_area, .eventtitle .title_area {
	display: table-cell;
	}
	
.eventtitle .icon_area {
	width:156px;
	padding-right:50px;
	vertical-align:middle;
	}
	
.eventtitle .icon_area .top_box {
	padding:18px 0 15px 19px;
	background-color:#fff;
	}
	
.eventtitle .icon_area .top_box .sharp {
    font-size: 57px;
    line-height: 0.6;
    padding-right: 4px;
    vertical-align: top;
	}
	
.eventtitle .icon_area .top_box .number {
	font-size:85px;
	line-height:0.7;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	}
	
.eventtitle .icon_area .bottom_box {
	width:156px;
	height:62px;
	position:relative;
	}
	
.eventtitle .icon_area ul {
	z-index:1;
	width:140px;
	margin:7px 0 0 18px;
	position:absolute;
	}
span.ttt {
    width: 169px;
    height: 33px;
    line-height: 25px;
    font-size: 12px;
    letter-spacing: 2px;
    background-color: #fefefe;
    border-radius: 2px;
    padding: 1px 25px;
}	
.eventtitle .icon_area ul li {
    float: left;
    margin-right: 15px;
    list-style: none;
	}
	
.eventtitle .icon_area ul li img {
	cursor:pointer;
	}
	
.eventtitle .icon_area .season_area {
	width:100%;
	height:100%;
	display:block;
	}
	
.eventtitle .icon_area .spring {
	background-color:#eed8dc;	
	}

.eventtitle .icon_area .summer {
    background-color: #ccda97;	
}
.eventtitle .icon_area .autumn {
    background-color: #e0c088;	
}
.eventtitle .icon_area .winter {
    background-color: #abd8d8;	
}
	
.eventtitle .title_area {
	vertical-align:top;
	display:table-cell;
	vertical-align:top;
	width:100%;
	}
	
.eventtitle .title_area h1 {
font-size: 28px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 3%;
    margin-top: 3%;
    letter-spacing: 10px;
	}
	
.eventtitle .title_area p {
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 1px;
}

.stylearticle header + section {
	margin-top:5%;
	}

.stylearticle .article01,.stylearticle .article02,.stylearticle .article03,.stylearticle .article04,.stylearticle .article05,.stylearticle .article06 {
	overflow:hidden;
	margin-bottom:12%;
	}
	
.stylearticle .col2 h2 {
	background: url(../images/style/line.gif) no-repeat bottom left;
	margin-bottom:7%;
	}
.about .eventconcept-content {
    clear:both;
    margin-top: 50px;margin-bottom: 80px;
}
.eventcolumnimg {
    float: left;
}
.eventcolumn {
    width: 50%;
    float: left;
}
.eventcolumn {    padding-top: 30px;
    padding-left: 50px;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
}
span.eventdesc{
    font-size: 22px;
    line-height: 100px;
    letter-spacing: 5px;    
}

.produce {
    clear: both;
    margin: 0 0 100px 0;
    width: 100%;    height: 210px;
}
.producetext {
    float: left;
    width: 78%;
    padding-right: 55px;line-height: 50px;
}


.produceimg01{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% 120%;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 15rem;
    height: 15rem;
    margin: auto;
    -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
         -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.produceimg01 {
    background-image: url('../images/sagoi.jpg');
}

.produceimg03{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% 120%;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 15rem;
    height: 15rem;
    margin: auto;
    -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
         -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.produceimg03 {
    background-image: url('../images/hoshi03.jpg');
}

.produceimg02{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% 120%;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 15rem;
    height: 15rem;
    margin: auto;
    -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
         -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.produceimg02 {
    background-image: url('../images/suzuki.jpg');
}
.produceimg02b {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% 120%;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 15rem;
    height: 15rem;
    margin: auto;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.produceimg02c {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% 120%;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 15rem;
    height: 15rem;
    margin: auto;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.produceimg02d {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120% 120%;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
    width: 15rem;
    height: 15rem;
    margin: auto;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.produceimg02b {
    background-image: url('../images/trip/suzuki001.jpg');
}
.produceimg02c {
    background-image: url('../images/trip/suzuki002.jpg');
}
.produceimg02d {
    background-image: url('../images/trip/suzuki003.jpg');
}
.producename {
    margin-top: 10px;
}
p.producedesc {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 1px;
    margin-top: 20px;
}
#sns-btns{
    list-style-type: none;
    margin-left: 20px;
}
#sns-btns li{
    float: left;
    margin-right: 10px;
}
.menu_sep {
    color: #7d7c7c;
    font-family: NotoSans-Bold,sans-serif;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
}
span.menu_big {
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-right: 2px;color: #696969;
}
a.eventapply_links {
    width: 150px;
    height: 31px;
    line-height: 32px;
    font-size: 13px;
    letter-spacing: 2px;
    background-color: #ff5858;
    border-radius: 20px;
    text-align: center;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    display: block;
    text-align: center;
    font-weight: 600;
    color: #fff;
    float: right;
    margin-left: 20px;
    margin-top: -7px;
    margin-right: 15px;
}
a.eventapply_links:hover{
    background:#e30000;
    border-radius: 20px;
}
span.producename {
    font-size: 22px;
    letter-spacing: 4px;margin-left: 10px;
}
.applybox {    clear: both;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    padding: 30px 0 30px 0;
    margin-bottom: 0px;
    height:410px;
}
.applybox222 {
    border-bottom: 1px solid #d8d8d8;
    padding: 30px 0 10px 0;
    margin-bottom: 50px;
    height: 190px;
}
.applybox1 {
    float: left;
    width: 300px;
    font-size: 13px;
    line-height: 20px;
    margin-right:50px;
}
.applybox2 {
    float: left;
    width: 300px;
    font-size: 13px;
    line-height: 20px;
    margin-right:50px;
}
.applybox3 {
    float: left;
    width: 300px;
    font-size: 13px;
    line-height: 20px;
}
p.applytitle {
    font-size: 14px;
    color: #929292;
   margin:0 0 10px 0;
}
p.applytitle2 {
    font-size: 14px;
    color: #929292;;
   margin:20px 0 10px 0;
}
p.applytitle3 {
    font-size: 14px;
    color: #2E8B57;
   margin:10px 0 10px 0;
}
span.big2 {
    font-size: 18px;
    letter-spacing: 1px;
}
p.applyconfirm {
    width: 100%;
    text-align: center;
    margin: 40px 0 25px 0;
    letter-spacing: 1px;
    color: #696969;
}
a.eventapply_links2 {
    width: 260px;
    height: 33px;
    line-height: 35px;
    font-size: 13px;
    letter-spacing: 2px;
    background-color: #ff5858;
    border-radius: 20px;
    text-align: center;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    display: block;
    text-align: center;
    font-weight: 600;
    color: #fff;
}
a.eventapply_links2:hover{
    background:#e30000;
    border-radius: 20px;
}
.mediago {
    text-align: center;
    padding: 0 370px;
}

.listtitle12 {
    padding: 20px 0 0 0;
}
.icon_are12 {
    width: 60px;
    padding-right: 15px;
    vertical-align: middle;
    float: left;
}
span.shar12 {
    font-size: 26px;
    line-height: 0.6;
    padding-right: 0px;
    vertical-align: top;
}
span.numbe12 {
    font-size: 30px;
    line-height: 0.7;
    font-family: "Hiragino Mincho Pro", serif;
}
h2.era12 {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
    line-height: 30px;
}

.listtitle13left {
    float: right;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 26px;
}
span.menu_big12 {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-right: 2px;
    color: #000000;
}
span.menu_big12 {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-right: 2px;
    color: #000000;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
}
.listtitle13 {
    border-top: 1px solid #e6e6e6;
    padding-top: 6px;
    margin-top: 3px;
}
.listtitle13right {
    float: left;
}
span.listtitle132right {
    float:left;
    width: 85px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    letter-spacing: 2px;
    background-color: #fabc00;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    display: block;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

h2.event21sec_ttl {
    font-size: 24px;
    letter-spacing: 8px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 20px;
}
.eventconcept {
    float: left;
    width: 53%;
}
p.eventlead {
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 45px;
}
p.eventconcep {
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 24px;margin-top: 40px;
}
.eventconcept2 {
    float: right;
    width: 45%;
    text-align: right;
}
p.eventthnk {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-top: 10px;
}
p.thanks {
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 20px;
    margin-top: 45px;
}
p.eventconcep2 {
    margin-top: 30px;
    line-height: 24px;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 50px;
}
.feature-content-0311 {
    float: left;
    width: 46%;
    padding: 50px;
    padding-left: 180px;
    padding-top: 75px;
}
.feature-content-0411 {
    float: left;
    width: 50%;
    margin-top: -140px;
}
.feature-content-0314 {
    float: left;
    width: 50%;
    padding: 0 55px 0px 0;
    margin-bottom: 40px;
}

.feature-content-0445 {
    float: left;
    width: 45%;
    margin-top: 30px;
}
p.ss45{
    padding-top: 80px;
}
p.misora1 {
    width: 300px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #333;
}
p.misora2 {
    width: 300px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding-left: 176px;
    color: #333;
}
p.misora3 {
    width: 300px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-left: 200px;
    color: #333;
}
p.yamagatamessage {
    clear: both;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}
p.yamagatamessage {
    clear: both;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}
p.yamagatamessagecontent {
    line-height: 24px;
    color: #757575;
    font-size: 13px;
}
.line {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 0px 0;
}
img.linimg {
    width:410px;
}
.zip {
    margin: 0 auto;
    text-align: center;
    padding: 60px 0 0px 0;
}
img.ziimg {
    width:650px;
}
.ambbox {
    clear: both;
    /* border-bottom: 1px solid #d8d8d8; */
    border-top: 1px solid #d8d8d8;
    padding: 30px 30px 30px 50px;
    margin-bottom: 0px;
    height: 190px;
}
p.ambtitle {
    margin-top: 23px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.ambted {
    float: left;
}
.ambted {
    float: left;
    background-color: #fabc00;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 100%;
    width: 8.5rem;
    height: 8.5rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.ambsim {
    float: right;
    width: 80%;    
font-size: 13px;
    line-height: 26px;
    letter-spacing: 1px;
}
.feature-content-04.kuri {
    margin-top: -400px;
}
.feature-content-04.bottomkuri {
    margin-top: -200px;
}
.feature-content-03.kuritop {
    padding-top: 125px;
}
.feature-content-03.recd {
    padding-top: 100px;
}
img.kudou {
    float: left;
    width: 48%;
}
img.kudou2 {
    float: right;
    width: 48%;
}
ul.yamagatanews {
    padding: 0 0 0 17px;
    line-height: 28px;
    font-size: 14px;
}
ul.yamagatanews li {
    font-size: 14px;
    letter-spacing: 1px;
}
p.news {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 0px;
    color: #333;
}
h2.news {
    border-left: 3px solid #fabc00;
    padding: 7px 0 4px 18px;
}
img.visual_img.sankaku01 {
    width: 300px;
}
.feature-content-01.sankaku {
    width: 770px;
    margin: 0 auto;
}
img.bannernews {
    width: 300px;
    margin-bottom: 30px;
}
*, :after, :before {
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    font-weight: 500;
    box-sizing: border-box;
    letter-spacing: .04em;
}