@charset "utf-8";
/* CSS Document */


/**************************************************/
/*******　　全ページ共通モバイル表示　　***********/
/**************************************************/

/* （タブレット表示） */
@media screen and ( max-width:1023px )
{
/* 外枠のリセット */
body,
body #wrap #HEAD,
body #wrap #TEATHER,
body #wrap #TEATHER #TEATHERIMG,
body #wrap #TEATHER #TEATHERIMG > div,
body #wrap #TEATHER #TEATHERIMG #imgTitle,
body #wrap #CONTENTS,
body #wrap #CRUMBLIST,
body #wrap #CRUMBLIST.arrangeLM,
body #wrap #MAINCONTENTS,
body #wrap #MAINCONTENTS.arrangeLM,
body #wrap footer,
body #wrap footer small {
  float: none;
  min-width: inherit;
  width: inherit;
}
/* 不要要素の非表示 */
body #wrap #GNAVI,
body #wrap #LCONTENTS {
  display: none;
}
/* コンテンツ・フッター内側のパディング */
body #wrap #HEAD,
body #wrap #CONTENTS,
body #wrap footer {
  padding-left: 20px;
  padding-right: 20px;
}
/* 基本要素の余白等調整 */
body #wrap section {
  margin-bottom: 3rem;
}
}
/* （スマートフォン表示） */
@media screen and ( max-width:480px )
{
body #wrap img {
  width: 100%;
}
}


/**************************************************/
/******　　モバイル用スライドメニュー　　**********/
/**************************************************/

nav.drawer-nav ul.drawer-menu {
	padding-left: 0em;
}
nav.drawer-nav ul.drawer-menut ul {
	list-style-type: none;
	padding-left: 0em;
	margin: 0;
}
nav.drawer-nav ul.drawer-menu li a {
  background-color: #FF6600;
  background-image: url("../images/icon_arrow_white01.png");
  background-position: 175px center;
  background-repeat: no-repeat;
  color: #fff;
  display: block;
  margin: 0;
  padding: 1.5rem 1rem;
  margin-bottom: 1px;
}
nav.drawer-nav ul.drawer-menu > li > a {
	font-weight: bold;
}
nav.drawer-nav ul.drawer-menu li ul li a {
  font-size: 0.9em;
}
nav.drawer-nav ul.drawer-menu li a:hover {
  background-color: #3d5ab1;
  text-decoration: none;
}

/* 追記 */
/* （タブレット表示） */
@media screen and ( max-width:1023px )
{
.drawer-hamburger {
  background-color: rgba(255, 255, 255, 0.67) !important;
  border-radius: 0 10px 10px 0;
  margin-top: 23px;
  padding: 20px 0.75rem 30px 20px !important;
}
nav.drawer-nav ul.drawer-menu ul {
  list-style: outside none none;
  margin: 0;
}
}

/* コメント非表示 */
#drawerContents .detail {
  display: none;
}


/**************************************************/
/*********　　付いてくるスクロール 　　************/
/**************************************************/

@media screen and ( max-width:1023px )
{
#back-top {
  bottom: 0;
  margin: 0;
  position: relative;
  right: 0;
}
#back-top a, #back-top span {
  margin: 20px auto 0;
  width: 40px;
}
#back-top a {
  float: none;
}
}


/**************************************************/
/***************　　横並びBOX 　　*****************/
/**************************************************/

/* （タブレット表示） */
@media screen and ( max-width:1023px )
{
body #wrap .floatBox02,
body #wrap .floatBox03,
body #wrap .floatBox04,
body #wrap .floatBox05,
body #wrap .floatBox06,
body #wrap .floatBox07,
body #wrap .floatBox08 {
	margin-right: -20px;
}
/* 2列に変形 */
body #wrap .floatBox02 .floatItem,
body #wrap .floatBox04 .floatItem {
  margin: 0 20px 30px 0;
  width: calc((100% - 20px * 2) / 2);
  height: auto;
}
/* 3列に変形 */
body #wrap .floatBox03 .floatItem,
body #wrap .floatBox05 .floatItem,
body #wrap .floatBox06 .floatItem,
body #wrap .floatBox07 .floatItem,
body #wrap .floatBox08 .floatItem {
  margin: 0 20px 30px 0;
  width: calc((100% - 20px * 3) / 3);
  height: auto;
}
/* 4列に変形
body #wrap .floatBox04 .floatItem {
  margin: 0 20px 30px 0;
  width: calc((100% - 20px * 2) / 2);
  height: auto;
}
 */
 
body #wrap .floatBox02 .floatItem figure img,
body #wrap .floatBox03 .floatItem figure img,
body #wrap .floatBox04 .floatItem figure img,
body #wrap .floatBox05 .floatItem figure img,
body #wrap .floatBox06 .floatItem figure img,
body #wrap .floatBox07 .floatItem figure img,
body #wrap .floatBox08 .floatItem figure img {
  height: auto;
  width: 100%;
}
body #wrap .floatBox02 .floatItem iframe {
  width: 100%;
}
}
/* （スマートフォン表示） */
@media screen and ( max-width:480px )
{
body #wrap .floatBox02,
body #wrap .floatBox03,
body #wrap .floatBox04,
body #wrap .floatBox05,
body #wrap .floatBox06,
body #wrap .floatBox07,
body #wrap .floatBox08 {
	margin-right: 0;
}
body #wrap .floatBox02 .floatItem,
body #wrap .floatBox03 .floatItem,
body #wrap .floatBox04 .floatItem,
body #wrap .floatBox05 .floatItem,
body #wrap .floatBox06 .floatItem,
body #wrap .floatBox07 .floatItem,
body #wrap .floatBox08 .floatItem {
  margin: 0 0 30px;
  width: 100%;
}
}