@charset "UTF-8";

body {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 16px;
color: #000;
overflow-x: hidden;
}






@media screen and (max-width: 280px) { /*Galaxy Fold*/
  body {
  font-size: 14px;
  }
}

article{
width: 100%;
}
section{
  position: relative;
}
.active{
  opacity: 1;
}
a{
  transition: .3s;
}
a:link,
a:visited{
  color: #0952a4;
}
a:hover{
  opacity: 0.7;
}

.textLeft {
	text-align: left;
  line-height: 1.4;
}

.textCenter {
	text-align: center;
  line-height: 1.4;
}

.textRight {
	text-align: right;
    line-height: 1.4;
}
.red {
	color: #ff0000;
}

dt {
  font-weight: normal;
}

strong {
    font-weight: bold;
}

.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}

/*
SP
==================================================== */
@media screen and (max-width: 759.9px) {
.pc{
	display:none;
}
.sp{
	display:block;
}

#container{
  position: relative;
  z-index:1;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.main_kv{
  margin: 0 auto 10px auto;
  width:100%;
  padding: 0 5px;
  box-sizing: border-box;
}
.main_kv img{
  width: 100%;
}


/*navigation*/
#topNavi {
 width: 100%!important;
 text-align: center;
 padding: 5px 20px;
 box-sizing: border-box;
 background-color: #00329A;
 margin: 0 0 10px;
}
#topNavi ul.topNavi_list{
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 700;
  justify-content: space-between;
}
#topNavi ul.topNavi_list li{
  width: 32%;
  line-height: 30px;
  margin: 5px 0;
  border-radius: 6px;
  border: 2px solid #FFF;
  color: #FFF;
  opacity: 0.7;
  cursor:pointer;
}
#topNavi ul.topNavi_list li:nth-child(1){
  width: 32%;
  margin: 5px 0.65% 5px 17.35%;
}
#topNavi ul.topNavi_list li:nth-child(2){
  width: 32%;
  margin: 5px 17.35% 5px 0.65%;
}

  
#topNavi ul.topNavi_list li.selected{
  opacity:1;
}
#topNavi ul.topNavi_list li.setouchi{
  background: #00BEFF;
}

#topNavi ul.topNavi_list li.hokuriku{
  background: #D788D7;
}
#topNavi ul.topNavi_list li.sanin{
  background: #FF9966;
}
#topNavi ul.topNavi_list li span{
  letter-spacing: 1em;
  margin: 0 0 0 1em;
}
  
  
.sec_wrap{
  width: 100%;
  background: url("../images/common_bk.jpg");
  padding: 15px 10px;
  box-sizing: border-box;
}
.sec_exclusive{
  border-radius: 10px;
  max-width: 930px;
  padding: 15px 15px;
  box-sizing: border-box;
  background: #FFFF66;
  border: 2px solid #FFF;
  margin: 0 auto 30px;
}  
.sec_exclusive h2{
  position: relative;
  margin: 0 auto 20px auto;
  width:96%;
}
.sec_exclusive h2 span{
   color: #FF0000;
    font-weight: 900;
    text-align: center;
    border-top: 2px solid  #FF0000;
    border-bottom: 2px solid  #FF0000;
    padding: 10px 0;
    font-size: 20px;
  line-height: 1.2em;
    position: relative;
    z-index: 1;
    display: block;
  }
  
  .sec_exclusive h2:before{
    position: absolute;
    content: "";
    top: 5px;
    left: 5px;
    background: #FFF;
    width: 100%;
    padding: 10px 0;
    height: 70px;
 }
  .sec_exclusive p{
    color: #FF0000;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    line-height: 1.45em;
    margin:0 0 10px 0;
  }
  .sec_exclusive a{
    background: #FF0000;
    color: #FFF;
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    padding:5px 0;
    margin:0 auto;
    width: 80%;
    display: block;
  }

  

.sec_westerpoint{
    border-radius: 10px;
    max-width: 930px;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    background: #D2F4FF;
    border: 2px solid #0098FF;
    margin: 0 auto;
  }  
.sec_westerpoint h2{
  text-align: center;
  margin: 0 auto 10px auto;
  width: 60%;
  }  
.sec_westerpoint h2 img{
  width: 100%;
  }  

  
.sec_westerpoint p{
    color: #FF0000;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    line-height: 1.25em;
  background-size: 850px;
  background: url("../images/westerpoint_border.png") bottom center no-repeat;
  padding: 0 0 20px 0;
  }  
.sec_westerpoint p span{
  padding: 0 5px 5px 5px;
  width: 100%;
  border-right: 2px solid #FF0000;
  display: block;
  }  
.sec_westerpoint ul.point{
  margin: 0 0 10px 0;
  }  
.sec_westerpoint ul.point li{
  margin: 10px 0 0 0;
  }  
  .sec_westerpoint ul.point li img{
    width: 100%;
  }  

.sec_westerpoint ul.guideList{
    font-size: 14px;
  }
#sec_hapitabi{
  max-width: 930px;
  margin: 0 auto;
}
#sec_hapitabi .hapitabi_box{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#sec_hapitabi .hapitabi_box h2{
  width: 90%;
  text-align: center;
  margin: 0 auto;
}
#sec_hapitabi .hapitabi_box h2 img{
  width: 100%;
}

