@charset "utf-8";

@font-face {
        /*src: url("../font/jcn-sans.woff") format("woff");無理やり明朝体に統一*/
	/*src: url("../font/jcn-serif.woff") format("woff");*/
	src: url("../font/jcn-sans.woff") format("woff");
        font-family: "Noto Sans JP";
        font-style: normal;
        font-display: swap;
      }
@font-face {
        /*src: url("../font/jcn-serif.woff") format("woff");*/
		src: url("../font/jcn-sans.woff") format("woff");
        font-family: "Noto Serif JP";
        font-style: normal;
        font-display: swap;
      }
body{
	font-family: 'Noto Serif JP', serif; 
	font-size: 14px;
	margin-top: 0px;
}
html {
  font-family: 'Noto Serif JP', serif; 
  max-width: 1020px;
  margin: 0 auto;
}
.wf-min { font-family: 'Noto Serif JP', serif; }
.wf-gos { font-family: 'Noto Sans JP', sans-serif;}
.fix-menu {
  position: fixed;
  top: 25;
  height: auto;
  z-index: 999;
  width: 100%;
  background-color:rgba(255,255,255,1.00);
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {	text-decoration: none;}
.main {	padding: 0px;}
.fotter {	text-align: right;}
.n1 {
	border-color: #fff;
	bottom: 0px;
	position: relative;
}
.im1{	align-items: center;}
.nav>li>a {    padding: 0px 0px;}
.navbar{padding: 0px!important;margin: 0px!important;}
.navbar-brand{line-height: 48px;}
.navbar-nav .navbar-brand:hover,
.navbar-nav .navbar-brand:focus {
  color: #000000;
  background-color: transparent;
}
.navbar-nav .navbar-text {  color: #000000;}
.navbar-nav > li > a {
  color: #000000;
	text-decoration: none;
}
.nav-item{
	font-size: 14px;
	padding-top: 5px;
}
@media (min-width:768px){
	.navbar-nav > li {
	  width: auto;
	  flex-wrap: nowrap;
		text-align: center;
	}
}
@media (min-width:1200px){
	.navbar-nav > li {
	  width: 99px;
	  flex-wrap: nowrap;
		text-align: center;
	}
}
@media (max-width:767px){
	.navbar-nav > li {
		padding-right: 20px;

	}
	.nav-item{
	font-size: 14px;
	padding-top: 0px;
	}
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #000000;
  background-color: #FFD7AC;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #e7e7e7;
}
.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
  color: #000000;
  background-color: transparent;
}
@media (max-width:767px){
	.navbar-collapse {
	  	position: fixed;
		width: 40%;
		text-align: right;
		padding-right: 20px;
		right: 0px;
		top: 60px;
	  overflow-x: visible;
	  -webkit-overflow-scrolling: touch;
	  border-top: 1px solid transparent;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
			  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
	}
	.navbar-toggler{
		right: 0;
		position: fixed;
		margin-right: 40px;
	}
}
ul#menu{
	background-color:#FFFFFF;
	border-color:transparent;
}

@media (max-width:767px){
	.t1{
		height: 40px;
		position: relative;
		left: 10px;
		pointer-events:none;/*重なりがトグルボタンの上になってボタンが押せなくなるのでこのイベントを無効化 */
	}	
}
@media (min-width:768px) and (max-width:1023px){
	.t1{
		height: 0px;
		top: 30px;
		left: 50px;
		position: relative;
	}
}
@media (min-width:768px){
	.pc-hide{		display: none !important;	}
}
@media (min-width:1024px){
	.t1{
		height: 40px;
		left: 0px;
		
		position: relative;

	}
	.pc-hide{		display: none !important;	}
}
@media (min-width:1200px){
	.t1{
		height: 40px;
		left: 50px;
		position: relative;

	}
	.pc-hide{		display: none !important;	}
}

