@charset "utf-8";
/* ============================================
	ページ共通
============================================ */
* {
	margin: 0px;
	padding: 0px;
	outline: none;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}


html, body {
min-width: 0;
}
/* PC時だけmin-widthを復活 */
@media (min-width: 1200px) {
    html, body {
    min-width: 1200px;
    }
}

html body {
	/*min-width:1200px;*/
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #2b2b2b;
	background-color: #ffffff;
	font-weight: 400;
}
html body .font_en {
	font-family: 'Oswald', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

html body .font_min {
	font-family: "游明朝", "Yu Mincho", "Hiragino Mincho Pro", "MS PMincho", serif;
}

html body img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	display: block;
	height: auto;
}

html body .pc { display: block !important;}
html body .sp { display: none !important;}

.fltL{ float:left;}
.fltR{ float:right;}
.alignC{ text-align:center !important;}
.alignL{ text-align:left !important;}
.alignR{ text-align:right !important;}

.col_red{ color:#e20000;}

.mgnt01{ margin-top:30px !important;}

@media (max-width: 767px) {
      html body .pc { display: none !important;}
      html body .sp { display: block !important;}
}

/* 固定ヘッダの高さ調整 */
[id] {
scroll-margin-top: 92px;
}
@media (max-width: 767px) {
      [id] {
      scroll-margin-top: 100px;
      }
}

/* ============================================
	header
============================================ */

/*　infobar
-------------------------- */
.infobar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #f5f5f5;
  color: #000;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 4px 0;
  z-index: 2000;
}
.infobar a {
  color: #000;
  text-decoration: none;
}
/*
.infobar .tel {
  display: inline-block;
}*/
/*.infobar .hours {
  margin-left: 5px;
  font-size: 11px;
}*/

@media (max-width: 767px)  {
      .infobar {
      display: none; /* スマホでは非表示 */
      }
}


/*　new header
-------------------------- */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0; /* ← leftだけでなくrightも指定 */
  height: 90px;
  /*background: #fff;*/
  background: rgba(255, 255, 255, 1.0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 1000;
  
  transition: transform 0.3s ease; /* スルッと動く */
}



.logo,
.hamburger {
  margin-top: 26px; /* infobarの高さ分ずらす！ */
}
.logo img {
  height: 40px;
}


/*　hamburger
-------------------------- */
/* ハンバーガーを絶対位置からフレックス要素に */
.hamburger {
  width: 30px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  /* position: fixed; ← 削除 */
  /* right: 20px; ← 削除 */
  z-index: 1001;
}

.hamburger span {
  display: block;
  height: 2px;
  width: 100%;
  background: #333;
  border-radius: 1px;
  transition: all 0.3s; 
}

/* メニュー開いた時のバーガーアイコン変形 */
.hamburger.active span:nth-child(1) {
  transform: translateY(9.5px) rotate(45deg);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: translateY(-9.5px) rotate(-45deg);
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3) {
  scale: 0.95; /* ← ほんの少し縮めてシャープに見せる */
}

/* nav-menu
--------------- */
.nav-menu {
position: fixed;
top: 90px;
right: -300px;
width: 300px;
background: rgba(230, 230, 230, 0.8);
backdrop-filter: blur(5px);
transition: right 0.3s;
z-index: 1000;

height: calc(100vh - 90px);/*見切れ補正*/
overflow-y: auto; 

/* スクロールバー非表示（でも動作はする） */
scrollbar-width: none;
-ms-overflow-style: none;
}
.nav-menu::-webkit-scrollbar {
display: none;
}
.nav-menu.active {
right: 0;
}

.nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav-menu li {
padding: 0;
border-bottom: 1px solid rgba(250, 250, 250, 0.8);
font-size: 14px;
}
.nav-menu li:last-child {
border-bottom: none;
}
.nav-menu li a {
display: block;
width: 100%; /* ← これ重要！ */
padding: 12px 15px;
text-decoration: none;
color: #000;
font-size: 14px;
transition: color 0.3s; /* ← 色がふわっと変わる */
}


/*闇市項目設定*/
/*.nav-menu li.li-yami {
background: rgba(0, 123, 255, 0.8);
}*/
.nav-menu li.li-yami a {
color: #fff;
background: rgba(0, 123, 255, 0.7);
}
.nav-menu li a:hover {
color: #007BFF;
background-color: #ffffff;
}
/*instagram*/
.nav-menu li.li-sns img {
width: 24px;
}
/*お問合わせ*/
.nav-menu li.li-info {
padding: 20px 15px;
background: rgba(255, 255, 255, 1.0);
line-height: 2.0;
}
.nav-menu li.li-info a {
display: inline;
padding: 0;
}


@media (max-width: 767px)  {
      header {
      top: 0; /* スマホでは元の位置に */
	  height: 60px;
      }
      .logo,
      .hamburger {
      margin-top: 0; /* infobarの高さ分ずらす！ */
      }
	  .nav-menu {
      top: 60px;
	  height: calc(100vh - 60px);
      }
}



/* 旧 header
------------------------------ */
/*--
header{
	width:100%;
	max-width:1200px;
	height:100px;
	padding:10px 0px 0px 0px;
	margin:auto;
	background-color:#ffffff;
}
header:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
header h1{
	width:245px;
	padding:0px;
	margin:20px 0px 0px 0px;
	float:left;
}
header h1 a{
	transition:all .2s ease;
}
header h1 a:hover{
	opacity:.8;
}
header h1 a img{
	width:100%;
}

header .taxfree{
	width:120px;
	padding:0px;
	margin:25px 0px 0px 20px;
	float:left;
}
header .taxfree img{
	width:100%;
}

header ul{
	margin:auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	float:right;
}
header ul:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
header ul li{
	display:block;
	position: relative;
	margin:auto;
	padding:18px 0px 0px 0px;
	float:left;
	text-align: center;
}
header ul li p.txt01{
	display:block;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:14px;
	color:#121825;
	font-weight:500;
}
header ul li p.tel{
	display:block;
	margin:3px 0px 3px 0px;
	padding:0px 0px 0px 28px;
	font-size:28px;
	line-height:30px;
	color:#121825;
	font-weight:500;
	background:url("../images/icons/icon_phone.png") no-repeat left 50%;
	background-size:30px;
}
header ul li a{
	color:#000000;
}
header ul li a.login{
	display:block;
	height: 60px;
	margin:0px 0px 0px 20px;
	padding:20px 20px 0px 55px;
	font-size:16px;
	line-height:18px;
	color:#121825;
	font-weight:500;
	background:url("../images/icons/icon_login.png") no-repeat 20px 50% #eeeeee;
	background-size:30px;
	transition:all .2s ease;
	text-decoration: none;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
header ul li a.login:hover{
	background:url("../images/icons/icon_login.png") no-repeat 20px 50% #dddddd;
	background-size:30px;
}
header ul li a.cart{
	display:block;
	height: 60px;
	margin:0px 0px 0px 10px;
	padding:20px 20px 0px 55px;
	font-size:16px;
	line-height:18px;
	color:#ffffff;
	font-weight:500;
	background:url("../images/icons/icon_cart.png") no-repeat 20px 50% #f35911;
	background-size:30px;
	transition:all .2s ease;
	text-decoration: none;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
header ul li a.cart:hover{
	background:url("../images/icons/icon_cart.png") no-repeat 20px 50% #f38611;
	background-size:30px;
}
header ul li .count{
	display:block;
	position: absolute;
	top: 10px;
	right: -10px;
	width: 30px;
	height: 30px;
	margin:0px;
	padding:3px 0px 0px 0px;
	text-align: center;
	font-size:16px;
	line-height:18px;
	color:#ffffff;
	font-weight:500;
	background-color: #ff0000;
	border: 2px solid #ffffff;
    -webkit-border-radius:100px 100px 100px 100px;
    -moz-border-radius:100px 100px 100px 100px;
    border-radius:100px 100px 100px 100px;
}
---------------*/








/* ============================================
	トップページ　メイン
============================================ */
main{
	width:100%;
	max-width: 100% !important;
	height:auto;
	margin:0 auto 0 auto !important;
	padding: 0 !important;
	/*background-color: #f1f1f1;
	border: 1px solid #ff0000;*/
}
.fs-body-top main {
padding-top:110px !important;/*ヘッダバー分下げる76px　92px*/
}
main:after{
	content:"";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.content{ /*中ページのコンテンツ幅*/
	/*width:925px;*/
	width: 100%;
	max-width: 1000px !important;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	/*background-color: aqua;*/
}

@media (max-width: 767px)  {
      main{
      width: 100%;
      }
      .content{
      width: 100%;
	  
	  /*background-color: coral;*/
      }
      .fs-body-top main {
      padding: 80px 0 0 0 !important; /* スマホでは元の位置に(バー分引く) 62px*/
      }
}


/*
.content{
	width:925px;
	height:auto;
	margin:auto;
	padding:0px 0px 100px 0px;
	float:right;
}
.side{
	width:275px;
	height:auto;
	margin:auto;
	padding:5px 0px 100px 0px;
	float:left;
}
*/

/* ============================================
	KVエリア
============================================ */
.kvArea{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto 0px auto;
	overflow:hidden;
	background-color: #000000;
}
.kvArea .box{
	/*width:1200px;*/
	width:100%;
	max-width: 1200px;
	margin:auto;
	text-align:center;
}
.kvArea .box a{
	transition: all .2s ease;
}
.kvArea .box img{
	width:100%;
	margin:0px auto 0px auto;
}
.kvArea .box a:hover img{
	opacity: .8;
}

/* ============================================
	選ばれる理由
============================================ */
.reason {
	width: 100%;
	margin: 0px auto 0px auto;
	background-color: #f1f1f1;
}
.reason .box {
	position: relative;
	/*width: 1200px;*/
	width: 95%;
	max-width: 1200px;
	margin: 0px auto 0px auto;
	padding: 30px 0px 50px 0px;
}
.reason .box h2 {
	display: block;
	width: 100%;
	margin: 0px auto 30px auto;
	padding: 30px 0px 30px 0px;
	font-size: 60px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
	background-color: #00256b;
	text-align: center;
}
.reason .box ul {
	display: flex;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
	list-style: none;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.reason .box ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0px;
	font-size: 0em;
	line-height: 0;
	clear: both;
}
.reason .box ul li {
	display: block;
	width: 32%;
	margin: 0px 2% 0% 0px;
	float: left;
}
.reason .box ul li a{
	display: block;
	width: 100%;
	margin: 0px 2% 0% 0px;
	padding: 5px;
	float: left;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	border: 5px solid #000000;
	text-decoration: none;
	transition: all .2s ease;
}
.reason .box ul li a img{
	display: block;
	width: 100%;
	margin: auto;
	border-radius: 5px 5px 0px 0px;
	overflow: hidden;
	text-decoration: none;
	transition: all .2s ease;
}
.reason .box ul li a p{
	display: table;
	width: 100%;
	height: 120px;
	margin: auto;
	text-align: center;
	text-decoration: none;
	font-size: 36px;
	line-height: 1.2em;
	color: #000000;
	font-weight: 900;
}
.reason .box ul li a p span{
	display: table-cell;
	vertical-align: middle;
}
.reason .box ul li:nth-child(3n) {
  margin: 0px 0% 0% 0px;
}
.reason .box ul li a:hover{
	background-color: #000000;
	border: 5px solid #000000;
}
.reason .box ul li a:hover img{
	opacity: .8;
}
.reason .box ul li a:hover p{
	color: #ffffff;
}

@media (max-width: 767px) {
      .reason .box {
	  width: 100%;
      padding: 20px 0px 30px 0px;
      }
      .reason .box h2 {
      margin: 0px auto 20px auto;
      padding: 15px 0px 20px 0px;
      font-size: 6vw ;
      line-height: 1em;
      }
      .reason .box ul {
      display: block;
      width: 90%;
      }
      .reason .box ul li {
      display: block;
      width: 100%;
      margin: 0 auto 10px auto;
	  float: none;
      }
      .reason .box ul li a{
      padding: 5px;
	  float: none;
      }
      .reason .box ul li a p{
      display: block;
      width: 100%;
	  height: auto;
      margin: auto;
      padding: 15px 0;
      font-size: 24px;
      line-height: 1.2em;
      }
      .reason .box ul li a p span{
      display: block;
      vertical-align: middle;
      }
}

/* ============================================
	バナー一覧
============================================ */
.bnarea_1col {
	width: 100%;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}
.bnarea_1col .box {
	position: relative;
	/*width: 1200px;*/
	width: 95%;
	max-width: 1200px;
	margin: 0px auto 0px auto;
	padding: 50px 0px 50px 0px;
}
.bnarea_1col .box ul {
	display: flex;
	margin: 0px auto 0px auto;
	padding: 0px;
	list-style: none;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bnarea_1col .box ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0px;
	font-size: 0em;
	line-height: 0;
	clear: both;
}
.bnarea_1col .box ul li {
	display: block;
	width: 48%;
	margin: 0px 4% 0% 0px;
	float: left;
}
.bnarea_1col .box ul li:nth-child(2n) {
  margin: 0;
}
.bnarea_1col .box ul li a{
	transition: all .2s ease;
	margin: auto;
}
.bnarea_1col .box ul li img{
	display: block;
	width: 100%;
	margin: 0px auto 20px auto;
}
.bnarea_1col .box ul li a:hover img{
	opacity: .8;
}


@media (max-width: 767px) {
      .bnarea_1col .box {
      width: 95%;
      margin: 0px auto 0px auto;
      padding: 30px 0px 30px 0px;
      }
      .bnarea_1col .box ul {
      display: block;
      }
      .bnarea_1col .box ul li {
      display: block;
      width: 100%;
      margin: 0;
	  float: none;
      }
      .bnarea_1col .box ul li img{
      width: 100%;
      margin: 0 auto 10px auto;
      }
}





/* ============================================
	グーグルカレンダー
============================================ */
.g_calendar {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 50px 0px 50px 0px;
	background-color: #00256b;
}
.g_calendar h2 {
	display: block;
	width: 100%;
	margin: 0px auto 30px auto;
	font-size: 60px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
}
.g_calendar .box {
	position: relative;
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px;
}


@media (max-width: 767px) {
      .g_calendar {
      width: 100%;
      margin: 0px auto 0px auto;
      padding: 30px 0px 30px 0px;
      background-color: #00256b;
      }
      .g_calendar h2 {
      display: block;
      margin: 0px auto 20px auto;
      font-size: 30px;
      line-height: 1em;
      color: #ffffff;
      font-weight: 700;
      text-align: center;
      }
      .g_calendar .box {
      position: relative;
      width: 95%;
      margin: 0px auto 0px auto;
      padding: 5%;
      text-align: center;
      background-color: #ffffff;
      border-radius: 10px;
      }
      .g_calendar .box .gwidth {
      width: 100%;
      }

}

/* ============================================
	アクセス
============================================ */
.top_access {
	width: 100%;
	margin: 0 auto;
	background:url("../images/common/top_access_bg.jpg") no-repeat top left #ffffff;
	background-size:contain;
}
.top_access .box {
	position: relative;
	/*width: 1200px;*/
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}
.top_access .box ul {
	display: flex;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.top_access .box ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0px;
	font-size: 0em;
	line-height: 0;
	clear: both;
}
.top_access .box ul li {
	display: block;
	float: left;
}
.top_access .box ul li:first-child {
	width: 390px;
	background-color: rgb(0,0,0,.9);
	border-radius: 10px;
	padding: 30px;
}
.top_access .box ul li:last-child {
	width: 810px;
}
.top_access h3 {
	display: block;
	margin: 0px auto 10px auto;
	font-size: 18px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 500;
}
.top_access p {
	display: block;
	margin: 0px auto 30px auto;
	font-size: 15px;
	line-height: 1.8em;
	color: #ffffff;
	font-weight: 500;
}
.top_access .box ul li img{
	display: block;
	width: 100%;
	margin: auto;
}


@media (max-width: 767px) {
      .top_access {
      width: 100%;
	  background:url("../images/common/top_access_bg.jpg") no-repeat top left #ffffff;
      background-size: contain;
      }
      .top_access .box {
      position: relative;
      width: 95%;
      padding: 30px 0;
      }
      .top_access .box ul {
      display: block;
      }

      .top_access .box ul li {
      display: block;
      float: none;
      }
      .top_access .box ul li:first-child {
      width: 90%;
      padding: 5%;
      }
      .top_access .box ul li:last-child {
      width: 100%;
      }
      .top_access h3 {
      margin: 0 auto 10px auto;
      font-size: 18px;
      line-height: 1em;
      font-weight: 500;
      }

      .top_access p {
      margin: 0 auto 10px auto;
      font-size: 14px;
      line-height: 1.8em;
      font-weight: 500;
      }
      .top_access .box ul li img{
      display: block;
      width: 100%;
      margin: auto;
      }

}




















/* ============================================
	ナビゲーションエリア
============================================ */
.menubtn{
	display:none;
	width:25px;
	height:25px;
	z-index:9999;
}
.menubtn img{
	width:100%;
}
.pos_f{ position:fixed; top:13px; right:15px;}
.pos_a{ position:fixed; top:13px; right:15px;}

@media (max-width: 767px)  {
      .menubtn{
      display:block;
      width:60px;
      height:60px;
      z-index:9999;
      font-size:10px;
      line-height:11px;
      font-weight:300;
      text-align:center;
      background-color: #ffffff;
      padding: 15px 0px 0px 0px;
      }
      .menubtn img{
      width:25px;
      margin:0px auto 3px auto;
      }
      .pos_f{ position:fixed; top:0px; left:0px;}
      .pos_a{ position:fixed; top:0px; left:0px;}
}




.navigation{
	position: relative;
	width: 100%;
	margin: 110px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #00256b;
}
.navigation ul{
	display: block;
	width:1200px;
	margin:0px auto 0px auto;
	padding:0px;
	list-style:none;
}
.navigation ul:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.navigation ul li{
	display:block;
	width:171px;
	float:left;
	margin:0px 0px 0px 0px;
	border-left:1px solid #4d6798;
}
.navigation ul li:last-child{
	border-right:1px solid #4d6798;
}
.navigation ul li a{
	display:block;
	width:100%;
	height: 80px;
	padding:55px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration: none;
	transition:all .2s ease;
	position: relative;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
}
.navigation ul li:first-child a{
	background:url("../images/icons/icon_nav01.png") no-repeat 50% 13px #00256b;
	background-size:36px;
}
.navigation ul li:nth-child(2) a{
	background:url("../images/icons/icon_nav02.png") no-repeat 50% 13px #00256b;
	background-size:36px;
}
.navigation ul li:nth-child(3) a{
	background:url("../images/icons/icon_nav03.png") no-repeat 50% 13px #00256b;
	background-size:36px;
}
.navigation ul li:nth-child(4) a{
	background:url("../images/icons/icon_nav04.png") no-repeat 50% 13px #00256b;
	background-size:36px;
}
.navigation ul li:nth-child(5) a{
	background:url("../images/icons/icon_nav05.png") no-repeat 50% 13px #00256b;
	background-size:36px;
}
.navigation ul li:nth-child(6) a{
	background:url("../images/icons/icon_nav06.png") no-repeat 50% 13px #00256b;
	background-size:36px;
}
.navigation ul li:nth-child(7) a{
	background:url("../images/icons/icon_nav07.png") no-repeat 50% 13px #00256b;
	background-size:36px;
}

.navigation ul li a:hover{
	background-color: #003393;
}

/*== アコーディオン　PC時はマウスオーバー ==*/
.navigation ul li .acd-content{
    display: none;
}
.navigation ul li:hover .acd-content{
    display: block;
	position: absolute;
	top:80px;
	left: 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: #e9f1ff;
	z-index: 10;
}
.acd-check{
    display: none;
}
.acd-content dl{
	display: block;
	width:1200px;
	margin:0px auto 0px auto;
	padding:20px 50px 20px 50px;
}
.acd-content dl:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.acd-content dl dd{
	display:inline-block;
	margin:0px;
	padding:10px 0px 15px 0px;
	float: left;
	width: 33.33%;
}
.acd-content dl dd a{
	display:block!important;
	width:auto!important;
	height: auto!important;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	text-decoration: none;
	transition:all .2s ease;
	position: relative;
	overflow: hidden;
	text-align:left;
	font-size: 14px;
	line-height: 16px;
	color: #121825;
	background:url("../images/icons/icon_arrow05.png") no-repeat left 50% !important;
	background-size:8px!important;
	background-color:inherit !important;
}
.acd-content a:hover{
	color:#f35911;
	text-decoration: underline;
}


@media (max-width: 767px)  {
      #gnav{
      position:fixed;
      width:90%;
      top: 0;
      left:-90%;
      height:100%;
      display: block;
      z-index:9980;
      overflow-y: auto;
      padding:0px;
      margin:auto;
      background-color:#ffffff;
      }
}


