@charset "utf-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);*/

html {
/*
  position: relative;
*/
  min-height: 100%;
}
body {
  color:#111111;
  font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
  margin-bottom:100px
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: rgb(3,108,176); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(3,108,176,1) 0%, rgba(0,88,136,1) 50%, rgba(0,9,15,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(3,108,176,1) 0%,rgba(0,88,136,1) 50%,rgba(0,9,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(3,108,176,1) 0%,rgba(0,88,136,1) 50%,rgba(0,9,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036cb0', endColorstr='#00090f',GradientType=1 ); /* IE6-9 */
    color:#ffffff;
    text-align:center;
}

a{
    color:#111111;
    text-decoration: none;
}

.footer a{
    color:#fff;
    text-decoration: none;
}

.footer ul{
    margin-top:15px;
}

.footer ul li {
    display: inline;
    margin-right: 1em;
}

a:hover{
    text-decoration: none;
}

p{
    color:#111111;
}

.bannerArea img{
    width:100%;
}

/* ログイン　会員登録*/
#login{
    height:100%;
    color:#363947;
}

#login #container{
/*    margin-top:30px;*/
    margin-top:65px;
}

#login .logo{
    text-align:center;
    font-size:40px;
    font-weight:bold;
}

#login .logo img{
    width:300px;
}

.registArea{
    margin-top:30px;
}

.dispNone{
    display:none;
}
/* ログイン　会員登録 end */

#main{
    height:100%;
    color:#363947;
}

.wrapper{
    width:100%;
    margin:0;
    padding:0;
}

.center{
    text-align:center;
}

.point_plus{
    color:#0000ff;
}

.point_minus{
    color:#ff0000;
}

.pageHeader{
    background-color:#000;
    color:#fff;
    padding:15px;
    text-align:center;
    margin:0;
}

.havePoint{
    text-align:center;
}

.itemTitle{
    color:#FF6860;
    font-weight:bold;
}

.itemLeft{
    background-color:#FF6860;
    color:#fff;
    padding:10px;
}

.itemRight{
    border-bottom: 1px solid #FF6860;
    padding:10px;
    padding-bottom:9px;
}

.prizeList{
    width:95%;
    margin:15px auto;
    padding:15px;
    background-color:#F1F1EF;
}

.prizeList .prizeImg{
    text-align:center;
    margin:0 auto;
}

.prizeList .prizeImg img{
    width:95%;
}

.prizeList .prizeTitle{
    font-weight:bold;
    text-align:center;
}

.prizeList .prizeItem{
    margin-top:10px;
}

.prizeList .prizeP{
    text-align:left;
    font-size:13px;
    padding:0 5px;
}

.mgT{
    margin-top:20px;
}

.formmsg{
    font-size:12px;
    margin:10px 0;
}










.list{
    margin:0px 0;
}
.list3{
    padding-top:10px;
    border-top:1px solid #f5f5f5;
}
.list:not(:first-child){
    margin:20px 0;
}
.list3:not(:first-child){
    margin:15px 0;
}
.listimage{
    width:100%;
    margin:0;
    padding:0;
    max-height:300px;
    display: block;
    object-fit: cover;
}
.listimage3{
    width:100%;
    margin:0;
    padding:0;
    display: block;
}

.list .info{
    margin:0;
    padding:5px 5px;
    text-align:left;
    background-color:#fff;
    color:#333;
}
.list3 .info3{
    margin:0;
    padding:0px 10px;
    text-align:left;
    background-color:#fff;
    color:#333;
}
.list .date{
    text-align:left;
    font-size:13px;
}
.list .author{
    font-size:13px;
}
.list .post_title{
    font-size:13px;
    font-weight:bold;
    text-align:left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.post_header .author{
    font-size:13px;
}
.post_header .date{
    text-align:left;
    font-size:13px;
}
.post_header{
    background-color:#333333;
    color:#fff;
    padding:10px;
    margin-bottom:10px;
    text-align:left;
}
.post_header .post_title{
    font-weight:bold;
    text-align:left;
}

.post_content{
    width:100%;
}

.post_content img{
    width: 100%;
    height: auto;
    margin:10px 0;
}
.post_content p{
    width: 95%;
    text-align:left;
    margin:0 auto;
    padding:0;
    line-height:30px;
}
.loading{
    width:100%;
    text-align:center;
    margin:0 auto;
    margin-top:-40px;
    display:none;
}

.product_item_list a{
    color: #333;
}
.product_item_list{
    margin-top:30px;
    padding-top:20px;
    display: flex;
    flex-wrap: wrap;
    /*background: #e7e6e5;*/
}
.product_item_list li{
    width: 32%;
    background: #fff;
    margin-bottom: 1rem;
    margin-right: 2%;
    padding: 1rem;
    box-sizing: border-box;
}
.product_item_list li:nth-child(3n){
    margin-right: 0;
}
.product_item_list li img{
    padding-bottom: 1rem;
    width:100%;
}
.item_name {
    text-align: center;
    font-size: 90%;
}
@media screen and (max-width:480px){
.product_item_list {
    justify-content: space-between;
    padding:0px 5px;
}
.product_item_list li {
    width: calc(100%/2.03333);
    margin-right: 0;
    padding: 0.5em;
}
.product_item_list li img {
    padding-bottom: 0.5rem;
}
.item_list_img{
    margin-bottom: 0.5rem;
}
}

.header_space{
    background-color:#000;
    padding-top:60px;
}

.areaBlock{
    background-color:#F1F1EF;
}

.areaContent{
    width:97%;
    padding:20px 0;
    margin:0 auto;
}

.areaContent_msg{
    font-size:14px;
    padding:0 10px;
    margin-bottom:10px;
}

.notes{
    margin:20px 0;
    font-size:12px;
}

.infoPost{
    margin-top:3px;
    padding: 0 10px;
}

.infoPost .name,
.infoPost .place,
.infoPost .date,
.infoPost .lureicon
.infoPost .comment
{
    font-size:14px;
}


.infoPost .name span,
.infoPost .place span,
.infoPost .date span,
.infoPost .lureicon span,
.infoPost .comment span
{
    margin-left:5px;
    font-size:14px;
}

.post_complete{

}

.opa{
    opacity:0.2;
}

.tbl-logs{
    font-size:12px;
}

.explanation{
    font-size:0.9em;
}

.contact_txt{
    height:300px;
}

.post_new{
    background-color:#ff0000;
    padding:2px;
    color:#fff;
    font-size:11px;
    width:40px;
    margin:5px 0;
    text-align:center;
}

.post_button{
    background-color:#6860FF;
    padding:5px;
    color:#fff;
    font-size:11px;
    width:40px;
    margin:5px 0px;
    margin-right:5px;
    text-align:center;
    border-radius:10px;
}

.product_list {
    position: relative;
}

.product_list .isnew {
    position: absolute;
    top:0;
    left:0;
    background-color:#ff0000;
    color:#fff;
    padding:5px;
    font-size:12px;
}