#sec_hapitabi .hapitabi_box p{
  font-size: 18px;
  font-weight: 700;
}
#sec_hapitabi .hapitabi_box p.price{
  font-size: 36px;
  font-weight: 900;
  color: #FF0000;
  margin: 0 0 10px 0;
}
#sec_hapitabi .hapitabi_box p.price span{
  font-size: 24px;
}
#sec_hapitabi .hapitabi_box p.price_caption{
  font-size: 10px;
  line-height: 1.3em;
}
  
#sec_hapitabi .hapitabi_box .goods_box{
  margin: 15px 0 0 0;
}
#sec_hapitabi .hapitabi_box .goods_box .info a{
  background: #FF8B8B;
  color: #FFF;
  border-radius: 10px;
  display: block;
  width: 50%;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 900;
  padding: 5px 0;
}
#sec_hapitabi .hapitabi_box .goods_box .info_text{
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2em;
  margin: 0 0 10px 0;
}
#sec_hapitabi .hapitabi_box .goods_box .info_text span{
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 5px 0;
  line-height: 1.2em;
  display: inline-block;
}
#sec_hapitabi .hapitabi_box .goods_box .info_text span.caption{
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 5px 0;
  line-height: 1.2em;
  display: inline-block;
}

 
#sec_hapitabi .hapitabi_targetstore{
  padding: 10px 10px 5px;
  background: #FFF;
  margin: 15px 0;
  }
#sec_hapitabi .hapitabi_targetstore h3{
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  background: #0098FF;
  margin: 0 0 5px 0;
  padding: 5px 0;
  }
#sec_hapitabi .hapitabi_targetstore img{
  margin: 0 0 5px 0;
}
#sec_hapitabi .hapitabi_targetstore p{
  font-size: 14px;
  font-weight: 500;
}

    #sec_hapitabiapplication_top{
    width:calc(100% - 20px);
    margin: 20px auto 15px;
  }

  #sec_hapitabiapplication{
    width:calc(100% - 20px);
    margin: 20px auto 15px;
  }
 .hapitabiapplication p{
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    margin: 0 0 10px 0;
  }
  .hapitabiapplication a{
    font-size: 20px;
    font-weight: 900;
    color: #FFF;
    background: #FF0000;
    text-align: center;
    width: 100%;
    padding: 10px;
    display: block;
    border-radius: 10px;
  }
  #sec_entryform{
    width: calc(100% - 20px );
    margin: 20px auto;
    padding:15px;
    box-sizing: border-box;
    border: 1px solid #000;
  }
  #sec_entryform h3{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
  }
  #sec_entryform h3 strong{
    font-weight: 900;
    color: #FF0000;
  }
  #sec_entryform ul.guideList{
    font-weight: 400;
    font-size: 14px;
  }
  #sec_entryform a{
    font-size: 16px;
    font-weight: 900;
    color: #FFF;
    background: #33CC84;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    display: block;
    border-radius: 10px;
    margin: 10px auto 0;
  }

  #sec_caution{
    width: calc(100% - 20px );
    margin: 0 auto 20px;
  }
  #sec_caution h3{
    width: 100%;
    background: #0071BC;
    color: #FFF;
    padding: 5px;
    border-radius: 6px;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 16px;
  }
  #sec_caution ul.guideList{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
 }
  #sec_caution ul.guideList a{
    color: #0000FF;
    text-decoration: underline;
 }

  .hapitabi_point{
    width: 100%;
  }
  .hapitabi_point > div:nth-child(1){
    width: 80%;
    margin: 20px auto;
  }
  .hapitabi_point > div:nth-child(2){
    width: 80%;
    margin: 20px auto 40px auto;
  }
  .hapitabi_point img{
    width: 100%;
  }
#hapitabi_shop{
    max-width: 930px;
    margin: 0 auto 50px;
}
#hapitabi_shop h2{
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  margin: 0 auto 10px auto;
  width: 90%;
}
#hapitabi_shop h2 img{
  margin: 5px 0 0 0;
  width: 100%;
}

#hapitabi_shop .hapitabi_shopbox{
  background: #FFF;
  width: 100%;
  padding:25px 15px 50px 15px; 
}
#hapitabi_shop .hapitabi_shopbox .shop_toyama{
  text-align: center;
}
 #hapitabi_shop .hapitabi_shopbox .shop_toyama .shop_logo{
   margin: 0 auto 10px auto;
  text-align: center;
} 
  
#hapitabi_shop .hapitabi_shopbox h3{
  text-align: center;
  margin: 0 0 15px 0;
}
  #hapitabi_shop .hapitabi_shopbox h3 img{
    max-width: 100%;
}

#hapitabi_shop .hapitabi_shopbox p{
  font-size: 16px;
  margin: 0 0 10px 0;
  text-align: center;
}

#hapitabi_shop .hapitabi_shopbox ul li{
  padding: 0 0 50px 0;
  box-sizing: border-box;
  position: relative;
}
#hapitabi_shop .hapitabi_shopbox ul li img{
  width: 100%;
}
#hapitabi_shop .hapitabi_shopbox ul h4{
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  background: #D788D7;
  text-align: center;
  padding: 5px;
  margin: 0 0 20px 0;
}
#hapitabi_shop .hapitabi_shopbox ul h4.sanin{
  background: #FF9966;
}
#hapitabi_shop .hapitabi_shopbox ul h4.setouchi{
  background: #00BEFF;
}
#hapitabi_shop .hapitabi_shopbox ul h5{
  font-size: 18px;
  font-weight: 700;
  color: #C1272D;
  margin: 10px 0 5px 0;
  text-align: center;
}
#hapitabi_shop .hapitabi_shopbox ul h5.sanin{
  color: #FF6315;
}
#hapitabi_shop .hapitabi_shopbox ul h5.setouchi{
  color: #C1272D;
}

  
#hapitabi_shop .hapitabi_shopbox ul h6{
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  background: #8681E0;
  margin: 10px auto 5px auto;
  text-align: center;
  width: 70%;
  padding: 5px 0;
}
#hapitabi_shop .hapitabi_shopbox ul p{
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  line-height: 1.4em;
}
#hapitabi_shop .hapitabi_shopbox ul p.text06{
  text-align: center;
}
  
