@charset "utf-8";

/* OFFICE One Ver1スタイル */

.accordion-content {
  display: none;
}
.accordion-header {
  background-color:rgb(137,201,151);
  padding: 12px 45px 10px 20px;
  margin: 10px 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
}

.accordion-header::before,
.accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:12px;
  height:2px;
  margin:auto;
  background:#151E2F;
}
.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {
  background-color:rgba(249,243,171,0.5);
  padding:12px 20px 10px;
}

/* PC表示 */
@media screen and (min-width:761px) {
.accordion-header span{
  padding-left: 35px;
  font-size:110%;
  letter-spacing:2px;
  font-weight:700;
  position: relative;
}
}

/* スマホ表示 */
@media screen and (max-width:760px) {
.accordion-header span{
  padding-left: 35px;
  font-size:120%;
  letter-spacing:1px;
  font-weight:700;
  position: relative;
}
}

.accordion-content span{
  padding-left: 20px;
  padding-top:2px;
  position: relative;
  font-size:100%;
  letter-spacing:1px;
  letter-spacing:1px;
}
.accordion-header span::before{
  position: absolute;
  background-color:rgb(245,122,70);
  border-radius:6px;
  padding:0 5px;
  content:"Q";
  top: 0;
  left: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}
.accordion-content span::before{
  position: absolute;
  content:"A";
  background-color:rgb(137,201,151);
  border-radius:6px;
  padding:0 5px;
  top: 0;
  left:0;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}


/* ----------------------------------------------------------------------
 Googleフォント
---------------------------------------------------------------------- */
.mincho-bold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.mincho-black {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-style: normal;
}
.noto-sans100 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight:100;
  font-style: normal;
}
.noto-sans700 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-style: normal;
}
.oswald-black {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight:900;
  font-style: normal;
}
.PLUS-Rounded{
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight:700;
font-style: normal;
}

/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align1{text-align:center !important;} /* 中央寄せ */
.align2{text-align:right !important;}  /* 右寄せ */
.align3{text-align:left !important;} /* 左寄せ */

