/*SEEC追加 投稿ページ用
*/
/***************************************************************************************************************************
SP *************************************************************************************************************************/
@media screen and (max-width: 768px) {
    #singleSec .inner .content .column_banner {
        background: #96aad2;
        position: relative;
        padding: 66.66% 0 0;
        margin: 0 auto 50px;
    }
    #singleSec .inner .content .column_banner a {
        text-decoration: none;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    #singleSec .inner .content .column_banner a:after {
        content: "";
        position: absolute;
        width: 7.93vw;
        height: 7.93vw;
        background: url(../../images/column_banner_image_arrow.png) center center/ 100% no-repeat;
        bottom: 0;
        right: 0;
        z-index: 2;
    }
    #singleSec .inner .content .column_banner a:hover {
        text-decoration: none;
    }
    #singleSec .inner .content .column_banner a div {
        text-align: center;
        position: relative;
        height: 100%;
    }
    #singleSec .inner .content .column_banner a div:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        width: calc(100% - 10px);
        padding-top: calc(66.66% - 14px);
        border: 2px solid rgb(250, 230, 20);
        z-index: 1;  
    }
    #singleSec .inner .content .column_banner a div img {
        display: block;
        margin-bottom: 2.02vw;
    }
    #singleSec .inner .content .column_banner a div span.sub {
        color: #fff;
        font-size: 3.12vw;
        display: block;
        text-align: center;
        margin-bottom: 0.21vw;
    }
    #singleSec .inner .content .column_banner a div span.main {
        background: #fff;
        color: #000;
        font-size: 3.78vw;
        line-height: 1.8;
        padding: 1px 2px;
    }
    #entrySec h2.title {
        text-align: center;
        font-size: 20px;
        color: #262626;
        margin:55px 0 20px
    }
    #entrySec .noentry {
        text-align: center;
    }

    .container-bottom {
        padding: 28px 0 35px;
        background: #e6f0ff;
    }
    .container-bottom h2{
        text-align: center;
        color: #000;
        margin-bottom: 16px;
    } 
    .container-bottom .inner-cont-pc .inner a {
        display: block;
        text-align: center;
        background: #fff;
        border: 1px solid #000;
        text-align: center;
        overflow: hidden;
        position: relative;
        -moz-transition: .2s;
        -o-transition: .2s;
        -webkit-transition: .2s;
        transition: .2s;
    }
    .container-bottom .inner-cont-pc .inner a:after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        background: #000;
        right: -10px;
        bottom: -10px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .container-bottom .inner-cont-pc .inner {
        padding: 0 20px;
    }
    .container-bottom .inner-cont-pc .inner a {
        padding: 25px 0 25px;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.12em;
    }
    .container-bottom .inner-cont-pc .inner a.btn_2 {
        width: calc(100% - 20px);	
        margin: 0 auto 10px;		
    }
    .container-bottom .inner-cont-pc .inner a.line2 {
        padding: 12.14px 0;
    }
}

/***************************************************************************************************************************
PC *************************************************************************************************************************/
@media screen and (min-width: 769px) {
    #singleSec .inner .content .column_banner {
        background: #96aad2;
        position: relative;
        margin: 0 auto 100px;
        height: 350px;
    }
    #singleSec .inner .content .column_banner a:before {
        content: "";
        position: absolute;
        display: block;
        width: 740px;
        height: 330px;
        border: 2px solid rgb(250, 230, 20);
        top: 10px;
        left: 10px;
        z-index: 1;
    } 
    #singleSec .inner .content .column_banner a:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50px;
        height: 50px;
        background: url(../../images/column_banner_image_arrow.png) center center/ 100% no-repeat;
        z-index: 2;
    }
    #singleSec .inner .content .column_banner a {
        text-decoration: none;
        display: block;
    }
    #singleSec .inner .content .column_banner a:hover {
        text-decoration: none;
        opacity: .7;
    }
    #singleSec .inner .content .column_banner a div {
        text-align: center;
    }
    #singleSec .inner .content .column_banner a div img {
        display: block;
        margin-bottom: 20px;
    }
    #singleSec .inner .content .column_banner a div span.sub {
        color: #fff;
        display: block;
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
    }
    #singleSec .inner .content .column_banner a div span.main {
        background: #fff;
        color: #000;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        padding: 1px 5px;
    }
    #entrySec h2.title {
        text-align: center;
        font-size: 22px;
        color: #262626;
        margin:110px 0 56px
    }
    #entrySec .inner .entry {
        width: 1000px;
        margin: 0 auto 4px ;
    }
    #entrySec .inner .entry li {
        width: 300px;
    }
    #entrySec #pager2 {
        margin-bottom: 70px;
    }
    #entrySec .noentry {
        text-align: center;
    }

    .container-bottom {
        padding: 40px 0 0;
        background: #e6f0ff;
    }
    .container-bottom h2{
        text-align: center;
        color: #000;
        font-size: 18px;
        line-height: 30px;
    } 
    .container-bottom .inner-cont-pc {
        width: 1000px;
        margin: 0 auto;
        padding: 40px 108px;
        background: #E6F0FF;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .container-bottom .inner-cont-pc .inner {
        width: 370px;
    }
    .container-bottom .inner-cont-pc .inner a {
        height: 80px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        text-align: center;
        text-align: center;
        background: #fff;
        border: 1px solid #000;
        overflow: hidden;
        position: relative;
        -moz-transition: .2s;
        -o-transition: .2s;
        -webkit-transition: .2s;
        transition: .2s;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.12em;
    }
    .container-bottom .inner-cont-pc .inner a:hover {
        opacity: .7;
    }
    .container-bottom .inner-cont-pc .inner a:after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        background: #000;
        right: -10px;
        bottom: -10px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

div.embed  {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
div.embed  iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}