@import url('/css/legacy/parts.css');

a:hover img {opacity: 0.8;}

/*common*/

.sp-page {
background-color:#fff;
font-size: 1.0rem;
line-height: 1.5;
font-feature-settings : "palt";
}

b, strong, em, h2, h3, 
#requirements dt {
font-weight: 700;
}

p {
font-size: 1.1rem;
margin-bottom: 1rem;
line-height: 1.6;
}

.contents{ 
margin:1.5em 90px 1em; 
position: relative;
overflow: hidden;
}


h1 {
border-radius: 6px;
display: block;
text-align: center;
padding: 15px;
background: #ffd2a0;
font-size: 1.4rem;
margin-bottom: 20px;
}
h3{
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 1rem;
text-align: center;
}


.sns {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}


.contents p,
.mb1,
.sns {margin-bottom: 1rem;}

.mb10px {margin-bottom: 10px !important;}

.mb0 {margin-bottom: 0 !important;}

.center {
text-align: center !important;
}

p.caption {
font-size: 0.85rem;
line-height: 1.2rem;
text-align: left;
}

.notice,
p.notes,
ul.notes li{
font-size:0.9rem;
text-indent:-1rem;
padding-left:1rem;
line-height: 1.2rem;
margin-bottom: 0.4rem;
}

p.notes::before,
ul.notes li::before {
content: '※';
margin-right: 0.1rem;
}

.ext-link::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "";
margin-left: 0.2rem;
}

.help-link::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "";
margin-right: 0.2rem;
}

.entry {
border-top:4px double #ffd2a0; 
margin-bottom: 40px; 
padding-top: 20px;
}

ol.breadcrumbsV2 {
margin-bottom: 20px;
}

/*upload*******************************************************************/

.upload-btn {
text-align: center;
display: block;
padding: 1rem 2rem;
background-color: #FDE823;
border-radius: 6px;
font-weight: bold;
color: #000;
font-size:1.2rem;
text-decoration: none !important;
margin-bottom: 1rem;
}
.upload-btn:visited {
color: #000;
}
.upload-btn:hover {
background-color: #ffef5b;
color: #000;
}

.upload-end {
display: block;
font-weight:bold;
text-decoration:none;
padding: 0.5rem 1rem;
border:1px solid #ccc;
border-radius:6px;
background:#eee;
text-align:center;
}
blockquote.letter{
border:1px solid #cc9; 
background-color:#ffe; 
padding:10px 20px; 
margin-bottom:1em;
line-height:1.8;
}
blockquote.letter h4 {
font-size: 1.1rem; 
text-align: center;
margin-bottom: 5px;
}

.coupon {
font-size: 1.5rem; 
font-weight: bold; 
text-align: center; 
border: 1px solid #f00; 
padding: 10px; 
background: #fff;
}

body img {
width: auto;}