#hapitabi_shop .hapitabi_shopbox ul a{
  font-size: 16px;
  font-weight: 900;
  background: #D788D7;
  color: #FFF;
  border-radius: 10px;
  display: block;
  padding: 10px;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#hapitabi_shop .hapitabi_shopbox ul a.sanin{
  background: #FF9966;
}
#hapitabi_shop .hapitabi_shopbox ul a.setouchi{
  background: #00BEFF;
}
#hapitabi_shop .hapitabi_shopbox ul li img{
  text-align: center;
  margin: 0 auto;
}


#hapitabi_shop .shopcaption{
    widows: 930px;
    margin: 10px auto 40px auto;
  }
#hapitabi_shop .shopcaption ul li{
    padding: 0;
    font-size: 14px;
    font-weight: 400;
  }
  
  #hapitabi_shop .hapitabi_shop_link{
    text-align: center;
    font-size: 14px;
    font-weight: 700;
  }
  #hapitabi_shop .hapitabi_shop_link a{
    color: #0000FF;
    text-decoration: underline;
  }


#hapitabi_present{
  max-width: 870px;
  margin: 0 auto 20px;
}
  
#hapitabi_present .present_box{
  max-width: 870px;
  padding: 20px;
  box-sizing: border-box;
  background: #FFF;
}

#hapitabi_present .present_box .present_title{
  background: #FF0000;
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}  
#hapitabi_present .present_box .present_title h2{
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #FFF;
  margin: 0 0 10px 0;
  line-height: 1.4em;
}    
 #hapitabi_present .present_box .present_title h3{
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  color: #FF0000;
   background: #FFFF90;
   border-radius: 10px;
   padding: 5px;
   line-height: 1em;
  line-height: 1.4em;
}    
 #hapitabi_present .present_box .present_title h3 span{
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #000;
}   
 #hapitabi_present .present_box h4{
  font-size: 16px;
  font-weight: 700;
  text-align: center;
   margin: 0 0 15px 0;
}    
  #hapitabi_present .present_box .present_box_caution .caution_title{
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    background: #0071BC;
    padding: 5px 10px;
    margin: 0 0 0 0;
    display: inline-block;
  }
  
  
  #hapitabi_present .present_box .present_box_caution {
    margin: 0 0 50px 0;
  }
  
  #hapitabi_present .present_box .present_box_caution .caution_subtitle{
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 20px 0;
  }
  #hapitabi_present .present_box .present_box_caution table{
    border:1px solid #000;
     border-right: none;
    border-bottom: none;
    margin: 10px 0 10px 0;
}
  #hapitabi_present .present_box .present_box_caution table th{
    font-size: 18px;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #000;
    border-left: none;
    border-top: none;
  }
  #hapitabi_present .present_box .present_box_caution table td{
    padding: 5px 10px;
    border: 1px solid #000;
    border-left: none;
    border-top: none;
    font-size: 14px;
  }
  #hapitabi_present .present_box .present_box_caution table td.blue{
    font-size: 14px;
    background: #00BEFF;
    text-align: center;
    padding: 5px 10px;
}
  #hapitabi_present .present_box .present_box_caution ul.mbspace{
    margin: 0 0 10px 0;
  }

  
  #hapitabi_present .present_box .present_box_caution ul.guideList li{
    padding: 0;
    font-size: 14px;
    font-weight: 500;
  }
  #hapitabi_present ul.present_goods{
  }
  
  #hapitabi_present ul.present_goods li{
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
  #hapitabi_present ul.present_goods_hokuriku li{
    background: #EDC9ED;
  }
  #hapitabi_present ul.present_goods_sanin li{
    background: #FFDECD;
  }
  
  
    #hapitabi_present ul.present_goods .imgbox{
    margin: 10px auto;
    text-align: center;
  }

  
  #hapitabi_present ul.present_goods li:nth-child(3){
    width: 100%;
    padding: 0 0 10px 0;
     margin: 0;
 }
  #hapitabi_present ul.present_goods_hokuriku li:nth-child(3){
    background: #EDC9ED;
 }
  #hapitabi_present ul.present_goods_sanin li:nth-child(3){
    background: #FFDECD;
 }
  #hapitabi_present ul.present_goods_okayama li{
    background: #B9EDFF;
    width: 100%;
  }
  #hapitabi_present ul.present_goods_okayama li img{
    width: 90%;
    margin: 0 auto;
 }

  

  #hapitabi_present ul.present_goods li .item_selecet{
 }
  #hapitabi_present ul.present_goods li .item_selecet .or_cts{
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 20px 0;
    text-align: center;
    white-space: nowrap;
    width: 100%;
 }
  #hapitabi_present ul.present_goods_sanin li .item_selecet .or_cts{
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 10px 0;
    text-align: center;
    white-space: nowrap;
    width: 100%;
 }

  
  
  #hapitabi_present ul.present_goods li .item_selecet .or_cts .or_text{
 }
  #hapitabi_present ul.present_goods li .area_wrap{
    display: flex;
    flex-wrap: wrap;
  }
  
  #hapitabi_present ul.present_goods li .area{
    font-size: 16px;
    font-weight: 900;
    display: inline-block;
    color: #FFF;
    margin: 0 10px 10px 0;
    width: 90px;
    text-align: center;
    box-sizing: border-box;
    line-height: 30px;
  }
  #hapitabi_present ul.present_goods_hokuriku li .area{
    background: #C24AC2;
  }
  #hapitabi_present ul.present_goods_sanin li .area{
    background: #FF9966;
  }
 #hapitabi_present ul.present_goods_okayama li .area{
    background: #0094FF;
  }
    #hapitabi_present ul.present_goods_sanin li .area_wrap .areaday{
    text-align: center;
    width: calc(100% - 110px);
    margin: 5px 10px 5px 0;
    padding: 0;
  }

  #hapitabi_present ul.present_goods_sanin li .area_wrap .areaday span{
    background: #FF0000;
    color: #FFF;
    line-height: 20px;
    width: 100%;
    display: block;
    font-size: 14px;
  }
  #hapitabi_present ul.present_goods li .goodsname{
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px 0;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
  }
  #hapitabi_present ul.present_goods_hokuriku li .goodsname{
    color: #7C007F;
  }
  #hapitabi_present ul.present_goods_sanin li .goodsname{
    color: #AD2D24;
  }
  #hapitabi_present ul.present_goods_okayama li .goodsname{
    color: #0042B2;
  }

  
  #hapitabi_present ul.present_goods li p{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
 }
  #hapitabi_present ul.present_goods li .tottori_p{
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  
  #hapitabi_present p.caption{
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    margin: 10px 0 0 0;
  }
 
  .slide-dots {
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  bottom: -50px;
}
.slide-dots li {
  display: inline-block;
  margin: 0 5px !important;
  padding: 0 !important;
}
.slide-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  cursor: pointer;
  border-radius: 100%;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #969696;
  background: #FFF;
}
.slide-dots li button:hover {
  background: #333333;
}
.slide-dots li button:focus {
  background: #969696;
}
.slide-dots li.slick-active button {
  background: #969696;
}
  
  .prev-arrow {
    left:-8px;
    top: 20%;
    background: url("../images/prev-arrow.png") no-repeat;
    width: 50px;
    height: 100px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }
  .next-arrow {
    right: -8px;
    top: 20%;
    background: url("../images/next-arrow.png") no-repeat;
    width: 50px;
    height: 100px;

    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }
  

