@charset "utf-8";
/*-----------------------------------------------------------------------------------------
max-640px.css
-----------------------------------------------------------------------------------------*/
#head .header-right,
nav.global-navi,
.layout_unit section.topics-section,
.layout_unit section.area-search-section,
.layout_unit section.pickup-section,
.breadcrumb-navi,
.three-column .column .content .more,
.navi-wrap
{
  display: none;
}

.layout_main,
.layout_sidebar
{
  float:none !important;
}
.clickable a:hover {
  background: none;
}



/*-----------------------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------------------*/
body{
  width: 100%;
  overflow-x:hidden 
}
header#head {
  background-color: #ffffff;
  margin-bottom:0;
  border-bottom:none;
}
#head > .inner {
  width: 100%;
  height: 58px;
  margin: 0;
}
div#hamburger-menu {
  padding: 10px 0 0 10px;
  position: relative;
  z-index: 100;
}
div#hamburger-menu i {
    font-size: 40px;
    color:#404040;
}
table.gsc-search-box{
  padding:10px;
}
#___gcse_0 {
    margin-top: 0;
}
.gsc-input-box{
  width: 90%;
  margin: 0 10px 10px 20px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
  padding-top: 10px;
}
.gsst_a .gscb_a{
  margin-top: 4px;
}
.logo-area {
  width: 100%;
  position: absolute;
  top: 10px;
  left: auto;
  right: auto;
}
.logo-area h1 {
  width: 300px;
  text-align: center;
  margin: 0 auto;
  padding-left: 10px;
}
.logo-area h1 img{
  width: 190px;
}

/*-----------------------------------------------------------------------------------------
MAIN VISUAL
-----------------------------------------------------------------------------------------*/
.slider-section {
  height: 280px;
  padding: 0;
  background:none;
 }
.wideslider {
  height: 300px;
 }
 .wideslider figure{
 }
/*-----------------------------------------------------------------------------------------
SECTION
-----------------------------------------------------------------------------------------*/
.cmn-section{
  margin-bottom: 40px;
}
.layout_2col {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.layout_2col .layout_main {
    width: 100%;
    max-width: 640px;
}
.main-wrap{
  background-color: #ffffff;
}
.main-wrap .label{
  border-bottom:none;
  margin-bottom:0;
}
.category-icon {
  margin: 11px 22px 0 0;
}
.column-wrap {
  width: 100%;
  max-width: 640px;
  margin-right: 0;
  padding: 0 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.two-column .column {
    width: 100%;
    max-width: 640px;
    float: left;
    margin:0 auto 5px;
}
.two-column-inner-list{
  padding:0;
}
.two-column-inner-list li{
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.two-column-inner-list li a{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.two-column .column,
.three-column .column{
  border:none;
}
.two-column .column:after{
  content: "";
  display: block;
  clear: both;
}
.area-icon {
  margin: 11px 14px 0 0;
}
.three-column .column {  
  width: 100%;
  max-width: 640px;
  margin: 0 auto 5px;
}
.two-column-inner-list li.pick-up-content a .thumb{
  margin:0;
}
.three-column .column .content .thumb{
  width: 90%;
  margin: 0 auto;
  padding: 5px;
}
.two-column-inner-list li.pick-up-content a .thumb{
  width: 90%;
  margin: 0 auto;
}
.three-column .column .content .item{
  font-size: 20px;
}
.tpl-top .three-column .column .content .lead {
  font-size: 14px;
  margin: 5px 0 0 10px;
}
.two-column-inner-list li a .more{
  position: static;
}
.thumb .trimming310x210 {
  width: 100%;
  max-width: 600px;
}
.thumb .trimming200x135{
  width: 100%;
  max-width: 600px;
}

/*-----------------------------------------------------------------------------------------
SIDE BAR
-----------------------------------------------------------------------------------------*/
.layout_2col .layout_sidebar{
  width: 100%;
  max-width: 640px;
}
.sns-aside .has-grid{
  position: relative;
  overflow: hidden;
}
.sns-aside .has-grid div{
  float: left;
  left: 50%;
  position: relative;
}
.sns-aside .has-grid a{
  float: left;
  left: -50%;
  position: relative;
}
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m{
    padding: 0 7px !important;
}
.facebook-widget {
  margin: 0 auto;
  width: 300px;
  margin-bottom: 30px;
}

/*-----------------------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------------------*/
#footer .inner .page-top{
  position: static;
  margin: 0 auto;
  margin-top: -46px;
}
#footer .inner {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 5px;
}
#footer .bg-color{
  height:auto;
}
#footer .bg-color > .inner .left-box,
#footer .bg-color > .inner .right-box {
  width: 100%;
  height:auto;
  max-width: 640px;
  padding:10px 5px;
}
#footer .bg-color > .inner .left-box .area-list .inner-ul li,
#footer .bg-color > .inner .left-box .area-list .inner-ul li.long{
  width: 135px;
}
#footer .bg-color > .inner .right-box .has-grid{
  width: 100%;
  max-width: 300px;
  margin-left: auto;
}
#footer .bg-color > .inner .link-list-box {
    width: 50%;
}
#footer .bg-color > .inner .has-grid img{
  width: 50%;
  height: 50%;
  max-width: 300px;
}
.copy-light {
    font-size: 10px;
}

