@charset "UTF-8";


/*  ---------- */
.mt00{margin-top: 0 !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}

.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}

.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}

.taR{text-align: right;}
.taC{text-align: center;}
.taL{text-align: left;}

/* subContent ------------------------------ */
#Contents.eventReport .subContent {
    width: 300px;
}
#Contents.eventReport-report .subContent {
    width: 190px;
}
#sidebar {
    float: right;
    width: 230px;
    padding-top: 24px;
}
#sidebar img {
    display: block;
}
#sidebar .snsBlock {
    padding: 18px;
    background: #eee;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
#sidebar .snsBlock >div {
    margin-top: 18px;
}
#sidebar .banner {
    margin-bottom: 20px;
}
/* mainContent ------------------------------ */

#Contents {
    overflow: visible;
}

.mainContent {
    overflow: hidden;
}

/* dl.entryList
------------------------------ */
.subContent dl.entryList {
    margin-top: 13px;
}
.subContent dl.entryList + .entryList {
    margin-top: 40px;
}
.subContent dl.entryList dt {
    border-bottom: 2px solid #888;
    color: #787878;
    padding: 12px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
.subContent dl.entryList dd {
    margin-top: 16px;
    font-size: 13px;
}
.subContent dl.entryList dd a {
    display: inline-block;
    padding: 5px;
    text-decoration: underline;
}
/* div.entryList
------------------------------ */
div.entryList .entry {
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}
div.entryList .entry-image {
    float: left;
}
div.entryList .entry-text ,
div.entryList .entry-text a,
div.entryList .entry-text:hover {
    color: #000;
    float: right;
    padding: 10px 0 30px 16px;
    width: 340px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    min-height: 170px;
}
div.entryList .entry-title {
    font-size: 20px;
    line-height: 1.42;
}
div.entryList .entry-time {
    position: absolute;
    bottom: 10px;
    right: 0;
    line-height: 1;
    font-size: 12px;
}
/* #tab
------------------------------ */
#tab {
    overflow: hidden;
    margin-top: 60px;
    border-bottom: 2px solid #777;
    border-top: 2px solid #777;
    list-style-type: none
}
#tab li {
    float: left;
    width: 50%;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    line-height: 1;
}
#tab li span {
    display: inline-block;
    background: url(../../images/icon_right1.png) no-repeat 0 50%;
    padding-left: 22px;
}
#tab li.select {
    background: #777;
    color: #fff;
}
#tab li.select span {
    background: none;
    padding-left: 0;
    line-height: 20px;
}
#tab li span{
    line-height: 20px;
}
.disnon {
    display: none;
}
#goodsLink{
	font-size: 16px;
	text-align: center;
	padding: 15px;
	border-bottom: 2px solid #777;
}
#goodsLink a{color:#777777;}
#goodsLink a:hover{color:#999;}

/* pagination
------------------------------ */
.pagination {
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    margin-top: 50px;
}
.pagination a {
    cursor: pointer;
}
.pagination .prev, .pagination .next {
    margin: 10px;
    display: inline-block;
}
.pagination .page {
    display: inline-block;
    background: #eee;
    margin: 10px 5px;
    height: 40px;
    width: 40px;
    line-height: 40px;
}
.pagination a.page {
    background: #777;
    color: #fff;
}
/*
------------------------------ */
h3.lv3Title {
    border-bottom: 2px solid #545454;
    padding-top: 20px 0 10px;
    font-size: 24px;
    line-height: 1.75;
    font-weight: bold;
}
.imageBlock + h3.lv3Title {
    margin-top: 10px;
}
.imageBlock {
    margin-top: 15px;
}
/* .profileBox
------------------------------ */
.profileBox {
    border: 1px solid #bbb;
    background: #eaeaea;
    margin-bottom: 50px;
    padding: 18px;
    overflow: hidden;
}
.profileBox .profileBox-image {
    float: left;
    margin-right: 15px;
    width: 300px;
}
.profileBox h3 {
    font-size: 24px;
    font-weight: bold;
}
.profileBox p {
    font-size: 13px;
    margin-top: 10px;
    overflow: hidden;
}
/* .modelBlock
------------------------------ */
.modelBlock {
    display: table;
    margin-top: 35px;
}
.modelBlock-image, .modelBlock-text {
    display: table-cell;
    vertical-align: middle;
}
p.modelBlock-comment {
    position: relative;
    border: 1px solid #777;
    padding: 10px 20px;
}
p.modelBlock-comment:before {
    content: "";
    display: block;
    position: absolute;
    left: -21px;
    top: 0;
    width: 21px;
    height: 100%;
    background: url(../../images/bg_comment.gif) no-repeat 0 20px;
}