/*list横並び*/
.itemList2,
.itemList3,
.itemList4 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.itemList2 > div,
.itemList3 > div,
.itemList4 > div {
  width: 100%;
  height: auto;
  align-self: stretch;  
  padding: 10px;
}

.itemList2,
.itemList3,
.itemList4 > div img {
  width: 100%;
  height: auto;
}



/*注意事項*/
.subttl {
    border-left: 6px solid #000;
    font-weight: bold;
    padding-left: 6px;
    margin: 5% 0 2%;
}

ul.guideList {
	line-height: 1.4;
	margin-top: 2%;
}

ul.guideList li {
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -1em;
    margin-left: 1em;
    text-align: left;
}

ul.guideList li:last-child {
	padding-bottom: 0;
}

ul.guideList li:before {
	content: '●';
}

ul.guideList li.kome {
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -1em;
    margin-left: 1em;
}

ul.guideList li.kome:before {
	content: '※';
}

ul.guideList li.kome1 {
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -3.6em;
    margin-left: 3.6em;
}

ul.guideList li.kome1:before {
	content: '（※1）';
}

ul.guideList li.kome2 {
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -3.6em;
    margin-left: 3.6em;
}

ul.guideList li.kome2:before {
	content: '（※2）';
}

ul.guideList li.kome3 {
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -3.6em;
    margin-left: 3.6em;
}

ul.guideList li.kome3:before {
	content: '（※3）';
}

ul.guideList li span {
	color: #F00;
}




/*footer*/
#footer {
	background-color: #F0F5FA;
}

#footer .inner {
	width: 96%;
	margin: 0 auto;
	padding: 2% 2%;
}

#footer .inner ul {
	font-size: 11px;
	line-height: 1.4;
    text-align: left;
}

#footer .inner ul li {
    display: inline-block;
    width: 46%;
	padding: 2% 0;
}

#footer .inner ul li:last-child {
    border-right: none;
}

#footer .copy {
	background-color: #0952a4;
    color: #FFFFFF;
    font-size: 9px;
    text-align: center;
    padding: 2% 0;
}

/*pagetop*/
#pagetop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 100;
}
#pagetop a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 3em;
  height: 3em;
  background-color: rgba(255,255,255,.5);
  border:solid 1px #152a8c;
  border-radius: 50vh;
}
#pagetop a::after {
  content: '';
  width: 7px;
  height: 7px;
  border-style: solid;
  border-width: 0 6px 9px 6px;
  border-color: transparent transparent #152a8c transparent;
}

 /*news*/
#newsImportant {
margin: 5px;
display: flex;
font-size: 11px;
}
#newsImportant dt {
width: 72px;
height: fit-content;
background: #e62d2d;
color: #FFF;
text-align: center;
border-radius: 3px;
margin-top: 2px;
padding: 3px 0;
}
#newsImportant dd {
width: 100%;
padding: 0 10px;
}
#newsImportant li {
padding: 5px 3px 5px 12px;
position: relative;
font-size: 1.1em;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
#newsImportant li:nth-of-type(n+2) {
border-top: 1px dotted #ccc;
}
#newsImportant li:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid #555555;
border-right: 0;
position: absolute;
top: 7px;
left: 0;
}


}