/* ----------------------------------------------------------------------
 余白関連
---------------------------------------------------------------------- */
.mt0{margin-top:0px;}
.mt5{ margin-top:5px; }
.mt-20{ margin-top:-20px; }
.mt-30{ margin-top:-30px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }
.mb0{margin-bottom:0px;}
.mb5{ margin-bottom:5px; }
.mb-20{ margin-bottom:-20px; }
.mb-30{ margin-bottom:-30px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb70{ margin-bottom: 70px; }
.mb80{ margin-bottom: 80px; }
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.pr5{padding-right:5px;}

.pt10{padding-bottom:10px;}
.pt20{padding-bottom:20px;}
.pt30{padding-bottom:30px;}
.pt40{padding-bottom:40px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
/* --------------------------------------------
   フローティングフッター固定化スタイル
---------------------------------------------- */
/* フローティングフッター動作関連 */
@media only screen and (min-width:768px) {
#motion-footer{
position:fixed;
bottom: -3px;
padding:8px 0px;
background-color:rgb(103,165,32);
left: 0;
width:100%;
z-index:8888;
}
.motionf{opacity:0;transition: all 0.5s ease;}
}
/* /フローティングフッター動作関連 */

/* フローティングフッター内部のレイアウトBOX */
.mein-box{display:flex;}
.box1{display:flex;width:auto;}
/* box1内のデザイン */
.balloon-left {/* 三角付きの吹き出し */
  position: relative;
  display: inline-block;
  margin-left: 20px; /* 三角形がはみ出る分の余白 */
  padding:6px;
  background: #e6e6e6; /* 吹き出しの背景色 */
  border-radius: 8px; /* 角丸 */
}

/* 三角形の部分（疑似要素） */
.balloon-left::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%; /* 吹き出しの左側に配置 */
  margin-top: -10px; /* 三角形の高さの半分だけ上にずらして中央揃え */
  border: 10px solid transparent;
  border-right: 10px solid #e6e6e6; /* 三角形の色は吹き出しの背景色と同じに設定 */
}
/* 吹き出し内の文字 */
.balloon-left p{font-size:15px !important;line-height:160% !important;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
/* レイアウトBOXマススアクション */
.item-on:hover{opacity: 0.8;transition: all  0.5s ease;}
/* フローティングフッター内部のレイアウトBOX */
/* PC 画面の横幅が960px以上
---------------------------------------------------- */
/* PC表示フローティングフッター */
@media only screen and (min-width:1381px) {
/* TOP表示フローティングフッター */
/* フローティングフッターの内部 */
.flo-footer-inner{
margin: 0px auto 0px auto;
max-width:1300px;
}
.box1-item1{margin-right:1px;}
.box1-item1 img{width:82px;height:82px;}
.box1-item2{margin-right:20px;max-width:500px;padding-top:10px;}
.box2{max-width:500px;}
/* box2内のデザイン */
.box2-item1{background:rgb(208,45,46);border-radius:6px;padding:6px 20px 0 20px;min-height:80px;}
.item-on:hover{opacity: 0.8;transition: all  0.5s ease;}
.box2-item1 h2{font-size:26px !important;line-height:160% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.box2-item1 h3{font-size:18px !important;line-height:100% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.box3{width:auto;margin-left:30px;}
.box3-item1{background:rgb(145,83,166);border-radius:6px;padding:6px 20px 0 20px;min-height:80px;}
.box3-item1 h2{font-size:26px !important;line-height:160% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.box3-item1 h3{font-size:18px !important;line-height:100% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
}
/* フローティングフッター内部のレイアウトBOX */
/* Tablet (Portrait) 画面の横幅が768px～959pxまで
---------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width:1380px) {
.box1-item2{display:none;}
/* フローティングフッターの内部 */
.flo-footer-inner{
margin: 0px auto 0px auto;
padding-left:80px;
padding-right:80px;
max-width:1300px;
}
.box1-item1{margin-right:20px;}
.box1-item1 img{width:80px;height:80px;}
.box2{width:50%;}
.box3{width:50%;}
.box2-item1{background:rgb(208,45,46);border-radius:6px;padding:6px 15px 0 15px;min-height:80px;margin-right:20px;}
.box2-item1 h2{font-size:24px !important;line-height:150% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.box2-item1 h3{font-size:16px !important;line-height:100% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.box3-item1{background:rgb(145,83,166);border-radius:6px;padding:6px 15px 0 15px;min-height:80px;}
.box3-item1 h2{font-size:24px !important;line-height:150% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.box3-item1 h3{font-size:16px !important;line-height:100% !important;color:#fff;text-align:center;padding:0 !important;margin:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
}
/* フローティングフッター内部のレイアウトBOX */
/* Mobile (Portrait) 画面の横幅が767pxまで（基本）
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
#motion-footer-sp{
position:fixed;
bottom: 0px;
padding:12px;
background-color:rgb(229,229,229);
left: 0;
width:100%;
z-index:8888;
}
.motionfsp{opacity:0;transition: opacity 3s ease-in-out;}
.sp-flo-titel{font-size:1.2rem !important;line-height:26px;text-align:center;margin:0 0 10px 0 !important;padding:0 !important;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.sp-flo-tel{width:50%;margin-right:4px;}
.sp-flo-tel a{display:block;font-size:1.2rem !important;color:#fff!important;line-height:28px;text-align:center;background-color:rgb(254,66,54);padding:6px 0;border-radius:6px;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.sp-flo-mail{width:50%;margin-left:4px;}
.sp-flo-mail a{display:block;font-size:1.2rem !important;color:#fff!important;line-height:28px;text-align:center;background-color:rgb(255,164,3);padding:6px 0;border-radius:6px;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
}

/* *****************************************************************
*	メインフッター
* ***************************************************************** */	
/* PC表示 */
@media only screen and (min-width:960px) {
#footer {
clear: both;
background: #efefef;
width: 100%;
font-size: 80%;
margin: 0px auto 0px auto;
}

.footer-inner {
margin: 0px auto 0px auto;
padding: 0px 0px;
max-width:1300px;
}

#copyright {
font-size: 14px;
text-align: center;;
margin: 0;
padding-top:6px;
background:rgb(51,51,51);
height:80px;
}
#copyright a{color:#fff;}
}
/* Tab表示 */
@media only screen and (min-width: 768px) and (max-width:959px) {
#footer {
clear: both;
background: #efefef;
width: 100%;
font-size: 80%;
margin: 0px auto 0px auto;
}

.footer-inner {
margin: 0px auto 0px auto;
padding: 0px 0px;
max-width:1300px;
}

#copyright {
font-size: 14px;
text-align: center;;
margin: 0;
padding-top:6px;
background:rgb(51,51,51);
height:136px;
}
#copyright a{color:#fff;}
}
/* スマホ表示 */
@media only screen and (max-width: 767px) {
#footer {
clear: both;
background: #efefef;
width: 100%;
font-size: 80%;
margin: 0px auto 0px auto;
}

.footer-inner {
margin: 0px auto 0px auto;
padding: 0px 0px;
max-width:1300px;
}

#copyright {
font-size: 14px;
text-align: center;;
margin: 0;
padding:6px 0 190px 0;
background:rgb(51,51,51);
}
#copyright a{color:#fff;}
}

/* TOP表示フローティングメニュー */
.floating-menu {
  position: fixed;
  top:0px;
  left:0;
  width:100%;
  background-color:rgb(229,229,229,0.8);
  z-index: 9999;
  opacity: 1;
  visibility:visible;
  transition: all 0.3s ease; /* ふわっと表示させるアニメーション */
}
/* 非表示用のクラス */
.floating-menu.hide {
  opacity: 0;
  visibility: hidden;
}
.flo-navinner{width:960px;margin:auto;}

/* TOP表示フローティングメニュー本体
------------------------------------------*/
/* メインメニュー（横並び）*/
.flo-menu-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding:0; !important;
}

.flo-menu-list > li {
  position: relative; /* 子メニューの基準位置にするため必須 */
  font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;
}

.flo-menu-list > li > a {
	display: block;
  padding: 20px 15px;
  color:rgb(26,26,26);
  text-decoration: none;
  background-image:url(images/flo-menuber1.webp);
  background-repeat: no-repeat;
  background-position:right center;
}

.flo-menu-list > li > a:hover{
  background-color:rgb(34,129,29);
  color:#fff;
  padding: 20px 15px;
}

/* --- 子メニューの初期設定（隠す） --- */
.flo-sub-menu {
  display: none;
  position: absolute; /* 親メニューからの相対位置 */
  top: 100%; /* 親メニューの真下に配置 */
  left: 0;
  z-index: 99999;
  width: 200px; /* 必要に応じて幅を指定 */
  background-color:rgb(34,129,29);
  list-style: none;
  margin: 0;
  padding: 0;
}

/* --- マウスを乗せたときに子メニューを表示 --- */
.flo-menu-list > li:hover .flo-sub-menu {
  display: block;
}

/* 子メニューのリンクデザイン */
.flo-sub-menu li a {
  display: block;
  padding: 12px 20px 12px 20px;
  color: #fff;
  text-decoration: none;
}

.flo-sub-menu li a:hover {
  background-color:rgb(97,176,51);
}

/* グリッド余白調整 */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}