/* ============================================
	スライダーエリア
============================================ */
.sliderarea{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto 20px auto;
	overflow:hidden;
	border-top: 1px solid #cccccc;
	/*border: 1px solid #cccccc;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;*/
}
.slider-for{
	width:100%;
	margin:auto;
	text-align:center;
}
.slider-for img{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px;
}


@media (max-width: 767px) {
      .sliderarea{
      width:100%;
      height:auto;
      padding:0px;
      margin:0px auto 20px auto;
      overflow:hidden;
      border: 1px solid #cccccc;
      -webkit-border-radius:10px 10px 10px 10px;
      -moz-border-radius:10px 10px 10px 10px;
      border-radius:0;
      }
      .slider-for{
      width:100%;
      margin:auto;
      text-align:center;
      }
      .slider-for img{
      width:100%;
      margin:0px auto 0px auto; 
      padding:0px;
      }
}

/* ============================================
	ニュース
============================================ */
.newsarea{
	width:100%;
	padding:20px 0px 0px 0px;
	margin:0px auto 0px auto;
	background-color: #f1f1f1;
}
.newsarea .box {
	position: relative;
	/*width: 1200px;*/
	width: 95%;
	max-width: 1200px;
	margin: 0px auto 0px auto;
	padding: 2px 2px 2px 2px;
	border:2px solid #d40000;
	background-color: #ffffff;
}
.newsarea .box h3{
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	font-size:16px;
	line-height:1em;
	color:#121825;
	font-weight:600;
	border-bottom: 2px solid #121825;
}
.newsarea .box p{
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:24px;
	line-height:2.4em;
	color:#ffffff;
	font-weight:600;
	text-align: center;
    background-color: #d40000;
}

.newsarea .box a{
    padding: 0px 0px 0px 0px!important;
	margin: 10px 0px 0px 0px!important;
	text-decoration:none;
	transition:all .2s ease;
	color: #121825;
}
.newsarea .box a:hover{
	text-decoration: underline!important;
	color: #000000;
}

@media (max-width: 767px) {
      .newsarea{
      width:100%;
      padding:0px;
      margin:10px auto 0px auto;
      background-color: #f1f1f1;
      }
      .newsarea .box {
      width: 95%;
      margin: 0px auto 0px auto;
      padding: 2px 2px 2px 2px;
      border:2px solid #d40000;
      background-color: #ffffff;
      }
      .newsarea h3{
      padding:0px 0px 10px 0px;
      margin:0px 0px 10px 0px;
      font-size:16px;
      line-height:18px;
      color:#121825;
      font-weight:600;
      border-bottom: 2px solid #121825;	
      }
      .newsarea p{
      padding:0px;
      margin:0px 0px 0px 0px;
      font-size:18px;
      line-height:1.8em;
      color:#ffffff;
      font-weight:600;
      text-align: center;
      background-color: #d40000;
      }


      .newsarea .box p{
      font-size: 18px;
      line-height:2.2em;
      }
}

/* ============================================
	共通タイトル
============================================ */
.ttl{
	width:100%;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
}
.ttl h2{
	display:block;
	margin:0px;
	padding:20px 0px 20px 55px;
	font-size:28px;
	line-height:30px;
	font-weight:300;
	color:#121825;
	border-bottom:5px solid #121825;
	background:url("../images/icons/icon_list.png") no-repeat 20px 50%;
	background-size:24px;
}
.ttl p{
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	color:#121825;
}

@media (max-width: 767px) {
      .ttl{
      width:100%;
      margin:0px auto 20px auto;
      padding:0px 0px 0px 0px;
      }
      .ttl h2{
      display:block;
      margin:0px;
      padding:10px 0px 10px 30px;
      font-size:18px;
      line-height:20px;
      font-weight:500;
      color:#121825;
      border-bottom:3px solid #121825;
      background:url("../images/icons/icon_list.png") no-repeat 0px 50%;
      background-size:20px;
      }
      .ttl p{
      display:block;
      margin:10px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      font-size:12px;
      line-height:18px;
      font-weight:300;
      color:#121825;
      }
}



/* カテゴリー一覧タイトル */
.ttl02{
	display:table;
	width:100%;
	height:80px;
	margin:0px auto 10px auto;
	padding:0px 0px 0px 30px;
}
.bg_cate01{ 
	/*background: url(../images/common/bg_cate01.jpg) no-repeat right;*/
	/*background-color: #222222;*/
	background-color: #00256b;
}

.ttl02 h2{
	display:table-cell;
	vertical-align:middle;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:24px;
	line-height:26px;
	font-weight:300;
	color:#ffffff;
}

/* タイトル */
.ttl03{
	display:table;
	width:100%;
	height:60px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 55px;
	background: url("../images/icons/icon_guide.png") no-repeat 20px 50% #121825;
	background-size:24px;
}

.ttl03 h2{
	display:table-cell;
	vertical-align:middle;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	line-height:20px;
	font-weight:300;
	color:#ffffff;
}

/* タイトル */
.ttl04{
	display:table;
	width:100%;
	/*width:925px;*/
	height:60px;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 20px;
	border-left:5px solid #121825;
	background-color:#eeeeee;
}
.ttl04 h3{
	display:table-cell;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	line-height:20px;
	font-weight:300;
	color:#121825;
}
.ttl04 h3 span{
	display:inline-block;
	vertical-align:sub;
	margin:0px;
	padding:0px 30px 0px 0px;
	font-size:24px;
	line-height:28px;
	font-weight:300;
	color:#121825;
}

@media (max-width: 767px) {
      /* カテゴリー一覧タイトル */
      .ttl02{
      display:table;
      width:100%;
      height:60px;
      margin:0px auto 10px auto;
      padding:0px 0px 0px 20px;
      }
      .bg_cate01{ 
      /*background: url(../images/common/bg_cate01.jpg) no-repeat right;*/
      /*background-color: #222222;*/
      background-color: #00256b;
      }
      .ttl02 h2{
      display:table-cell;
      vertical-align:middle;
      margin:0px;
      padding:0px 0px 0px 0px;
      font-size:20px;
      line-height:22px;
      font-weight:500;
      color:#ffffff;
      }

      /* タイトル */
      .ttl03{
      display:table;
      width:100%;
      height:60px;
      margin:0px auto 0px auto;
      padding:0px 0px 0px 55px;
      background: url("../images/icons/icon_guide.png") no-repeat 20px 50% #121825;
      background-size:24px;
      }
      .ttl03 h2{
      display:table-cell;
      vertical-align:middle;
      margin:0px;
      padding:0px 0px 0px 0px;
      font-size:18px;
      line-height:20px;
      font-weight:300;
      color:#ffffff;
      }

      /* タイトル */
      .ttl04{
      display:table;
      width: 90%;/*100%*/
      height:60px;
      margin:20px auto 0 auto;
      padding:0 0 0 20px;
      border-left:5px solid #121825;
      background-color:#eeeeee;
      }
      .ttl04 h3{
      display:table-cell;
      vertical-align:middle;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      font-size:18px;
      line-height:20px;
      font-weight:300;
      color:#121825;
      }
      .ttl04 h3 span{
      display:inline-block;
      vertical-align:sub;
      margin:0px;
      padding:0px 30px 0px 0px;
      font-size:24px;
      line-height:28px;
      font-weight:300;
      color:#121825;
      }
}




/* ==ヘッダー検索== */
.header_search{
	width:240px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	float: right;
}
.header_search h2{
	padding:15px 0px 15px 30px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	line-height:16px;
	color:#121825;
	font-weight:500;
	background:url("../images/icons/icon_search.png") no-repeat left 50%;
	background-size: 24px;
	/*border-bottom: 1px dotted #121825;*/
}

@media (max-width: 767px) {
  /* スマホ専用の上書きをここに書く */
}