/*
PC
==================================================== */
@media screen and (min-width: 760px),print {
  
.pc{
	display:block;
}
.sp{
	display:none;
}
#container{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.main_kv{
  max-width:970px;
  padding: 0;
  margin: 0 auto 30px auto;
}
.main_kv img{
  width: 100%;
}


/*navigation*/
#topNavi {
 width: 100%!important;
 text-align: center;
 padding: 5px 0;
 box-sizing: border-box;
 background-color: #00329A;
  margin: 0 0 30px;
}
#topNavi ul.topNavi_list{
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
}
#topNavi ul.topNavi_list li{
  width: 30%;
  line-height: 48px;
  margin: 5px 1.65%;
  border-radius: 6px;
  border: 2px solid #FFF;
  color: #FFF;
  opacity: 0.7;
  cursor:pointer;
}
#topNavi ul.topNavi_list li:nth-child(1){
  width: 30%;
  margin: 5px 1.65% 5px 18.35%;
}
#topNavi ul.topNavi_list li:nth-child(2){
  width: 30%;
  margin: 5px 18.35% 5px 1.65%;
}

  
#topNavi ul.topNavi_list li.selected{
  opacity:1;
}
#topNavi ul.topNavi_list li.setouchi{
  background: #00BEFF;
}
#topNavi ul.topNavi_list li.hokuriku{
  background: #D788D7;
}
#topNavi ul.topNavi_list li.sanin{
  background: #FF9966;
}
#topNavi ul.topNavi_list li span{
  letter-spacing: 1em;
  margin: 0 0 0 1em;
}
  
  
.sec_wrap{
  width: 100%;
  background: url("../images/common_bk.jpg");
  padding: 30px 10px;
  box-sizing: border-box;
}
.sec_exclusive{
  border-radius: 10px;
  max-width: 930px;
  padding: 15px 25px;
  box-sizing: border-box;
  background: #FFFF66;
  border: 2px solid #FFF;
  margin: 0 auto 30px;
}  
.sec_exclusive h2{
  position: relative;
  margin: 0 auto 20px auto;
  width:96%;
}
.sec_exclusive h2 span{
   color: #FF0000;
    font-weight: 900;
    text-align: center;
    border-top: 2px solid  #FF0000;
    border-bottom: 2px solid  #FF0000;
    padding: 10px 0;
    font-size: 33px;
    position: relative;
    z-index: 1;
    display: block;
  }
  
  .sec_exclusive h2:before{
    position: absolute;
    content: "";
    top: 5px;
    left: 5px;
    background: #FFF;
    width: 100%;
    padding: 10px 0;
    height: 65px;
 }
  .sec_exclusive p{
    color: #FF0000;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    line-height: 1.45em;
    margin:0 0 10px 0;
  }
  .sec_exclusive a{
    background: #FF0000;
    color: #FFF;
    font-weight: 900;
    text-align: center;
    font-size: 19px;
    padding:5px 0;
    margin:0 auto;
    width: 450px;
    display: block;
  }

  

.sec_westerpoint{
    border-radius: 10px;
    max-width: 930px;
    padding: 0 40px 15px 40px;
    box-sizing: border-box;
    background: #D2F4FF;
    border: 2px solid #0098FF;
    margin: 0 auto;
  }  
.sec_westerpoint h2{
  text-align: center;
  margin: 0 0 20px 0;
  }  
.sec_westerpoint p{
    color: #FF0000;
    font-weight: 700;
    text-align: center;
    font-size: 23px;
    line-height: 1.25em;
  background-size: 850px;
  background: url("../images/westerpoint_border.png") bottom center no-repeat;
  padding: 0 0 20px 0;
  }  
.sec_westerpoint p span{
  padding: 0 5px 5px 5px;
  width: 100%;
  border-right: 2px solid #FF0000;
  display: block;
  }  
.sec_westerpoint ul.point{
  margin: 0 0 10px 0;
  }  
.sec_westerpoint ul.point li{
  margin: 15px 0 0 0;
  }  
.sec_westerpoint ul.point li img{
  width: 100%;
  }  

  
.sec_westerpoint ul.guideList{
    font-size: 15px;
  }
#sec_hapitabi{
  max-width: 930px;
  margin: 0 auto;
}
#sec_hapitabi .hapitabi_box{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#sec_hapitabi .hapitabi_box h2{
  width: 100%;
  text-align: center;
}
#sec_hapitabi .hapitabi_box p{
  font-size: 22px;
  font-weight: 700;
}
#sec_hapitabi .hapitabi_box p.price{
  font-size: 40px;
  font-weight: 900;
  color: #FF0000;
  margin: 0 0 10px 0;
}
#sec_hapitabi .hapitabi_box p.price span{
  font-size: 32px;
}
#sec_hapitabi .hapitabi_box p.price_caption{
  font-size: 12px;
}
  
#sec_hapitabi .hapitabi_box .goods_box{
  margin: 15px 0 0 0;
}
#sec_hapitabi .hapitabi_box .goods_box .info a{
  background: #FF8B8B;
  color: #FFF;
  border-radius: 10px;
  display: block;
  width: 260px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 900;
  padding: 5px 0;
}
#sec_hapitabi .hapitabi_box .goods_box .info_text{
  font-size: 27px;
  font-weight: 900;
  line-height: 1.1em;
  margin: 0 0 10px 0;
}
#sec_hapitabi .hapitabi_box .goods_box .info_text span{
  font-size: 22px;
  font-weight: 900;
}
#sec_hapitabi .hapitabi_box .goods_box .info_text span.caption{
  font-size: 12px;
  font-weight: 500;
  margin: 10px 0 0 0;
  line-height: 1em;
  display: block;
}

