/*-------------------------

2018/01/31  ps4pro.css

---------------------------*/

#contents h2 {
	width: auto;
}
h3#flowTitle {
    width: auto;
}

#contents .step_img{
	margin-bottom:20px;
}

#contents p.navitop{
	text-align:right;
}


#contents .section #flow_area {
	overflow: hidden;
}

.mobile {
	display: none;
}


#contents p{
	margin-bottom:0.7em;
}

#contents li{
	margin-left:0;
}

#contents .section #flow_area dl dt {
	margin-left: 0;	
}



#flow_area dl dd ul.choices300{
	margin-bottom:20px;
	margin-left:1.4em;
}


#flow_area dl dd ul.choices300 > li{

	cursor: pointer;
    display: inline-block;
    width: 43%;
    height: auto;
    margin: 0 20px 0 0;
    padding: 15px 0 5px;
    text-align: center;
    background-color: #F2F2F2;
    border: 2px solid #666666;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #999;
    overflow: hidden;
}

#flow_area dl dd ul.choices300 > li:nth-last-child(1) {
	margin-right:0;
}

#contents div.sntnc > ul,
#contents div.sntnc > ul li >ul.sub{
	list-style:none;
	margin-bottom:0;
	margin-left:0;
	padding:0;
}


#contents div.sntnc ul.txtlink{
	margin-left:1.25em;
	margin-bottom:10px;
}

#contents div.sntnc ul.txtlink li{
	margin-left:1em;
}

#contents .section #flow_area dl dd div.sntnc .Link {
    background: url("/share/images/arrow_black.gif") no-repeat scroll left 0.4em;
    margin: 0 0 15px;
    padding: 0 0 3px 10px;	
}



#contents div.sntnc p + p > img,
#contents div.sntnc p ~ p > img{
	margin-left:1em;
	margin-top:1em;
}


#contents .section #flow_area dl dt h2 {
	width: auto;
	margin-bottom:20px;
	margin-left:0.3em
}
#contents .section #flow_area dl dd {
	margin-left: 0;
	padding: 0;
}
#contents .section #flow_area dl dd #sntnc {
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
}
#contents .section #flow_area dl dd #sntnc ul.choices {
	width: auto;
	margin: 0;
}

#sntnc ul.choices li > ul.sub{
	margin:0;
	padding:0;
}

#flow_area div.sntnc ul.annotation{
	margin-left:2em;
	margin-bottom:14px;
}


@media (max-width: 640px) {
	
#contents div.sntnc ul.choices300 > li{
	width: 45%;
    margin: 0 10px 0 0;
	}
	
#flow_area .step_img > img{
	max-width:600px;
	width:100%;
}

#contents div.sntnc p + p > img,
#contents div.sntnc p ~ p > img{
	margin-left:0;
	width:100%;
	padding-bottom:14px;
}

#contents h3 + img{
	width:auto !important;
	
}
}

@media (max-width: 480px) {
#contents div.sntnc ul.choices300 > li{
	width: 90%;
    margin: 0 10px 20px 0;
	
	
}
}


/*----------------------

	ID個別調整

-----------------------*/

/* #8 */

#s08 p > img{
	width:84px !important;
}


/* #17 */

#s17 div.setting{
	margin-left:2.2em;
	margin-bottom:0;
}

#s17 div.setting > p{
	font-size:13px;
	font-weight:normal;
	margin-bottom:0.7em;
	margin-left: 0!important;
}


/* #19 */

#s19 ul.disclist{
	list-style:disc;
	margin-left:3em !important;
	margin-bottom:0;
	padding:0;
}

#s19 ul.disclist li{
	font-weight:bold;
}

#s19 ul.disclist + p{
	margin-left:2.8em;
	margin-top:0;
}

#s19 ul.disclist ~ div.img{
	margin:16px 0 20px 40px;
}


#s19 ul.disclist li >div.img{
	margin:10px 0;
}

/* s30 */

dl#s30{
	width:700px;
	margin:20px 0;
}


#s30 > dd > h2{
	font-size: 16px;
	margin-bottom:20px;
	
}

dl#s30 dt{
	float:right;
	margin-top:-15px;
}



	
@media (max-width: 640px) {
	
	
#s17 div.sntnc > dl{
	
	margin-left:0;
}

#s19 ul.disclist{
	margin-left:2em !important;
}

#s19 ul.disclist + p{
	margin-left:2em;
}

dl#s30{
	width:100%;
	margin:10px 0;
}
dl#s30 dt img{

width:60px;
padding-left:5px;
	
}

	.pc {
		display: none;
	}
	.mobile {
		display: block;
		margin-bottom: 10px;
	}
}

/* 選択履歴 */

ul#log {
	list-style: none;
}

#contents div.section div.section div#flow_area div#logArea {
	width: 700px !important;
}

@media (max-width: 640px) {
	#contents div.section div.section div#flow_area div#logArea {
		width: auto !important;
	}
}


img.img320 {
	max-width: 320px !important;
}
img.img405 {
	max-width: 405px !important;
}
img.img420 {
	max-width: 420px !important;
}

#contents ul.disclist~ul.annotation{
	margin-left: 3.8em;
}

@media (max-width: 640px) {
	#contents ul.disclist~ul.annotation{
		margin-left: 3em;
	}
}