@charset "EUC-JP";
/*////////////////////////////////////////////////////
	comoon_sp Css 
////////////////////////////////////////////////////*/
@media screen and (max-width: 1129px){#leftNav_area {display: none;}}
@media screen and (max-width: 767px){
* {font-size: 13px;}
.sp_inner {padding: 0 3%;}
.lead{margin-bottom: 2%;}
h2 {font-size: 1.5em; margin: 1% 0 2%;}
	
.btn_area {margin: 10% auto 2%;width: 80%;}
.btn, a.btn, button.btn {font-size: 1.1rem;}
}

/*------------------------------------------------------------
　top_wrapper　トップページコンテンツ
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
	#top_wrapper, 
	#main_contents{width: 100%;}
	#top_wrapper {margin: 10% auto 0;}
}

@media screen and (max-width: 767px) {
  #leftNav_area {
    display: none;
  }
  * {
    font-size: 13px;
  }
  .sp_inner {
    padding: 0 3%;
  }
  .lead {
    margin-bottom: 2%;
  }
  h2 {
    font-size: 1.5em;
    margin: 1% 0 2%;
  }
}
/*------------------------------------------------------------
　header　ヘッダー
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
#mainVisual {height: 140vw;  } /* headerSizeSP0 風景メイン：140vw; ｜ 商品メイン：75vw; */
}
@media screen and (max-width: 414px){
#mainVisual {height: 130vw;  } /* headerSizeSP1 風景メイン：130vw; ｜ 商品メイン：75vw; */
}
@media screen and (min-width: 768px) {
  header {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  header {
    min-width: initial;
    width: 100%;
    margin: 0;
  }
  /*---- .global -----*/
  #wrapper > header {
    padding-top: 60px;
  }
  nav.global {
  width: 100%;
    padding: 0 0 0 2%;
    position: fixed;
    top: 0;
    background: #FFF;
    z-index: 9999;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0.4);
   height: auto;
  }
 nav.global h1 {
   font-weight: bold;
   font-size: 0.8em;
   align-items: center;
   display: flex;
  }