#sec_hapitabi .hapitabi_targetstore{
  padding: 20px 20px 5px;
  background: #FFF;
  margin: 15px 0;
  }
#sec_hapitabi .hapitabi_targetstore h3{
  font-size: 22px;
  font-weight: 700;
  color: #FFF;
  background: #0098FF;
  margin: 0 0 5px 0;
  padding: 5px 0;
  }
#sec_hapitabi .hapitabi_targetstore img{
  margin: 0 0 5px 0;
}
#sec_hapitabi .hapitabi_targetstore p{
  font-size: 18px;
  font-weight: 500;
}
 #sec_hapitabiapplication_top{
    max-width: 930px;
    margin: 40px auto 40px;
  }
  #sec_hapitabiapplication{
    max-width: 930px;
    margin: 40px auto 15px;
  }
  .hapitabiapplication p{
    font-size: 25px;
    font-weight: 900;
    text-align: center;
    margin: 0 0 10px 0;
  }
  .hapitabiapplication a{
    font-size: 32px;
    font-weight: 900;
    color: #FFF;
    background: #FF0000;
    text-align: center;
    width: 100%;
    padding: 20px;
    display: block;
    border-radius: 10px;
  }
  #sec_entryform{
    max-width: 930px;
    margin: 20px auto;
    padding: 20px 10px;
    box-sizing: border-box;
    border: 1px solid #000;
  }
  #sec_entryform h3{
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
  }
  #sec_entryform h3 strong{
    font-weight: 900;
    color: #FF0000;
  }
  #sec_entryform ul.guideList{
    font-weight: 400;
    font-size: 16px;
  }
  #sec_entryform a{
    font-size: 28px;
    font-weight: 900;
    color: #FFF;
    background: #33CC84;
    text-align: center;
    width: 78%;
    padding: 10px 20px;
    display: block;
    border-radius: 10px;
    margin: 20px auto 0;
  }

  #sec_caution{
    max-width: 930px;
    margin: 0 auto 20px;
  }
  #sec_caution h3{
    width: 100%;
    background: #0071BC;
    color: #FFF;
    padding: 5px;
    border-radius: 6px;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 21px;
  }
  #sec_caution ul.guideList{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 16px;
 }
  #sec_caution ul.guideList a{
    color: #0000FF;
    text-decoration: underline;
 }

  .hapitabi_point{
    max-width: 930px;
    margin: 0 auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .hapitabi_point > div{
    width: 46.7%;
  }
  .hapitabi_point img{
    width: 100%;
  }

  
#hapitabi_shop{
    max-width: 930px;
    margin: 0 auto 50px;
}
#hapitabi_shop h2{
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  margin: 0 0 10px 0;
}
#hapitabi_shop h2 img{
  margin: 5px 0 0 0;
}

#hapitabi_shop .hapitabi_shopbox{
  background: #FFF;
  width: 100%;
  padding:25px 40px 70px 40px; 
}
#hapitabi_shop .hapitabi_shopbox .shop_toyama{
    position: relative;
}
 #hapitabi_shop .hapitabi_shopbox .shop_toyama .shop_logo{
    position: absolute;
   right: 20px;
   top: 0;
} 
  
#hapitabi_shop .hapitabi_shopbox h3{
  text-align: center;
  margin: 0 0 15px 0;
}
#hapitabi_shop .hapitabi_shopbox p{
  font-size: 20px;
  margin: 0 0 15px 0;
  text-align: center;
}

#hapitabi_shop .hapitabi_shopbox ul li{
  box-sizing: border-box;
  position: relative;
  padding: 0 15px 50px 15px;
}

#hapitabi_shop .hapitabi_shopbox ul h4{
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  background: #D788D7;
  text-align: center;
  padding: 5px;
  margin: 0 0 20px 0;
}
#hapitabi_shop .hapitabi_shopbox ul h4.sanin{
  background: #FF9966;
}
#hapitabi_shop .hapitabi_shopbox ul h4.setouchi{
  background: #00BEFF;
}
#hapitabi_shop .hapitabi_shopbox ul h5{
  font-size: 24px;
  font-weight: 700;
  color: #C1272D;
  margin: 10px 0 5px 0;
  text-align: center;
}
#hapitabi_shop .hapitabi_shopbox ul h5.sanin{
  color: #FF6315;
}
#hapitabi_shop .hapitabi_shopbox ul h5.setouchi{
  color: #C1272D;
}

  
#hapitabi_shop .hapitabi_shopbox ul h6{
  font-size: 18px;
  font-weight: 700;
  color: #FFF;
  background: #8681E0;
  margin: 10px auto 5px auto;
  text-align: center;
  width: 70%;
  padding: 5px 0;
}
#hapitabi_shop .hapitabi_shopbox ul p{
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  line-height: 1.4em;
}
#hapitabi_shop .hapitabi_shopbox ul p.text06{
  text-align: center;
}
  
#hapitabi_shop .hapitabi_shopbox ul a{
  font-size: 20px;
  font-weight: 900;
  background: #D788D7;
  color: #FFF;
  border-radius: 10px;
  display: block;
  padding: 10px;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: calc(100% - 30px);
}
#hapitabi_shop .hapitabi_shopbox ul a.sanin{
  background: #FF9966;
}
#hapitabi_shop .hapitabi_shopbox ul a.setouchi{
  background: #00BEFF;
}

