html, body {width: 100%;background:#FFFFDB;}
.wrap {width: 100%;}
.container {width: 950px; padding-top: 10px; padding-bottom:10px;margin: 0 auto;}
.align-center{ text-align:center;}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

#header ul.line-01{ text-align:center;letter-spacing: -.40em; padding-top:30px;}
#header ul.line-01 li{ display:inline-block; padding:0 10px;letter-spacing: normal;}
#header ul.line-02{ text-align:center;letter-spacing: -.40em; }
#header ul.line-02 li{ display:inline-block; padding:0 10px;letter-spacing: normal;vertical-align:top;}
#header ul.line-02 li.muginochikara{ padding-top:7px;}


#nav ul{overflow: hidden;margin-top: 5px;}
#nav ul li { margin-left:4px; float: left; cursor:pointer;}
#nav ul li:first-child { margin-left:0; float: left;}
.pointer{ cursor:pointer!important;}

.box-01 {position: relative; text-align:center; }
.box-01 img{width:100%;}

.box-02{ border-top:2px solid #d71b00; margin-top:25px;}
.box-02 ul{ text-align:center;letter-spacing: -.40em; }
.box-02 li{ display:inline-block; margin-left:28px;letter-spacing: normal;}
.box-02 li:first-child { margin-left:0; }
.box-02 h2{ padding-left:15px; margin:15px 0;}
.box-03{ margin-top:30px;}
.box-03 li{ float:left; margin-top:25px; position: relative;}
.box-03 div{position: relative;}
.box-03 li:nth-child(even){ margin-left:18px;}
.box-03 li .more-01{ position:absolute; top:172px; right:24px;cursor:pointer;}
.box-03 div .more-02{ position:absolute; bottom:152px; right:24px;cursor:pointer;}
.box-03 div .more-03{ position:absolute; bottom:30px; right:24px; cursor:pointer;}
.box-03 .popup{ position:absolute; top:40px; left:0;cursor:pointer;}
.pagetop-btn{ width:7%;}
.img100{ width:100%;}

@media screen and (min-width:768px) {
.sp{ display:none;}
	}
@media screen and (max-width:767px) {
.pc{ display:none;}
.container{ width:100%;padding-top: 0;}
.box-01 iframe{position:absolute; top:0;left:0;width:100%;height:100%;}
.box-02{ margin-top:15px;}
.box-02 li img{ width:82%;}
.box-02 h2 img{ width:95%;}
.box-02 h2{  margin:10px 0;}
.box-02 li{ display:inline-block; margin-left:2px;letter-spacing: normal;}
.box-03{ line-height:0;}
.box-03 li .more-01{ width:27%; top:35%;}
.box-03 li{ float:none; margin:0;}
.box-03 li:nth-child(even){ margin-left:0;}
.box-03 .popup img{ width:85%;}
.box-03 div img{ width:100%;}
.box-03 div .more-02{ position:absolute; top:27%; left:8%;cursor:pointer; }
.box-03 div .more-03{ position:absolute; top:62%; left:8%; cursor:pointer;}
.box-04 { padding:3%;}
.box-04 img{ width:100%; margin-top:5px;}
.pagetop-btn{ width:22%;}
	}