/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/


html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none;}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html, body {
width: 100%;
height: 100%;
scroll-padding-top: 50px; 
}
body{
font-size:19px;
-webkit-text-size-adjust: 100%;
font-family: "メイリオ", meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック", Hiragino Sans,"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans‒serif;
text-align:center;
color:#000;
}
img {
vertical-align:bottom;
}
a{
text-decoration:none;
color:#666;
line-height:1.5;
opacity:1;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.75;
opacity:0.75;
}
a:hover{
opacity:0.5;
}
p,li,div,dt,dd,td,th{
box-sizing:border-box;
}
p {
line-height:1.8;
padding: 1rem 0;
}
.br_2{
display:none;
}
.pc {
display:block;
}
.sp {
display:none;
}

/*====================================================
LAYOUT
====================================================*/

#wrapper {
background:url(../img/bg.gif);
}

#header_pc {
display: block;
width: 100%;
margin: 0 auto;
}
#header_pc img{
width: 100%;
}

#header_sp {
display: none;
}
#header_sp img{
width: 100%;
}

section {
padding: 5% 0 2%;
}
h1 {
font-size: 180%;
font-weight:normal;
margin-bottom:1rem;
}
h2 {
font-size: 125%;
font-weight:bold;
margin:2% 0;
padding-bottom:0.5rem;
border-bottom:1px solid #000;
}

section img{
width:100%;
}

section img.img30 {
width:30%;
}

.white_box {
background:#fff;
padding:5% 4%;
border-radius:2rem;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
.white_box2 {
background:#fff;
padding:3% 40px;
border-radius:1.5rem;
}
.lr_bg {
background:#faf0b4;
padding:3% 5%;
border-radius:1.5rem;
}

.r_frame {
color:#c9171d;
font-weight:bold;
padding:0.5rem 0;
border:4px solid #c9171d;
}

.red_box {
background:#c9171d;
padding:2% 4% 5%;
border-radius:1.5rem;
margin-top:4rem;
}

.prize_box {
border:8px solid #c9171d;
border-radius:2rem;
margin-top:15%;
padding-bottom:5%;
}

.mt2p {
margin-top:2%;
}
.mtm20 {
margin-top:-10%;
}

.flex1 {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.flex1 img {
width:49%;
}


#sect2 .item {
background:#fff;
width:320px;
font-family: "メイリオ", meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック", Hiragino Sans,"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans‒serif;
border:1px solid #cccccc;
padding:2rem;
margin:6rem auto 0;
}
#sect2 .item img{
width:100%;
}
h4 {
color:#000;
font-size: 120%;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.2;
padding: 0.5rem 0;
}
#sect2 .item dl{
color:#000;
}
#sect2 .item dl dt{
font-weight:bold;
}
#sect2 .item dl dd{
font-size: 90%;
color:#666;
}
.w800 {
width:800px;
margin:auto;
}
.w1000 {
width:1000px;
margin:auto;
}
.w85p {
width:85%;
margin:auto;
}


#footer {
margin: 0 auto;
color:#000;
text-align: center;
padding:4rem 0;
}
#footer dl dt{
margin-bottom: 0.5rem;
}
#footer dl dt img {
width:260px;
}
#footer dl dd{
font-size:14px;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS ゴシック","MS Gothic",sans-serif;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ctr {
text-align:center;
}

.f_w {
color:#fff;	
}
.f_y {
color:#faf000;	
}
.p_b {
font-weight:bold;
}

.mt1r {
margin-top:1rem;
}
.mb2r {
margin-bottom:2rem;
}

.caution {
font-size:80%;
padding: 0.5rem 0;
}
.small {
font-size:90%;
}
.big {
font-size:150%;
font-weight:bold;
padding:2rem 0 0;
}
.just {
text-align:justify;
}

.fs150 {
font-size:150% ;
}
.fs200 {
font-size:200% ;
}

.fwb {
font-weight:bold;
}

/*====================================================
AFTER
====================================================*/

section:after,
#sect1:after,
#sect2:after,
#sect3:after,
#sect4:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}

/*====================================================
MEDIA QUERY
====================================================*/

@media screen and (max-width:800px) {
section {
padding:5% 0;
}
section ul li.txt_inner {
padding:0 2%;
}
h1 {
font-size: 160%;
}
#sect4 {
padding-top:4rem;
}
.white_box {
padding:5% 3%;
border-radius:1rem;
}
.white_box2 {
background:#fff;
padding:3% 4%;
border-radius:1rem;
}
.lr_bg {
padding:5% 5% 3%;
border-radius:1rem;
}

.r_frame {
padding:0.5rem 1rem;
border:2px solid #c9171d;
}

.red_box {
padding:2% 4% 5%;
border-radius:1rem;
margin-top:4rem;
}

.prize_box {
border:4px solid #c9171d;
border-radius:1rem;
margin-top:15%;
padding-bottom:5%;
}

.w1000 {
width:92%;
margin:auto;
}
.w800 {
width:92%;
margin:auto;
}
.fs150 {
font-size:110% ;
}
.fs200 {
font-size:130% ;
}
}

@media screen and (max-width:750px) {
body{
font-size:16px;
}
img {
width: 100%;
height: auto;
}
#wrapper {
}
#header_sp {
display: block;
width: 100%;
}
#header_pc {
display: none;
}
section {
padding:5% 0 0;
}
p {
width:100%;
padding: 0.5rem 0;
margin:0 auto;
}
.flex1 {
display:block;
}
.flex1 img {
width:100%;
margin-bottom:5%;
}
.s_just {
text-align:justify;
}
#sect2 .item {
width:100%;
margin:3rem auto 0;
}
#sect2 .item img{
width:100%;
}
#sect4 h1{
width:90%;
}
.w85p {
width:90%;
margin:auto;
}
.w420 {
width:90%;
margin:auto;
}
.pc {
display:none;
}
.sp {
display:block;
}
.br_1 {
display:none;
}
.br_2 {
display:block;
}
}