@media (min-width: 768px) {
  .container {    width: 760px;  }
}
@media (min-width: 800px) {
  .container {    width: 790px;  }
}
@media (min-width: 1200px) {
  .container {    width: 1170px;  }
}
.container {  max-width: 100%;}
.col-md-1, .col-lg-1, .col-md-2, .col-lg-2,  .col-md-3, .col-lg-3,  .col-md-4, .col-lg-4,  .col-md-5, .col-lg-5,  .col-md-6, .col-lg-6, .col-md-7, .col-lg-7,  .col-md-8, .col-lg-8,  .col-md-9, .col-lg-9,  .col-md-10, .col-lg-10, .col-md-11, .col-lg-11,  .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left:  5px;
}
.col-1, .col-sm-1, .col-2, .col-sm-2, .col-3, .col-sm-3, .col-4, .col-sm-4, .col-5, .col-sm-5, .col-6, .col-sm-6, .col-7, .col-sm-7, .col-8, .col-sm-8, .col-9, .col-sm-9, .col-10, .col-sm-10, .col-11, .col-sm-11,  .col-12, .col-sm-12  {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left:  5px;
}
.c1 {
	position: relative;
	bottom: 0px;
	margin-left: 0px;
}
.table-row20 {
	margin-left: 20px;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}

.va-top { vertical-align: top;
padding : 0px 0px 0px 20px; }
.va-mid { vertical-align: middle; }
.va-bot { vertical-align: bottom; }.m1 {
}
.br1 {
	background-color:#FFFFFF;
	border-color:transparent;	
	float:left;
}
.main2sub {
	padding-left: 5%;
}
.hin_font {
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	text-align: left;
}
.shop_font {
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	line-height: 24px;
}
.shop_font_left {
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}
.shop_font_s {
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 24px;
}
.shop_font_13 {
	font-family: 'Noto Serif JP', serif;
	font-size: 13px;
	line-height: 20px;
}
.shop_font_14 {
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 20px;
}
.shop_font_products {
	font-family: 'Noto Serif JP', serif;
	font-size: 13px;
	line-height: 20px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}
.shop_font_products_sub {
	font-family: 'Noto Serif JP', serif;
	font-size: 13px;
	line-height: 20px;
	padding: 2px 0px 15px 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}
