@charset "utf-8";
/* CSS Document */

/***********************
reset
***********************/
p { margin: 0;}
section { margin-bottom: 0; }

a.s5-linkV3::after {
	font-size: 1rem !important;
}

/***********************
汎用
***********************/
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt50 { margin-top: 50px !important; }
.pl20 { padding-left: 20px; }
.pt00 { padding-top: 0 !important; }
.ml10 { margin-left: 10px; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.nobgC { background-color: unset !important; }

/***********************
メインビジュアル
***********************/
#sect_mv .ttl {
	background-image: url("https://www.sony.jp/support/ichigan/guide/rain/images/mv.png");
	background-position: left;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 100%;
	min-height: 282px;
    display: flex;
	flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
}
#sect_mv .ttl h1 {
	color: #000;
	text-shadow: -5px 0px 6px #FFF, 3px 3px 3px #FFF;
	margin: 0;
	padding: 0.3em 1.5em 0.5em 1.5em;
	/*border-bottom: #000 solid 2px;*/
	border-bottom: 2px solid #3F51B5;
    border-image: linear-gradient(to right, #3F51B5 0%, pink 100%) 1;
	font-size: 1.8rem !important;
}
#sect_mv .ttl h1 span {
    padding-left: 1em;
	display: inline-block;
}

@media screen and (max-width: 540px) {
	#sect_mv .ttl {
		justify-content: center;
	}
}



/***********************
main
***********************/
#articleMain {
	padding-bottom: 50px;
	margin: 0 auto;
	max-width: 1000px;
}
#articleMain section.bgC {
	background-color: #f5f0ee;
	padding: 0 0 10px 0;
	margin-top: 30px;
}
#sect_cont01 {
	padding: 0 0 20px 0 !important;
}
.headlead {
	margin: 2em;
}
.middlelead {
	padding: 1em;
	font-size: 1em;
}
.ul01 {
	font-size: 1em;
}
.ul01 li {
	list-style: square;
}

.contbox {
	display: flex;
    max-width: 1180px;
	margin: 0 10px;
}
.contbox .contbox_ineer {
	margin: 10px 0 0 0;
    padding: 15px;
	background-color: #fdfcfb;
	position: relative;
	z-index: 0;
}
.contbox .contbox_ineer.cbiL {
	width: 60%
}
.contbox .contbox_ineer.cbiR {
	width: 40%;
	text-align: right;
}
.contbox .contbox_ineer.cbiO {
	width: 100%;
}
.contbox .contbox_ineer .lead {
	font-size: 1em;
	padding: 1em;
}


.wraph2 {
	margin: 0;
	width: fit-content;
    padding: 0.5em 1em;
	background-image: linear-gradient(90deg, rgba(178,178,235, 1), rgba(253, 187, 203, 0.27));
}
.wraph2 h2 {
    text-align: center;
}
.wraph2 h2 span {
	display: inline-block;
}
.ttlh3 {
	text-align: left;
	margin: 0.8em 0 0.8em 0.5em;
    line-height: 1.4em;
}
.ttlh3 span {
	display: inline-block;
}

.flagbox {
	background-color: #e7e4f3;
    border: 1px solid #b9b3b3;
	padding: 20px;
	margin: 50px auto;
	width: 70%;
	position:relative
}
.flagbox div {
	background-color: rgb(231 229 229 / 88%);
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	transform: rotate(-2deg);
	font-size: 1em;
	color: #000;
	padding: 5px 20px;
	line-height: 1;
	position:absolute;
	top: -15px;
	left: 20px;
}
.flagbox p {
	color: #2f353d;
}

.contLink {
	position: relative;
    border: 1px solid #c2c2c3;
	background-color: #FFF;
    max-width: 400px;
	width: 92%;
    margin: 40px auto 20px;
	padding: 5px 0;
}
.contLink::before {
	font-size: 0.9rem;
    position: absolute;
    top: -22px;
    left: -1px;
    height: 22px;
    padding: 0 1em;
    content: '関連リンク';
    color: #FFF;
    border-radius: 0 10px 0 0;
    background: #5A5477;
}
.pagelink {
	margin: 5px 10px;
}
.pagelink a {
    display: inline-block;
	font-size: 0.8em;
	padding-left: 0.5em;
}
.pagelink a:hover {
	text-decoration: none;
	background-color: #6361D6;
	color: #FFF;
	transition: .3s;
}

.videoTitle {
	font-size: 0.9em;
	margin: 0 5px 10px;
}
.videoTitle span {
	font-size: 0.8em;
	padding: 0 1em;
    border-bottom: 1px solid #666;
}

.textVerlink a {
    margin: 5px;
    border: 1px solid #b3b2b2;
    border-radius: 14px;
    display: inline-block;
    padding: 0.3em 1em 0.3em;
    font-size: 0.8em;
}
/*
.textVerlink a::before {
    content: "";
    background: url("https://www.sony.jp/support/ichigan/guide/rain/images/icon_pen.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 5px 2px 0;
}
*/
.textVerlink a:hover {
	text-decoration: none;
	background-color: #6361D6;
	color: #FFF;
	transition: .3s;
}
.dl01 {
	font-size: 1em;
	text-align: left;
	padding: 1em;
	margin: 0;
}
.dl01 dt {
	font-weight: bold;
}
.dl01 dd {
	margin: 0 0 1em 0;
}

figure figcaption {
	font-size: 0.85rem;
}
figure figcaption span {
	display: inline-block;
}

.ss_img {
	width: 230px;
}
.s_img {
	width: 380px;
}
.m_img {
	width: 300px;
	margin-top: 50px;
}

.floatL {
	float: left;
    margin: 0 20px;	
}
.clearB::after {
	clear: both;
}

.videoThumb img {
	border: 1px solid #c5c3c3;
}

@media screen and (max-width: 1050px) {
	.wraph2 {
		margin: 0 0 10px;
	}
	.s_img, .m_img {
		width: 100%;
	}
	.contboxM {
		flex-direction: column;
	}
	.contboxM .contbox_ineer {
		margin: 0;
	}
	.contboxM .contbox_ineer.cbiL,
	.contboxM .contbox_ineer.cbiR {
    	width: inherit;
	}
}

@media screen and (max-width: 640px) {
	#sect_mv .ttl h1 {
		font-size: 1.6rem !important;
	}
	.contbox {
		flex-direction: column;
		margin: 10px;
	}
	.contbox .contbox_ineer {
		margin: 0;
		padding: 5px;
	}
	.contbox .contbox_ineer.cbiL,
	.contbox .contbox_ineer.cbiR,
	.contbox .contbox_ineer.cbiO {
    	width: inherit;
	}
	.contbox .contbox_ineer.cbiR {
		text-align: center;
	}
	.ss_img {
		width: 230px;
	}
	.s_img {
		width: 100%;
		max-width: 300px;
	}
	.m_img {
		width: 100%;
		max-width: 300px;
		margin-top: 0;
	}
	.tac {
		text-align: center;
	}
	.floatL {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.pagelink a {
		font-size: 0.95em;
	}
	.textVerlink a {
		font-size: 0.95em;
	}
}