/*　スマホ縦*/
@media (max-width: 659px) {

/* 全体設定*/
html,
body,
main {
  min-height: 100%;
  overflow: auto;
}
body{
  color: #333;
  font-family: sans-serif;
  background-color: #fff;
}
p {
  margin: 0.6rem 0 0.6rem 0;
  line-height: 150%;
	font-size: 1rem;
}
header {
  position: relative;
}
header h1 {
  position: absolute;
  top: 8%;
  left: 40%;
  font-size: 1.8rem;
  color: #333;
}
#front_logo{
  width: 30%;
}
header p {
	margin: 1% 0 1% 0;
	position: absolute;
	left: 40%;
	font-size: 0.8rem;
}
a {
	text-decoration: none;
}

.top_hero_img{
  width: 100%;
}
.span_display_none {
  display: none;
}
#front_tour-guide {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/*ナビ部*/
nav {
	width: 100%;
	padding: 0.8rem 0 0.5rem 0;
  border-top: solid #99CFE5 0.1rem;
	border-bottom: solid #99CFE5 0.1rem;
	font-size: 1.0rem;
	font-weight: bold;
	text-align: center;
}
nav ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
nav ul li {
	border: solid #C7C4A5 0.1rem;
	border-radius: 2rem;
	width:48%;
  /*margin: 0.3rem 0.2rem 0.3rem 0.2rem*/
	padding-top: 0.5rem;
	height: 1.8rem;
	background-color: #6A8CC7;
  color: #fff;
	font-size: 1.0rem;
	text-align: center;
  list-style-type: none;
}
nav ul li a {
  color: #fff;
  font-style: normal;
}
nav ul li a:hover {
  color: #99CFE5;
  font-style: normal;
}

.menu_text {
	display: block;
}
nav ul li:hover{
	background-color: rgba(000, 255, 255, .2);
	font-weight: 800;
}

/*main部　共通*/
main h1 {
	margin: 0.2rem 0 0.5rem 0;
	font-size: 1.8rem;
	text-align: center;
}
main h2,
footer h2 {
	margin: 0.2rem 0 0.5rem 0;
	font-size: 1.8rem;
	text-align: center;
}
main h3 {
	margin: 0.2rem 0 0.5rem 0;
	font-size: 1.5rem;
	font-weight: bold;
}
main img {
	display: block;
	width: 85%;
  height: auto;
	border-radius: 1rem;
	margin: 0 auto;
}
article {
	border-bottom: solid #99CFE5 0.1rem;
	padding-bottom: 1.2rem;
  margin:  1.5rem 0.5rem;
}
article h1 {
  height: 2.8rem;
  margin: 0 3% 5% 3%;
  padding-top: 0.5rem;
  border-radius: 0.5rem 0.3rem;
	background-color: #6A8CC7;
	color: #fff;
}

section {
	padding-top: 0.5rem;
	padding-bottom: 1rem;
	margin: 0.5rem 0.2rem 0.5rem 0.2rem;
	border: solid #6A8CC7 0.1rem;
	border-radius: 0.8rem 0.8rem;

}
section p {
  margin-left: 5%;
	font-size: 0.8rem;
}
.date {
	margin: 0.2rem 0 0.2rem 0;
  text-align: center;
	font-size: 0.8rem;
	font-style: italic;
}
.front_section_logo {
	display: none;
}


/*新着情報セクション*/
.td_newpost {
  border-style: none;
  margin: 0 auto;
}
.td_newpost a {
  text-decoration: underline;
}
.td_newpost span{
  display: block;
  text-align: center;
}
.front_news {
	position: relative;
	width: 100%;
	margin: 1rem 0 1.5rem 0;
}
.front_news h1 {
	height: 1.6rem;
	background-color: #fff;
	color: #C7243A;
	font-style: italic;
  font-size: 1.2rem;
  letter-spacing: 0.6rem;
}
.front_news h3,
.front_news p {
	text-align: center;
}
.front_news_link {
	margin-bottom: 1.3rem;
}
.attract-red {
	color: #C7243A;
	font-weight: bold;
}
/*気楽会ブログセクション*/
.front_blog-info {
	position: relative;
}