#hapitabi_shop .hapitabi_shopbox ul li img{
  text-align: center;
  margin: 0 auto;
}


  #hapitabi_shop .shopcaption{
    width: 930px;
    margin: 20px auto 20px auto;
  }
  #hapitabi_shop .shopcaption ul li{
    padding: 0;
    font-size: 16px;
    font-weight: 400;
  }
  
  
  #hapitabi_shop  .hapitabi_shop_link{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
  }
  #hapitabi_shop  .hapitabi_shop_link a{
    color: #0000FF;
    text-decoration: underline;
  }

  

#hapitabi_present{
  max-width: 870px;
  margin: 0 auto 20px;
}
  
#hapitabi_present .present_box{
  max-width: 870px;
  padding: 20px;
  box-sizing: border-box;
  background: #FFF;
}

#hapitabi_present .present_box .present_title{
  background: #FF0000;
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}  
#hapitabi_present .present_box .present_title h2{
  font-size: 28px;
  font-weight: 900;
  text-align: center;
  color: #FFF;
  margin: 0 0 10px 0;
}    
 #hapitabi_present .present_box .present_title h3{
  font-size: 27px;
  font-weight: 900;
  text-align: center;
  color: #FF0000;
   background: #FFFF90;
   border-radius: 10px;
   padding: 5px;
   line-height: 1em;
}    
 #hapitabi_present .present_box .present_title h3 span{
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #000;
}   
 #hapitabi_present .present_box h4{
  font-size: 19px;
  font-weight: 700;
  text-align: center;
   margin: 0 0 15px 0;
}    
  #hapitabi_present .present_box .present_box_caution .caution_title{
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
    background: #0071BC;
    padding: 5px 10px;
    margin: 0 0 0 0;
    display: inline-block;
  }
  #hapitabi_present .present_box .present_box_caution .caution_subtitle{
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 20px 0;
  }
  #hapitabi_present .present_box .present_box_caution table{
    border:1px solid #000;
     border-right: none;
    border-bottom: none;
    margin: 10px 0 10px 0;
}
  #hapitabi_present .present_box .present_box_caution table th{
    font-size: 25px;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #000;
    border-left: none;
    border-top: none;
  }
  #hapitabi_present .present_box .present_box_caution table td{
    padding: 10px 20px;
    border: 1px solid #000;
    border-left: none;
    border-top: none;
    font-size: 18px;
  }
  #hapitabi_present .present_box .present_box_caution table td.blue{
    font-size: 18px;
    background: #00BEFF;
    text-align: center;
    padding: 10px 20px;
}

  
  
  #hapitabi_present .present_box .present_box_caution {
    margin: 0 0 50px 0;
  }
    #hapitabi_present .present_box .caution_hiroshima{
      width: 86%;
    margin: 0 auto 50px auto;
  }

  #hapitabi_present .present_box .present_box_caution ul.mbspace{
    margin: 0 0 20px 0;
  }
  #hapitabi_present .present_box .present_box_caution ul.guideList li{
    padding: 0;
    font-size: 16px;
    font-weight: 500;
  }
  #hapitabi_present ul.present_goods{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  #hapitabi_present ul.present_goods li{
    width: 48.5%;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }
  #hapitabi_present ul.present_goods_hokuriku li{
    background: #EDC9ED;
  }
  #hapitabi_present ul.present_goods_sanin li{
    background: #FFDECD;
  }
  #hapitabi_present ul.present_goods_okayama li{
    background: #B9EDFF;
    width: 90%;
    margin: 0 auto;
  }
  
    #hapitabi_present ul.present_goods .imgbox{
    margin: 10px auto;
    text-align: center;
  }

  
  #hapitabi_present ul.present_goods li:nth-child(3){
    width: 100%;
    padding: 0 0 20px 0;
     margin: 0;
 }
  #hapitabi_present ul.present_goods_hokuriku li:nth-child(3){
    background: #EDC9ED;
 }
  #hapitabi_present ul.present_goods_sanin li:nth-child(3){
    background: #FFDECD;
 }

  

  #hapitabi_present ul.present_goods li .item_selecet{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 }
  #hapitabi_present ul.present_goods li .item_selecet .or_cts{
    font-size: 23px;
    font-weight: 700;
    position: relative;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    width: 100px;
 }
  #hapitabi_present ul.present_goods li .item_selecet .or_cts .or_text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
  #hapitabi_present ul.present_goods li .area_wrap{
    display: flex;
    flex-wrap: wrap;
  }
  
  #hapitabi_present ul.present_goods li .area{
    font-size: 26px;
    font-weight: 900;
    display: inline-block;
    color: #FFF;
    margin: 0 10px 10px 0;
    width: 90px;
    text-align: center;
    box-sizing: border-box;
    line-height: 40px;
  }
  #hapitabi_present ul.present_goods_hokuriku li .area{
    background: #C24AC2;
  }
  #hapitabi_present ul.present_goods_sanin li .area{
    background: #FF9966;
  }
 #hapitabi_present ul.present_goods_okayama li .area{
    background: #0094FF;
  }

    #hapitabi_present ul.present_goods_sanin li .area_wrap .areaday{
    text-align: center;
    width: calc(100% - 110px);
    margin: 5px 10px 5px 0;
    padding: 0;
  }

  #hapitabi_present ul.present_goods_sanin li .area_wrap .areaday span{
    background: #FF0000;
    color: #FFF;
    line-height: 30px;
    width: 100%;
    display: block;
  }
  #hapitabi_present ul.present_goods li .goodsname{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
    text-align: center;
  }
  #hapitabi_present ul.present_goods_hokuriku li .goodsname{
    color: #7C007F;
  }
  #hapitabi_present ul.present_goods_sanin li .goodsname{
    color: #AD2D24;
  }
  #hapitabi_present ul.present_goods_okayama li .goodsname{
    color: #0042B2;
  }

  
  #hapitabi_present ul.present_goods li p{
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin: 0;
  }
  #hapitabi_present ul.present_goods li .tottori_p{
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #hapitabi_present p.caption{
    font-size: 15px;
    font-weight: 500;
    text-align: right;
    margin: 10px 0 0 0;
  }