nav.global h1 .logo {width: 50px; margin-right: 1%;}
nav.global h1 .logo img{width: auto; height: 50px;}
 
  nav.global span {
 line-height: 130%;
    display: block;
  }
  nav.global ul.main-nav {
    width: 90%;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 5% 5% 1%;
    background: #fff;
    position: relative;
    z-index: 9;
  }
  nav.global ul.main-nav li {
    width: 33%;
    text-align: center;
    margin: 0;
    border-left: 2px dotted #ccc;
    border-right: 2px dotted #ccc;
    border-bottom: 2px dotted #ccc;
  }
  nav.global ul.main-nav li + li {
    border-left: 0;
    border-right: 2px dotted #ccc;
  }
  nav.global ul.main-nav li a {
    display: block;
    width: 100%;
    padding: 15% 0;
  }
  nav.global ul.main-nav li:first-child {
    background: url("../images/top/icon_guide.png") center 32% no-repeat;
    background-size: 52% auto;
    border-top: 2px dotted #ccc;
  }
  nav.global ul.main-nav li:nth-child(2) {
    background: url("../images/top/icon_track.png") center 32% no-repeat;
    background-size: 52% auto;
    border-top: 2px dotted #ccc;
  }
  nav.global ul.main-nav li:nth-child(3) {
    background: url("../images/top/icon_faq.png") center 32% no-repeat;
    background-size: 52% auto;
    border-top: 2px dotted #ccc;
  }
  nav.global ul.main-nav li:nth-child(4) {
    background: url("../images/top/icon_home.png") center 32% no-repeat;
    background-size: 52% auto;
    border-left: 2px dotted #ccc;
  }
  nav.global ul.main-nav li:nth-child(5) {
    background: url("../images/top/icon_contact.png") center 32% no-repeat;
    background-size: 52% auto;
  }
  nav.global ul.main-nav li:nth-child(6) {
    background: url("../images/top/icon_mail.png") center 32% no-repeat;
    background-size: 52% auto;
  }
  nav.global ul.main-nav li span {
    display: block;
    font-size: 80%;
    font-weight: bold;
    padding: 50% 0 0;
    text-align: center;
  }
  /*---- .cat_area -----*/
  .drawer_content #drawer_area {
    width: 100%;
    margin: 0 0 100px;
    padding: 0;
    flex-wrap: wrap;
    position: relative;
    z-index: 9;
  }
  .drawer_content .drawer_container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    height: calc(100vh - 60px);
    margin: 60px auto;
    padding: 5% 0;
    z-index: 10;
  }
  .drawer_content {
    padding: 2% 0 3%;
    margin: 0 !important;
    border-bottom: dotted 1px #ccc;
    line-height: 120%;
  }
  .drawer_content #cat_area {
    width: 90%;
    margin: 0 auto;
    padding: 4% 5% 4% 5%;
    background: #fff;
    position: relative;
    z-index: 9;
  }
  .drawer_content #price_area {
    width: 90%;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 4% 5% 4% 5%;
    background: #fff;
    position: relative;
    z-index: 9;
  }
  .drawer_content #price_area img {
    width: 100%;
  }
  .drawer_content h2 {
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 1.2em;
    border-bottom: dotted 1px #ccc;
    line-height: 120%;
  }
  .drawer_content h2 img {
    width: 100%;
  }
  .drawer_content .cat_link {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    position: relative;
    height: 5vh;
    padding-left: 10px;
  }
  .drawer_content .cat_link a {
    display: block;
    top: 50%;
    font-size: 12px;
  }
  .drawer_content .cat_link a:after {
    display: block;
    content: "";
    position: absolute;
    top: 54%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #049640;
    border-right: solid 2px #049640;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .drawer_content .cat_link a:hover:after {
    border-top: solid 2px #efe6da;
    border-right: solid 2px #efe6da;
    transition: 0.5s;
  }
  .drawer_content .cat_link img {
    width: 45px;
    margin-right: 4px;
    float: left;
  }
  .drawer_content .cat_link span {}
  .drawer_content .cat_link span:hover {
    color: rgba(0, 0, 0, 0.3);
    transition: 0.4s;
  }
  /* カテゴリから探す -----------------------------*/
  #cat_area .cat_link {
    height: 55px;
    padding-left: 0;
    width: 50%;
  }
  .drawer_content #cat_area ul li + li {
    border-left: 0;
    border-right: 0;
  }
  .drawer_content #cat_area ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .drawer_content #cat_area ul li {
    width: 50%;
    background: #fff;
  }
  .drawer_content #cat_area ul li span {
    display: block;
    font-size: 100%;
    margin: 0;
    padding: 4.5vw 0 0;
    text-align: left;
  }
  .drawer_content #cat_area ul li {
    margin: 0;
    padding: 0;
    border-left: none;
    border-right: none;
  }
  .drawer_content #cat_area ul li a {
    height: 100%;
  }
  .drawer_content #cat_area ul li p {
    width: 100%;
    margin: 0;
    padding: 3% 0 0 6%;
  }
  .drawer_content #cat_area ul li:nth-child(odd) {
    border-right: dotted 1px #ccc;
  }
  /* 寄附金額から探す -----------------------------*/
  .drawer_content #price_area ul li + li {
    border-left: 0;
    border-right: 0;
  }
  .drawer_content #price_area ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
  }
  .drawer_content #price_area ul li {
    width: 50%;
    background: #fff;
    margin: 0;
    padding: 0;
    border-left: none;
    border-right: none;
  }
  .drawer_content #price_area ul li a {
    height: 100%;
  }
  .drawer_content #price_area ul li p {
    margin: 0;
    width: 100%;
    padding: 0.9vh 0 0;
  }
  .drawer_content #price_area ul li span {
    display: block;
    font-size: 100%;
    margin: 0;
    padding: 1.6vw 0 0 10px;
    text-align: left;
  }
  .drawer_content #price_area ul li:nth-child(odd) {
    border-right: dotted 1px #ccc;
  }
  /*---- .ハンバーガー -----*/
  /* チェックボックスは非表示に */
  .drawer_hidden {
    display: none;
  }
  /* ハンバーガーアイコンの設置スペース */
  .drawer_open {
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100; /* 重なり順を一番上に */
    cursor: pointer;
  }
  /* ハンバーガーメニューのアイコン */
  .drawer_open span, .drawer_open span:before, .drawer_open span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #049640;
    transition: 0.5s;
    position: absolute;
  }
  /* 三本線のうち一番上の棒の位置調整 */
  .drawer_open span:before {
    bottom: 8px;
  }
  /* 三本線のうち一番下の棒の位置調整 */
  .drawer_open span:after {
    top: 8px;
  }
  /* アイコンがクリックされたら真ん中の線を透明にする */
  #drawer_check:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0);
  }
  /* アイコンがクリックされたら真ん中の線を透明にする */
  #drawer_check:checked ~ .drawer_open {
    background: #049640;
  }
  /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
  #drawer_check:checked ~ .drawer_open span::before {
    bottom: 0;
    transform: rotate(45deg);
    background: #fff;
  }
  #drawer_check:checked ~ .drawer_open span::after {
    top: 0;
    transform: rotate(-45deg);
    background: #fff;
  }
  /* メニューのデザイン*/
  .drawer_content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%; /* メニューを画面の外に飛ばす */
    z-index: 99;
    opacity: 1.0;
    transition: .5s;
  }
  .drawer_content::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 60px);
    background: rgba(238, 238, 238, 0.9);
    z-index: 1;
  }
  /* アイコンがクリックされたらメニューを表示 */
  #drawer_check:checked ~ .drawer_content {
    left: 0; /* メニューを画面に入れる */
  }
  /*---- .cateSelect -----*/
  nav.cateSelect ul {
    min-width: initial;
    width: 90%;
    margin: 2% auto 6%;
    flex-wrap: wrap;
	  padding: 0;
  }
  nav.cateSelect ul li {
    width: 25%;
  }
  nav.cateSelect ul li span {
    display: block;
    font-size: 90%;
    padding: 90% 0 0;
    text-align: center;
  }
  /*---- #seach_area -----*/
  #seach_area {
    min-width: initial;
    width: 100%;
  }
  #seach_area_box {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  #seach_area_box form {
    width: 90%;
    margin: 6% auto 1%;
  }
  #sbox {
    outline: 0;
    height: 50px;
    width: 80%;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #fff;
  }
  #sbtn {
    width: 16%;
    height: 50px;
    margin-left: 8px;
  }
  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
  }
  #seach_area_box dl#seach_word {
    width: 90%;
    margin: 2% auto 5%;
  }
  #seach_area_box dl#seach_word dd ul {
    display: flex;
    justify-content: space-between;
	  padding: 0;
	  margin: 0;
   flex-flow: wrap;
  }
    #seach_area_box dl#seach_word dd {
	  margin: 0;
  }
  #seach_area_box dl#seach_word dt {
    font-size: 110%;
  }