.front_blog-info h1 {
}

.blog-headline_h2 {
	position: relative;
	left: 1.5rem;
	width: 90%;
	font-size: 1.5rem;
	text-align: left;
  text-decoration: underline;
}
.blog-headline_span {
  display: block;
  margin: 1rem 0.2rem 1rem 0.5rem;
  /*font-style: oblique;*/
}

#front_blog_info_intro {
  text-align: center;
}

/* 気楽会の観光案内課*/
#front_ss-info {
	position: relative;
}
#front_ss-info h1 {
	margin-top: 1rem;
}

.attract-blue {
	color: #6A8CC7;
	font-weight: bold;
}

/*footer*/
#declaration {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 0.8rem 0.4rem 1.2rem 0.4rem;
  font-size: 0.9rem;
}
#declaration li{
  margin-bottom: 0.4rem;
  list-style-type: none;
}
#foot{
  position: fixed;
  bottom: 0;
  width: 100%;
}

footer{
  padding-top: 1rem;
}
.front_page_footer {
  border-style: none;
  width: 80%;
  margin: 0 auto;
}
footer h2{
  margin-bottom: 1.2rem;
}
footer h3{
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  cursor: pointer;
}
footer section{
  width: 90%;
  margin: 0 auto;
  font-size: 0.8rem;
  line-height: 1rem;
	border-style: none;
}
.privacy{
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.4rem;
  font-weight: bold;
}
footer small{
  display: block;
  padding: 1rem;
  font-size: 0.8rem;
  clear: both;
  text-align: center;
}
#section_contactUs {
  margin-bottom: 1.5rem;
  background-color: #99CFE5;
}
#contactUs {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: underline;
}
#contactUs_p {
  display: block;
  width: 100%;
  text-align: center;
}
/* facebook */
#box_fb-like {
  display: block;
  margin-top: 10px;
  text-align: center;
}

/*gototop*/
#arrow-up{
  position: fixed;
  bottom: 2%;
  right: 3%;
  padding-left: 0.5rem;
  padding-top: 0.5em;
  background-color: #FFEE55;
  border-radius: 50%;
}

#arrow-up::before{
  border-style: solid;
  border-width: 0 1rem 0.5rem;
  border-color: #6A8CC7 transparent;
  content: " ";
  position: absolute;
  background-color: transparent;
  padding-left: 0.2rem;
  margin-bottom: -0.2rem
}

#arrow-up::after{
  border-style: solid;
  border-width: 0 1rem 0.5rem;
  border-color: #FFEE55 transparent;
  content: " ";
  top: 0.2rem;
  position: absolute;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-left: 0.2rem;
}
#arrow-up a{
  display: block;
  position: relative;
  width: 2.5rem;
  color: #6A8CC7;
  background-color: transparent;
  border-radius: 2em 2em 2em 2em;
  border: 0px;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 0.3rem;
  margin-top: 0.2rem;
  margin-left: -0.2rem;
}
#gototop{
  display: inline-block;
  font-size: 0.5rem;
}
}

