#header-name img {width: 70%; height: auto; max-width: 400px;}

	#header-name img {width: 70%; height: auto; max-width: 400px;}
@media screen and (max-width:610px) {
	#header-inner {
		display: flex;
		align-items: center;
		height: 82px;
	}
	#header-name {border-bottom: 0;}
	#header-name img {
		margin-left: 20px;
	}
	#header-content {
		margin: 0;
	}
}
body {
  position: relative;
}
#pagetop{
    display: block;
    width: 45px;
    height: 45px;
    box-sizing: border-box;
    background: #333;
    border: 1px solid #333;
    border-radius: 4px;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.6;
    position: fixed;
    bottom: 10px;
    right: 16px;
    z-index: 10000;
}
#pagetop::before{
    content: "";
    display: block;
    border-top: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
    width: 25%;
    height: 25%;
    top: 45%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
#pagetop:hover{
    opacity: 1;
}

@media screen and (min-width:611px) {
	.sp_nav {display: none;}
	.info_box {
		width:520px;
		height:600px;
		border:solid 2px #999999;
		overflow:scroll;
		padding:10px;
		}
	#homepage-image-sp {
		display: none;
	}
}
@media screen and (max-width:610px) {
	/*table {width: 100% !important;}*/
	#homepage-image,
	.pc_nav {display: none;}
	#main-navigation {
		background-image: none;
		background-color: transparent;
		border: none;
	}
	#header-inner {
		display: flex;
		align-items: center;
		height: 82px;
	}
	#header-name {border-bottom: 0;}
	#header-name img {
		margin-left: 20px;
	}
	#header-content {
		margin: 0;
	}
	.sp_nav {
	}
	#main-navigation-inner {
		position: fixed;
		width: auto;
	}
	#homepage-image-sp {
			width: 100%;
		text-align: center;
	}
	#homepage-image-sp img {
		width: 96%;
		height: auto;
	}
	h1#header-name,
	#header-name {font-size: 24px;}
	#homepage-image{
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	#breadcrumbs-inner {width: 100%;}
	.info_box {
		width:100%;
		max-width: 400px;
		height:auto;
		border:none;
		overflow:auto;
		padding:10px;
		margin: 0 auto;
		}
    #alpha {
	    width: 100%;
	    float: none;
	    }
	#alpha-inner,
	#beta-inner,
	#gamma-inner {
		padding: 20px 0;
		display: block;
		margin: 0 auto;
		width: 90%;
	}
    #beta,
    #gamma {
	    width: 100% !important;
	    float: none;
	    display: block;
	    margin: 0 auto;
	    padding: 2em 0;
	    }
	.layout-wtt #beta,
	.layout-wtt #gamma {right: 0; left: 0;}
	#content,
	#content-inner,
	#container-inner,
	#header-inner,
	#header-content,
	#footer-inner {
		width: 100%;
		max-width: 600px;
		padding: 0;
	}
	h1#page-title {
		width: 100% !important;
	}
	#topkoshinbox {
		width: 100% !important;
		margin-right: 0;
	}

	.layout-wm .widget-header,
	.widget-header {
	  height: 32px;
	  margin-bottom: 8px;
	  background: url(/img/header-arrow-narrow.png) no-repeat 6px 6px;
	    background-size: 20px 20px;
	    background-color: #1b3641;
	  border-radius: 4px;
	  font-size: 16px;
	  color: #fff;
	  font-weight: bold;
	  border: none;
	  padding: 0 6px 0 32px;
	  line-height: 32px;
	  font-family: verdana;
	  text-transform: uppercase;
	}
	#blog-header-inner {
		width: 100%;
	}

	 #footer .widget-footer-links {width: 100%;}
}


/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: absolute;
  z-index : 3;
  right : 20px;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #BBBBBB;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active {
  position: fixed;
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 58,58,58,0.9 );
  text-align: center;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  transition: all 0.6s;
  padding-top: 20px;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;

  position: fixed;
  top: 80px;
  z-index: 999;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  border-bottom: solid 1px #ccc;
}
nav.globalMenuSp ul li.frm {padding: 1.1em 0; font-size: 1.2em;}
nav.globalMenuSp ul li:first-child {
	border-top: solid 1px #ccc;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1.1em 0;
  text-decoration :none;
  font-size: 1.2em;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}

/*テーブル*/
@media screen and (max-width: 610px) {
	.slider table{
	margin: 10px 0;
	}
	.slider{
	overflow: auto;　　　　/*tableをスクロールさせる*/
	white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.slider::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	 height: 5px;
	}
	.slider::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
	}
	.slider::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
	 background: #BCBCBC;
	}
}

@media screen and (min-width: 611px) {
	.slider table {
		width: 100% !important;
	}
}