@charset "UTF-8";

/*
	================================================================================================
		/support/xperia-sp/products/css/popup_common.css
	================================================================================================
*/

/*
	====================================
		layout
	====================================
*/
.s5-container {
	width: 700px;
}
@media screen and (max-width: 640px) {
	.s5-container {
		width: auto;
	}
}

#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;
}

/*===========================================
	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;	
	}
}


/*===========================================
	js-enqueteArea 
=============================================*/
.js-enqueteArea {
	clear: both;
	margin: 0 auto;
	width: 700px;
}
html>body #enqueteArea {
	float: none;
	width: 700px;
	margin-right: 0;
}
@media screen and (max-width: 640px) {
	.js-enqueteArea {
		width: auto;
	}
	html>body #enqueteArea {
		width: auto;
	}
}


#closeBtn {
    display: none;
}


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

section h2 ~ .s5-list{
	margin-left: 1.5em;
}


@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;
	}
}

section {
    margin: 0 0 3em;
}

.ptitle {
    display: block;
    font-weight: 100;
    font-size: 1.125rem;
}

.mtitle {
    display: block;
}

.icon {
    vertical-align: middle;
}

.notice_gray {
    margin: 0 0 1em;
    padding: 1em 1em 0;
    overflow: hidden;
	background-color: rgba(204, 204, 204, 0.16);
}


#contents .accordion.type_1 button {
    background-color: rgba(204, 204, 204, 0.16);
}

.disc {
    list-style: disc;
}

/* 20240228 */
a.s5-linkV3 {
    color: #2f353d;
}

a.s5-linkV3:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E");
}

img.icon_window {
    padding: 0 0.25em;
}

/* 20240318 */
.mt0 {
    margin-top: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

/* 20250319 */
#contents .annotation2 {
    padding-left: 1.2em;
    text-indent: -1.2em;
	color: #2f353d;
}