/*　スマホ縦～タブレット　*/
@media (min-width: 660px) and (max-width: 979px) {
    /* 全体設定*/
  html,
  body,
  main {
    min-height: 100%;
    overflow: auto;
  }
  body{
    color: #333;
    font-family: sans-serif;
    background-color: #fff;
  }
  p {
    margin: 0.6rem 0 0.6rem 0;
    line-height: 150%;
  	font-size: 1rem;
  }
  a {
  	text-decoration: none;
  }

  /*header部*/
  header {
    position: relative;
    height: auto;
  }
  header h1 {
    position: absolute;
    top: 2rem;;
    left: 40%;
    font-size: 3rem;
  }
  header > img {
    width: 30%;
  }
  header p {
  	position: absolute;
  	left: 40%;
  	font-size: 1.2rem;
  }
.top_hero_img{
    width: 100%;
  }
  #front_tour-guide {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  /*ナビ部*/
  nav {
  	width: 100%;
  	padding: 0.8rem 0 0.5rem 0;
    border-top: solid #99CFE5 0.1rem;
  	border-bottom: solid #99CFE5 0.1rem;
  	font-size: 1.0rem;
  	font-style: oblique;
  	font-weight: bold;
  	text-align: center;
  }
  nav ul{
  	display: flex;
  	flex-wrap: wrap;
  	width: 90%;
  	margin: 0 auto;
  }
  nav ul li {
  	border: solid #C7C4A5 0.1rem;
  	border-radius: 2rem;
  	width:48%;
    /*margin: 0.3rem 0.2rem 0.3rem 0.2rem*/
  	padding-top: 0.5rem;
  	height: 1.8rem;
  	background-color: #6A8CC7;
    color: #fff;
  	font-size: 1.0rem;
  	text-align: center;
    list-style-type: none;
  }
  nav ul li a {
    color: #fff;
    font-style: normal;
  }
  nav ul li a:hover {
    color: #99CFE5;
    font-style: normal;
  }

  .menu_text {
  	display: block;
  }
  nav ul li:hover{
  	background-color: rgba(000, 255, 255, .2);
  	font-weight: 800;
  }

  /*main部　共通*/
  main h1 {
  	margin: 0.2rem 0 0.5rem 0;
  	font-size: 1.8rem;
  	text-align: center;
  }
  main h2,
  footer h2 {
  	margin: 0.2rem 0 0.5rem 0;
  	font-size: 1.8rem;
  	text-align: center;
  }
  main h3 {
  	margin: 0.2rem 0 0.5rem 0;
  	font-size: 1.5rem;
  	font-weight: bold;
  }
  main img {
  	display: block;
  	width: 85%;
    height: auto;
  	border-radius: 1rem;
  	margin: 0 auto;
  }
  article {
  	border-bottom: solid #99CFE5 0.1rem;
  	padding-bottom: 1.2rem;
    margin:  1.5rem 0.5rem;
  }
  article h1 {
    height: 2.8rem;
    margin: 0 3% 5% 3%;
    padding-top: 0.5rem;
    border-radius: 0.5rem 0.3rem;
  	background-color: #6A8CC7;
  	color: #fff;
  }
.container {
	display: flex;
  flex-wrap: wrap;
	margin-left: 5%;
}
.front_section_logo {
  display: block;
	position: relative;
	background-color: #6A8CC7;
}
.front_section_logo img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-style: none;
}
#blog-logo_img {
	width: 94%;
}

