@import "/common/css/resp_sp_v2.css";

/* -------------------------------------
GANREF
Copyright (c) 2018 Impress Corporation. All rights reserved.
------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
intro, aside, canvas, details, embed, 
figure, figcaption, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
intro, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {
line-height: 1.4;
-webkit-text-size-adjust: 110%;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

#wrapper img {
width: auto;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

b, strong {font-weight:bold;}

img {vertical-align:bottom;}

figure {
margin: 0;
text-align: center;
}

h3 {font-size: 1rem;}

/***********************************************************************/

.onlyPC {display: none !important;}

.sns {
display: flex;
justify-content: center;
margin-bottom: 20px;
}

/***********************************************************************/

.sp-page {
margin: 20px;
position: relative;
font-feature-settings: "palt";
}

/**/

.ext-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;
}

.notice {
padding: 10px;
border: 2px dotted #ccc;
border-radius: 6px;
}

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;
}

@media (max-width: 599px) {
	.title-area {
	margin-bottom: 20px;
	}
	.title-area dt {
	width: 100%;
	margin-bottom: 20px;
	}
}


@media (min-width: 600px) {
	.title-area {
	display: flex;
	margin-bottom: 40px;
	}
	.title-area dt {
	flex-basis: 46%;
	margin-right: 20px;
	flex-shrink: 0;
	}
}

.title-area dt img {
width: 100%;
}
h1 {
border-radius: 6px;
display: block;
text-align: center;
padding: 15px;
background: #ffd2a0;
font-size: 1.2rem;
margin-bottom: 20px;
}
h3{
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 1rem;
text-align: center;
}
p {
/*font-size: 1.1rem;*/
/*line-height: 1.6;*/
margin-bottom: 1rem;
}


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

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

.upload-btn {
text-align: center;
display: block;
padding: 1rem;
background-color: #FDE823;
border-radius: 6px;
font-weight: bold;
color: #000;
font-size:1.1rem;
text-decoration: none !important;
margin-bottom: 1rem;
}
.upload-btn:visited {
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;
margin-bottom:1rem;
}

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;
}