@media (max-width:767px){
	.shop_font_products {
	font-family: 'Noto Serif JP', serif;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 0px 2px 0px;
	text-align: center!important;
	margin-left: auto;
	margin-right: auto;	
	}
	.shop_font_products_sub {
	font-family: 'Noto Serif JP', serif;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 0px 15px 0px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;	
	}
}
.shop_font_24 {
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	line-height: 30px;
}
.shop_font_18 {
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 20px;
}
.shop_font_16 {
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	line-height: 20px;
}
.shop_font_12 {
	font-family: 'Noto Serif JP', serif;
	font-size: 12px;
	line-height: 20px;
}
.shop_font_11 {
	font-family: 'Noto Serif JP', serif;
	font-size: 11px;
	line-height: 20px;
}
.shop_font_10 {
	font-family: 'Noto Serif JP', serif;
	font-size: 10px;
	line-height: 20px;
}
.shop_font_l {
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 24px;
}
.shop_font_l_left {
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 24px;
	text-align: left !important;
}
.shop_font_s_left {
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	padding-left: 10px;
}
.table-row-f14-30 {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding-left: 30px;
	padding-right: 30px;
	text-indent: 0px;
}
.table-row-f14-30d {
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-indent: -2em;
	padding-left: 10px;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
	position: relative;
  z-index: 214748364;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.img_over{
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;
	width: 100%;
	height: 100%;
}
.img_main{
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;
	width: 100%;
	height: 100%;
}
@media(max-width:575px){
	.img_over{
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;
	width: 80%;
	height: 80%;
}
.img_main{
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;
	width: 80%;
	height: 80%;
}
}
.j_kazu{
	vertical-align:middle 0.5em;
	font-size:13px;
}
.j_submit{
	vertical-align:text-bottom 1em;
	font-size:12px;
}
.td_t{
	white-space: nowrap;
	text-align: right ;
	vertical-align: top;
	width: 100px;
	min-width: 100px;
}
.td_t_l{
	white-space: nowrap;
	text-align: left;
	text-align-last: justify;
	vertical-align: top;
	padding-right: 15px;
	width: 100px;
	min-width: 100px;
}
.td_left_roku{	text-align: left !important;}
@media (max-width:767px){
	.td_left_roku{
		text-align: left;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
}
.td_left{	text-align: left !important;}
@media (max-width:767px){
	.tb_left{
		text-align: center;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.tb_mgn{
		margin-left: 0px;
		margin-right: 50px;
	}
}
.jcn-flex{text-align: center;}
.jcn-small{font-size: 16px;}
.jcn80{font-size: 16px;}
.gazou{
	width: 70%;
}
.gazou2{	padding: 0 0 0 10px;}
@media (max-width:767px){
	.gazou{		width: 90%;	}
	.gazou2{		padding: 0 0 0 5px;	}
	.jcn-flex{text-align: left;}
	.jcn-small{font-size: 10px;}
	.jcn80{font-size: 14px!important;}
}
.c{
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;	
}
.tr_c td,tr{
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;	
}
.form_c{	text-align: end;}
.alt-table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.hov:hover img {opacity: 0.5;}
.li_hov li a:hover {
	display: block;
	background: #EBF6FB;}
.li_hov li a {
	display: block;
	text-decoration: none;
	width: 100%;}
.li_set {
	display:inline-block;
	display: block;
	line-height: 40px;
	padding: 0;
}
.li_set_h {
	display:inline-block;
	display: block;
	line-height: 40px;
	padding: 0;
}
@media (max-width:767px){
	.li_set {
	display:inline-block;
	display: block;
	line-height: 32px;
	padding: 0;
	}
}
input[type="submit"],input[type="button"]{
  display: inline-block;
  padding: 0.3em 1.2em 0.2em 1.2em;
  text-decoration: none;
  background: #BCE2E8;/*ボタン色*/
  color: #000;
  border:none;
}
input[type="submit"]:active,input[type="button"]:active {
  /*ボタンを押したとき*/
  opacity: 0.5;
}
select{  padding: 0em 0em 0em 1.0em;}
.tanpin{	padding: 0.3em 0.7em 0.3em 0.5em;}
.inblock{white-space: nowrap;display: inline-block;}
.inblock select{width:45px;padding-left: 3px;}
@media screen and (max-width:550px){
	.sp-br{display:block;}
}
.justi td{
	text-align: justify;
  	text-justify: inter-ideograph;
}
.order_ti{
	text-align: center !important;
	background:#858684;
	color: #FFFFFF;
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.text-narrow {    transform: scale(0.8, 1);}
.carousel-indicators {
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #C4C4C4;
  background-color: rgba(193,193,193,1.00);
  border: 1px solid #C4C4C4;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #000;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}
.containerslide{
  padding-right: 0px;
  padding-left: 0px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.container {
  padding-right: 5px;
  padding-left: 5px;
  max-width: 97%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width : 767px){
	html,
	body {
/*		overflow-x: hidden;
		overflow-y: scroll;*/
		-webkit-overflow-scrolling: touch;
	}
}
/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}
.jcn-flex{text-align: center;}
.jcn-small{font-size: 16px;}
.jcn-small90{
		font-family: 'Noto Serif JP', serif;
		font-size: 20px;
		line-height: 16px;
		vertical-align: -0.2em;
}
.jcn-f13-11{font-size: 13px;padding-left: 1em;display: inline-block; }
.jcn-big{font-size: 90%;margin-top: 0.2%;}
.gazou{	width: 70%;}
.gazou2{width: 80%;}
.pc-view{display: block;}
.sm-view{display: none;}
.brsp{display: none;}
.brlg{display: block;}
.index-v-margin{padding-top: 0px;}
.padding-sm90{padding-left: 0px;padding-right: 0px;}
.top_img{padding-left: 20px!important;padding-right: 20px!important;margin-left: 15px!important;margin-right: 15px!important;}
@media (max-width:767px){
	.gazou{		width: 90%;	}
	.gazou2{width: 97%;}
	.pc-view{display: none;}
	.sm-view{display: block;}
	.brsp{display: block;}
	.brlg{display: none;}
	.jcn-flex{text-align: left!important;}
	.jcn-small{font-size: 11px;}
	.jcn-small90{font-size: 13px!important;}
	.jcn-f13-11{font-size: 11px!important;padding-left: 1em;}
	.jcn-big{font-size: 100%;}
	.index-v-margin{padding-top: 30px;}
	.padding-sm90{padding-left: 5%;padding-right: 5%;}
	.top_img{padding-left: 0px!important;padding-right: 0px!important;margin-left: 0px!important;margin-right: 0px!important;}
}
.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding: 0.5rem 0.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  /*border-radius: 0.5rem;*/
  margin-bottom: 3px;
}
a.btn-border-blue {
  border: none;
  border-radius: 0;
  background-color: #BCE2E8;
}

a.btn-borde-blue:hover {
  color: #000000;
  background: #00ced1;
}

a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}
a.btn-radius-no-solid {
  border: none;
  color: black;
  background:  white!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  /*-webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;*/
}

a.btn-radius-no-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}
.shop-padding{padding-top: 5px;}
.shoplist{
	border: none!important;
	background-color: #F5F5F5;
	text-align: left!important;
	vertical-align: bottom;
	margin-bottom: 0px;
	line-height: 30px;
	padding: 2px 5px!important;
}
.jcn-indent{
	text-align: left;
	text-indent: -1em;
	padding-left:1em;
}
.j_item_pearent{
	display: flex;
	align-content: stretch;
	white-space: nowrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 14px;
	color: #000000;
}
.j_item{
	line-height: 18px;
	text-align: left;
	min-width: 100px;
	padding-right: 5px!important;
	padding-left: 0px!important;
}
@media(max-width:767px){
	.j_item_pearent{
		white-space: normal;	
	}
	.j_item{min-width: auto;}
}
.reizou{
	 width:63px;
	 height:20px;
	 vertical-align:middle!important;
	 margin-bottom: 2px!important;
	 margin-left: 5px!important; 
}
	a.anchor{
		display: block;
		padding-top: 62px;
		margin-top: -62px;
	}
.sub_top{
	padding-left: 20px;
	padding-right: 0px;
	max-width: 100%;
}
.right-20-5{
	padding-left: 0px;
	padding-right: 20px;
	max-width: 100%;
}
.top-20-0{padding-top: 20px;}
@media(max-width:767px){
	.sub_top{	    padding-left: 5px; }
	.right-20-5{	padding-right: 5px;}
	.top-20-0{padding-top: 0px;}
}
/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 0.2rem;
	right: 0.2rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #928F8F;
	text-decoration: none;
}
.jcn-box1 {
    padding: 0.5em 1em;
    margin: 0 0;
    color: #ffffff;
    background: #353535;/*背景色*/
    border-top: solid 6px #FF3F00;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
	text-align: center;
}
.jcn-box1 p {
    margin: 0; 
    padding: 0;
}
.jcn-box1-text{
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	line-height: 1.5;
	padding: 20px 10px 15px 10px;
}
.jcn-box3 {
	font-family: 'Noto Serif JP', serif;
    padding: 0px 5px;
    margin: 10px 5px;;
	font-size: 18px;
    color: #777;
    background: #efefef;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
.jcn-box3 p {
    margin: 0; 
    padding: 0;
}
.jcn-box5 {
	font-family: 'Noto Serif JP', serif;
	width: 80%;
	vertical-align: middle;
    padding: 0px 5px;
    margin: 10px 5px;
	font-size: 18px;
    color: #777;
    background: #efefef;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
.jcn-box5s {
	font-family: 'Noto Serif JP', serif;
	width: 80%;
	vertical-align: middle;
    padding: 0px 5px;
    margin: 10px 5px;;
	font-size: 14px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
@media(max-width:767px){
	.jcn-box5 {
		font-size: 16px;
		width: 98%;
	}
	.jcn-box5s {
		width: 98%;
	}
}