/*-----------------------------------------------------------------------------------------
CATEGORY
-----------------------------------------------------------------------------------------*/
.three-column .column .content .item {
    font-size: 18px;
}
.main-image {
  width: 100%;
  max-width: 640px;
  max-height: 230px;
}
.tpl-category .three-column .column{
    height: 128px;
}
.tpl-subcategory .three-column .column{
    height: 148px;
}
.main-image .trimming665x400 {
  width: 100%;
}
.tpl-category .three-column .column .content,
.tpl-subcategory .three-column .column .content {
    border-top: 3px solid #75BDA0;
    width: 100%;
}
.tpl-category .area-tag,
.tpl-subcategory .area-tag{
  left: 0px;
}
.tpl-category .three-column .column .content .thumb,
.tpl-subcategory .three-column .column .content .thumb{
  width: 30%;
  height:100px;
  float:left;
}
.tpl-category .three-column .column .content .item,
.tpl-category .three-column .column .content .lead,
.tpl-subcategory .three-column .column .content .item,
.tpl-subcategory .three-column .column .content .lead{
  float:left;
  padding: 5px 0 0 10px;
  margin:0;
  width: 60%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.tpl-category .three-column .column .content .lead:after,
.tpl-subcategory .three-column .column .content .lead:after{
  content: "";
  display: block;
  clear: both;
}
/*-----------------------------------------------------------------------------------------
DETAIL
-----------------------------------------------------------------------------------------*/
.tpl-detail .title-wrap{
  border:none;
}
.tpl-detail .title-wrap .inner h1{
  border-bottom: 2px solid #C00;
  font-size: 20px;
  padding-bottom: 0px;
}
.tpl-detail .title-wrap > .inner{
  border:none;
}
.sns-bt-list {
  margin-top:10px;
}
.tpl-detail .addthis_button_google_plusone,
.tpl-detail .addthis_counter{
  display: none !important;
}
.tpl-detail .article-section p img{
  margin:5px auto;
  display: block;
}
.tpl-detail .article-section p{
  padding:0 10px;
  font-size: 14px;
}
.facilities{
  margin-bottom: 30px;
}
.link-bottom-list .title .item,
.facilities-list .title .item  {
    width: 90%;
}
.facilities .inner .left-box, 
.facilities .inner .right-box{
    width: 100%;
    margin: 0;
}
.facilities .inner{
  position: relative;
  overflow: hidden;
}
.facilities .inner .right-box{
  left: 50%;
  position: relative;
}
#map-canvas{
  left: -50%;
  position: relative;
  width: 100% !important;
  height:300px !important;
}
#sp-lang{
  padding: 10px 5px;
}