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


#main{ background-color: #FFFFFF; width:100%; padding: 0 auto; }
#main .content{ padding: 50px 0; background-color: #FFFFFF; }
#main .page-header{ margin: 0 auto; }
#main .content .page-header .ttl { margin: 0 auto; width: 780px; }
#main .page-container{ margin: 0 auto; width: 780px; padding: 50px 0; font-size: 13px; line-height: 2.0em; letter-spacing: 0.02em; }
#main .page-container .txt+ .txt{
	padding-top: 5px;
}
#main .page-container .txt .red{ color: #FF0000; font-size: 20px; line-height: 1.5em; }
#main .page-container .txt .bold{ font-weight: bold; font-size: 20px; line-height: 1.5em; }
#main .page-container .txt .nxl{
	font-size: 20px;
	line-height: 1.5em;
}
#main .content .page-header .ttl { margin: 0 auto; width: 780px; }
.content .page-container .date {
	color: #000000;
}
#main .content .netshop { width:350px; margin: 0 auto; }
.sp { display: none; }
.button {
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    outline: none;
    background-color: #B91A20;
    color: #fff;
    margin-top: 10px;
    border-radius: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 90%;
    display: block;
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button:hover {
    background-color: #B91A20;
    opacity: 0.7;
}

.line_bk {
	height: 1px;
	color: #FFFFFF;
	margin-top: 20px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
}
.frame-black{
	background-color: #000000;
	border: 1px solid #000000;
	padding: 1px 3px;
	color: #ffffff;
}


@media screen and (max-width: 480px){ /*480px以下のcss*/
#main{ background-color: #FFFFFF; width:100%; padding: 0 auto; }
#main .content{ margin: 0 5%; }
#main .content .page-header .ttl { width:95%; }
#main .page-container { width:95%; }
#main .content .netshop { width:95%; }
.pc { display: none; }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 480px),screen and (min-resolution: 1.5dppx) and (max-width: 480px){
}