@charset "UTF-8";

#contents .blk {
 color: #FFF;
 margin: 0 auto;
 padding-top:40px;
 width: 960px;
}

#contents .tit_ti {
 color: #FFF;
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: bold;
 margin-bottom: 45px;
 text-align:left;
}

#contents .tit_tiv {
 border-bottom:#FFF 2px solid;
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: bold;
 margin-bottom: 45px;
 text-align:left;
}

#contents .plan {
 margin:0 auto 100px auto;
 width:720px;
}

#contents .plan p {
 font-weight: bold;
}

#contents .plan p.name {
 font-size: 30px;
 font-size: 3.0rem;
 margin-bottom: 20px;
}

#contents .theme {
 position:relative;
 border:#FFF 2px solid;
 height:1360px;
 margin:0 auto 100px auto;
 width:956px;
}

#contents .theme p.title {
 position: absolute;
 left: 210px;
 top: -27px;
 background: #8fc4d2;
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: bold;
}

#contents .theme p.lead {
 position: absolute;
 left: 252px;
 top: 56px;
 text-align:center;
}

#contents .theme ol li p.fn {
 font-size: 24px;
 font-size: 2.4rem;
 font-weight: bold;
 margin-bottom:20px;
}

#contents .theme ol li.th01 {
 position: absolute;
 left: 60px;
 top: 180px;
}

#contents .theme ol li.th01 span {
 background:url(../img/icn_01.png) left top no-repeat;
 display:block;
 float:left;
 height:47px;
 margin-right:10px;
 overflow:hidden;
 text-indent:-9999px;
 width:29px;
}

#contents .theme ol li.th02 {
 position: absolute;
 right: 101px;
 top: 300px;
}

#contents .theme ol li.th02 span {
 background:url(../img/icn_02.png) left top no-repeat;
 display:block;
 float:left;
 height:47px;
 margin-right:10px;
 overflow:hidden;
 text-indent:-9999px;
 width:29px;
}

#contents .theme ol li.th03 {
 position: absolute;
 left: 120px;
 top: 650px;
}

#contents .theme ol li.th03 span {
 background:url(../img/icn_03.png) left top no-repeat;
 display:block;
 float:left;
 height:47px;
 margin-right:10px;
 overflow:hidden;
 text-indent:-9999px;
 width:29px;
}

#contents .theme .kamawanu {
 position: absolute;
 left: 120px;
 top: 1130px;
 background: #FFF;
 height: 164px;
 width: 720px;
}


#contents .theme .kamawanu .pic {
 float:left;
 margin-right:30px;
 width:285px;
}
#contents .theme .kamawanu .txt {
 color:#585858;
 float:left;
 line-height:2;
 padding-top:27px;
 width:365px;
}

#contents .prd {
 margin:0 auto 100px auto;
 width:580px;
}

#contents .prd .dtl {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 text-align:center;
}

#contents .prd .name {
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: bold;
 margin-bottom:40px;
 text-align:center;
}

#contents .prd ul.pic {
 margin-bottom:80px;
 width:580px;
}

#contents .prd ul.pic li.wh {
 float:left;
 text-align:center;
 width:260px;
}

#contents .prd ul.pic li.pi {
 float:right;
 text-align:center;
 width:260px;
}


#contents .prd ul.check {
 clear:both;
 margin:0 auto;
 width:390px;
}

#contents .prd ul.check li {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 line-height:1.6;
 margin-bottom:30px;
 width:390px;
}


#contents .prd ul.check li a {
 border:#FFF 2px solid;
 color:#FFF;
 display:block;
 padding:20px 35px;
 width:320px;
}

#contents .prd ul.check li a.store {
 background:url(../img/icn_store.png) 20px center no-repeat;
 padding-left:90px;
 width:265px;
}

#contents .prd ul.check li a:hover {
 border:#e5e400 2px solid;
 color:#e5e400;
 text-decoration:none;
}




/* clear
----------------------------------------------------------------------------------------------------*/

#contents .blk:after,
#contents .side .pp:after {
 clear: both;
 content: ".";
 display: block;
 font-size: 0;
 height: 0;
 line-height: 0;
 visibility: hidden;
}