/* *****************************************************************
*   レスポンシブ（メディアクエリ）
* ***************************************************************** */

/* PC 画面の横幅が1101px以上
---------------------------------------------------- */

@media only screen and (min-width:1101px) {
.container{margin:0 auto;max-width:1150px;}
.content-area{margin:0 auto;max-width:1150px;}
.header-inner {max-width:1145px;overflow:hidden;margin: 0px auto 0 auto;padding: 0px 0 5px 0;}
.contact1{float:right;margin:-80px 0 0 0;padding:28px 0 0 0;}
.contact2{float:right;margin:-80px 150px 0 0;padding:15px 0 0 0;}
.contact-box1 {
text-align:right;
margin: 0 20px 0 0;
}
.contact-titel{
font-size:95%;
color:rgb(38,38,38);
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight:700;
font-style: normal;
}
.contact-tel{
font-size:210%;
color:rgb(38,38,38);
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight:900;
font-style: normal;
}
.contact-address{font-size:110% !important;letter-spacing:1px;text-align:center;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.contact-address a{display:block;color:#fff;padding:8px 6px;border:1px solid rgb(22,50,89);background-color:rgb(22,50,89);border-radius:6px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all  0.5s ease;}
.contact-address a:hover{background-color:rgb(255,255,255);padding:8px 6px;color:rgb(22,50,89);text-decoration:none;border:1px solid rgb(22,50,89);}
/* TOPページワイドBG画像スタイル */
.top-head-img{display:flex;align-items:center;justify-content: center;background: url(images/company-tophead01.webp) ;background-position:center center;background-repeat: no-repeat;background-size: cover;margin-bottom:10px;min-height:500px;}
/* TOPページワイドBG内タイトルスタイル */
.top-head-img h2{font-size:230%;color:#fff;font-family:"Zen Old Mincho", serif;font-optical-sizing:auto;font-weight:900;font-style:normal;text-shadow: 0px 0px 8px rgb(0, 0, 0, 0.9);}
.top-head-img h1{font-size:280%;text-align:center;letter-spacing:0.6rem;color:#fff;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;text-shadow: 0px 0px 8px rgb(0, 0, 0, 0.9);}
.logo{float:left;margin: 0px 0px 0px 0px;padding: 30px 0px 0px 0px;}
/* フローティングメニューのロゴ */
.flo-logo{float:left;padding-top:10px;}
.flo-logo img{width:200px;height:auto;}
/* GO TOPボタンのデザイン */
.pagetop {
  cursor: pointer;
  position: fixed;
  z-index:100000;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: .3s;
  color: #333333;
  font-weight:700;
  background: rgb(244,236,225);
  
/*   デフォルトは非表示 */
  opacity: 0;
}
.pagetop:hover {
    box-shadow: 0 0 10px rgb(195,148,78);
}
.sp{display:none;}
.br-sp{display:none;}
}


/* Tablet (Portrait) 画面の横幅が768px～959pxまで
---------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width:1100px) {
.header-inner{width100%;padding: 0px 80px 0 80px;}
.contact1{float:right;position:relative;margin:-60px 0 0 0;padding:20px 0 0 0;}
.contact2{float:right;position:relative;margin:-60px 0 0 0;padding:15px 0 0 0;line-height:150% !important;}
.contact-box1 {
text-align:right;
margin: 0 20px 0 0;
}
.contact-titel{
font-size:0.9rem;
color:rgb(38,38,38);
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight:700;
font-style: normal;
}
.contact-tel{
font-size:1.8rem;
letter-spacing:0.1rem;
color:rgb(38,38,38);
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight:900;
font-style: normal;
}
.contact-address{font-size:1.0rem !important;letter-spacing:1px;text-align:center;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;}
.contact-address a{display:block;color:#fff;padding:6px 8px;border:1px solid rgb(22,50,89);background-color:rgb(22,50,89);border-radius:6px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all  0.5s ease;}
.contact-address a:hover{background-color:rgb(255,255,255);padding:6px 6px;color:rgb(22,50,89);text-decoration:none;border:1px solid rgb(22,50,89);}
/* TOPページワイドBG画像スタイル */
.top-head-img{display:flex;align-items:center;justify-content: center;background: url(images/company-tophead01-m.webp) ;background-position:center center;background-repeat: no-repeat;background-size: cover;margin-top:-54px;margin-bottom:10px;min-height:360px;}
/* TOPページワイドBG内タイトルスタイル */
.top-head-img h2{font-size:230%;color:#fff;font-family:"Zen Old Mincho", serif;font-optical-sizing:auto;font-weight:900;font-style:normal;text-shadow: 0px 0px 8px rgb(0, 0, 0, 0.9);}
.top-head-img h1{font-size:280%;text-align:center;letter-spacing:0.6rem;color:#fff;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;text-shadow: 0px 0px 8px rgb(0, 0, 0, 0.9);}
.sp{display:none;}
.container{width:800px;margin:0 auto;}
.content-area{margin:0 auto;max-width:980px;padding:0 5px;}
.logo{padding-top:40px;}
.logo img{width:180px;height:auto;}
/* フローティングメニューのロゴ */
.flo-logo{float:left;padding-top:20px;margin-left:5px;}
.flo-logo img{width:100px;height:auto;}
.header-text-inner {width:728px; }
#nav { float: none; width: 100%; margin: 0 auto 50px auto; padding: 0; }
.nav-inner { width: 728px; }
#slidedown-nav { width: 728px; }
#top-slide-max { width: 728px; }
.cycle-slideshow { width: 728px; height: auto; margin: 0 ; overflow: hidden; }
li.item { height: 460px; margin-bottom:40px; }
li.item-gallery { height: 150px; }
.item-img { height: 150px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 460px; margin-right:10px; }
.footer-inner { width: 728px; padding: 0px 0px;}
/* TOPページワイドBG内タイトルスタイル */
}

/* Mobile (Portrait) 画面の横幅が767pxまで（基本）
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
/* TOPページワイドBG画像スタイル */
.top-head-img{display:flex;align-items:center;justify-content: center;background: url(images/company-tophead01-sp.webp) ;background-position:center center;background-repeat: no-repeat;background-size: cover;margin-top:20px;margin-bottom:10px;min-height:500px;}
/* TOPページワイドBG内タイトルスタイル */
.top-head-img h2{font-size:160%;color:#fff;font-family:"Zen Old Mincho", serif;font-optical-sizing:auto;font-weight:900;font-style:normal;text-shadow: 0px 0px 8px rgb(0, 0, 0, 0.9);}
.top-head-img h1{font-size:180%;text-align:center;letter-spacing:0.6rem;color:#fff;font-family: "Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style: normal;text-shadow: 0px 0px 8px rgb(0, 0, 0, 0.9);}
.pc{display:none;}
.container {width: 360px; padding: 30px 0px 50px 0px; }
.header-inner {width:100%; margin: auto; padding:0px 0 10px 0;}
.logo{padding-top:20px;}
.logo img{display:block;margin-left:auto;margin-right:auto;width:40%;}
.contact1{display: none;}
.contact2{display: none;}
.contact-box1{display: none;}
#header h1, #header .logo { float: none; margin-bottom: 0px; }
.header-text-inner { width: 300px; }
#nav { display: none; position: absolute; top:0; float: none; text-align:center; width: 100%; background: #fefefe; margin-bottom: 40px; margin-top: 0px; padding: 0; }
.nav-inner { width: 100%; }
.nav-menu li a { color: #333; display: block; font-size: 15px; padding: 20px 10px; text-decoration: none;}
.nav-menu li { display: block; float: none; border-bottom: 1px solid #ededed; }
.toggle { display: block; float: right; position: absolute; top: 5px; right: 5px; z-index: 10000; }
#top-slide-max { width: 300px; }
.cycle-slideshow { width: 300px; height: auto; margin: 0 ; overflow: hidden; }
li.item { height: 460px; margin-bottom: 40px; }
li.item-gallery { height: 200px; }
.item-img { height: 200px; margin: 0 0 10px 0; overflow: hidden; }
table.similar-text img { width: 100px; }
table.similar-text th { width: 100px; }
.head-img { margin: 40px auto 20px auto;}
.pagedate { margin: -20px 0 -10px 0; }
.pager { margin: 80px 0 80px 0; }
.footer-inner { width: 300px; padding: 0px 0px;}
.page-contents { margin: 0 0 50px 0; }
#topcontrol{display: none !important;}/* GO TOP非表示用スタイル */
}

---------------------------------------------------- */
/* PC/Tab/SP共用スタイル
---------------------------------------------------- */
.sl-kage{box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.3);}



/* Mobile (Portrait/iPhone6) 画面の横幅が375px～479pxまで

@media only screen and (min-width: 375px) and (max-width: 479px) {
.wrapper { width: 336px; }
.header-inner { width: 336px; margin: auto; }
.header-text-inner { width: 336px; }
.logo { text-align:center; }
#top-slide-max { width: 336px; }
.cycle-slideshow { width: 336px; height: auto; margin: 0 ; overflow: hidden; }
.footer-inner { width: 336px; padding: 0px 0px;}
li.item { height: 460px; margin-bottom: 40px; }
li.item-gallery { height: 224px; }
.item-img { height: 224px; margin: 0 0 10px 0; overflow: hidden; }
}

---------------------------------------------------- */

/* Mobile (Landscape) 画面の横幅が480px～767pxまで


@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width: 420px; }
.header-inner { width: 420px; margin:auto; }
.header-text-inner { width: 420px; }
.logo { text-align:center; }
#top-slide-max { width: 420px; }
.cycle-slideshow { width: 420px; height: auto; margin: 0 ; overflow: hidden; }
.footer-inner { width: 420px; padding: 0px 0px;}
li.item { height: 520px; margin-bottom: 40px; }
li.item-gallery { height: 280px; }
.item-img { height: 280px; margin: 0 0 10px 0; overflow: hidden; }
}