@media screen and (min-width: 641px) {
    .mainContent {
        padding-top: 25px;
    }
    #Contents.eventReport .mainContent {
        float: left;
        width: 620px;
    }
    #Contents.eventReport-report .mainContent {
        float: left;
        width: 730px;
    }
    #pageHead {
        border-left: 5px solid #777;
        padding-left: 17px;
        margin-bottom: 30px;
        position: relative;
    }
    #pageHead .lv1Title {
        color: #777;
        margin-bottom: 8px;
        font-size: 18px;
    }
    #pageHead .lv2Title {
        color: #000;
        font-size: 34px;
        line-height: 1.23;
    }
    #pageHead .upDate {
        font-size: 12px;
        position: absolute;
        right: 0;bottom: -15px;
    }
    /* sectionBlock */
    .sectionBlock {
        margin-top: 60px;
    }
    #pageHead + .sectionBlock {
        margin-top: 25px;
    }
    .sectionBlock p {
        margin: 15px 0 0;
        font-size: 16px;
        line-height: 1.75;
    }
    .sectionBlock p.credit {
        margin-top: 5px;
        font-size: 12px;
        text-align: right;
    }
    /* .modelBlock
    ------------------------------ */
    .modelBlock-text {
        width: 540px;
        padding-left: 20px;
    }
    .modelBlock-text p {
        margin-top: 12px;
        font-size: 13px;
        line-height: 1.6;
    }
    .modelBlock-text p.modelBlock-name {
        line-height: 1;
    }
    .modelBlock-text p.modelBlock-name strong {
        font-size: 18px;
        font-weight: bold;
    }
    /* .modelBlock-voice */
    .modelBlock.modelBlock-voice {
        margin-top: 15px;
    }
    .modelBlock-voice .modelBlock-image {
        width: 80px;
    }
    .modelBlock-voice .modelBlock-text {
        width: 630px;
    }
    .modelBlock-voice .modelBlock-text p.modelBlock-name {
        margin-top: 0;
    }
    .modelBlock-voice .modelBlock-text p.modelBlock-comment {
        font-size: 16px;
    }
}

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

    .mainContent {
        padding-top: 5px;
    }
    .snsBlock{padding: 0 4% 10px;text-align: right;}
    .imageBlock img {
        width: 100%;
    }
    /* div.entryList
    ------------------------------ */
    div.entryList .entry {
        margin-top: 20px;
        border-bottom: 1px solid #ddd;
    }
    div.entryList .entry-image {
        width: 43%;
    }
    div.entryList .entry-text {
        width: 57%;
        padding: 0 2% 30px;
        min-height: 100%;
        border: none;
    }
    div.entryList .entry-title {
        font-size: 13px;
        line-height: 1.42;
    }
    div.entryList .entry-time {
        position: absolute;
        bottom: 10px;
        right: 0;
        line-height: 1;
        font-size: 12px;
    }
    /* tab
    ------------------------------ */
    #tab li {
        font-size: 14px;
    }
    /* pagination
    ------------------------------ */
    .pagination .prev,
    .pagination .next,
    .pagination .page {
        margin: 10px 2px;
    }
    /*
    ------------------------------ */
    #pageHead .lv1Title {
        background: url(../images/bg_titleBlue.png) no-repeat;
        height: 38px;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 38px;
        text-align: center;
        text-shadow: 1px 2px 1px #236A9E;
    }
    #pageHead .lv2Title {
        color: #000;
        font-size: 21px;
        border-left: 5px solid #777;
        padding-left: 4%;
        margin: 20px 4% 10px;
    }
    #pageHead .upDate {
        text-align: right;
        margin: 0 4%;
    }

    .sectionBlock h3.lv3Title {
        font-size: 19px;
        line-height: 1.25;
        margin: 10px 4% 0;
        padding-bottom: 8px;
    }
    /* sectionBlock */
    .sectionBlock {
        margin-top: 36px;
    }
    #pageHead + .sectionBlock {
        margin-top: 0;
    }
    .sectionBlock p {
        margin: 10px 4% 0;
        font-size: 13px;
        line-height: 1.65;
    }
    .sectionBlock p.credit {
        margin-top: 5px;
        font-size: 12px;
        text-align: right;
    }
    /* .movieBlock
    ------------------------------ */
    .movieBlock {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .movieBlock iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* .profileBox
    ------------------------------ */
    .profileBox {
        border: none;
        margin-bottom: 0;
    }
    .profileBox .title {
        display: table;
    }
    .profileBox .profileBox-image, .profileBox h3 {
        display: table-cell;
        vertical-align: middle;
    }
    .profileBox .profileBox-image {
        width: 150px;
    }
    .profileBox h3 {
        font-size: 18px;
    }
    .profileBox p {
        clear: both;
        margin: 10px 0 0;
    }
    /* .modelBlock
    ------------------------------ */
    .modelBlock {
        margin: 10px 4%;
    }
    .modelBlock-image {
        width: 80px;
        margin-top: 3px;
    }
    .modelBlock-text p {
        font-size: 10px;
        line-height: 1.6;
    }
    .modelBlock-text p.modelBlock-name {
        padding-top: 10px;
    }
    .modelBlock-text p.modelBlock-comment {
        padding: 10px 14px;
        margin: 0;
        margin-left: 20px;
    }
    .modelBlock-text p.modelBlock-comment:before {
        content: "";
        display: block;
        position: absolute;
        left: -5%;
        top: 0;
        width: 5%;
        height: 100%;
        background: url(../../images/bg_comment.gif) no-repeat 100% 10px;
        -webkit-background-size: 90% auto;
        background-size: 90% auto;
    }
    /* .modelBlock-voice */
    .modelBlock-voice .modelBlock-image {
        width: 40px;
    }
    .modelBlock-voice .modelBlock-text {
        padding-left: 0;
    }
    .modelBlock-voice .modelBlock-text p.modelBlock-name {
        display: none;
    }
    .modelBlock-voice .modelBlock-text p.modelBlock-comment {
        font-size: 10px;
    }
}