#guide_logo {
	width: 82%;
}
  section {
  	padding-top: 0.5rem;
  	padding-bottom: 1rem;
  	margin: 0.5rem 0.2rem 0.5rem 0.2rem;
  	border: solid #99CFE5 0.1rem;
  	border-radius: 0.8rem 0.8rem;
    width: 45%;
  }
  section p {
    margin-left: 5%;
    margin-right: 1%;
  	font-size: 0.8rem;
  }
  section h2 {
  	position: relative;
  	left: 0.5rem;
  	font-size: 1rem;
  	text-align: left;
  }

  .date {
  	margin: 0.2rem 0 0.2rem 0;
    text-align: center;
  	font-size: 0.8rem;
  	font-style: italic;
  }
  /*新着情報セクション*/
  .td_newpost {
    border-style: none;
    margin: 0 auto;
    width: 75%;
  }
 .td_newpost img {
   margin-top: 1.5rem;
   width: 75%;
   height: auto;
 }
  .td_newpost a {
    text-decoration: underline;
  }
  .td_newpost span{
    display: block;
    text-align: center;
  }

  .front_news {
  	position: relative;
  	width: 100%;
  	margin: 1rem 0 1.5rem 0;
  }
  .front_news h1 {
  	height: 1.6rem;
  	background-color: #fff;
  	color: #C7243A;
  	font-style: italic;
    font-size: 1.2rem;
    letter-spacing: 0.6rem;
  }
  .front_news h3,
  .front_news p {
  	text-align: center;
  }
  .front_news_link {
  	margin-bottom: 1.3rem;
  }
  .attract-red {
  	color: #C7243A;
  	font-weight: bold;
  }
  /*気楽会ブログセクション*/
  .front_blog-info {
  	position: relative;
  }

  .front_blog-info h1 {
  }

  .blog-headline_h2 {
  	position: relative;
  	left: 1.5rem;
  	width: 90%;
  	font-size: 1.5rem;
  	text-align: left;
    text-decoration: underline;
  }
  .blog-headline_span {
    display: block;
    margin: 1rem 0.2rem 1rem 0.5rem;
  }

  .front_blog_info_intro {
    text-align: center;
  }

  /* 気楽会の観光案内課*/
  #front_ss-info {
  	position: relative;
  }
  #front_ss-info h1 {
  	margin-top: 1rem;
  }

  .attract-blue {
  	color: #6A8CC7;
  	font-weight: bold;
  }

  /*footer*/
  #declaration {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0.8rem 0.4rem 1.2rem 0.4rem;
    font-size: 0.9rem;
    border:solid 0.1rem #C7C4A5;
  }

  #declaration li{
    margin-bottom: 0.4rem;
    list-style-type: none;

  }
  #foot{
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  footer{
    padding-top: 1rem;
  }
  #front_page_footer {
    border-style: none;
    width: 80%;
    margin: 0 auto;
  }

  footer h3{
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    cursor: pointer;
  }
  footer section{
    width: 90%;
    margin: 0 auto;
    font-size: 0.8rem;
    line-height: 1rem;
  	border-style: none;
  }
  .privacy{
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
    font-weight: bold;
  }
  footer small{
    display: block;
    padding: 1rem;
    font-size: 0.8rem;
    clear: both;
    text-align: center;
  }
  #section_contactUs {
    margin-bottom: 1rem;
    background-color: #99CFE5;
  }
  #contactUs {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    font-size: 1.3rem;
    font-weight: bold;
  }
  #contactUs_p {
    display: block;
    width: 100%;
    text-align: center;
  }