/* ============================================
	トップページ　サイド
============================================ */
/* ==検索== */
.side_search{
	width:240px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
.side_search h2{
	padding:15px 0px 15px 30px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	line-height:16px;
	color:#121825;
	font-weight:500;
	background:url("../images/icons/icon_search.png") no-repeat left 50%;
	background-size: 24px;
	/*border-bottom: 1px dotted #121825;*/
}
/* ==	お問い合わせ　== */
.side_contact{
	width:240px;
	margin:0px 0px 20px 0px;
	padding:25px 15px 20px 15px;
	background-color: #fff3d0;
}
.side_contact h2{
	padding:0px;
	margin:0px 0px 10px 0px;
	font-size:18px;
	line-height:20px;
	color:#121825;
	text-align:center;
	font-weight:500;
}
.side_contact p{
	padding:5px 0px 5px 28px;
	margin:0px 0px 10px 0px;
	font-size:28px;
	line-height:30px;
	color:#121825;
	font-weight:500;
	background:url("../images/icons/icon_phone.png") no-repeat left 50%;
	background-size: 28px;
	letter-spacing:-0.5pt;
}
.side_contact a{
	display:block;
	width:100%;
	height:40px;
	color:#ffffff;
	margin:0px auto 0px auto;
	padding:12px 0px 0px 0px;
	font-size:14px;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	background-color: #00256b;
	font-weight: 500;
	transition:all .2s ease;
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
}
.side_contact a:hover{
	background-color:#003393;
}

/* ==	カテゴリー　== */
.side_ttl{
	display:table;
	width:240px;
	height:40px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-color: #121825;
}
.side_ttl h2{
	display:table-cell;
	vertical-align:middle;
	color:#ffffff;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	padding:0px 0px 0px 0px;
}
.side_ttl h2 span{
	font-size:24px;
	line-height:24px;
	font-weight:200;
	margin:0px 10px 0px 0px;
}

/* ==	営業カレンダー　== */
.side_calendar{
    display: block;
    width: 240px;
    margin: 0px 0px 20px 0px;
    padding: 10px 0px 20px 0px;
    border-bottom: 1px solid #cccccc;
    border-top: 2px solid #00256b;
}
.side_calendar h2{
	display:block;
	text-align: center;
	color:#00256b;
	font-size:16px;
	line-height:18px;
	font-weight:500;
    padding: 0px 0px 10px 0px;
    margin: 0px auto 15px auto;
    border-bottom: 2px solid #00256b;
}
.side_calendar iframe{
	display:block;
	width: 100%;
	height: 450px;
	padding:0px 0px 0px 0px;
	margin: 0px auto 15px auto;
    border: 0px solid #cccccc!important;
}
.side_calendar a{
    display: block;
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
    transition: all .2s ease;
    color: #00256b;
    font-weight: 500;
    text-align: right;
}
.side_calendar a:hover{
	color: #f35911;
}

/* == サイドメニュー == */
.side_menu{
	width:240px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
.side_menu a{
	display:block;
	border-bottom:1px dotted #cccccc;
	padding:13px 0px 12px 10px;
	font-size:16px;
	line-height:18px;
	text-decoration:none;
	transition:all .2s ease;
	color:#000000;
	font-weight:300;
}
.side_menu a:hover{
	background-color:#f1f1f1;
}
.side_menu a img{
	display:inline-block;
	vertical-align:middle;
	margin:0px 10px 0px 0px
}
.side_menu .side_menu_sub a{
	display:block;
	border-bottom:1px dotted #cccccc;
    background: url(../images/icons/icon_arrow.png) no-repeat 15px 50% #f8f8f8;
    background-size:7px;
	padding:10px 10px 12px 28px;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	transition:all .2s ease;
	color:#000000;
	font-weight:300;
}
.side_menu .side_menu_sub a:hover{
    background: url(../images/icons/icon_arrow.png) no-repeat 15px 50% #f8f8f8;
    background-size:7px;
	color:#000000;
	background-color:#f1f1f1;
}

/* == サイドバナー == */
.bnbox{
	width:240px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bnbox a{
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	transition:all .2s ease;
}
.bnbox a:hover{
	opacity: .8;
}
.bnbox img{
	display:block;
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*バナーエリア（小）*/
@media (max-width: 767px)  {
      .bnbox{
      width:90%;
      margin:0px auto 50px auto;
      padding:0px 0px 0px 0px;
      }
      .bnbox ul{
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      list-style:none;
      }
      .bnbox ul:after{
      content: ".";
      display:block;
      visibility:hidden;
      height:0.1px;
      font-size:0em;
      line-height:0;
      clear:both;
      }
      .bnbox ul li{
      float:left;
      width:48%;
      margin:0px 4% 4% 0px;
      }
      .bnbox ul li:nth-child(2n){
      margin:0px 0% 4% 0px;
      }
      .bnbox ul li a{
      display:block;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      transition:all .2s ease;
      }
      .bnbox a:hover{
      opacity: .8;
      }
      .bnbox ul li img{
      display:block;
      width: 100%;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      }
}

/* ============================================
	一覧
============================================ */
.list{
	width:100%;
	margin:0px auto 50px auto;
	padding:0px;
}
.list ul{
    margin:0px auto 30px auto;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.list ul li{
	display: block;
	width: 20%;
	margin:0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
}
.list ul li:nth-child(5n){
	border-right:0px;
}
.list ul li a{
	position: relative;
	display:block;
	height: 100%;
	padding:20px 15px 60px 15px;
	margin:0px auto 0px auto;
	text-decoration:none;
	transition:all .2s ease;
}
.list ul li a:hover{
	background-color:#f1f1f1;
}
.list ul li .imgarea{
	width:100%;
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
.list ul li .imgarea img{
	width: 100%;
	margin:auto;
}
/*
.list ul li .new{
	width:50px;
	height:15px;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background-color:#00256b;
	text-align:center;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
}
*/
.list ul li p.txt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:20px;
	color:#666666;
	font-weight:300;
}
.list ul li p.price{
	position: absolute;
	bottom: 10px;
	right: 0;
	left: 0;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:18px;
	line-height:20px;
	color:#e6101b;
	font-weight:500;
	text-align:center;
}
.list ul li p.price span{
	display: block;
	font-size:12px;
	color:#666666;
	font-weight: 300;
}
.list a.btn{
	display:block;
	max-width: 500px;
	color:#ffffff;
	margin:0px auto 0px auto;
	padding:18px 0px 20px 0px;
	font-size:16px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	font-weight: 500;
	transition:all .2s ease;
    background: url("../images/icons/icon_arrow06.png") no-repeat 93% 50% #00256b;
    background-size:13px;	
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
}
.list a.btn:hover{
	background-color:#003393;
}

a.btn02{
	display:block;
	max-width: 500px;
	color:#ffffff;
	margin:0px auto 0px auto;
	padding:18px 0px 20px 0px;
	font-size:16px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	font-weight: 500;
	transition:all .2s ease;
    background: url("../images/icons/icon_arrow06.png") no-repeat 93% 50% #00256b;
    background-size:13px;	
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
}
a.btn02:hover{
	background-color:#003393;
}

@media (max-width: 767px) {
      .list{
      width:95%;
      margin:0px auto 50px auto;
      padding:0px;
      }
      .list ul{
      margin:0px auto 30px auto;
      padding: 0px 0px 0px 0px;
      list-style: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;	
      }
      .list ul li{
      display: block;
      width: 33.33%;
      margin:0px;
      padding:0px 0px 0px 0px;
      border-bottom:1px dotted #cccccc;
      border-right:1px dotted #cccccc;
      }
      .list ul li:nth-child(3n){
      border-right:0px;
      }
      .list ul li a{
      position: relative;
      display:block;
      height: 100%;
      padding:10px 5% 60px 5%;
      margin:0px auto 0px auto;
      text-decoration:none;
      transition:all .2s ease;
      }
      .list ul li a:hover{
      background-color:#f1f1f1;
      }
      .list ul li .imgarea{
      width:100%;
      margin:0px auto 10px auto;
      padding:0px 0px 0px 0px;
      overflow:hidden;
      }
      .list ul li .imgarea img{
      width: 100%;
      margin:auto;
      }
      .list ul li .new{
      width:50px;
      height:15px;
      margin:10px 0px 5px 0px;
      padding:0px 0px 0px 0px;
      background-color:#00256b;
      text-align:center;
      font-size:12px;
      line-height:14px;
      color:#ffffff;
      }
      .list ul li p.txt{
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      font-size:14px;
      line-height:20px;
      color:#666666;
      font-weight:300;
      }
      .list ul li p.price{
      position: absolute;
      bottom: 10px;
      right: 0;
      left: 0;
      margin:0px auto 0px auto;
      padding:0px 0px 0px 0px;
      font-size:18px;
      line-height:20px;
      color:#e6101b;
      font-weight:500;
      text-align:center;
      }
      .list ul li p.price span{
      display: block;
      font-size:12px;
      color:#666666;
      font-weight: 300;
      }
      .list a.btn{
      display:block;
      max-width: 75%;
      color:#ffffff;
      margin:0px auto 0px auto;
      padding:13px 40px 15px 20px;
      font-size:14px;
      line-height:16px;
      text-align:center;
      text-decoration:none;
      font-weight: 500;
      transition:all .2s ease;
      background: url("../images/icons/icon_arrow06.png") no-repeat 95% 50% #00256b;
      background-size:10px;	
      -webkit-border-radius:5px 5px 5px 5px;
      -moz-border-radius:5px 5px 5px 5px;
      border-radius:5px 5px 5px 5px;
      }
      .list a.btn:hover{
      background-color:#003393;
      }
}

/* ============================================
	シーン別で探す
============================================ */
.scene{
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
}
.scene ul{
    margin:0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.scene ul li{
	display: block;
	width: 32%;
	margin:0px 2% 2% 0px;
	padding:0px 0px 0px 0px;
}
.scene ul li:nth-child(3n){
	margin:0px 0% 2% 0px;
}
.scene ul li a{
	position: relative;
	display:block;
	height: 100%;
	padding:0px;
	color:#121825;
	margin:0px auto 0px auto;
	text-decoration:none;
	transition:all .2s ease;
	border: 1px solid #dddddd;
	overflow: hidden;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
.scene ul li a:hover{
	color:#ffffff;
	background-color:#003393;
}
.scene ul li .imgarea{
	width:100%;
	height: 150px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
.scene ul li a .imgarea img{
	width: 100%;
	margin:auto;
	transition:all .2s ease;
}
.scene ul li a:hover .imgarea img{
	transform: scale(1.1, 1.1);
}
.scene ul li h3{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	font-size:16px;
	line-height:18px;
	font-weight:500;
}

@media (max-width: 767px) {
      .scene{
      width:95%;
      margin:0px auto 30px auto;
      padding:0px;
      }
      .scene ul{
      margin:0px auto 0px auto;
      padding: 0px 0px 0px 0px;
      list-style: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;	
      }
      .scene ul li{
      display: block;
      width: 49%;
      margin:0px 2% 2% 0px;
      padding:0px 0px 0px 0px;
      }
      .scene ul li:nth-child(2n){
      margin:0px 0% 2% 0px;
      }
      .scene ul li a{
      position: relative;
      display:block;
      height: 100%;
      padding:0px;
      color:#121825;
      margin:0px auto 0px auto;
      text-decoration:none;
      transition:all .2s ease;
      border: 1px solid #dddddd;
      overflow: hidden;
      -webkit-border-radius:10px 10px 10px 10px;
      -moz-border-radius:10px 10px 10px 10px;
      border-radius:10px 10px 10px 10px;
      }
      .scene ul li a:hover{
      color:#ffffff;
      background-color:#003393;
      }
      .scene ul li .imgarea{
      width:100%;
      height: auto;
      margin:0px auto 0px auto;
      padding:0px 0px 0px 0px;
      overflow:hidden;
      }
      .scene ul li a .imgarea img{
      width: 100%;
      margin:auto;
      transition:all .2s ease;
      }
      .scene ul li a:hover .imgarea img{
      transform: scale(1.1, 1.1);
      }
      .scene ul li h3{
      margin:0px 0px 0px 0px;
      padding:10px 5% 10px 5%;
      font-size:14px;
      line-height:18px;
      font-weight:500;
      }

}











/* ============================================
	新橋イチカメラが選ばれる理由
============================================ */
.choice{
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
}
.choice ul{
    margin:0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.choice ul li{
	display: block;
	width: 32%;
	margin:0px 2% 0% 0px;
	padding:0px 0px 0px 0px;
}
.choice ul li:nth-child(3n){
	margin:0px 0% 0% 0px;
}
.choice ul li a{
	position: relative;
	display:block;
	height: 100%;
	padding:3px;
	color:#121825;
	margin:0px auto 0px auto;
	text-decoration:none;
	transition:all .2s ease;
	border: 3px solid #000000;
	overflow: hidden;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
.choice ul li a:hover img{
	opacity: .9;
}
.choice ul li a img{
	width: 100%;
	margin:auto;
	transition:all .2s ease;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
}
.choice ul li p{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	font-size:30px;
	line-height:36px;
	font-weight:600;
	text-align: center;
}
.choice ul li a:hover p{
	color: #333333;
}

@media (max-width: 767px) {
      .choice{
      width:95%;
      margin:0px auto 30px auto;
      padding:0px;
      }
      .choice ul{
      margin:0px auto 0px auto;
      padding: 0px 0px 0px 0px;
      list-style: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;	
      }
      .choice ul li{
      display: block;
      width: 100%;
      margin:0px 0% 2% 0px;
      padding:0px 0px 0px 0px;
      }
      .choice ul li:nth-child(3n){
      margin:0px 0% 0% 0px;
      }
      .choice ul li a{
      position: relative;
      display:block;
      height: 100%;
      padding:3px;
      color:#121825;
      margin:0px auto 0px auto;
      text-decoration:none;
      transition:all .2s ease;
      border: 3px solid #000000;
      overflow: hidden;
      -webkit-border-radius:10px 10px 10px 10px;
      -moz-border-radius:10px 10px 10px 10px;
      border-radius:10px 10px 10px 10px;
      }
      .choice ul li a:hover img{
      opacity: .9;
      }
      .choice ul li a img{
      width: 100%;
      margin:auto;
      transition:all .2s ease;
      -webkit-border-radius:5px 5px 0px 0px;
      -moz-border-radius:5px 5px 0px 0px;
      border-radius:5px 5px 0px 0px;
      }
      .choice ul li p{
      margin:0px 0px 0px 0px;
      padding:10px 10px 10px 10px;
      font-size:24px;
      line-height:30px;
      font-weight:600;
      text-align: center;
      }
      .choice ul li a:hover p{
      color: #333333;
      }

}





/* ============================================
	バナーエリア
============================================ */
.bnarea{
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
}
.bnarea a{
	display:block;
	height: 100%;
	padding:0px;
	margin:0px auto 20px auto;
	transition:all .2s ease;
}
.bnarea a:hover{
	opacity: .8;
}

@media (max-width: 767px) {
      .bnarea{
      width:90%;
      margin:0px auto 30px auto;
      padding:0px;
      }
      .bnarea a{
      display:block;
      height: 100%;
      padding:0px;
      margin:0px auto 20px auto;
      transition:all .2s ease;
      }
      .bnarea a:hover{
      opacity: .8;
      }
      .bnarea a img{
      width:100%;
      }
}

/* ============================================
	タイムライン
============================================ */
.snsarea{
	width:100%;
	margin:100px auto 100px auto;
	padding:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.snsarea .twarea{
	display: block;
	width: 50%;
	margin:0px;
	padding:0px 40px 0px 0px;
}
.snsarea .twarea h3{
	display:block;
	margin:0px auto 20px auto;
	padding:10px 0px 10px 40px;
	font-size:18px;
	line-height:20px;
	color:#000000;
	font-weight:500;
    background: url("../images/icons/icon_tw.png") no-repeat left 50%;
    background-size:36px;	
}
.snsarea .twarea .box{
	display: block;
	height: 500px;
	margin:0px;
	padding:5px;
	border: 1px solid #dddddd;
	overflow: hidden;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
.snsarea .instarea{
	display: none;
	width: 50%;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.snsarea .instarea h3{
	display:block;
	margin:0px auto 20px auto;
	padding:10px 0px 10px 40px;
	font-size:18px;
	line-height:20px;
	color:#000000;
	font-weight:500;
    background: url("../images/icons/icon_insta.png") no-repeat left 50%;
    background-size:36px;	
}
.snsarea .instarea .box{
	display: block;
	height: 500px;
	margin:0px;
	padding:5px;
	border: 1px solid #dddddd;
	overflow: hidden;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}

.snsarea .linearea{
	display: none;
	width: 50%;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.snsarea .linearea h3{
	display:block;
	margin:0px auto 20px auto;
	padding:10px 0px 10px 40px;
	font-size:18px;
	line-height:20px;
	color:#000000;
	font-weight:500;
    background: url("../images/icons/icon_insta.png") no-repeat left 50%;
    background-size:36px;	
}
.snsarea .linearea .box{
	display: block;
	height: 500px;
	margin:0px;
	padding:5px;
	border: 1px solid #dddddd;
	overflow: hidden;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}

@media (max-width: 767px) {
      .snsarea{
      width:90%;
      margin:0px auto 0px auto;
      padding:0px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;	
      }
      .snsarea .twarea{
      display: block;
      width: 100%;
      margin:0px 0px 30px 0px;
      padding:0px 0px 0px 0px;
      }
      .snsarea .twarea h3{
      display:block;
      margin:0px auto 20px auto;
      padding:10px 0px 10px 40px;
      font-size:16px;
      line-height:18px;
      color:#000000;
      font-weight:500;
      background: url("../images/icons/icon_tw.png") no-repeat left 50%;
      background-size:30px;	
      }
      .snsarea .twarea .box{
      display: block;
      height: 500px;
      margin:0px;
      padding:5px;
      border: 1px solid #dddddd;
      overflow: hidden;
      -webkit-border-radius:10px 10px 10px 10px;
      -moz-border-radius:10px 10px 10px 10px;
      border-radius:10px 10px 10px 10px;
      }
      .snsarea .instarea{
      display: none;
      width: 100%;
      margin:0px;
      padding:0px 0px 0px 0px;
      }
      .snsarea .instarea h3{
      display:block;
      margin:0px auto 20px auto;
      padding:10px 0px 10px 40px;
      font-size:16px;
      line-height:18px;
      color:#000000;
      font-weight:500;
      background: url("../images/icons/icon_insta.png") no-repeat left 50%;
      background-size:30px;	
      }
      .snsarea .instarea .box{
      display: block;
      height: 500px;
      margin:0px;
      padding:5px;
      border: 1px solid #dddddd;
      overflow: hidden;
      -webkit-border-radius:10px 10px 10px 10px;
      -moz-border-radius:10px 10px 10px 10px;
      border-radius:10px 10px 10px 10px;
      }

}








/* ============================================
	LINE査定
============================================ */
.top_line{
	width:50%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	position: relative;
	background-color: #3acf18;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:0;
}
.top_line .box{
	width:100%;
	padding:20px 30px 20px 30px;
	margin:0px auto 0px auto;
}
.top_line .box h2 img{
	display: block;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
.top_line .box p{
	display: block;
	width: auto;
	font-size:14px;
	line-height:20px;	
	color: #000000;
	padding:0px 0px 0px 5px;
	margin:0px auto 10px auto;
	font-weight: bold;
}
.top_line .box a img{
	display: block;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px;
	transition:all .5s ease;
}
.top_line .box a:hover img{
	opacity: 0.8;
}
.top_line .box ul{
	display: block;
	margin:10px auto 0px auto;
	padding:0px;
	list-style:none;
}
.top_line .box ul:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_line .box ul li{
	display:block;
	margin:0px 0px 0px 0px;
	padding: 0px;
}
.top_line .box ul li:first-child{
	width: 270px;
	float: left;
	margin:0px 0px 0px 0px;
}
.top_line .box ul li:last-child{
	width: 120px;
	float: right;
	margin:0px 0px 0px 0px;
}

.top_line .box ul li img{
	display: block;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:auto;
}


@media (max-width: 767px) {
      .top_line{
      width:100%;
      margin:0px auto 0px auto;
      padding:0px 0px 0px 0px;
      position: relative;
      background-color: #3acf18;
      -webkit-border-radius:10px 10px 10px 10px;
      -moz-border-radius:10px 10px 10px 10px;
      border-radius:0;
      }
      .top_line .box{
      width:100%;
      padding:5% 5% 5% 5%;
      margin:0px auto 0px auto;
      }
      .top_line .box ul{
      display: block;
      margin:auto;
      padding:0px;
      list-style:none;
      }
      .top_line .box ul li{
      display:block;
      margin:0px 0px 0px 0px;
      padding: 0px;
      }
      .top_line .box ul li:last-child{
      margin:0px 0px 0px 0px;
      }
      .top_line .box h2 img{
      display: block;
      width:100%;
      padding:0px 0px 0px 0px;
      margin:0px 0px 10px 0px;
      }
      .top_line .box a img{
      display: block;
      width:100%;
      padding:0px 0px 0px 0px;
      margin:0px;
      transition:all .5s ease;
      }
      .top_line .box a:hover img{
      opacity: 0.8;
      }
      .top_line .box img.qr{
      display: block;  
      width:100%;
      padding:0px 0px 0px 0px;
      margin:auto;
      }
      .top_line .box p{
      display: block;
      width: auto;
      font-size:14px;
      line-height:24px;	
      color: #000000;
      padding:0px 0px 0px 5px;
      margin:0px auto 10px auto;
      font-weight: bold;
      }

}



/* ============================================
	お問い合わせメイン
============================================ */
.contact_main{
	width:100%;
	margin:auto;
	padding: 0;
	background:url(../images/common/phone_bg.jpg) no-repeat right top #000000;
}
.contact_main .box{
	position: relative;
	/*width:1000px;*/
	width: 100%;
	max-width: 1000px;
	margin:auto;
	padding:50px 0px 50px 0px;
}
.contact_main .box h3{
	font-size:24px;
	line-height:26px;
	color:#ffffff;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
}
.contact_main .box p.phone{
	font-size:60px;
	line-height:60px;
	color:#ffffff;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 55px;
	font-weight:600;
	background:url("../images/icons/icon_phone02.png") no-repeat left 50%;
	background-size: 50px;
}
.contact_main .box p.txt{
	font-size:18px;
	line-height:30px;
	color:#ffffff;
	margin: 0;
	padding: 0;
	font-weight:500;
}
.contact_main .box p.txt a{
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	transition:all .2s ease;
}
.contact_main .box p.txt a:hover{
	text-decoration: underline;
}
.contact_main .box a.mailbtn{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display:block;
	width:450px;
	height:90px;
	color:#ffffff;
	margin:auto;
	padding:35px 0px 0px 0px;
	border:3px solid #ffffff;
	background-color:#101010;
	transition:all .2s ease;
	font-size:18px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
.contact_main .box a.mailbtn span{
	background:url("../images/icons/icon_mail.png") no-repeat left 50%;
	background-size: 24px;
	padding: 0px 0px 0px 30px;
}
.contact_main .box a.mailbtn:hover{
	background-color:#00256b;
}



@media (max-width: 767px) {
      .contact_main{
      background-size: cover;
      }
      .contact_main .box{
      padding:30 0;
      text-align: center;
      }
      .contact_main .box h3{
      font-size:18px;
      line-height:20px;
      margin:0 0 10px 0;
      padding: 0;
      font-weight:500;
      }
      .contact_main .box p.phone{
      display: inline-block;
      font-size:36px;
      line-height:38px;
      margin:0px 0px 5px 0px;
      padding:0px 0px 5px 35px;
      font-weight:600;
      background-size: 30px;
      }
      .contact_main .box a.phone{
      display: inline-block;
      font-size:36px;
      line-height:38px;
      color:#ffffff;
      margin:0px 0px 5px 0px;
      padding:0px 0px 5px 35px;
      font-weight:600;
      background:url("../images/icons/icon_phone02.png") no-repeat left 50%;
      background-size: 30px;
      }
      .contact_main .box p.txt{
      font-size:14px;
      line-height:18px;
      margin: 0;
      padding: 0;
      }
      .contact_main .box a.mailbtn{
      position: static;
      display:block;
      width:75%;
      height: auto;
      color:#ffffff;
      margin:20px auto 0px auto;
      padding:20px 0px 20px 0px;
      border:2px solid #ffffff;
      background-color:#101010;
      transition:all .2s ease;
      font-size:16px;
      line-height:18px;
      }
      .contact_main .box a.mailbtn span{
      background-size: 20px;
      padding: 0px 0px 0px 25px;
      }
}




/* ============================================
	フッター
============================================ */
footer{
	width:100%;
	margin:auto;
	padding:0px 0px 0px 0px;
}

/*
.footer_1{
	width:100%;
	margin:auto;
	padding:0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
}
.footer_1 .box{
	width:1200px;
	margin:auto;
	padding:50px 0px 50px 0px;
}
.footer_1 .box h3{
	font-size:16px;
	line-height:18px;
	color:#000000;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-weight:500;
}
.footer_1 .box a{
	display:inline-block;
	font-size:14px;
	line-height:16px;
	color:#000000;
	text-decoration: none;
	transition:all .2s ease;
	padding:0px 10px 0px 10px;
	margin:0px 0px 10px 0px;
	border-right: 1px solid #000000;
}
.footer_1 .box a:hover{
	text-decoration:underline;
}
*/


/* -----------------------------------
　footer_2
-------------------------------------- */
.footer_2{
	width:100%;
	margin:auto;
	padding:50px 0;
}
.footer_2 .box{
	/*width: 1200px;*/
	width: 100%;
	max-width: 1200px;
	margin:auto;
	padding: 0;
	overflow: hidden;
}
.footer_2:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.footer_2 .f_areaL{
	padding: 0;
	margin: 0;
	float: left;
}
.footer_2 .f_areaL h2 a{
	display:block;
	width:180px;
	padding: 0;
	margin: 0 0 30px 0;
	transition:all .2s ease;
}
.footer_2 .f_areaL h2 a:hover{
	opacity:0.8;
}
.footer_2 .f_areaL h2 a img{
	width:100%;
}

.footer_2 .f_areaR{
	padding: 0;
	margin: 0;
	float:right;
}
.footer_2 .f_areaR ul{
	padding: 0;
	margin: 0;
	list-style:none;
}
.footer_2 .f_areaR ul li{
	float:left;
	width:300px;
	margin: 0;
}
.footer_2 .f_areaR ul li a{
	display:block;
	font-size:14px;
	line-height:16px;
	text-decoration:none;
	color:#000000;
	margin:0 0 15px 0;
	padding:0 0 0 15px;
	font-weight:500;
	transition:all .2s ease;
	background:url("../images/icons/icon_arrow07.png") no-repeat left 50%;
	background-size:6px;
}
.footer_2 .f_areaR ul li a:hover{
	text-decoration: underline;
}

/*instagram*/
.footer_2 .f_areaR ul li a.f-sns {
padding: 0;
background: none;
}
.footer_2 .f_areaR ul li a.f-sns img {
width: 24px;
}


@media (max-width: 767px) {
      .footer_2{
      width:100%;
      padding: 30px 0;
      }
      .footer_2 .box{
      width: 90%;
      padding: 0;
      }
      .footer_2 .f_areaL{
      padding:0px;
      margin:0px;
      float: none;
      }
      .footer_2 .f_areaR{
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      float: none;
      }
}


/* -----------------------------------
　footer copy、pagetop
-------------------------------------- */
footer .copy{
	width:100%;
	height:70px;
	margin:0px auto 0px auto;
	padding:28px 0px 0px 0px;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	font-weight:300;
	text-align:center;
	background-color:#00256b;
}
footer .copy img{
	width:298px;
	margin:30px auto 20px auto;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	text-align:center;
}
/*-- ページトップボタン --*/
footer .pagetop{
	display:none;
	position:fixed;
	bottom:176px;
	right:0px;
	z-index: 10;
	
}
footer .pagetop a{
	display:block;
	width:70px;
	height:60px;
	padding:38px 0px 0px 0px;
	margin:auto;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	font-weight:300;
	text-align:center;
	text-decoration: none;
	transition:all .2s ease;
	background:url("../images/icons/icon_arrow04.png") no-repeat 50% 13px #00256b;
	background-size: 24px;
    -webkit-border-radius:5px 0px 0px 5px;
    -moz-border-radius:5px 0px 0px 5px;
    border-radius:5px 0px 0px 5px;
}
footer .pagetop a:hover{
	background:url("../images/icons/icon_arrow04.png") no-repeat 50% 13px #003393;
	background-size: 24px;
}
/*-- 閲覧ボタン --*/
footer .historybtn{
	display:block;
	position:fixed;
	bottom:238px;
	right:0px;
	z-index: 10;
}
footer .historybtn a{
	display:block;
	width:70px;
	height:60px;
	padding:38px 0px 0px 0px;
	margin:auto;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	font-weight:300;
	text-align:center;
	text-decoration: none;
	transition:all .2s ease;
	background:url("../images/icons/icon_history.png") no-repeat 50% 13px #00256b;
	background-size: 24px;
    -webkit-border-radius:5px 0px 0px 5px;
    -moz-border-radius:5px 0px 0px 5px;
    border-radius:5px 0px 0px 5px;
}
footer .historybtn a:hover{
	background:url("../images/icons/icon_history.png") no-repeat 50% 13px #003393;
	background-size: 24px;
}
/*-- カートボタン --*/
footer .cartbtn{
	display:block;
	position:fixed;
	bottom:300px;
	right:0px;
	z-index: 10;
}
footer .cartbtn a{
	position: relative;
	display:block;
	width:70px;
	height:60px;
	padding:40px 0px 0px 0px;
	margin:auto;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	font-weight:300;
	text-align:center;
	text-decoration: none;
	transition:all .2s ease;
	background:url("../images/icons/icon_cart.png") no-repeat 50% 10px #f35911;
	background-size:30px;
    -webkit-border-radius:5px 0px 0px 5px;
    -moz-border-radius:5px 0px 0px 5px;
    border-radius:5px 0px 0px 5px;
}
footer .cartbtn a:hover{
	background:url("../images/icons/icon_cart.png") no-repeat 50% 10px #f38611;
	background-size: 30px;
}
footer .cartbtn a .count{
	/*display:block;*/
	position: absolute;
	top: -10px;
	left: -10px;
	width: 25px;
	height: 25px;
	margin:0px;
	padding:2px 0px 0px 0px;
	text-align: center;
	font-size:14px;
	line-height:16px;
	color:#ffffff;
	font-weight:500;
	background-color: #ff0000;
	border: 2px solid #ffffff;
    -webkit-border-radius:100px 100px 100px 100px;
    -moz-border-radius:100px 100px 100px 100px;
    border-radius:100px 100px 100px 100px;
}




/* ============================================
	追従　スマホ用下部のメニュー
============================================ */
@media (min-width: 768px)  {
      .cta_sp {
      display: none; /* PCでは非表示 */
      }
}

@media (max-width: 767px)  {
      .cta_sp{
      position: fixed;
      bottom:0;
      left: 0;
      z-index: 90;
      display:block;
      width:100%;
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      transition:all .3s ease;
      }
      .cta_sp ul{
      display: table!important;
      width: 100%;
      margin:0px auto 0px auto;
      padding:0px 0px 0px 0px;
      list-style:none;
      border-top: 2px solid #ffffff;
      }
      .cta_sp ul:after{
      content: ".";
      display:block;
      visibility:hidden;
      height:0px;
      font-size:0em;
      line-height:0;
      clear:both;
      }
      .cta_sp ul li{
      display:table-cell;
      width:20%;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      border-right: 2px solid #ffffff;
      }
      .cta_sp ul li:last-child{
      border-right:0px;
      }
      .cta_sp ul li a{
      display:block;
      width:100%;
      height:70px;
      margin:0px 0px 0px 0px;
      padding:50px 0px 0px 0px;
      font-size:13px;
      line-height:15px;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      }
      .cta_sp ul li.mail a{
      background:url("../images/icons/icon_mail.png") no-repeat 50% 13px #00256b;
      background-size:30px;
      }
      .cta_sp ul li.phone a{
      background:url("../images/icons/icon_phone02.png") no-repeat 50% 13px #00256b;
      background-size:30px;
      }
      .cta_sp ul li.mypage a{
      background:url("../images/icons/icon_login02.png") no-repeat 50% 13px #00256b;
      background-size:30px;
      }
      .cta_sp ul li.history a{
      background:url("../images/icons/icon_history.png") no-repeat 50% 13px #00256b;
      background-size:30px;
      }
      .cta_sp ul li.cart a{
      background:url("../images/icons/icon_cart.png") no-repeat 50% 13px #f35911;
      background-size:30px;
      position: relative;
      }
      .cta_sp ul li.cart .count{
      /*display:block;*/
      position: absolute;
      top: 10px;
      left: 10px;
      width: 25px;
      height: 25px;
      margin:0px;
      padding:2px 0px 0px 0px;
      text-align: center;
      font-size:14px;
      line-height:16px;
      color:#ffffff;
      font-weight:500;
      background-color: #ff0000;
      border: 2px solid #ffffff;
      -webkit-border-radius:100px 100px 100px 100px;
      -moz-border-radius:100px 100px 100px 100px;
      border-radius:100px 100px 100px 100px;
      }
      .cta_sp .count{
      /*display:block;*/
      position: absolute;
      top: 10px;
      right: 10px;
      width: 25px;
      height: 25px;
      margin:0px;
      padding:2px 0px 0px 0px;
      text-align: center;
      font-size:14px;
      line-height:16px;
      color:#ffffff;
      font-weight:500;
      background-color: #ff0000;
      border: 2px solid #ffffff;
      -webkit-border-radius:100px 100px 100px 100px;
      -moz-border-radius:100px 100px 100px 100px;
      border-radius:100px 100px 100px 100px;
      }
}













/* =========================================================
	下層ページ
========================================================= */

/* ============================================
	下層ページ　ぱんくず
============================================ */
.breadcrumb{
width:100%;
background-color:#fff;/*f4f4f4*/
margin:120px 0 10px 0;/*82px*/
}
.breadcrumb ul{
/*width:1100px;*/
width: 100%;
max-width: 1100px;
/*height: auto;*/
margin: 0 auto;
padding: 0;
list-style:none;
}
.breadcrumb ul li {
display:inline-block;
font-size: 14px;
line-height: 14px;
/*height:30px;*/
padding: 0;
color:#333333;
font-weight:500;
}
.breadcrumb ul li:after{
content: "＞";
display:inline-block;
line-height:0;
}
.breadcrumb ul li:last-child:after{
content: ".";
display:none;
line-height:0;
}
/*.breadcrumb ul li:first-child{
display:inline-block;
padding:7px 0px 0px 0px;
}*/
.breadcrumb ul li a{
display:inline-block;
text-decoration:none;
margin:0px 6px 0px 0px;
color:#333333;
transition:all .2s ease;
}
.breadcrumb ul li a:hover{
color:#007BFF;
text-decoration: none;
}

@media (max-width: 767px) {
      .breadcrumb{
      width: 100%;
      margin: 70px 0 10px 0;/*差139px*/
      }
      .breadcrumb ul{
      width: 100%;
      padding: 0 0 0 3%;
      }
      .breadcrumb ul li {
      font-size: 12px;
      line-height: 12px;
      }
      .breadcrumb ul li:after{
      content: "/";
      display:inline-block;
      line-height:0;
      width: 10px;
      text-align: center;
      }
}


/* ============================================
	下層ページ　ぱんくず フューチャー対応
============================================ */
.fs-c-breadcrumb{
	width:100%;
	background-color:#f4f4f4;
	margin:0px 0px 30px 0px;
}
.fs-c-breadcrumb__list{
	width:1200px;
	/*height:30px;*/
	padding:0px 0px 0px 0px;
	margin:auto;
	list-style:none;
}
.fs-c-breadcrumb__list > li{
	display:inline-block;
	font-size:18px;
	line-height:1em;
	/*height:30px;*/
	padding:10px 0px 10px 0px;
	color:#333333;
	font-weight: 600;
}
.fs-c-breadcrumb__list > li:after{
	content: "/";
	display:inline-block;
	line-height:0;
	width: 10px;
	text-align: center;
}
.fs-c-breadcrumb__list > li:last-child:after{
	content: ".";
	display:none;
	line-height:0;
}
.fs-c-breadcrumb__list > li:first-child{
	display:inline-block;
}
.fs-c-breadcrumb__list > li a{
	display:inline-block;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	color:#333333;
	transition:all .2s ease;
}
.fs-c-breadcrumb__list > li a:hover{
	text-decoration:underline;
}
.fs-c-breadcrumb__list > li:before{
	content: "" ;
	display: none;
	line-height:0;
}

@media (max-width: 767px) {
      .fs-c-breadcrumb{
      width:100%;
      background-color:#f4f4f4;
      margin: 62px 0px 10px 0px;
      }
      .fs-c-breadcrumb__list{
      width:95%;
      padding:10px 0px 10px 0px;
      margin:auto;
      list-style:none;
      }
      .fs-c-breadcrumb__list > li{
      display:inline-block;
      font-size:14px;
      line-height:1em;
      padding:0px 0px 0px 0px;
      color:#333333;
      font-weight:600;
      }
      .fs-c-breadcrumb__list > li:after{
      content: "/";
      display:inline-block;
      line-height:0;
      width: 10px;
      text-align: center;
      }
      .fs-c-breadcrumb__list > li:last-child:after{
      content: ".";
      display:none;
      line-height:0;
      }
      .fs-c-breadcrumb__list > li:first-child{
      display:inline-block;
      padding:0px 0px 0px 0px;
      }
      .fs-c-breadcrumb__list > li a{
      display:inline-block;
      text-decoration:none;
      margin:0px 0px 0px 0px;
      color:#333333;
      transition:all .2s ease;
      }

      .fs-c-breadcrumb__list > li a:hover{
      text-decoration:underline;
      }
      .fs-c-breadcrumb__list > li:before{
      content: "" ;
      display: none;
      line-height:0;
      }
}


/* ============================================
	説明
============================================ */
.extxt{
	width:100%;
	padding:10px 30px 10px 30px;
	margin:-12px 0px 20px 0px;
	border: 2px solid #00256b;
}
.extxt p{
	color:#000000;
	font-size:17px;
	line-height:1.8em;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-weight:600;
}

@media (max-width: 767px) {
      .extxt{
      width:100%;
      padding:10px 5% 10px 5%;
      margin:-12px 0px 15px 0px;
      border: 2px solid #00256b;
      }
      .extxt p{
      color:#000000;
      font-size:15px;
      line-height:1.6em;
      padding:0px;
      margin:0px 0px 0px 0px;
      font-weight: 600;
      }
}

/* ============================================
	さらに絞り込む
============================================ */
.s_cate{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px;
}
.s_cate ul{
    margin:0px auto 30px auto;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	border:1px solid #dddddd;
	border-bottom:0px;
	border-right:0px;
}
.s_cate ul li{
	display: table;
	width: 25%;
	min-height: 60px;
	margin:0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.s_cate ul li a{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:10px 30px 10px 20px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	font-size:14px;
	line-height:20px;
	font-weight:300;
	color:#333333;
	transition:all .2s ease;
    background: url(../images/icons/icon_arrow01.png) no-repeat 97% 50% #f3f3f3;
    background-size:12px;
}
.s_cate ul li a:hover{
	color:#000000;
    background: url(../images/icons/icon_arrow01.png) no-repeat 97% 50% #ffffff;
    background-size:12px;
}

@media (max-width: 767px) {
      .s_cate{
      width:100%;
      margin:0px auto 0px auto;
      padding:0px;
      }
      .s_cate ul{
      margin:0px auto 30px auto;
      padding: 0px 0px 0px 0px;
      list-style: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;

      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border:1px solid #dddddd;
      border-bottom:0px;
      border-right:0px;
      }
      .s_cate ul li{
      display: table;
      width: 25%;
      min-height: 60px;
      margin:0px;
      padding:0px 0px 0px 0px;
      border-bottom:1px solid #dddddd;
      border-right:1px solid #dddddd;
      }
      .s_cate ul li a{
      display:table-cell;
      vertical-align:middle;
      width:100%;
      padding:10px 30px 10px 20px;
      margin:0px 0px 0px 0px;
      text-decoration:none;
      font-size:14px;
      line-height:20px;
      font-weight:300;
      color:#333333;
      transition:all .2s ease;
      background: url(../images/icons/icon_arrow01.png) no-repeat 97% 50% #f3f3f3;
      background-size:12px;
      }
      .s_cate ul li a:hover{
      color:#000000;
      background: url(../images/icons/icon_arrow01.png) no-repeat 97% 50% #ffffff;
      background-size:12px;
      }
}

/* ============================================
	商品詳細ページ
============================================ */
.detail:after{
	content:"";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
/*-- レフトサイド --*/
.detail .leftarea{
	width:550px;
	float:left;
	margin:0px 0px 50px 0px;
}
.detail .leftarea .imgarea{
	display:table;
	width:550px;
	height:460px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	border:1px solid #cccccc;
	vertical-align:middle;
}
.detail .leftarea .imgarea img{
	display:table-cell;
	max-width:100%;
	max-height:460px;
	margin:auto;
	vertical-align:middle;
}
.detail .leftarea .thumbs{
	display:inline-block;
	width:80px;
	height:80px;
	margin:0px 5px 5px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	border:1px solid #cccccc;
}
.detail .leftarea .thumbs img{
	height:80px;
	margin:auto;
}

/*-- レフトサイド --*/
.detail .rightarea{
	width:350px;
	float:right;
	margin:0px 0px 50px 0px;
}
.detail .rightarea h2{
	font-size:24px;
	line-height:36px;
	color:#000000;
	margin:0px 0px 15px 0px;
	padding:0px 0px 10px 0px;
	font-weight:500;
	border-bottom:2px solid #000000;
}
.detail .rightarea p.price{
	font-size:30px;
	line-height:36px;
	color:#e6101b;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-weight:500;
	text-align:right;
}
.detail .rightarea p.count{
	display:block;
	font-size:16px;
	line-height:18px;
	color:#000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	text-align:right;
}
.detail .rightarea hr{
  height: 0;
  margin:0px 0px 20px 0px;
  padding: 0;
  border: 0;
  border-top:1px solid #e5e5e5;
  width:auto;
}
.detail .rightarea a.alink{
	display:block;
	padding:0px 0px 0px 20px;
	margin:0px 0px 10px 0px;
	text-decoration:none;
	font-size:14px;
	line-height:16px;
	font-weight:300;
	color:#666666;
    background: url(../images/icons/icon_arrow01.png) no-repeat left 50%;
    background-size:13px;
}
.detail .rightarea a.alink:hover{
	color:#000000;
    background: url(../images/icons/icon_arrow01.png) no-repeat left 50%;
    background-size:13px;
	transition: 0.5s;
}
.detail .rightarea a.sns{
	display:inline-block;
	width:35px;
	padding:0px;
	margin:20px 10px 0px 0px;
}
.detail .rightarea a.sns img{
	width:35px;
}
/* == フォーム == */
.detail .rightarea input[type="text"]{
	display:inline;
	width:100px;
	height:30px;
	font-size:16px;
	line-height:18px;
	padding:5px 10px 5px 10px ;
	color:#000000;
	border: 1px solid #dddddd;
	background-color:#ffffff;
	margin:0px 0px 0px 10px;
}
.detail .rightarea input::-webkit-input-placeholder{ color:#000000;}
.detail .rightarea input:-ms-input-placeholder{ color:#000000;}
.detail .rightarea input::-moz-placeholder{ color:#000000;}

.detail .rightarea input[type="button"]{
	display:block;
	width:100%;
	font-size:18px;
	line-height:20px;
	margin:30px auto 30px auto;
	padding:30px 0px 30px 0px;
	color:#ffffff;
	cursor:pointer;
	border:0px;
	background-color: #f35911;
	font-weight:bold;
	text-decoration:none;
	transition:all .2s ease;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
.detail .rightarea input[type="button"]:hover{
	background-color: #f38611;
}
.detail_txt{
	display:block;
	width:100%;
	margin:0px auto 50px auto;
	padding:30px 30px 30px 30px;
	border:1px solid #dddddd;
	font-size:14px;
	line-height:28px;
	font-weight: 300;
}

.fs-c-button--primary{
	display:block;
	width:100%;
	font-size:18px;
	line-height:20px;
	margin:30px auto 30px auto;
	padding:30px 0px 30px 0px;
	color:#ffffff;
	cursor:pointer;
	border:0px;
	background-color: #f35911;
	font-weight:bold;
	text-decoration:none;
	transition:all .2s ease;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
.fs-c-button--primary:hover{
	background-color: #f38611;
}

@media (max-width: 767px) {
      .detail:after{
      content:"";
      display:block;
      visibility:hidden;
      height:0px;
      font-size:0em;
      line-height:0;
      clear:both;
      }
      /*-- レフトサイド --*/
      .detail .leftarea{
      width:550px;
      float:left;
      margin:0px 0px 50px 0px;
      }
      .detail .leftarea .imgarea{
      display:table;
      width:550px;
      height:460px;
      margin:0px 0px 5px 0px;
      padding:0px 0px 0px 0px;
      overflow:hidden;
      border:1px solid #cccccc;
      vertical-align:middle;
      }
      .detail .leftarea .imgarea img{
      display:table-cell;
      max-width:100%;
      max-height:460px;
      margin:auto;
      vertical-align:middle;
      }
      .detail .leftarea .thumbs{
      display:inline-block;
      width:80px;
      height:80px;
      margin:0px 5px 5px 0px;
      padding:0px 0px 0px 0px;
      overflow:hidden;
      border:1px solid #cccccc;
      }
      .detail .leftarea .thumbs img{
      height:80px;
      margin:auto;
      }

      /*-- レフトサイド --*/
      .detail .rightarea{
      width:350px;
      float:right;
      margin:0px 0px 50px 0px;
      }
      .detail .rightarea h2{
      font-size:24px;
      line-height:36px;
      color:#000000;
      margin:0px 0px 15px 0px;
      padding:0px 0px 10px 0px;
      font-weight:500;
      border-bottom:2px solid #000000;
      }
      .detail .rightarea p.price{
      font-size:30px;
      line-height:36px;
      color:#e6101b;
      margin:0px 0px 15px 0px;
      padding:0px 0px 0px 0px;
      font-weight:500;
      text-align:right;
      }
      .detail .rightarea p.count{
      display:block;
      font-size:16px;
      line-height:18px;
      color:#000000;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      font-weight:300;
      text-align:right;
      }
      .detail .rightarea hr{
      height: 0;
      margin:0px 0px 20px 0px;
      padding: 0;
      border: 0;
      border-top:1px solid #e5e5e5;
      width:auto;
      }
      .detail .rightarea a.alink{
      display:block;
      padding:0px 0px 0px 20px;
      margin:0px 0px 10px 0px;
      text-decoration:none;
      font-size:14px;
      line-height:16px;
      font-weight:300;
      color:#666666;
      background: url(../images/icons/icon_arrow01.png) no-repeat left 50%;
      background-size:13px;
      }
      .detail .rightarea a.alink:hover{
      color:#000000;
      background: url(../images/icons/icon_arrow01.png) no-repeat left 50%;
      background-size:13px;
      transition: 0.5s;
      }
      .detail .rightarea a.sns{
      display:inline-block;
      width:35px;
      padding:0px;
      margin:20px 10px 0px 0px;
      }
      .detail .rightarea a.sns img{
      width:35px;
      }
      /* == フォーム == */
      .detail .rightarea input[type="text"]{
      display:inline;
      width:100px;
      height:30px;
      font-size:16px;
      line-height:18px;
      padding:5px 10px 5px 10px ;
      color:#000000;
      border: 1px solid #dddddd;
      background-color:#ffffff;
      margin:0px 0px 0px 10px;
      }
      .detail .rightarea input::-webkit-input-placeholder{ color:#000000;}
      .detail .rightarea input:-ms-input-placeholder{ color:#000000;}
      .detail .rightarea input::-moz-placeholder{ color:#000000;}

      .detail .rightarea input[type="button"]{
      display:block;
      width:100%;
      font-size:18px;
      line-height:20px;
      margin:30px auto 30px auto;
      padding:30px 0px 30px 0px;
      color:#ffffff;
      cursor:pointer;
      border:0px;
      background-color: #f35911;
      font-weight:bold;
      text-decoration:none;
      transition:all .2s ease;
      -webkit-border-radius:10px 10px 10px 10px;
      -moz-border-radius:10px 10px 10px 10px;
      border-radius:10px 10px 10px 10px;

      }
      .detail .rightarea input[type="button"]:hover{
      background-color: #f38611;
      }


      .detail_txt{
      display:block;
      width:100%;
      margin:0px auto 50px auto;
      padding:30px 30px 30px 30px;
      border:1px solid #dddddd;
      font-size:14px;
      line-height:28px;
      font-weight: 300;
      }
}



/* ============================================
	新イチメンバーズ会員サービスのご案内
============================================ */
#mbship .red {color: #e60012;}


/*　リード
-------------------------- */
.mbship-lead {
width: 100%;
margin: 20px auto;
padding: 0;
}

.mbship-lead p {
width: 94%;
margin: 0 auto;
padding: 0;
font-size: 16px;
line-height: 1.6;
}
.mbship-lead p span {
font-weight: 600;
color: #000;
}



/*　冒頭の失敗した！全体枠
-------------------------- */
.mbship-desc {
margin: 0;
padding: 0 0 70px 0;
background-color: #ececec;/*#EFEAE6*/
}

.mbship-desc .desc-main {
margin: 0;
}
.mbship-desc .desc-main img {
width: 100%;
}

.mbship-desc p.ex {
margin: 26px 0 10px;
color: #e60012;
font-size: 40px;
font-weight: 800;
text-align: center;
line-height: 1.2;
}

/* 「」の前後 */
.mbship-desc p.ex span.quot-left {
margin-right: -0.4em; /* 左「の後の隙間を減らす */
}
.mbship-desc p.ex span.quot-right {
margin-left: -0.0em;  /* 右」前の隙間を減らす */
}
/* 大きく */
.mbship-desc p.ex span.large {
font-size: 48px;
color: #00256B;/*642572 e60012*/
}
.mbship-desc p.ex span.big {
font-size: 80px;
color: #00256B;
}

.mbship-desc p.txt {
width: 90%;
margin: 20px auto 0;
color: #222;
font-size: 26px;
font-weight: 800;
/*text-align: center;*/
line-height: 1.6;
}
.mbship-desc p.txt span {
color: #00256B;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px; 
}

/*実例部分*/
.desc-case {
margin: 0 0 50px 0;
text-align: center; /* 子要素を中央に寄せる */
}

.desc-case ul {
list-style: none; /* デフォルトの点を消す */
display: inline-block; /* 横幅を内容に合わせる */
text-align: left;      /* リストの文字は左揃え */
margin: 0 auto;        /* 念のため中央寄せ */
padding: 0;
}

.desc-case ul li {
position: relative;
/*padding-left: 1.0em;*/ /* レ点の分だけ余白 */
margin: 0;
padding: 0;

color: #00256B;
font-size: 38px;
font-weight: 800;
line-height: 1.4;
}
/*
.desc-case ul li::before {
content: "✓"; 
position: absolute;
left: 0;
color: #00256B;
font-weight: 800;
}*/


@media (max-width: 767px)  {
      .mbship-desc p.ex {
      width: 90%;
      margin: 26px auto 10px auto;
      font-size: 32px;
      }
      .mbship-desc p.ex span.large {
      font-size: 38px;
      }
	  .mbship-desc p.ex span.big {
      font-size: 50px;
      }
      .mbship-desc p.txt {
      font-size: 22px;
	  line-height: 1.8;
      }
      .desc-case ul li {
      font-size: 26px;
      }

}



/*　登録ボタン
-------------------------- */
/* ラッパーで中央配置 */
.mbship-btn {
  text-align: center;
  margin: 20px 0; /* 上下余白 */
}

/* 赤ボタン */
.btn-btn a {
  display: inline-block;/* ブロック風に表示 */
  background-color: #F35911;
  color: #ffffff;
  text-decoration: none;
  padding: 16px 50px;
  font-size: 28px;
  font-weight: bold;
  border-radius: 6px;
  transition: background-color 0.3s;
  margin-bottom: 4px;
}
.btn-btn a:hover {
  background-color: #cc0010;
}

/* 下線付きテキスト */
.btn-txt a {
  display: inline-block;
  color: #0066CC;
  text-decoration: underline;
  text-underline-offset: 3px; 
  font-size: 14px;
}

@media (max-width: 767px)  {
      .mbship-btn {
      width: 80%;
      margin: 20px auto;
      }
      .btn-btn a {
	  display: block;
      padding: 14px 30px;
      font-size: 22px;
      }
}



/*　新橋イチカメラの商品
-------------------------- */
.mbship-try {
width: 100%;
margin: 0 auto;
padding: 40px 0 30px 0;
border: 8px solid #00256B;
}

/*サブ見出し*/
.try-subtitle {
text-align: center;
margin: 0 auto 10px auto;
}
.try-subtitle h3 {
display: inline-block;/* 文字幅に背景を合わせる */
margin: 0;
padding: 4px 24px 8px 24px;
background-color: #F35911;/*0066CC*/
color: #fff; 
border-radius: 18px;
font-size: 24px;
font-weight: 600;
line-height: 1.4;
/*letter-spacing: 0.2rem;*/
}

/*メイン見出し*/
.try-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.try-title h3 {
  position: relative;
  padding: 0;
  text-align: center;
  color: #00256B;
  font-size: 50px;
}
.try-title h3::before,
.try-title h3::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #00256B;
  margin: 0 20px;/* 文字との距離 */
  
  /* 線の縦位置調整 */
  vertical-align: middle;
  position: relative;
  top: -6px;
}

/*箇条書き部分*/
.mbship-try .inner {
width: 100%;
margin: 0;
padding: 0 60px;
}
.mbship-try h4 {
margin: 30px 0 5px 0;
padding: 0;
font-size: 26px;
font-weight: 600;
color: #00256B;
}
.mbship-try p {
margin: 0 0 20px 0;
font-size: 16px;
line-height: 1.8;
}
.mbship-try p span {
font-weight: 600;
}
.mbship-try p.ex {
margin: 0 0 5px 0;
font-size: 18px;
font-weight: 600;
color: #e60012;
text-decoration: underline;
text-underline-offset: 3px; 
}

@media (max-width: 767px)  {
      .mbship-try {
      padding: 20px 0 20px 0;
      }
      .try-subtitle {
      width: 90%;
      text-align: center;
      margin: 0 auto 10px auto;
      padding: 0;
      }
      .try-subtitle h3 {
      margin: 0;
      padding: 4px 20px 6px 20px;
      font-size: 18px;
      }

      .try-title {
      margin: 0 0 10px 0;
      }
      .try-title h3 {
      font-size: 32px;
	  font-weight: 600;
      }
      .try-title h3::before,
      .try-title h3::after {
      width: 0;
      height: 0;
      margin: 0;  
      top: 0;
      }

      .mbship-try .inner {
      width: 90%;
      margin: 0 auto;
      padding: 0;
      }
      .mbship-try h4 {
      font-size: 26px;
      }
}



/*　新イチメンバーズについて
-------------------------- */
.mbship-about {
width: 100%;
margin: 80px auto;
padding: 0;
}

/*メイン見出し*/
.about-title,
.entry-title {
margin: 0;
padding: 0;
background-color: #00256B;/*E5EFFA*/
}
.about-title h3,
.entry-title h3 {
padding: 16px 0;
text-align: center;
color: #fff;
font-size: 28px;
font-weight: 600;
}

.about-fee {
margin: 20px auto 40px auto;
font-size: 30px;
font-weight: 600;
color: #e60012;
text-align: center;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 10px; 
}

/*段落部分*/
.mbship-about .inner {
width: 94%;
margin: 0 auto;
padding: 0 0;
}
.mbship-about h4 {
margin: 26px 0 8px 0;
padding: 0;
font-size: 18px;
font-weight: 600;
}
.mbship-about p {
margin: 0 0 20px 0;
padding: 0;
font-size: 16px;
line-height: 1.6;
color: #333;
}
.mbship-about p.point {
font-size: 18px;
font-weight: 600;
color: #00256B;
}
.mbship-about p span {
font-weight: 600;
color: #000;
}

@media (max-width: 767px)  {
    .mbship-about .inner {
    width: 90%;
    margin: 0 auto;
    padding: 0 0;
    }
}


/*　登録方法
-------------------------- */
.mbship-entry {
width: 100%;
margin: 0 auto;
padding: 0;
}

/* フロー */
.entry-flow {
max-width: 800px;
margin: 40px auto;
padding: 0;
}
.entry-flow ol {
list-style: none;
padding: 0;
margin: 0;
}
.entry-flow li {
border: 6px solid #00256B;
border-radius: 10px;
padding: 20px 26px;
margin: 0 auto;
background: #fff;
position: relative;
text-align: left;
}
.entry-flow li + li {
margin-top: 50px;
}
/* 矢印 */
.entry-flow li + li::before {
content: "↓";
position: absolute;
top: -70px;
left: 50%;
transform: translateX(-50%);
font-size: 50px;
color: #00256B;
font-weight: bold;
}
.fl-number {
display: inline-block;
background: #e11d48;
color: #fff;
border-radius: 50%;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
font-weight: bold;
margin-right: 10px;
font-size: 20px;
vertical-align: middle;
}
.fl-title {
display: inline-block;
font-size: 26px;
font-weight: bold;
vertical-align: middle;
}
.fl-txt {
margin-top: 18px;
padding: 0 0 0 46px;
font-size: 16px;
color: #333;
line-height: 1.6;
}

@media (max-width: 767px)  {
      .entry-flow {
      max-width: 94%;
      margin: 40px auto;
      padding: 0;
      }
      .entry-flow li {
      padding: 16px 16px;
      }

      .fl-title {
      font-size: 22px;
      }
      .fl-txt {
      margin-top: 18px;
      padding: 0 0 0 10px;
      font-size: 16px;
      line-height: 1.6;
      }

}









/* ============================================
	買取案内
============================================ */
.kaitori{
	width:100%;
	margin:30px auto 30px auto;
	padding:40px 30px 40px 30px;
	background:url(../images/common/kaitori_bg.jpg) no-repeat right bottom #f0f0f0;
}
.kaitori h2{
	display:block;
	font-size:28px;
	line-height:30px;
	font-weight:300;
	color:#000000;
	padding:0px;
	margin:0px 0px 20px 0px;
}
.kaitori h2 span{
	display:inline-block;
	font-weight:300;
	color:#ffffff;
	padding:10px 10px 10px 10px;
	margin:0px 5px 0px 0px;
	background-color:#000000;
}
.kaitori p{
	font-size:16px;
	line-height:28px;
	font-weight:300;
	color:#000000;
	padding:0px;
	margin:0px 0px 20px 0px;
}
.kaitori a{
	display:block;
	width:200px;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	background-color:#000000;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-size:16px;
	font-weight:300;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;	
}
.kaitori a:hover{
	background-color:#00256b;
	transition: 0.5s;
}
.kaitori_flow .step{
	display:table;
	width:100%;
	border-bottom:2px solid #000000;
	padding:40px 20px 40px 20px;
	position:relative;
}
.kaitori_flow .arrow{
	position:absolute;
	bottom:-15px;
	left:45%;
	width:45px;
	height:15px;
}
.kaitori_flow .step h3{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
	line-height:36px;
	font-weight:300;
	width:280px;
}
.kaitori_flow .step h3 span{
	font-size:30px;
	line-height:32px;
	font-weight:300;
	vertical-align:sub;
	margin:0px 30px 0px 0px;
}
.kaitori_flow .step p{
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
	line-height:28px;
	font-weight:300;
}
.kaitori_flow a.btn{
	display:block;
	width:300px;
	height:60px;
	margin:30px auto 30px auto;
	padding:12px 0px 0px 0px;
	background-color:#000000;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-size:24px;
	font-weight:300;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;	
}
.kaitori_flow a.btn:hover{
	background-color:#00256b;
	transition: 0.5s;
}
.kaitori_flow p{
	font-size:16px;
	line-height:28px;
	font-weight:300;
}

@media (max-width: 767px) {
      .kaitori{
      width:100%;
      margin:0px auto 30px auto;
      padding:5% 5% 5% 5%;
      background:url(../images/common/kaitori_bg.jpg) no-repeat right bottom #f0f0f0;
      background-size: 100%;
      }
      .kaitori h2{
      display:block;
      font-size:24px;
      line-height:30px;
      font-weight:300;
      color:#000000;
      padding:0px;
      margin:0px 0px 20px 0px;
      }
      .kaitori h2 span{
      display:block;
      font-weight:300;
      color:#ffffff;
      padding:10px 10px 10px 10px;
      margin:0px 5px 0px 0px;
      background-color:#000000;
      }
      .kaitori p{
      font-size:16px;
      line-height:28px;
      font-weight:300;
      color:#000000;
      padding:0px;
      margin:0px 0px 20px 0px;
      }
      .kaitori a{
      display:block;
      width:200px;
      height:50px;
      margin:0px 0px 0px 0px;
      padding:12px 0px 0px 0px;
      background-color:#000000;
      text-align:center;
      text-decoration:none;
      color:#ffffff;
      font-size:16px;
      font-weight:300;
      -webkit-border-radius:3px 3px 3px 3px;
      -moz-border-radius:3px 3px 3px 3px;
      border-radius:3px 3px 3px 3px;	
      }
      .kaitori a:hover{
      background-color:#00256b;
      transition: 0.5s;
      }
	  .kaitori_flow {
	  width: 90%;
	  padding: 0;
	  margin: 0 auto;
	  }
      .kaitori_flow .step{
      display:block;
      width: 100%;
      border-bottom:2px solid #000000;
      padding:20px 0px 20px 0px;
      position:relative;
      }
      .kaitori_flow .arrow{
      position:absolute;
      bottom:-15px;
      left:45%;
      width:45px;
      height:15px;
      }
      .kaitori_flow .step h3{
      display:block;
      vertical-align:top;
      font-size:18px;
      line-height:36px;
      font-weight:300;
      width:100%;
      }
      .kaitori_flow .step h3 span{
      font-size:30px;
      line-height:32px;
      font-weight:300;
      vertical-align:sub;
      margin:0px 30px 0px 0px;
      }
      .kaitori_flow .step p{
      display:block;
      vertical-align:top;
      font-size:16px;
      line-height:28px;
      font-weight:300;
      }
      .kaitori_flow a.btn{
      display:block;
      width:300px;
      height:60px;
      margin:30px auto 30px auto;
      padding:12px 0px 0px 0px;
      background-color:#000000;
      text-align:center;
      text-decoration:none;
      color:#ffffff;
      font-size:24px;
      font-weight:300;
      -webkit-border-radius:3px 3px 3px 3px;
      -moz-border-radius:3px 3px 3px 3px;
      border-radius:3px 3px 3px 3px;	
      }
      .kaitori_flow a.btn:hover{
      background-color:#00256b;
      transition: 0.5s;
      }
      .kaitori_flow p{
      font-size:16px;
      line-height:28px;
      font-weight:300;
      }
}


/* ============================================
	買取価格表
============================================ */
.kaitori_price{
	width:100%;
	margin:30px auto 30px auto;
	padding:0px 0px 0px 0px;
}
.kaitori_price ul{
	margin:auto;
	padding:0px 0px 0px 0px;
	list-style:none;
}
.kaitori_price ul:after{
	content: "";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.kaitori_price ul li{
	width: 185px;
	margin:auto;
	padding:0px 0px 0px 0px;
	float:left;
}
.kaitori_price ul li img{
	width:100%;
}

/*価格表*/
.kaitori-priceTBL {
width: 94%;
margin: 0 auto;
border-collapse: collapse;
border: 0!important;
}

.kaitori-priceTBL td {
border: 1px solid #ccc;
padding: 4px 10px;
}

.kaitori-priceTBL th {
border: 1px solid #ccc;
background-color: #eeeeee;
padding: 6px 10px;
}
 

@media (max-width: 767px) {
      .kaitori_price{
      width:100%;
      margin:30px auto 30px auto;
      padding:0px 0px 0px 0px;
      }
      .kaitori_price ul{
      margin:auto;
      padding:0px 0px 0px 0px;
      list-style:none;
      }
      .kaitori_price ul:after{
      content: "";
      display:block;
      visibility:hidden;
      height:0px;
      font-size:0em;
      line-height:0;
      clear:both;
      }
      .kaitori_price ul li{
      width: 50%;
      margin:auto;
      padding:0px 0px 0px 0px;
      float:left;
      }
      .kaitori_price ul li img{
      width:100%;
      }
	  
	  .kaitori-priceTBL {
      width: 94%;
      margin: 0 auto;
      }
}


/* ============================================
	購入案内
============================================ */
.buy_step{
	width: 100%;/*100%*/
	margin:0 auto 20px auto;
	padding:20px 20px 0px 20px;
}
.buy_step h4{
	width:auto;
	display:inline-block;
	color:#000000;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	margin:0px 0px 10px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:3px solid #000000;
}
.buy_step p.txt{
	color:#000000;
	font-size:16px;
	line-height:30px;
	font-weight:300;
	margin:0px;
	padding:0px 0px 20px 0px;
}
.buy_step p.tel{
	color:#000000;
	font-size:24px;
	line-height:36px;
	font-weight:500;
	margin:0px 0px 20px 0px;
	padding:0px;
}
.buy_step a.btn{
	display:block;
	width:240px;
	height:40px;
	margin:0px 0px 20px 0px;
	padding:8px 0px 0px 0px;
    background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #000000;
    background-size:15px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-size:16px;
	font-weight:300;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;	
}
.buy_step a.btn:hover{
    background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #00256b;
    background-size:15px;
	transition-duration:0.5s;
}

.buy_step ol {
list-style-type: decimal;
margin-left: 40px;
}
.buy_step ol li {
margin: 0 0 15px 0;
font-size:16px;
line-height: 1.6;
}
.buy_step ol li::marker {
content: counter(list-item) ".   "; /* ← ドットのあとにスペースを追加 */
}


@media (max-width: 767px) {
      .buy_step{
      width: 90%;/*100%*/
      margin:0 auto 0 auto;
      padding:20px 20px 0px 20px;
      }
      .buy_step h4{
      width:auto;
      display:inline-block;
      color:#000000;
      font-size:16px;
      line-height:18px;
      font-weight:500;
      margin:0px 0px 10px 0px;
      padding:0px 0px 15px 0px;
      border-bottom:3px solid #000000;
      }
      .buy_step p.txt{
      color:#000000;
      font-size:16px;
      line-height:30px;
      font-weight:300;
      margin:0px;
      padding:0px 0px 20px 0px;
      }
      .buy_step p.tel{
      color:#000000;
      font-size:24px;
      line-height:36px;
      font-weight:500;
      margin:0px 0px 20px 0px;
      padding:0px;
      }
      .buy_step a.btn{
      display:block;
      width:240px;
      height:40px;
      margin:0px 0px 20px 0px;
      padding:8px 0px 0px 0px;
      background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #000000;
      background-size:15px;
      text-align:center;
      text-decoration:none;
      color:#ffffff;
      font-size:16px;
      font-weight:300;
      -webkit-border-radius:3px 3px 3px 3px;
      -moz-border-radius:3px 3px 3px 3px;
      border-radius:3px 3px 3px 3px;	
      }
      .buy_step a.btn:hover{
      background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #00256b;
      background-size:15px;
      transition-duration:0.5s;
      }
	  
	  .buy_step ol {
      margin-left: 30px;
      }
}






/* ============================================
	よくある質問
============================================ */
.faq{
	width:100%;
	margin:0px auto 0px auto;
	padding:15px 0px 0px 0px;
}
.faq h4{
	width:auto;
	color:#000000;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 40px;
	border-bottom:1px dashed #cccccc;
    background:url(../images/icons/icon_q.png) no-repeat 10px 50%;
    background-size:20px;
}
.faq p{
	width:auto;
	color:#000000;
	font-size:16px;
	line-height:24px;
	font-weight:300;
	margin:0px 0px 10px 0px;
	padding:10px 20px 12px 40px;
    background:url(../images/icons/icon_a.png) no-repeat 10px 13px #f7f7f7;
    background-size:20px;
}
.faq p a {
color:#000080;
text-decoration: none;
}
.faq p a:hover {
color:#ff0000;
text-decoration: none;
}

@media (max-width: 767px) {
      .faq{
      width: 90%;/*100%*/
      margin:0 auto 0 auto;
      padding:15px 0px 0px 0px;
      }
      .faq h4{
      font-size:16px;
      line-height:18px;
      font-weight:500;
      margin:0px 0px 0px 0px;
      padding:10px 20px 10px 40px;
      }
      .faq p{
      font-size:16px;
      line-height:24px;
      font-weight:300;
      margin:0px 0px 10px 0px;
      padding:10px 20px 12px 40px;
      }
}




/* ============================================
	私たちについて
============================================ */
.aboutus{
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
}
.aboutus h3{
	display:block;
	margin:0 0 30px 0;
	padding:20px 0 20px 20px;
	font-size:24px;
	line-height:26px;
	font-weight:500;
	color:#121825;
	border-bottom:3px solid #121825;
}
.aboutus ul{
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.aboutus ul li{
	display: block;
	width: 46%;
	margin: 0 4% 0 0;
	padding: 0;
}
.aboutus ul li:nth-child(3n){
	margin: 0;
}
.aboutus ul li p{
	display:block;
	margin:0px 0px 15px 0px;
	padding:0;
	font-size:14px;
	line-height:28px;
	font-weight:500;
	color:#121825;
}
.aboutus ul li img{
	width: 100%;
	margin:auto;
}

.aboutus iframe {
    display: block;
    width: 100%;
    height: 500px;
    padding: 0;
    margin: 0px auto 15px auto;
    border: 0px solid #cccccc!important;
}


@media (max-width: 767px) {
      .aboutus{
      width:100%;
      margin:0px auto 30px auto;
      padding:0px;
      }
      .aboutus h3{
      display:block;
	  width: 90%;
      margin:0 auto 20px auto;
      padding:20px 0 20px 20px;
      font-size:24px;
      line-height:26px;
      }
      .aboutus ul{
	  width: 90%;
      margin: 0 auto 20px auto;
      padding: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap;	
      }
      .aboutus ul li{
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      }
      .aboutus ul li:nth-child(3n){
      margin: 0;
      }
      .aboutus ul li p{
      display:block;
      margin:0px 0px 15px 0px;
      padding:0;
      font-size:14px;
      line-height:28px;
      }
      .aboutus ul li img{
      }
      .aboutus iframe {
      height: 550px;
      padding: 0;
      margin: 0px auto 15px auto;
      }

}






/* ============================================
	会社概要
============================================ */
.company{
	width:100%;
	padding:0px;
	margin:0px 0px 50px 0px;
}
.company h3{
	display:inline-block;
	color:#000000;
	font-size:16px;
	line-height:18px;
	padding:0px 0px 15px 0px;
	margin:0px 0px 10px 0px;
	font-weight:500;
	border-bottom:2px solid #000000;
}
.company p{
	color:#000000;
	font-size:16px;
	line-height:28px;
	padding:0px;
	margin:0px 0px 25px 0px;
	font-weight:300;
}
.company p span{
	font-size:14px;
	font-weight:200;
}
.company .cap{
	color:#000000;
	font-size:12px;
	line-height:18px;
	padding:0px;
	margin:-20px 0px 25px 10px;
	font-weight:300;
}

.company dl{
	display:table;
	padding:0px;
	margin:20px auto 20px auto;
	vertical-align:middle;
}
.company dt{
	display:table-cell;
	width:150px;
	font-size:14px;
	line-height:24px;
	margin:0px;
	padding:0px;
	color:#1f1e1e;
	text-align:left;
	font-weight:300;
	vertical-align:middle;
	border-right:2px solid #000000;
}
.company dd{
	display:table-cell;
	width:720px;
	height:auto;
	min-height:auto;
	font-size:14px;
	line-height:24px;
	margin:0px;
	color:#303030;
	padding:10px 0px 10px 20px;
	vertical-align:middle;
	font-weight:300;
}
.company .enkaku{
	display:inline-block;
	width:auto;
	padding:10px 5px 10px 5px;
	margin:20px auto 20px auto;
	text-align:center;
	background-color:#000000;
}
.company .enkaku img{
	display:inline-block;
	width: 32.2%;
	/*width:295px;*/
	padding:0px;
	margin:0px 5px 0px 5px;
}


@media (max-width: 767px) {
      .company{
      width: 90%;/*100%*/
      padding:0;
      margin:0 auto 50px auto;
      }
      .company h3{
      display:inline-block;
      color:#000000;
      font-size:16px;
      line-height:18px;
      padding:0px 0px 15px 0px;
      margin:0px 0px 10px 0px;
      font-weight:500;
      border-bottom:2px solid #000000;
      }
      .company p{
      color:#000000;
      font-size:16px;
      line-height:28px;
      padding:0px;
      margin:0px 0px 25px 0px;
      font-weight:300;
      }
      .company p span{
      font-size:14px;
      font-weight:200;
      }
      .company .cap{
      color:#000000;
      font-size:12px;
      line-height:18px;
      padding:0px;
      margin:-20px 0px 25px 10px;
      font-weight:300;
      }

      .company dl{
      display:table;
      padding:0px;
      margin:20px auto 20px auto;
      vertical-align:middle;
      }
      .company dt{
      display:table-cell;
      width:20%;
      font-size:14px;
      line-height:24px;
      margin:0px;
      padding:0px;
      color:#1f1e1e;
      text-align:left;
      font-weight:300;
      vertical-align:middle;
      border-right:2px solid #000000;
      }
      .company dd{
      display:table-cell;
      width:720px;
      height:auto;
      min-height:auto;
      font-size:14px;
      line-height:24px;
      margin:0px;
      color:#303030;
      padding:10px 0px 10px 20px;
      vertical-align:middle;
      font-weight:300;
      }
      .company .enkaku{
      display:inline-block;
      width:auto;
      padding:5% 5% 5% 5%;
      margin:20px auto 20px auto;
      text-align:center;
      background-color:#000000;
      }
      .company .enkaku img{
      display:block;
      width:100%;
      padding:0px;
      margin:0px 0px 0px 0px;
      }

}





/* ============================================
	アクセス
============================================ */
.access{
	width:100%;
	padding:0px;
	margin:20px 0px 50px 0px;
}
.access img{
	width:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
}
.access a{
	display:block;
	width:240px;
	height:40px;
	margin:0px auto 0px auto;
	padding:8px 0px 0px 0px;
    background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #000000;
    background-size:15px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-size:16px;
	font-weight:300;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;	
}
.access a:hover{
    background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #00256b;
    background-size:15px;
	transition-duration:0.5s;
}



@media (max-width: 767px) {
      .access{
      width:100%;
      padding:0px;
      margin:20px 0px 50px 0px;
      }
      .access img{
      width:100%;
      padding:0px;
      margin:0px 0px 0px 0px;
      }
      .access a{
      display:block;
      width:240px;
      height:40px;
      margin:0px auto 0px auto;
      padding:8px 0px 0px 0px;
      background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #000000;
      background-size:15px;
      text-align:center;
      text-decoration:none;
      color:#ffffff;
      font-size:16px;
      font-weight:300;
      -webkit-border-radius:3px 3px 3px 3px;
      -moz-border-radius:3px 3px 3px 3px;
      border-radius:3px 3px 3px 3px;	
      }
      .access a:hover{
      background:url(../images/icons/icon_arrow02.png) no-repeat 10px 50% #00256b;
      background-size:15px;
      transition-duration:0.5s;
      }
}



/* ============================================
	代表プロフィール
============================================ */
.prof{
	width:100%;
	margin:30px auto 30px auto;
	padding:40px 30px 40px 30px;
	background:url(../images/common/photo.jpg) no-repeat 30px 115px #ede9e6;
	background-size:200px;
}
.prof h2{
	display:block;
	font-size:28px;
	line-height:30px;
	font-weight:300;
	color:#000000;
	padding:0px;
	margin:0px 0px 20px 0px;
}
.prof h2 span{
	display:inline-block;
	font-weight:300;
	color:#ffffff;
	padding:10px 10px 10px 10px;
	margin:0px 5px 0px 0px;
	background-color:#000000;
}
.prof p{
	font-size:16px;
	line-height:28px;
	font-weight:300;
	color:#000000;
	padding:0px;
	margin:0px 0px 20px 230px;
}


@media (max-width: 767px) {
      .prof{
      width:100%;
      margin:30px auto 30px auto;
      padding:5% 5% 5% 5%;
      background:url(../images/common/photo.jpg)  no-repeat right bottom #ede9e6;
      background-image: none;

      /*background:url(../images/common/photo.jpg) no-repeat right bottom #ede9e6;
      background-size:contain;*/
      }
      .prof h2{
      display:block;
      font-size:24px;
      line-height:30px;
      font-weight:300;
      color:#000000;
      padding:0px;
      margin:0px 0px 20px 0px;
      }
      .prof h2 span{
      display:block;
      font-weight:300;
      color:#ffffff;
      padding:10px 10px 10px 10px;
      margin:0px 5px 0px 0px;
      background-color:#000000;
      }
      .prof p{
      font-size:16px;
      line-height:28px;
      font-weight:300;
      color:#000000;
      padding:0px;
      margin:0px 0px 20px 0px;
      }

}



/* ============================================
	写真集
============================================ */
.graphic{
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
}
.graphic h3{
	display:block;
	font-size:20px;
	line-height:20px;
	font-weight:300;
	color:#000000;
	padding:0px 0px 0px 10px;
	margin:0px 0px 20px 0px;
	border-left:3px solid #121825;
}
.graphic p{
	display:block;
	font-size:15px;
	line-height:28px;
	font-weight:300;
	color:#333333;
	padding:0px 20px 0px 15px;
	margin:0px 0px 15px 0px;
}
.graphic a{
	display:inline-block;
	width: 19.5%;
	height: auto;
	/*width:181px;
	height:181px;*/
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.graphic a.mgn{
	margin:0px 5px 0px 0px;
}
.graphic a img{
	display:block;
	width: 100%;
	height: auto;
	/*width:181px;
	height:181px;*/
	margin:0px;
	padding:0px;
}
.graphic ul{
    margin:0px auto 0px auto;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.graphic ul li{
	display: block;
	width: 70%;
	margin:0px 0% 0% 0px;
	padding:0px 3% 0px 0px;
}
.graphic ul li:last-child{
	width: 30%;
}
.graphic ul li img{
	width: 100%;
}

@media (max-width: 767px) {
      .graphic{
      width: 90%;/*100%*/
      margin:0 auto 20px auto;
      padding:0;
      }
      .graphic h3{
      display:block;
      font-size:20px;
      line-height:20px;
      font-weight:300;
      color:#000000;
      padding:0px 0px 0px 10px;
      margin:0px 0px 20px 0px;
      border-left:3px solid #121825;
      }
      .graphic p{
      display:block;
      font-size:15px;
      line-height:28px;
      font-weight:300;
      color:#333333;
      padding: 0;/*0px 20px 0px 15px*/
      margin:0px 0px 15px 0px;
      }
      .graphic a{
      display:inline-block;
      width:48%;
      height:auto;
      margin:1% 1% 1% 1%;
      padding:0px;
      overflow:hidden;
      }
      .graphic a.mgn{
      margin:1% 1% 1% 1%;
      }
      .graphic a img{
      display:block;
      width:100%;
      height:auto;
      margin:0px;
      padding:0px;
      }
      .graphic ul{
      margin:0px auto 0px auto;
      padding: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap;	
      }
      .graphic ul li{
      display: block;
      width: 70%;
      margin:0px 0% 0% 0px;
      padding:0px 0% 0px 0px;
      }
      .graphic ul li:last-child{
      width: 30%;
      padding:0px 20px 0px 0px;
      }
      .graphic ul li img{
      width: 100%;
      }
}


/* ============================================
	お客様の声
============================================ */
.voice{
	width:100%;
	margin:0px auto 0px auto;
	padding:15px 0px 0px 0px;
}
.voice h4.comment{
	width:auto;
	color:#000000;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 40px;
    background:url(../images/icons/icon_customer.png) no-repeat 10px 50%;
    background-size:20px;
}
.voice h4.reply{
	width:auto;
	color:#000000;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 40px;
    background:url(../images/icons/icon_comment.png) no-repeat 10px 50%;
    background-size:20px;
}
.voice p{
	width:auto;
	color:#000000;
	font-size:16px;
	line-height:24px;
	font-weight:300;
	margin:0px 0px 10px 0px;
	padding:10px 20px 12px 40px;
	background-color:#f7f7f7;
}
.voice hr {
  height: 0;
  margin:20px 0px 20px 0px;
  padding: 0;
  border: 0;
  border-top:3px solid #cccccc;
  width:auto;
  text-align:left;
}

@media (max-width: 767px) {
      .voice{
      width: 90%;/*100%*/
      margin:0 auto;
      padding:15px 0px 0px 0px;
      }
      .voice h4.comment{
      width:auto;
      color:#000000;
      font-size:16px;
      line-height:18px;
      font-weight:500;
      margin:0px 0px 0px 0px;
      padding:10px 20px 10px 40px;
      background:url(../images/icons/icon_customer.png) no-repeat 10px 50%;
      background-size:20px;
      }
      .voice h4.reply{
      width:auto;
      color:#000000;
      font-size:16px;
      line-height:18px;
      font-weight:500;
      margin:0px 0px 0px 0px;
      padding:10px 20px 10px 40px;
      background:url(../images/icons/icon_comment.png) no-repeat 10px 50%;
      background-size:20px;
      }
      .voice p{
      width:auto;
      color:#000000;
      font-size:16px;
      line-height:24px;
      font-weight:300;
      margin:0px 0px 10px 0px;
      padding:10px 20px 12px 40px;
      background-color:#f7f7f7;
      }
      .voice hr {
      height: 0;
      margin:20px 0px 20px 0px;
      padding: 0;
      border: 0;
      border-top:3px solid #cccccc;
      width:auto;
      text-align:left;
      }
}


/* ============================================
	お問い合わせ
============================================ */
.contact{
	width:100%;
	margin:auto;
	padding:70px 0px 70px 0px;
	background-color:#ffffff;
}
.contact .box{
	width:1000px;
	margin:auto;
	padding:0px;
}
.contact .box:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0.1px;font-size:0.1em;
	line-height:0;
	clear:both;
}
.contact h2{
	display:table;
	width:1000px;
	font-size:20px;
	line-height:22px;
	color:#000000;
	padding:15px 0px 15px 0px;
	margin:0px 0px 20px 0px;
	letter-spacing:3pt;
	font-weight:500;
	border-bottom:3px solid #000000;
}
.contact h2 span{
	font-size:36px;
	line-height:36px;
	letter-spacing:0pt;
	font-weight:500;
	vertical-align:middle;
	margin:0px 20px 0px 0px;
	padding:0px 0px 5px 0px;
}
.contact h2 img{
	display:table-cell;
	width:146px;
	padding:0px;
	margin:0px 20px 0px 0px;
	vertical-align:middle;
}
.contact hr {
  height: 0;
  margin:0px 0px 20px 0px;
  padding: 0;
  border: 0;
  border-top:4px solid #000000;
  width:50px;
  text-align:left;
}
.contact p{
	display:block;
	font-size:14px;
	line-height:28px;
	color:#000000;
	padding:0px;
	margin:0px 0px 50px 0px;
	font-weight:200;
}
.contact dl{
	display:table;
	padding:0px;
	margin:0px auto 0px auto;
	vertical-align:middle;
	border-top:1px solid #cccccc;
}
.contact dt{
	display:table-cell;
	width:200px;
	height:100px;
	font-size:16px;
	line-height:18px;
	margin:0px;
	padding:0px;
	color:#1f1e1e;
	text-align:left;
	font-weight:bold;
	vertical-align:middle;
	white-space:nowrap;
	border-right:0px;
}
.contact dt span{
	font-size:10px;
	margin:0px 0px 0px 5px;
	color:#c40000;
}
.contact dd{
	display:table-cell;
	width:800px;
	height:auto;
	min-height:auto;
	font-size:16px;
	line-height:18px;
	margin:0px;
	color:#303030;
	padding:20px 0px 20px 0px;
	vertical-align:middle;
}

.contact .btn_crowd02{
	text-align:center;
}
.contact a.mail{
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	color:#000000 !important;
}
.contact a.mail:hover{
	color:#c40000 !important;
	transition-duration:0.3s;
}
.contact a.back{
	display:block;
	width:245px;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #000000;
	background-size:15px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-size:16px;
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;	
}
.contact a.back:hover{
	padding:12px 0px 0px 0px;
	background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #c40000;
	background-size:15px;
	transition-duration:0.3s;
}

@media (max-width: 767px) {
      .contact{
      width:100%;
      margin:auto;
      padding:70px 0px 70px 0px;
      background-color:#ffffff;
      }
      .contact .box{
      width:1000px;
      margin:auto;
      padding:0px;
      }
      .contact .box:after{
      content: ".";
      display:block;
      visibility:hidden;
      height:0.1px;font-size:0.1em;
      line-height:0;
      clear:both;
      }
      .contact h2{
      display:table;
      width:1000px;
      font-size:20px;
      line-height:22px;
      color:#000000;
      padding:15px 0px 15px 0px;
      margin:0px 0px 20px 0px;
      letter-spacing:3pt;
      font-weight:500;
      border-bottom:3px solid #000000;
      }
      .contact h2 span{
      font-size:36px;
      line-height:36px;
      letter-spacing:0pt;
      font-weight:500;
      vertical-align:middle;
      margin:0px 20px 0px 0px;
      padding:0px 0px 5px 0px;
      }
      .contact h2 img{
      display:table-cell;
      width:146px;
      padding:0px;
      margin:0px 20px 0px 0px;
      vertical-align:middle;
      }
      .contact hr {
      height: 0;
      margin:0px 0px 20px 0px;
      padding: 0;
      border: 0;
      border-top:4px solid #000000;
      width:50px;
      text-align:left;
      }
      .contact p{
      display:block;
      font-size:14px;
      line-height:28px;
      color:#000000;
      padding:0px;
      margin:0px 0px 50px 0px;
      font-weight:200;
      }
      .contact dl{
      display:table;
      padding:0px;
      margin:0px auto 0px auto;
      vertical-align:middle;
      border-top:1px solid #cccccc;
      }
      .contact dt{
      display:table-cell;
      width:200px;
      height:100px;
      font-size:16px;
      line-height:18px;
      margin:0px;
      padding:0px;
      color:#1f1e1e;
      text-align:left;
      font-weight:bold;
      vertical-align:middle;
      white-space:nowrap;
      border-right:0px;
      }
      .contact dt span{
      font-size:10px;
      margin:0px 0px 0px 5px;
      color:#c40000;
      }
      .contact dd{
      display:table-cell;
      width:800px;
      height:auto;
      min-height:auto;
      font-size:16px;
      line-height:18px;
      margin:0px;
      color:#303030;
      padding:20px 0px 20px 0px;
      vertical-align:middle;
      }

      .contact .btn_crowd02{
      text-align:center;
      }
      .contact a.mail{
      display:inline-block;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      font-weight:300;
      color:#000000 !important;
      }
      .contact a.mail:hover{
      color:#c40000 !important;
      transition-duration:0.3s;
      }
      .contact a.back{
      display:block;
      width:245px;
      height:50px;
      margin:0px 0px 0px 0px;
      padding:12px 0px 0px 0px;
      background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #000000;
      background-size:15px;
      text-align:center;
      text-decoration:none;
      color:#ffffff;
      font-size:16px;
      -webkit-border-radius:5px 5px 5px 5px;
      -moz-border-radius:5px 5px 5px 5px;
      border-radius:5px 5px 5px 5px;	
      }
      .contact a.back:hover{
      padding:12px 0px 0px 0px;
      background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #c40000;
      background-size:15px;
      transition-duration:0.3s;
      }
}


/* ============================================
	重要なお知らせ
============================================ */
.pickup{
	width:100%;
	margin:0px auto 0px auto;
	padding:20px 20px 0px 20px;
}
.pickup h4{
	width:auto;
	display:inline-block;
	color:#000000;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	margin:0px 0px 10px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:3px solid #000000;
}
.pickup p.txt{
	color:#000000;
	font-size:16px;
	line-height:30px;
	font-weight:300;
	margin:0px;
	padding:0px 0px 20px 0px;
}
.pickup p.right{
	text-align: right;
}

@media (max-width: 767px) {
      .pickup{
      width:100%;
      margin:0px auto 0px auto;
      padding:20px 20px 0px 20px;
      }
      .pickup h4{
      width:auto;
      display:inline-block;
      color:#000000;
      font-size:16px;
      line-height:18px;
      font-weight:500;
      margin:0px 0px 10px 0px;
      padding:0px 0px 15px 0px;
      border-bottom:3px solid #000000;
      }
      .pickup p.txt{
      color:#000000;
      font-size:16px;
      line-height:30px;
      font-weight:300;
      margin:0px;
      padding:0px 0px 20px 0px;
      }
      .pickup p.right{
      text-align: right;
      }
}

/* ============================================
	重要ボタン
============================================ */
.btn_area {
	display: block;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0 auto 0 auto;
	background-color: #f1f1f1;
}
.btn_area a {
	position: relative;
	display: block;
	width: 95%;
	max-width: 1200px;
	padding: 25px 0px 30px 0px;
	margin: auto;
	font-size: 42px;
	line-height: 1em;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	transition: all .2s ease;
	border-radius: 10px;
	font-weight: 700;
}
.btn_area a span {
font-size: 34px;
font-weight: 600;
}
.btn_area a:before {
	content: '';
	width: 22px;
	height: 22px;
	border: 0;
	border-top: solid 8px #ffffff;
	border-right: solid 8px #ffffff;
	position: absolute;
	top: 38%;
	right: 5%;
	margin-top: -4px;
	transform: rotate(45deg);
}
.btn_area a.green {
	background-color: #009641;
}
.btn_area a:hover {
	opacity: .8;
}

@media (max-width: 767px) {
      .btn_area {
      padding: 10px 0 0 0;
      }
      .btn_area a {
      padding: 16px 0 20px 0;
      font-size: 24px;
	  line-height: 1.2;
      }
	  .btn_area a span {
      font-size: 20px;
      font-weight: 400;
      }
      .btn_area a:before {
      width: 12px;
      height: 12px;
      border: 0;
      border-top: solid 4px #ffffff;
      border-right: solid 4px #ffffff;
      top: 43%;
      right: 5%;
      margin-top: -4px;
      }
}


/* ============================================
	トップ　バナーエリア
============================================ */
.bn_area {
width: 100%;
padding: 0;
margin: 0 auto;
background-color: #f1f1f1;
}
.bn_area div {
width: 95%;
max-width: 1200px;
margin: 0 auto;
padding: 20px 0 40px 0;
}
.bn_area img {
width: 100%;
}
.bn_area a:hover {
opacity: .6;
}

@media (max-width: 767px) {
      .bn_area {
      width: 100%;
      padding: 0;
      margin: 0 auto;
      }
      .bn_area div {
      width: 96%;
	  padding: 20px 0 20px 0;
      }
}



/* ============================================
	フォーム
============================================ */
input[type="text"]{
	display:block;
	width:100%;
	height:50px;
	font-size:16px;
	line-height:18px;
	padding:10px 10px 10px 10px ;
	color:#000000;
	border: 1px solid #dddddd;
	background-color:#f7f7f7;
}
textarea{
	display:block;
	width:100%;
	min-height:150px;
	font-size:16px;
	line-height:18px;
	padding:10px 10px 10px 10px ;
	color:#000000;
	border: 1px solid #dddddd;
	background-color:#f7f7f7;
	font-weight:500;
}
input::-webkit-input-placeholder{ color:#aaaaaa;}
input:-ms-input-placeholder{ color:#aaaaaa;}
input::-moz-placeholder{ color:#aaaaaa;}




/* ボタン
----------------------------------------------------------- */
input[type="submit"]{
	display:inline-block;
	width:240px;
	height:50px;
	font-size:16px;
	line-height:18px;
	margin:40px auto 40px auto;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	cursor:pointer;
	border:0px;
	background:url(../images/icons/icon_arrow01.png) no-repeat 95% 50% #c40000;
	background-size:15px;
}
input[type="submit"]:hover{
	color:#ffffff !important;
	background:url(../images/icons/icon_arrow01.png) no-repeat 95% 50% #000000;
	background-size:15px;
	transition-duration: 0.3s;
}

input[type="submit"].back{
	display:inline-block;
	width:150px;
	height:50px;
	font-size:16px;
	line-height:18px;
	margin:40px auto 40px auto;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	cursor:pointer;
	border:0px;
	background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #666666;
	background-size:15px;
}
input[type="submit"].back:hover{
	color:#ffffff !important;
	background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #000000;
	background-size:15px;
	transition-duration: 0.3s;
}

/* セレクト
----------------------------------------------------------- */
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height:50px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #dddddd;
	font-size:16px;
	line-height:18px;
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
	background: #f7f7f7;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #f7f7f7;
    height: 100%;
    width: 30px;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent; 
}


@media (max-width: 767px)  {
      input[type="text"]{
      display:block;
      width:100%;
      height:50px;
      font-size:16px;
      line-height:18px;
      padding:10px 10px 10px 10px ;
      color:#000000;
      border: 1px solid #dddddd;
      background-color:#f7f7f7;
      }
      textarea{
      display:block;
      width:100%;
      min-height:150px;
      font-size:16px;
      line-height:18px;
      padding:10px 10px 10px 10px ;
      color:#000000;
      border: 1px solid #dddddd;
      background-color:#f7f7f7;
      font-weight:500;
      }
      input::-webkit-input-placeholder{ color:#aaaaaa;}
      input:-ms-input-placeholder{ color:#aaaaaa;}
      input::-moz-placeholder{ color:#aaaaaa;}




      /* ボタン
      ----------------------------------------------------------- */
      input[type="submit"]{
      display:inline-block;
      width:240px;
      height:50px;
      font-size:16px;
      line-height:18px;
      margin:40px auto 40px auto;
      padding:0px 0px 0px 0px;
      color:#ffffff;
      cursor:pointer;
      border:0px;
      background:url(../images/icons/icon_arrow01.png) no-repeat 95% 50% #c40000;
      background-size:15px;
      }
      input[type="submit"]:hover{
      color:#ffffff !important;
      background:url(../images/icons/icon_arrow01.png) no-repeat 95% 50% #000000;
      background-size:15px;
      transition-duration: 0.3s;
      }

      input[type="submit"].back{
      display:inline-block;
      width:150px;
      height:50px;
      font-size:16px;
      line-height:18px;
      margin:40px auto 40px auto;
      padding:0px 0px 0px 0px;
      color:#ffffff;
      cursor:pointer;
      border:0px;
      background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #666666;
      background-size:15px;
      }
      input[type="submit"].back:hover{
      color:#ffffff !important;
      background:url(../images/icons/icon_arrow03.png) no-repeat 5% 50% #000000;
      background-size:15px;
      transition-duration: 0.3s;
      }

      /* セレクト
      ----------------------------------------------------------- */
      select{
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin: 0;
      height:50px;
      background: transparent;
      position: relative;
      z-index: 1;
      padding: 0 40px 0 10px;
      border: 1px solid #dddddd;
      font-size:16px;
      line-height:18px;
      }
      select::-ms-expand {
      display: none;
      }
      .selectWrap{
      position: relative;
      display: inline-block;
      background: #f7f7f7;
      }
      .selectWrap::before{
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      right: 0;
      background: #f7f7f7;
      height: 100%;
      width: 30px;
      }
      .selectWrap::after{
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      bottom: 0;
      margin: auto 0;
      right: 9px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: #000000 transparent transparent transparent; 
      }

}















/* ============================================
	フューチャーショップ　編集　本当に必要か？？？
============================================ */
@media (max-width: 767px) {
      .fs-l-page {
      padding: 0px 0px 0px 0px!important;
      }
      .fs-l-main {
      padding: 0px!important;
      }
      .fs-pt-carousel {
      margin-bottom: 30px!important;
      }
      .fs-c-productListCarousel {
      margin-bottom: 30px!important;
      }
      .fs-pt-column {
      width: 100%;
      float:none;
      }
      .bnarea .fs-pt-column {
      display:block!important;
      }
      .bnarea .fs-pt-column .fs-pt-column__item {
      display:block;
      float:none;
      width:100%;
      }


      .fs-pt-column {
      display:block!important;
      }
      .fs-pt-column .fs-pt-column__item {
      display:block;
      padding: 8px;
      float: left;
      width: 50%;
      }


}
/* ============================================
	サイド　カテゴリー　フューチャー仕様
============================================ */
.fs-p-sideMenu {
    list-style: none;
    margin: 0px 0px 30px 0px;
    padding: 0;
    width:240px;
}
.fs-p-sideMenu a {
    color: inherit;
    margin:0px;
    padding:0px;
    text-decoration: none;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    border:0px solid #999999;
    display: block;
    width: 100%;
    border-bottom: 1px dotted #cccccc;
    padding:0px;
}
.fs-p-sideMenu .fs-pt-menu__heading {
    display: block;
    padding:0px;
}

.fs-p-sideMenu .fs-pt-menu__heading--lv2 {
    border-bottom:0px solid #999999;
}
.fs-p-sideMenu .fs-pt-menu__link--lv2 {
	display:block;
	width:100%;
	height:auto;
	border-bottom:1px dotted #cccccc;
    background: url(../images/icons/icon_arrow.png) no-repeat 15px 50% #f8f8f8;
    background-size:7px;
	padding:10px 10px 11px 35px;
	font-size:14px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
	font-weight:300;
	transition:all .2s ease;
}
.fs-p-sideMenu .fs-pt-menu__link--lv2:hover {
    padding-left: 0;
    background: url(../images/icons/icon_arrow.png) no-repeat 15px 50% #e9f1ff;
    background-size:7px;
	color:#000000;
	padding:10px 10px 11px 35px;
}
.fs-p-sideMenu .fs-pt-menu__link--lv2::before {
    content:none;
}
.fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item {
    margin-top:0px;
}

/* ===== 35mm　カテゴリー別 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate01.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate01.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== 35mm　メーカー別 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate02.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate02.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== デジタルカメラ ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--digital .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate03.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--digital .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate03.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== 中判 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate04.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate04.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== 大判 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate05.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate05.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== 三脚・雲台 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--san .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate06.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--san .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate06.png) no-repeat 10px 50% #f1f1f1; background-size:25px; color:#000000;}

/* ===== フィルム・レンズ付きフィルム ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--film .fs-pt-menu__link--lv1 a{
	background:url(../images/icons/icon_cate07.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--film .fs-pt-menu__link--lv1 a:hover{ background:url(../images/icons/icon_cate07.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== 書籍・取扱説明書 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--hon .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate08.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--hon .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate08.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== その他 カメラ用品 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate09.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate09.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== キャップ類 ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--cap .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_cate11.png) no-repeat 10px 50% #ffffff;
	background-size:25px;
    display: block;
    height: 50px;
    padding:15px 0px 0px 40px;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--cap .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate11.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

/* ===== アウトレット＆お買い得アイテム ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--OSOK .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_list.png) no-repeat 10px 50% #ffffff;
	background-size:20px;
    display: block;
    padding:10px 0px 10px 40px;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--OSOK .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_list.png) no-repeat 10px 50% #e9f1ff; background-size:20px; color:#000000;}

/* ===== ☆第45回　世界の中古カメラ市 出品予定商品のお知らせ ===== */
.fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
.fs-pt_menu__item--2109M .fs-pt-menu__heading--lv1 a{
	background:url(../images/icons/icon_list.png) no-repeat 10px 50% #ffffff;
	background-size:20px;
    display: block;
    padding:10px 0px 10px 40px;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
	cursor:pointer;
	transition:all .2s ease;
}
.fs-pt_menu__item--2109M .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_list.png) no-repeat 10px 50% #e9f1ff; background-size:20px; color:#000000;}

/*
.fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--digital .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/icons/icon_plus.png) no-repeat center center;
  background-size:10px;
  position: absolute;
  top:18px;
  right:10px;
}

.fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--digital .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1.open:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/icons/icon_minus.png) no-repeat center center;
  background-size:10px;
  position: absolute;
  top:18px;
  right:10px;
}
*/
.fs-pt-menu--lv2 {
  display: block;
}
/*
.fs-p-sideMenu a:hover {
    background: none !important;
    color: inherit !important;
}
*/
.fs-pt-carousel__slide a:hover{
	opacity:0.8;
  transition: 0.3s;
}

@media (max-width: 767px) {
      .fs-p-sideMenu {
      list-style: none;
      margin: 0px 0px 30px 0px;
      padding: 0;
      width:100%;
      }
      .fs-p-sideMenu a {
      color: inherit;
      margin:0px;
      padding:0px;
      text-decoration: none;
      }
      .fs-p-sideMenu .fs-pt-menu__heading--lv1 {
      border:0px solid #999999;
      display: block;
      width: 100%;
      border-bottom: 1px dotted #cccccc;
      padding:0px;
      }
      .fs-p-sideMenu .fs-pt-menu__heading {
      display: block;
      padding:0px;
      }

      .fs-p-sideMenu .fs-pt-menu__heading--lv2 {
      border-bottom:0px solid #999999;
      }
      .fs-p-sideMenu .fs-pt-menu__link--lv2 {
      display:block;
      width:100%;
      height:auto;
      border-bottom:1px dotted #cccccc;
      background: url(../images/icons/icon_arrow.png) no-repeat 15px 50% #f8f8f8;
      background-size:7px;
      padding:10px 10px 11px 35px;
      font-size:14px;
      line-height:20px;
      text-decoration:none;
      color:#000000;
      font-weight:300;
      transition:all .2s ease;
      }
      .fs-p-sideMenu .fs-pt-menu__link--lv2:hover {
      padding-left: 0;
      background: url(../images/icons/icon_arrow.png) no-repeat 15px 50% #e9f1ff;
      background-size:7px;
      color:#000000;
      padding:10px 10px 11px 35px;
      }
      .fs-p-sideMenu .fs-pt-menu__link--lv2::before {
      content:none;
      }
      .fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item {
      margin-top:0px;
      }

      /* ===== 35mm　カテゴリー別 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate01.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate01.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== 35mm　メーカー別 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate02.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate02.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== デジタルカメラ ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--digital .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate03.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--digital .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate03.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== 中判 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate04.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate04.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== 大判 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate05.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate05.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== 三脚・雲台 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--san .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate06.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--san .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate06.png) no-repeat 10px 50% #f1f1f1; background-size:25px; color:#000000;}

      /* ===== フィルム・レンズ付きフィルム ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--film .fs-pt-menu__link--lv1 a{
      background:url(../images/icons/icon_cate07.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--film .fs-pt-menu__link--lv1 a:hover{ background:url(../images/icons/icon_cate07.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== 書籍・取扱説明書 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--hon .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate08.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--hon .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate08.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== その他 カメラ用品 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate09.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate09.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== キャップ類 ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--cap .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_cate11.png) no-repeat 10px 50% #ffffff;
      background-size:25px;
      display: block;
      height: 50px;
      padding:15px 0px 0px 40px;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--cap .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_cate11.png) no-repeat 10px 50% #e9f1ff; background-size:25px; color:#000000;}

      /* ===== アウトレット＆お買い得アイテム ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--OSOK .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_list.png) no-repeat 10px 50% #ffffff;
      background-size:20px;
      display: block;
      padding:10px 0px 10px 40px;
      font-size: 15px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--OSOK .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_list.png) no-repeat 10px 50% #e9f1ff; background-size:20px; color:#000000;}

      /* ===== ☆第45回　世界の中古カメラ市 出品予定商品のお知らせ ===== */
      .fs-p-sideMenu .fs-pt-menu__link--lv1::after{ content:none;}
      .fs-pt_menu__item--2109M .fs-pt-menu__heading--lv1 a{
      background:url(../images/icons/icon_list.png) no-repeat 10px 50% #ffffff;
      background-size:20px;
      display: block;
      padding:10px 0px 10px 40px;
      font-size: 15px;
      line-height: 18px;
      text-decoration: none;
      color: #000000;
      font-weight: 300;
      cursor:pointer;
      transition:all .2s ease;
      }
      .fs-pt_menu__item--2109M .fs-pt-menu__heading--lv1 a:hover{ background:url(../images/icons/icon_list.png) no-repeat 10px 50% #e9f1ff; background-size:20px; color:#000000;}

      /*
      .fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--digital .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1:after,.fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1:after {
      content: "";
      display: inline-block;
      width: 15px;
      height: 15px;
      background: url(../images/icons/icon_plus.png) no-repeat center center;
      background-size:10px;
      position: absolute;
      top:18px;
      right:10px;
      }

      .fs-pt_menu__item--35_f-k .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--35_f-m .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--digital .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--medium_f .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--large_f .fs-pt-menu__heading--lv1.open:after,.fs-pt_menu__item--youhin .fs-pt-menu__heading--lv1.open:after {
      content: "";
      display: inline-block;
      width: 15px;
      height: 15px;
      background: url(../images/icons/icon_minus.png) no-repeat center center;
      background-size:10px;
      position: absolute;
      top:18px;
      right:10px;
      }
      */
      .fs-pt-menu--lv2 {
      display: block;
      }
      /*
      .fs-p-sideMenu a:hover {
      background: none !important;
      color: inherit !important;
      }
      */
      .fs-pt-carousel__slide a:hover{
      opacity:0.8;
      transition: 0.3s;
      }
}

/* ============================================
	サイド　検索窓　フューチャー仕様
============================================ */
.fs-p-inputGroup {
    display: flex;
    align-items: stretch;
    border: 0px;
    background: #ffffff;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}
.fs-p-inputGroup input[type="text"] {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 10px 10px;
    color: #000000;
    border: 1px solid #121825;
	font-weight: 300;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}
.fs-p-inputGroup .fs-p-searchForm__button {
    overflow: hidden;
    position: relative;
    text-indent:0px;
    width: 4em;
    height: 40px;
	font-weight: 300;
}
.fs-p-inputGroup .fs-p-searchForm__button::before {
    display:none !important;
}

@media (max-width: 767px) {
      .fs-p-inputGroup {
      display: flex;
      align-items: stretch;
      border: 0px;
      background: #ffffff;
      -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      overflow: hidden;
      }
      .fs-p-inputGroup input[type="text"] {
      display: block;
      width: 100%;
      height: 40px;
      font-size: 14px;
      line-height: 16px;
      padding: 10px 10px 10px 10px;
      color: #000000;
      border: 1px solid #121825;
      font-weight: 300;
      -webkit-border-radius: 5px 0px 0px 5px;
      -moz-border-radius: 5px 0px 0px 5px;
      border-radius: 5px 0px 0px 5px;
      }
      .fs-p-inputGroup .fs-p-searchForm__button {
      overflow: hidden;
      position: relative;
      text-indent:0px;
      width: 4em;
      height: 40px;
      font-weight: 300;
      }
      .fs-p-inputGroup .fs-p-searchForm__button::before {
      display:none !important;
      }
}

/* ============================================
	アウトレット＆お買い得アイテム　フューチャー仕様
============================================ */
.fs-c-productListCarousel__list__item {
    flex-basis: 208px;
    max-width: 208px;
    min-width: 208px;
    height: 210px;
    margin: 0px;
    padding: 0px 15px 0px 15px;
    border-right: 1px dotted #cccccc;
}
.fs-c-productListItem__image {
    height: 125px;
}
.fs-c-productName__name{
    display: block;
    font-size: 14px;
	line-height: 24px;
}
.fs-c-productName__copy{
    display: block;
    font-size: 12px;
	line-height: 14px;
}
.fs-c-productListCarousel__list__item .fs-c-productListItem__productName {
    display: flex;
    flex-direction: column;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    color: #666666;
    font-weight: 300;
    overflow: hidden;
    height: 4em;
}
.list ul.fs-c-productMark{
	margin: 0px auto 0px auto!important;
}
.list ul.fs-c-productMark li{
	display: block!important;
	width: auto!important;
}

@media (max-width: 767px) {
      .fs-c-productListCarousel__list__item {
      flex-basis: 208px;
      max-width: 208px;
      min-width: 208px;
      height: 210px;
      margin: 0px;
      padding: 0px 15px 0px 15px;
      border-right: 1px dotted #cccccc;
      }
      .fs-c-productListItem__image {
      height: 125px;
      }
      .fs-c-productName__name{
      display: block;
      font-size: 14px;
      line-height: 24px;
      }
      .fs-c-productName__copy{
      display: block;
      font-size: 12px;
      line-height: 14px;
      }
      .fs-c-productListCarousel__list__item .fs-c-productListItem__productName {
      display: flex;
      flex-direction: column;
      margin: 5px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
      color: #666666;
      font-weight: 300;
      overflow: hidden;
      height: 4em;
      }
      .list ul.fs-c-productMark{
      margin: 0px auto 0px auto!important;
      }
      .list ul.fs-c-productMark li{
      display: block!important;
      width: auto!important;
      }

}

/* ============================================
	さらに絞り込む　ヒューチャー対応
============================================ */
.fs-c-subgroup {
	margin: 0;
	padding: 0;
}
/*
.fs-c-subgroup:before{
	content:"さらに絞り込む";
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    color: #ffffff;
	position:absolute;
	top: 20px;
	left: 50px;
}
*/
.fs-c-subgroup .fs-c-listControl{
	display:none;
}
.fs-c-subgroupList {
    box-sizing: border-box;
    list-style: none;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0px 0px 40px 0px;
    padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
.fs-c-subgroupList > li {
    box-sizing: border-box;
	height:80px;
}
.fs-c-subgroupList__link {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0s;
    background: rgba(126, 126, 126, 0.08);
    border: 1px solid #dddddd;
    color: inherit;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr 1.2em;
    grid-template-columns: auto 1fr 1.2em;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
    align-items: center;
    height: 100%;
    padding:10px 20px 10px 20px;
    text-decoration: none;
	font-weight:600;
	font-size:18px;
	line-height:1em;
	text-align: center;
}

@media (max-width: 767px)  {
/*闇市　大判中判小型の下階層のグレーのナビ*/
      .fs-c-subgroupList {
      display: block;
      }
      .fs-c-subgroupList > li {
      height: auto;
      }
      .fs-c-subgroupList__link {
      height: 100%;
      padding: 5px 20px 5px 20px;
      font-weight: 600;
      font-size: 14px;
      line-height: 1em;
      text-align: left;
      }
}





.side .fs-pt-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    align-items: flex-start;
    /*width: 50%;*/
    /*float: left;*/
}

.fs-pt-carousel {
    margin-bottom: 10px;
}

.fs-body-closed .fs-l-main {
    height: 100vh !important;
	margin: -40px 0px 0px 0px !important;
}

/* ============================================
	闇市サイト　調整
============================================ */
.gr190{
	width:100%;
	max-width: 1200px !important;
	margin:0px auto 0px auto !important;
}
.gr190 .fs-c-inputInformation__message {
    margin: 40px auto;
    font-size: 24px;
}
.gr190 .fs-c-blackmarketPasswordField {
    width: 18em;
}
.gr190 .fs-c-inputGroup {
    border: 2px solid #ccc;
    border-radius: 5px;
    min-height: 3.8em;
	padding: 0px 10px;
}
.gr190 .fs-c-button--primary {
    width: 50%;
    margin: 0px auto 50px auto;
}

/*紺色のナビ*/
.navigation ul.gr190_nav li{
width:33%;
}
.navigation ul.gr190_nav li:first-child a{
background:url("../images/icons/icon_nav04.png") no-repeat 50% 13px #00256b;
background-size:36px;
}
.navigation ul.gr190_nav li:nth-child(2) a{
background:url("../images/icons/icon_nav05.png") no-repeat 50% 13px #00256b;
background-size:36px;
}
.navigation ul.gr190_nav li:nth-child(3) a{
background:url("../images/icons/icon_nav03.png") no-repeat 50% 13px #00256b;
background-size:36px;
}




.fs-c-subgroupList__link::after {
    color: #333333;
    font-size: 3.2rem;
}
.fs-c-subgroupList__item {
    flex-basis: calc(19% + 1px);
    /*margin-left: 10px;*/
    margin-top: -1px;
}
.fs-c-subgroupList__item:first-child {
    margin-left: 0px;
}


/*グレーのニュース枠*/
.fs-pt-list {
    width: 100%;
    padding: 10px 20px 10px 20px;
    margin: 0px 0px 10px 0px;
    border: 2px solid #cccccc;
}

@media (max-width: 767px) {
      /*商品ページ全体の幅を少し内に*/
      .gr190{
      width: 94%;
      margin: 0 auto 20px auto !important;
      }
	  
	  /*紺色のナビ　スマホでは非表示*/
      .navigation {
      display: none;
      }
      
	  /*グレーのニュース枠*/
      .fs-pt-list {
      width: 100%;
      padding: 3% 5% 3% 5%;
      margin: 0px 0px 10px 0px;
      border: 2px solid #cccccc;
      }
}


/* ============================================
	ブログ編集用に簡単にしました
============================================ */
.info{
}
.info h2{
	width:100%;
	margin:0px 0px 20px 0px;
	padding:20px 20px 20px 20px;
	font-size:24px;
	line-height:26px;
	font-weight:300;
	color:#ffffff;
	background-color: #00256b;
}
.info h3{
	width:100%;
	margin:0px 0px 20px 0px;
	padding:20px 20px 20px 20px;
	font-size:18px;
	line-height:20px;
	font-weight:300;
	color:#121825;
	border-left:5px solid #121825;
	background-color:#eeeeee;
}
.info h4{
	width:auto;
	display:inline-block;
	color:#000000;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	margin:0px 0px 10px 20px;
	padding:0px 0px 15px 0px;
	border-bottom:3px solid #000000;
}
.info p{
	color:#000000;
	font-size:16px;
	line-height:30px;
	font-weight:300;
	margin:0px 0px 20px 20px;
	padding:0px;
}
.info p.right{
	text-align: right;
}

@media (max-width: 767px) {
      .info{
      }
      .info h2{
      width:100%;
      margin:0px 0px 20px 0px;
      padding:20px 20px 20px 20px;
      font-size:24px;
      line-height:26px;
      font-weight:300;
      color:#ffffff;
      background-color: #00256b;
      }
      .info h3{
      width:100%;
      margin:0px 0px 20px 0px;
      padding:20px 20px 20px 20px;
      font-size:18px;
      line-height:20px;
      font-weight:300;
      color:#121825;
      border-left:5px solid #121825;
      background-color:#eeeeee;
      }
      .info h4{
      width:auto;
      display:inline-block;
      color:#000000;
      font-size:16px;
      line-height:18px;
      font-weight:500;
      margin:0px 0px 10px 20px;
      padding:0px 0px 15px 0px;
      border-bottom:3px solid #000000;
      }
      .info p{
      color:#000000;
      font-size:16px;
      line-height:30px;
      font-weight:300;
      margin:0px 0px 20px 20px;
      padding:0px;
      }
      .info p.right{
      text-align: right;
      }
}