#seach_area_box dl#seach_word dd li {
    margin: 0 2% 2% 0;
    width: 48%;
}
#seach_area_box dl#seach_word dd li:nth-child(even) {
    margin: 0 0 2% 0;
}
  #seach_area_box dl#seach_word dd li a {
    font-size: 90%;
    margin: 1% 0 0;
    padding: 5% 0;
  }
}
@media screen and (min-width: 768px) {
  .drawer {
    display: none;
  }
}
@media screen and (min-width:321px) and (max-width: 414px) {
  #wrapper > header {
    padding-top: 60px;
  }
  nav.global {
    width: 100%;
    padding: 0 0 0 2%;
    position: fixed;
    top: 0;
    background: #FFF;
    z-index: 9999;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0.4);
  }
  .drawer_content #cat_area ul li span {
    display: block;
    font-size: 100%;
    margin: 0;
    padding: 4vw 0 0;
    text-align: left;
    font-weight: normal;
  }
  .drawer_content #price_area ul li span {
    padding: 1.2vw 0 0 10px;
    font-weight: normal;
  }
  #sbox {
    outline: 0;
    height: 40px;
    width: 77%;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #fff;
  }
  #sbtn {
    width: 20%;
    height: 40px;
    margin-left: 1vw;
  }
}
@media screen and (max-width: 320px) {
  .br320 {
    display: block;
  }

  nav.global span {
    font-size: 1.2em;
  }
  #seach_area_box form {
    width: 90%;
    margin: 6% auto 1%;
  }
  #sbox {
    outline: 0;
    height: 40px;
    width: 77%;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #fff;
  }
  #sbtn {
    width: 20%;
    height: 40px;
    margin-left: 1vw;
  }
  .drawer_content #cat_area ul li p {
    width: 100%;
    margin: 0;
    padding: 8% 0 0 6%;
  }
  .drawer_content #cat_area ul li span {
    display: block;
    font-size: 90%;
    margin: 0;
    padding: 3vw 0 0;
    text-align: left;
  }
  .drawer_content #cat_area ul li {
    margin: 0;
    padding: 0;
    border-left: none;
    border-right: none;
  }
  .drawer_content #cat_area ul li img {
    width: 10vw;
  }
  .drawer_content #price_area ul li p {
    margin: 0;
    width: 100%;
    padding: 0;
  }
  .drawer_content #price_area ul li span {
    display: block;
    font-size: 90%;
    margin: 0;
    padding: 2.1vw 0 0 10px;
    text-align: left;
    font-weight: normal;
  }
  nav.global ul.main-nav li:first-child a, nav.global ul.main-nav li:nth-child(2) a, nav.global ul.main-nav li:nth-child(3) a {
    display: block;
    width: 100%;
    padding: 15% 0 8%;
  }
  nav.global ul.main-nav li:first-child span, nav.global ul.main-nav li:nth-child(2) span, nav.global ul.main-nav li:nth-child(3) span {
    display: block;
    font-size: 80%;
    font-weight: bold;
    padding: 40% 0 0;
    text-align: center;
  }
  nav.global ul.main-nav li:first-child {
    background: url("../images/top/icon_guide.png") center 16% no-repeat;
    background-size: 52% auto;
    border-top: 2px dotted #ccc;
  }
  nav.global ul.main-nav li:nth-child(2) {
    background: url("../images/top/icon_track.png") center 16% no-repeat;
    background-size: 52% auto;
    border-top: 2px dotted #ccc;
  }
  nav.global ul.main-nav li:nth-child(3) {
    background: url("../images/top/icon_faq.png") center 16% no-repeat;
    background-size: 52% auto;
    border-top: 2px dotted #ccc;
  }
}
@media screen and (min-width: 321px) {
  .br320 {
    display: none;
  }
}