aside {
  position: relative;
}
aside section {
margin: 0 auto
}

  #box_fb-like {
    display: block;
    margin-top: 10px;
    text-align: center;
  }

  /*gototop*/
  #arrow-up{
    position: fixed;
    bottom: 2%;
    right: 3%;
    padding-left: 0.5rem;
    padding-top: 0.5em;
    background-color: #FFEE55;
    border-radius: 50%;
  }

  #arrow-up::before{
    border-style: solid;
    border-width: 0 1rem 0.5rem;
    border-color: #6A8CC7 transparent;
    content: " ";
    position: absolute;
    background-color: transparent;
    padding-left: 0.2rem;
    margin-bottom: -0.2rem
  }

  #arrow-up::after{
    border-style: solid;
    border-width: 0 1rem 0.5rem;
    border-color: #FFEE55 transparent;
    content: " ";
    top: 0.2rem;
    position: absolute;
    background-color: transparent;
    padding-top: 0.5rem;
    padding-left: 0.2rem;
  }
  #arrow-up a{
    display: block;
    position: relative;
    width: 2.5rem;
    color: #6A8CC7;
    background-color: transparent;
    border-radius: 2em 2em 2em 2em;
    border: 0px;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.3rem;
    margin-top: 0.2rem;
    margin-left: -0.2rem;
  }
  #gototop{
    display: inline-block;
    font-size: 0.5rem;
  }
  }

  /*　タブレット横・パソコンモニター　*/
  @media (min-width: 980px) {
      /* 全体設定*/
      html,
      body,
      main {
        min-height: 100%;
        overflow: auto;
      }
      body{
        color: #333;
        font-family: sans-serif;
        background-color: #fff;
      }
      p {
        margin: 0.6rem 0 0.6rem 0;
        line-height: 150%;
        font-size: 1.5rem;
      }
      a {
      	text-decoration: none;
      }

      /*header部*/
      header {
        position: relative;
      }
      header h1 {
        position: absolute;
        top: 5%;
        left: 60%;
        font-size: 3rem;
        text-shadow: 0.5rem 0.5rem #99CFE5;
        z-index: 10;
      }
      header ul {
        margin: 0;
      }
      #front_logo {
        position: absolute;
        margin: 2rem;
        padding: 1rem;
        z-index: 10;
        width: 12%;
      }
      header p {
        position: absolute;
        top: 2%;
        left: 25%;
	        text-shadow: 0.1rem 0.1rem #99CFE5,0.1rem -0.1rem #99CFE5, 0.1rem 0.1rem #99CFE5,0.1rem -0.1rem #99CFE5;
        font-size: 1.5rem;
				font-weight: 400;
        z-index: 10;
      }
      .top_hero_img{
        width: 70%;
				margin: 0 auto;
				/*height: 90%;*/
      }
      header br {
        display: none;
      }
      /*ナビ部*/
      nav {
        width: 100%;
        padding: 0.8rem 0 0.5rem 0;
        border-bottom: solid #99CFE5 0.1rem;
      }
      #menu-txt {
        display: none;
      }
      nav ul{
        display: flex;
        width: 100%;
      }
      nav ul li {
        border: solid #C7C4A5 0.1rem;
        border-radius: 1rem;
        margin-right: 0.3rem;
        width:20%;
        padding-top: 1rem;
        height: 2.5rem;
        background-color: #6A8CC7;
        font-size: 1.1rem;
        text-align: center;
        font-weight: bold;
        list-style-type: none;
      }
      nav a {
        color: #fff;
        text-decoration: none;
      }
      nav ul li :hover{
        background-color: rgba(000, 255, 255, .2);
        font-weight: 800;
      }

      /*main部　共通*/
      main h1 {
        margin: 0.2rem 0 0.5rem 0;
        font-size: 1.8rem;
        text-align: center;
      }
      main h2,
      footer h2 {
        margin: 0.2rem 0 0.5rem 0;
        font-size: 1.8rem;
        text-align: center;
      }
      main h3 {
        margin: 0.2rem 0 0.5rem 0;
        font-size: 1.5rem;
        font-weight: bold;
      }
      main img {
        display: block;
        width: 80%;
        height: auto;
        border-radius: 1rem;
        margin: 0 auto;
      }
      article {
        border-bottom: solid #99CFE5 0.1rem;
        padding-bottom: 1.2rem;
        margin:  1.5rem 0.5rem;
      }
      article h1 {
        height: 2.8rem;
        margin: 0 3% 5% 3%;
        padding-top: 0.5rem;
        border-radius: 0.5rem 0.3rem;
        background-color: #6A8CC7;
        color: #fff;
      }
      .container {
      display: flex;
      flex-wrap: wrap;
      margin-left: 5%;
      }
      .front_section_logo {
      position: relative;
      background-color: #6A8CC7;
      }
      .front_section_logo img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      border-style: none;
      background-repeat: no-repeat;
      }
      #blog-logo_img {
      width: 94%;
      }

      #guide_logo {
      width: 92%;
      }
      section {
        padding-top: 0.5rem;
        padding-bottom: 1rem;
        margin: 0.5rem 0.2rem 0.5rem 0.2rem;
        border: solid #99CFE5 0.1rem;
        border-radius: 0.8rem 0.8rem;
        width: 30%;
      }
      section p {
        margin-left: 5%;
        margin-right: 1%;
        font-size: 1rem;
      }
      section h2 {
        position: relative;
        left: 1rem;
        font-size: 1.5rem;
        width: 90%;
        text-align: left;
				line-height: 1.8rem;
      }

      .date {
        margin: 0.2rem 0 0.2rem 0;
        text-align: center;
        font-size: 0.8rem;
        font-style: italic;
      }
      .front_topnews_h3 {
        text-align: center;
      }
      .td_newpost {
        border-style: none;
        margin: 0 auto;
        width: 75%;
      }
     .td_newpost img {
       margin-top: 1.5rem;
       width: 75%;
       height: auto;
     }

      .td_newpost a {
        text-decoration: underline;
      }
      .td_newpost span{
        display: block;
        text-align: center;
      }
      .front_news h1 {
      	height: 1.6rem;
      	background-color: #fff;
      	color: #C7243A;
      	font-style: italic;
        font-size: 2.8rem;
        letter-spacing: 0.6rem;
      }

      /*気楽会ブログセクション*/
      .front_blog-info {
      	position: relative;
      }

      .front_blog-info h1 {
      }

      .blog-headline_h2 {
      	position: relative;
      	left: 1.5rem;
      	width: 90%;
      	font-size: 1.5rem;
      	text-align: left;
        text-decoration: underline;
      }
      .blog-headline_span {
        display: block;
        margin: 1rem 0.2rem 1rem 0.5rem;
      }

      .front_blog_info_intro {
        text-align: center;
      }

      /* 気楽会の観光案内課*/
      #front_ss-info {
      	position: relative;
      }
      #front_ss-info h1 {
      	margin-top: 1rem;
      }

      .attract-blue {
      	color: #6A8CC7;
      	font-weight: bold;
      }

      /*footer*/
      #declaration {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 0.8rem 0.4rem 1.2rem 0.4rem;
        font-size: 0.9rem;
        border:solid 0.1rem #C7C4A5;
      }

      #declaration li{
        margin-bottom: 0.4rem;
        list-style-type: none;

      }
      #foot{
        position: fixed;
        bottom: 0;
        width: 100%;
      }

      footer{
        padding-top: 1rem;
      }
      #front_page_footer {
        border-style: none;
        width: 80%;
        margin: 0 auto;
      }

      footer h3{
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        text-align: center;
        cursor: pointer;
      }
      footer section{
        width: 90%;
        margin: 0 auto;
        font-size: 0.8rem;
        line-height: 1rem;
      	border-style: none;
      }
      .privacy{
        display: block;
        margin-top: 0.5rem;
        margin-bottom: 0.4rem;
        font-weight: bold;
      }
      footer small{
        display: block;
        padding: 1rem;
        font-size: 0.8rem;
        clear: both;
        text-align: center;
      }
      #section_contactUs {
        margin-bottom: 1rem;
        background-color: #99CFE5;
      }
      #contactUs {
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: underline;
        font-size: 1.3rem;
        font-weight: bold;
      }
      #contactUs_p {
        display: block;
        width: 100%;
        text-align: center;
      }
    aside {
      position: relative;
    }
    aside section {
    margin: 0 auto
    }

      #box_fb-like {
        display: block;
        margin-top: 10px;
        text-align: center;
      }

      /*gototop*/
      #arrow-up{
        position: fixed;
        bottom: 2%;
        right: 3%;
        padding-left: 0.5rem;
        padding-top: 0.5em;
        background-color: #FFEE55;
        border-radius: 50%;
      }

      #arrow-up::before{
        border-style: solid;
        border-width: 0 1rem 0.5rem;
        border-color: #6A8CC7 transparent;
        content: " ";
        position: absolute;
        background-color: transparent;
        padding-left: 0.2rem;
        margin-bottom: -0.2rem
      }

      #arrow-up::after{
        border-style: solid;
        border-width: 0 1rem 0.5rem;
        border-color: #FFEE55 transparent;
        content: " ";
        top: 0.2rem;
        position: absolute;
        background-color: transparent;
        padding-top: 0.5rem;
        padding-left: 0.2rem;
      }
      #arrow-up a{
        display: block;
        position: relative;
        width: 2.5rem;
        color: #6A8CC7;
        background-color: transparent;
        border-radius: 2em 2em 2em 2em;
        border: 0px;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        padding-left: 0.3rem;
        margin-top: 0.2rem;
        margin-left: -0.2rem;
      }
      #gototop{
        display: inline-block;
        font-size: 0.5rem;
      }
      }

@media (min-width: 1280px) {
	#guide_logo {
	width: 65%;
	}
}
