@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト
------------------------------------------------------*/

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

#container,
#top,
#header,
#global-nav,
#breadcrumbs,
#main-image,
#main,
#footer,
#footer-banner,
.copyright{
	width: 100%!important;
	min-width: 100%!important;
}

#top-in,
#header-in,
#breadcrumbs ol,
#global-nav-in,
#main-image-in,
#main-in,
#footer-in,
#footer-banner ul,
.copyright p{
	width: 98%!important;
	margin: 0 1%!important;
}

#sub-contents,
#sidebar,
#main-and-sub,
#main-contents{
	float: none!important;
	width: 100%!important;
}

#main-image img{ width: 100%!important; }

}

/* 2016-04-01-Correction */

@media screen and (max-width : 640px) {
	a.btn-sitemap {
		position: absolute;
	}
	#header-in {
		position: relative;
	}
	.header-logo > a > img {
		width: 200px;
		height: auto;
	}
	#header-text + a.btn-sitemap {
		font-size: 12px;
		top: 50%;
		margin-top: -15px;
	}
	.s-addition-bottom p {
		max-width: 100%;
	}
}

#origin-search-form {
  display: block;
}

/* 2016-07-06-Correction */

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

  #origin-search-form {
    display: block;
  }

  #origin-search-form .seach-main-ttl {
    display: none;
  }

  #origin-search-form.origin-search-frame #searchBox {
    padding: 10px;
  }

  #origin-search-form .search-form-list {
    font-size: 0;
  }

  #origin-search-form .search-form-list > dt {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    max-width: 100px;
  }

  #origin-search-form .search-form-list > dd {
    display: inline-block;
    vertical-align: middle;
    width: 68%;
    padding: 5px 0;
  }

  #origin-search-form .search-list-ttl {
    font-size: 12px;
    padding: 3px 0;
    margin-bottom: 10px;
  }

  #origin-search-form.origin-search-frame .departure,
  #origin-search-form.origin-search-frame .arrival,
  #origin-search-form.origin-search-frame .datepicker {
    font-size: 16px;
    line-height: 2.0em;
    height: 2.0em;
    max-width: 100%;
  }

  #origin-search-form .search-form-list > dd + dt {
    margin-top: 0;
  }

  #origin-search-form .openarea > .open1, .openarea > .open2 {
    font-size: 13px;
    line-height: 30px;
  }

  #origin-search-form #arrival {
    margin-top: 20px;
  }

  #origin-search-form.origin-search-frame .searchBtn input.over,
  #origin-search-form.origin-search-frame .searchBtn input.over:focus {
    line-height: 30px;
  }
  #ui-datepicker-div {
    font-size: 16px;
    width: 90vw;
    left: 5vw!important;
  }

}


/* 2017-08-31-Correction */

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

  #sub-contents,
  #sidebar {
    display: none;
  }

  #header {
    height: 72px;
    position: relative;
  }

  .btn-sitemap {
    display: none !important;
  }

  #hamMenu {
    display: block;
    padding: 7px 0;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: .8em;
  }

  .menu-trigger {
    width: 30px;
    height: 20px;
  }
  .menu-trigger span {
    height: 4px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 8px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }

  #hamMenu p {
    font-size: 10px;
  }
  
  #menuList {
    top: 73px;
    width: 100%;
  }

  #menuList li {
    width: 100%;
  }

  #menuList li:not(:last-of-type) {
    border-bottom: 1px solid #fff;
  }

  #menuList li a {
    background: url(./images/icon/hamMenu_icon02.png) no-repeat right center #000;
    box-sizing: border-box;
    color: #fff;
    display: block;
    padding: 20px 50px 20px 15px;
    text-align: left;
    text-decoration: none;
    width: 100%;
  }

  #main-contents .relationTtl {
    margin-bottom: 0;
  }

  #main-contents ul.relation img {
    margin-right: .3em;
    width: 100%;
  }

  #main-contents ul.relation .similar_posts {
    margin: 0;
    min-height: 1%;
  }

  #main-contents ul.relation .similar_posts:after {    
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
  }

  #main-contents ul.relation .similar_posts .test {
    display: block;
    float: left;
    margin-right: .5em;
    width: 60px !important;
  }

  #main-contents ul.relation .similar_posts .test img {
    border: none;
    float: none;
    margin: 0;
    padding: 0;
  }


  #main-contents ul.relation .similar_posts a {
    text-decoration: none;
    color: #333;
  }

  #main-contents h2,
  #main-contents h3,
  #main-contents h4 {
    font-size: 1.6em;    
  }




  .wp-post-image {
    border:solid 1px #ccc;
    padding: 4px;
	/* float: left; */    
	margin-right: 5px;
  }
  .similar_posts_title {
      margin:2px;
      font-size: 14px; /* テキストリンクのサイズ */
  }
  .similar_posts_snippet {
      margin:2px auto;
      font-size: 12px; /* 抜粋文字のサイズ */
      color: #0f0f0f; /* 抜粋文字の色 */
  }

}