.slide-dots {
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  bottom: -70px;
}
.slide-dots li {
  display: inline-block;
  margin: 0 5px !important;
  padding: 0 !important;
}
.slide-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  border-radius: 100%;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #969696;
  background: #FFF;
}
.slide-dots li button:hover {
  background: #333333;
}
.slide-dots li button:focus {
  background: #969696;
}
.slide-dots li.slick-active button {
  background: #969696;
}
  
  .prev-arrow {
    left:8px;
    top: 22%;
    background: url("../images/prev-arrow.png") no-repeat;
    width: 50px;
    height: 100px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }
  .next-arrow {
    right: 8px;
    top: 22%;
    background: url("../images/next-arrow.png") no-repeat;
    width: 50px;
    height: 100px;

    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }

  

  
  
/*list横並び*/
.itemList2,
.itemList3,
.itemList4 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.itemList2 > div {
  width: 50%;
  height: auto;
  align-self: stretch;  
  padding: 10px;
}

.itemList3 > div {
  width: 33.33333%;
  height: auto;
  align-self: stretch;  
  padding: 10px;
}

.itemList4 > div {
  width: 25%;
  height: auto;
  align-self: stretch;  
  padding: 10px;
}

.itemList2,
.itemList3,
.itemList4 > div img {
  width: 100%;
  height: auto;
}

/*注意事項*/
.subttl {
    border-left: 6px solid #000;
    font-weight: bold;
    padding-left: 6px;
    margin: 14px 0 6px;
}

ul.guideList {
	padding: 0;
  margin-top: 8px;
	line-height: 1.4;
}

ul.guideList li {
	list-style: none;
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -1em;
  margin-left: 1em;
  text-align: left;
}

ul.guideList li:last-child {
	padding-bottom: 0;
}

ul.guideList li:before {
	content: '●';
}

ul.guideList li.kome {
	list-style: none;
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -1em;
  margin-left: 1em;
}

ul.guideList li.kome:before {
	content: '※';
}

ul.guideList li.kome1 {
	list-style: none;
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -1.8em;
  margin-left: 1.8em;
}

ul.guideList li.kome1:before {
	content: '※1 ';
}

ul.guideList li.kome2 {
	list-style: none;
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -1.8em;
  margin-left: 1.8em;
}

ul.guideList li.kome2:before {
	content: '※2 ';
}

ul.guideList li.kome3 {
	list-style: none;
	line-height: 1.4;
	padding-bottom: 8px;
	text-indent: -2.6em;
  margin-left: 2.6em;
}

ul.guideList li.kome3:before {
	content: '※3 ';
}

ul.guideList li span {
	color: #F00;
}
ul.guideList li.red{
	color: #F00;
}



/*footer*/
#footer {
	background-color: #F0F5FA;
}

#footer .inner {
	width: 990px;
	margin: 0 auto;
	padding: 20px 0;
}

#footer .inner ul {
	font-size: 13px;
	line-height: 1.4;
    text-align: center;
}

#footer .inner ul li {
    display: inline-block;
	padding: 0 6px;
	border-right: 1px solid #CCC;
}

#footer .inner ul li:last-child {
    border-right: none;
}

#footer .copy {
	background-color: #0952a4;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
}

/*pagetop*/
#pagetop {
  display: none;
  position: fixed;
  right: 50px;
  bottom: 50px;
  cursor: pointer;
  z-index: 100;
}
#pagetop a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background-color: rgba(255,255,255,.5);
  border:solid 1px #152a8c;
  border-radius: 50vh;
}
#pagetop a::after {
  content: '';
  width: 7px;
  height: 7px;
  border-style: solid;
  border-width: 0 6px 9px 6px;
  border-color: transparent transparent #152a8c transparent;
}
#pagetop a:hover {
  background-color: #152a8c;
}
#pagetop a:hover::after {
border-width: 0 6px 9px 6px;
border-color: transparent transparent #fff transparent;
}

/*news*/
#newsImportant {
width: 100%;
max-width: 970px;
margin: 5px auto;
display: flex;
font-size: 12px;
padding: 8px;
}
#newsImportant dt {
width: 72px;
height: fit-content;
background: #e62d2d;
color: #FFF;
text-align: center;
border-radius: 3px;
margin-top: 1px;
padding: 3px 0;
}
#newsImportant dd {
width: 100%;
padding: 0 10px;
}
#newsImportant li {
padding: 3px 3px 3px 12px;
position: relative;
font-size: 13px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
#newsImportant li:nth-of-type(n+2) {
border-top: 1px dotted #ccc;
}
#newsImportant li:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid #555555;
border-right: 0;
position: absolute;
top: 7px;
left: 0;
}

}