/*------------------------------------------------------------
　main_contents　TOPコンテンツ
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
#main_contents .top_contents{margin: 0 auto 20%;}
#main_contents .top_contents h2{padding: 2% 0 4%;margin: 0;}
}

/*------------------------------------------------------------
　town_area　自治体紹介
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
#town_area {width: 100%;}
#town_area .lead{line-height: 180%;}
#town_area .town_box {display: inherit; margin-bottom: 0; position: relative; }
#town_area .town_img1 {width: 65%;}
#town_area .town_img2 {width: 32%; position: absolute; bottom: 10%; right: 0;}
#town_area .town_txt{ width: 100%;}
#town_area .town_txt #townMap{ width: auto !important;  max-height: 150px; margin: 0 auto 30px; }
#town_area .town_img{ width: 100%; padding: 0 5px;}
#town_area #townImg2{float: none;width: 100%;margin-left: 0;}
}

/*------------------------------------------------------------
　pickup_area　おすすめ商品
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
#popular iframe {width: 100%; height: 760px;}
#pickup_area{margin-bottom: 15%;}
#pickup_area .pickup_box_all {margin: 0 auto; width: 94%;}
#pickup_area .pickup_box {width: 31%; line-height: 120%;}
#pickup_area .pickup_box a {font-size: 0.9em; line-height: 120%;}
#pickup_area .pickup_box .price_txt {margin-bottom: 20%;}

/* 商品名文字数制限 文末を3点リーダーで表示 */
.box-read{
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}
@media screen and (max-width: 414px){
#popular iframe {height: 870px;}
}
@media screen and (max-width: 375px){
#popular iframe {height: 830px;}
}
@media screen and (max-width: 320px){
#popular iframe {height: 780px;}
}

