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


.mujin{
position:relative;
background-image:url(../../../elfinder/../images/sx/article/MyDesertIslandDisc-back.jpg);
padding:1em 10rem;
margin:2rem -12.5%;
}

.mujin_dot{
display:inline-box;
border-bottom:dotted 2px #01607c;
padding-bottom:0.2em;
}

.mujin_title{
padding-left:4em;
position:relative;
font-size:2em;
color:#01607c;
margin-bottom:0.5em;
}

.mujin_title:before{
content:"";
position:absolute;
background-size: contain;
background-repeat: no-repeat;
width:3em;
height:100%;
top:0.8em;
left:0em;
background-image:url(../../../elfinder/../images/sx/article/MyDesertIslandDisc-bin.png)
}

.CD_MUJIN{
float: right;
width: 200px;
height: 250px; 
margin: 1em;
}

.mujin_dot{
display:inline-box;
border-bottom:dotted 2px #01607c;
padding-bottom:0.2em;
}

.mujin_title2{
padding-left:4em;
position:relative;
font-size:2em;
color:#01607c;
margin-bottom:0.5em;
}

.mujin_title2:before{
content:"";
position:absolute;
background-size: contain;
background-repeat: no-repeat;
width:3em;
height:100%;
top:0.8em;
left:0em;
background-image:url(../../../elfinder/../images/sx/article/MyDesertIslandDisc-island.png)
}

/**** スマホ横　タブレット　表示　max-width: 1024px+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width: 1024px){
.mujin{
position:relative;
background-image:url(../../../elfinder/../images/sx/article/MyDesertIslandDisc-back.jpg);
padding:1em 10rem;
margin:2rem -2rem;
}
	
}



@media only screen and (max-width: 548px){
.CD_MUJIN{
float:none;
width: 250px;
 height: 300px;
margin: 1em auto;
}

.mujin{
padding:1em 4%;
margin:0 -4%;
}

}