@media screen and (max-width: 480px) {

#contents .blk {
 padding:0 20px;
 margin: 0 auto;
 padding-top:40px;
 width: 100%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

#contents .tit_ti {
 color: #FFF;
 font-size: 26px;
 font-size: 2.6rem;
 font-weight: bold;
 margin-bottom: 25px;
 text-align:left;
}


#contents .tit_tiv {
 border-bottom:#FFF 2px solid;
 font-size: 26px;
 font-size: 2.6rem;
 font-weight: bold;
 margin-bottom: 20px;
 text-align:left;
}

#contents .plan {
 margin:0 auto 40px auto;
 width:100%;
}

#contents .plan img {
 width:100%;
}

#contents .plan p {
 font-weight: bold;
}

#contents .plan p.name {
 font-size: 26px;
 font-size: 2.6rem;
 margin-bottom: 20px;
}

#contents .theme {
 position:relative;
 border:#FFF 2px solid;
 height:auto;
 margin:0 auto 100px auto;
 padding:20px 20px 30px 20px;
 width:100%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

#contents .theme p.title {
 position:relative;
 left: 0px;
 top: 0px;
 background: #8fc4d2;
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 margin-bottom:20px;
}

#contents .theme p.lead {
 position:relative;
 left: 0px;
 top: 0px;
 margin-bottom:40px;
 text-align:left;
}

#contents .theme ol li {
 margin-bottom:40px;
}

#contents .theme ol li p.fn {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 margin-bottom:20px;
}

#contents .theme ol li img {
 width:100%;
}

#contents .theme ol li.th02 img {
 width:60%;
}

#contents .theme ol li.th01 {
 position:relative;
 left: 0px;
 top: 0px;
}

#contents .theme ol li.th01 span {
 background:url(../img/icn_01.png) left top no-repeat;
 display:block;
 float:left;
 height:47px;
 margin-right:10px;
 overflow:hidden;
 text-indent:-9999px;
 width:29px;
}

#contents .theme ol li.th02 {
 position:relative;
 left: 0px;
 top: 0px;
}

#contents .theme ol li.th02 p {
 text-align:center;
}

#contents .theme ol li.th02 p.fn {
 text-align:left;
}

#contents .theme ol li.th02 span {
 background:url(../img/icn_02.png) left top no-repeat;
 display:block;
 float:left;
 height:47px;
 margin-right:10px;
 overflow:hidden;
 text-indent:-9999px;
 width:29px;
}

#contents .theme ol li.th03 {
 position:relative;
 left: 0px;
 top: 0px;
}

#contents .theme ol li.th03 span {
 background:url(../img/icn_03.png) left top no-repeat;
 display:block;
 float:left;
 height:47px;
 margin-right:10px;
 overflow:hidden;
 text-indent:-9999px;
 width:29px;
}

#contents .theme .kamawanu {
 position:relative;
 left: 0px;
 top: 0px;
 background: #FFF;
 height: auto;
 width:100%;
}


#contents .theme .kamawanu .pic {
 background:#042b55;
 float:none;
 margin-right:0px;
 text-align:center;
 width:100%;
}

#contents .theme .kamawanu .pic img {
 width:80%;
}

#contents .theme .kamawanu .txt {
 color:#585858;
 float:none;
 line-height:2;
 padding:20px;
 width:100%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

#contents .prd {
 margin:0 auto 40px auto;
 width:100%;
}

#contents .prd .dtl {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 text-align:center;
}

#contents .prd .name {
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: bold;
 margin-bottom:40px;
 text-align:center;
}

#contents .prd ul.pic {
 margin-bottom:40px;
 width:100%;
}

#contents .prd ul.pic li.wh {
 float:left;
 width:48%;
}

#contents .prd ul.pic li.pi {
 float:right;
 width:48%;
}

#contents .prd ul.pic li img {
 width:100%;
}


#contents .prd ul.check {
 clear:both;
 margin:0 auto;
 width:100%;
}

#contents .prd ul.check li {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 line-height:1.6;
 margin-bottom:20px;
 width:100%;
}


#contents .prd ul.check li a {
 border:#FFF 2px solid;
 color:#FFF;
 display:block;
 padding:20px 35px;
 width:100%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

#contents .prd ul.check li a.store {
 background:url(../img/icn_store.png) 20px center no-repeat;
 padding-left:90px;
 width:100%;
}




}