/*------------------------------------------------------------
　season_area　季節のおすすめ商品
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
#season iframe {width: 100%; height: 310px;}
#season_area .season_box_all {margin: 0 auto; width: 94%;}
#season_area .season_box {width: 31%; line-height: 120%;}
#season_area .seasonseason_box a {font-size: 0.9em; line-height: 120%;}
#season_area .pickup_box .price_txt {margin-bottom: 20%;}
}
@media screen and (max-width: 414px){
#season iframe {height: 380px;}
}
@media screen and (max-width: 375px){
#season iframe {height: 350px;}
}
@media screen and (max-width: 320px){
#season iframe {height: 310px;}
}


/* バナーエリア --------------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
#list_btn_area {margin: 10% auto 0!important;}
#list_btn_area p {width: 80%; margin: 0 auto 8%;}
}

/* 新着アイテム --------------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
}

/* カテゴリから探す ----------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
#cat_area h2, #price_area h2 {padding: 2% 0 3%!important; margin: 0 3% !important; border-bottom: dotted 1px #ccc; line-height: 120%;}

.sp_link_box {display: flex; justify-content: space-between;flex-wrap: wrap;}
.sp_link{width: 50%; border-bottom : dotted 1px #ccc; position: relative; height: auto; padding: 4%;margin: 0;}
.sp_link a {display: block;top: 50%;}
.sp_link a:after {
    display: block;
    content: "";
    position: absolute;
	top: 50%;
    right: 5%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #049640;
    border-right: solid 2px #049640;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.sp_link a:hover:after{
    border-top: solid 2px #efe6da;
    border-right: solid 2px #efe6da;
    transition: 0.5s;
}
.sp_link:nth-child(odd){border-right : dotted 1px #ccc;}
.sp_link img {width: 24%; margin: 0 3%; vertical-align: middle;}
.sp_link span{vertical-align: middle;}
.sp_link span:hover{color: rgba(0,0,0,0.3);transition: 0.4s;}

#cat_area .sp_link { padding: 2% 0; margin: 0;}
}

/* 寄附金額から探す ----------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
}

/* ランキング ----------------------------------------------------------------------------------*/
@media screen and (min-width: 271px){
#rank_area {margin-bottom: 10%;}
#rank_area iframe {height:1200px; width:100%;}
#rank_area img{width: 100%;}
#rank_area {background-color: #FAEC21; padding-bottom: 2%; margin: 10% 0 20%;}
#rank_area .rank_tit {width: 22%; margin: 0 auto;}
#rank_area h2 {border-bottom:none; font-size: 1.2em;}
#rank_area .rank_box_all{padding: 4%; margin: 0; display: flex; justify-content: space-between; flex-flow: wrap;}
 
#rank_area .rank_box_all.no1{padding-bottom: 0; width: 100%; margin: 0 auto;}
#rank_area .rank_box_all.no1 .rank_box {margin-bottom: 0; width: 100%;}
#rank_area .rank_box {width: 48%; padding:3%; margin-bottom: 20px; position: relative; background-color: #ffffff;}
#rank_area .rank_icon{width: 35px; position: absolute; top: 10px; left: -6px; filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.2));}
#rank_area .rank_item  {margin: 0;}
#rank_area .rank_item a {font-size: 0.9em;}
}

