/*
================================================================================================================
PLAY DATA共通
================================================================================================================
*/
#playdata{
position:relative;
z-index:4;}

#playdata select,
#playdata input[type="text"]{padding:3px 5px; border:1px solid #000 !important;}

#eapp{
display:block;
width:96%;
max-width:980px;
background-color:#fff;
border:1px solid #330037;
margin:50px auto;}
#eapp img{width:100%;}
#eapp:hover img{opacity:0.5;}
#eapp p:first-child{display:block;}
#eapp p:nth-child(2){display:none;}

@media screen and (max-width:600px){
#eapp{width:90%; margin:40px auto 20px;}
#eapp p:first-child{display:none;}
#eapp p:nth-child(2){display:block;}}

/*
=========================
見出し
=========================
*/
#playdata .head-title{
display:flex;
width:96%;
height:40px;
color:#fff;
background-color:#303030;
font-family:'M PLUS Rounded 1c', sans-serif;
line-height:40px;
transform:rotate(0.05deg);
margin:0 auto 20px;}
#playdata .head-title > strong{
position:relative;
font-weight:800;
font-size:20px;
background-color:#ef952e;
padding:0 10px;}
#playdata .head-title > strong::after{
position:absolute;
top:0;
right:-20px;
content:"";
width:0;
height:0;
border-right:20px solid transparent;
border-top:40px solid #ef952e;}
#playdata .head-title > p{font-size:14px; padding:0 10px 0 30px;}

@media screen and (max-width:640px){
#playdata .head-title{height:30px; line-height:30px;}
#playdata .head-title > strong::after{border-top:30px solid #ef952e;}
#playdata .head-title > strong{font-size:16px; padding:0 5px;}
#playdata .head-title > p{font-size:13px;}}

@media screen and (max-width:540px){
#playdata .head-title{height:auto; line-height:100%; flex-wrap:wrap;}
#playdata .head-title > strong{/*width:130px;*/ height:30px; /*text-align:center;*/ line-height:30px; /*padding:0;*/}
#playdata .head-title > p{width:100%; padding:10px 20px;}}

/*
=========================
ボタン
=========================
*/
#playdata .btn{
display: block;
color:#000;
background:#ffae00;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:25px;
border-radius:5px;
padding:3px 10px;
margin:0 auto;
transition:all .2s ease;}

#playdata input[type="submit"].btn:hover,
#playdata .btn:hover{color:#fff; background:#f83880; cursor:pointer !important;}

#playdata.change{text-align:center; width:96%; margin:0 auto;}
#playdata.change select{max-width:100%;}
@media screen and (max-width:480px){#playdata.change > p{font-size:13px; text-align:left;}}