@charset "utf-8";
/*
	====================================
		layout
	====================================
*/

#contents ul.disc {
	list-style-type: disc;
    padding-left: 1.5em;
}

#contents ul.disc li {
    margin-bottom: 0.5em;
}

#contents .annotation {
    padding-left: 1em;
    text-indent: -1em;
	color: #2f353d;
}

#contents .sikaku::before {
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: #000;
    margin: auto;
    margin-right: 0.2em;
}

#contents ol.s_content {
	list-style-type: none; 
	padding-left: 0;
}

#contents ol.s_content li {
    text-indent: -1em;
    padding-left: 1em;
}



/*===========================================
	movie
=============================================*/
#i_frame {
	width: 640px;
	margin: 25px auto 30px auto;
}


#contents div.comment p {
	width: 640px;
	margin: 10px auto;
}

#contents div.comment> p > img{
	vertical-align:text-bottom;
}

@media screen and (max-width: 640px) {
	#i_frame {
		width: auto;
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
	}
	#i_frame iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#contents div.comment p {
		width: auto;
		margin:10px auto;	
	}
}


/*===========================================
	movie short
=============================================*/

#i_frame.short {
	width: 403px;
	height: 716px;
	overflow: unset;
	padding-bottom: unset;
}

@media screen and (max-width: 640px) {
	#i_frame.short{
		width: 283px;
		height: 503px;
	}
}

@media screen and (max-width: 375px) {
	#i_frame.short{
		width: 248px;
		height: 445px;
	}
}
@media screen and (max-width: 375px) {
	#i_frame.short{
		width: 222px;
		height: 398px;
	}
}


/*===========================================
	btn
=============================================*/
#contents ul.btnlist {
    padding-left: 0;
}

#contents ul.btnlist li {
    list-style: none;
	margin-bottom: 0.5em;
}

#contents ul.btnlist li a {
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #767676;
    border-radius: 5px;
    color: #000;
    padding: 0.7em 1em;
    display: inline-block;
    width: 450px;
    box-sizing: border-box;
}

#contents span.s5-linkV3, #contents a.s5-linkV3--down {
    color: #2f353d;
}

#contents .s5-linkV3.s5-linkV3--down:after {
    display: inline-block;
    content: '';
    background-image: url(/share5/svg/icon/angle-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -.15em;
    margin: 0 0.5em;
}

#contents span.s5-linkV3:after, #contents .singleBtn .s5-linkV3:after {
    background-image: url(/share5/svg/icon/angle-right.svg);
}

@media screen and (max-width: 800px) {
    #contents ul.btnlist li a {
        width: 100%;
    }
}