@media screen and (max-width: 414px){
#rank_area iframe {height: 1350px;}
}
@media screen and (max-width: 375px){
#rank_area iframe {height: 1300px;}
}
@media screen and (max-width: 320px){
#rank_area iframe {height: 1200px;}
}

/* バナーエリア --------------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
}



/*------------------------------------------------------------
　use_area　使い道
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
#use iframe {width: 100%; }
#use_area .use_detail {flex-flow: wrap; padding: 0 15%;}
#use_area .use_box {border-radius: 0; padding: 1% 2% 7%;}
#use_area .use_box:nth-child(even) {padding: 1% 2% 7%;}
#use_area .use_box h2 {padding-bottom: 0;text-align: center; display: block; justify-content: unset; align-items: unset;}
#use_area .use_box h2 img {width: 25%;}
#use_area .use_pho { width: 100%; margin: 0;}
#use_area .use_txt { width: 100%; font-size: 13px; margin-top: 2%; text-align: justify;}
#use_area .use_box h2 span {display: block;}
}
@media screen and (max-width: 414px){
#use iframe {height: 3300px;}
}
@media screen and (max-width: 375px){
#use iframe {height: 3300px;}
}
@media screen and (max-width: 320px){
#use iframe {height: 3300px;}
}


/*------------------------------------------------------------
　after_area　寄附いただいた後に
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
.info_img { width: 100%; margin: 15% auto 0;}
#after_area h3 {margin-bottom: 2%; text-align: center;}
#after_area h3 img {width: 10%;vertical-align: middle;}
#after_area h3 span {vertical-align: middle; margin-left: 0.5em; font-size: 1.2em;}
#after_area .sp_inner div {margin: 5% 0 10%;}
#after_area .btn_area {margin: 5% auto;}
}

/*------------------------------------------------------------
　btn_area　スマホ ボタンエリア
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
#main_contents #btn_area.top_contents { margin: 0;}
#btn_area .btn_box_all {display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-flow: wrap; margin-bottom: 5%;}
#btn_area .btn_box {width: 33%;padding: 3% 0;border-bottom : dotted 1px #ccc;}
#btn_area .btn_box:nth-of-type(-n+3) {border-top : dotted 1px #ccc;}
#btn_area .btn_box:nth-child(1),#btn_area .btn_box:nth-child(2),#btn_area .btn_box:nth-child(4),#btn_area .btn_box:nth-child(5){border-right : dotted 1px #ccc;}
#btn_area .btn_box .btn_img {text-align: center;}
#btn_area .btn_box .btn_img a {font-size: 0.8em; font-weight: bold;}
#btn_area .btn_box .btn_img img {width: 50%;}
}

/*------------------------------------------------------------
　footer_area_iframe　フッター
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
#footer_area {margin-bottom: -45px;}
#footer_area_iframe { width: 100%; background-color: #049640; padding: 10% 0;}
#main_contents #footer_area_iframe.top_contents { margin: 0;}
#footer_area_iframe .footer_box h2{font-size: 1.2em; padding: 0;}
#footer_area_iframe .footer_box { margin-bottom: 4%; padding: 4%; background-color: #ffffff;}
#footer_area_iframe .footer_box p {text-align: justify; margin: 4%;}
.txt_w {color: #ffffff; margin: 0 2%;}
}
/*------------------------------------------------------------
　mov　動画
--------------------------------------------------------------*/
.mov {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.mov_inner {
    width: 300px;
    margin: 0 auto;
}
#govNameKana{ font-size:8px; } 

nav.global h1 .kana {font-size: 10px;}
nav.global h1 .kanji {font-size: 1.5em;}

@media screen and (max-width: 414px){
nav.global h1 .kanji {font-size: 1.3em;}
}
@media screen and (max-width: 320px){
nav.global h1 .kanji {font-size: 1.1em;}
}