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

/*
20201010修正　…メニュー修正
20221126追加　…アプリDLボタン マージン
20201010修正　…メニュー修正
20230517追加　…共通・お知らせ・一覧 追加
20230721追加　…ご愛顧プレゼント
20230824追加　…NEXT紹介ページ 主な機能 特徴 デザイン修正
20231213追加　…フッターSNS・スマホ用追加
20240110修正　…お知らせ一覧 年度リンクSP表示 改行修正
20240116追加　…定期お知らせ
*/

/*
・font
・table
・共通
・コーナー用
・製品情報用
・星取り用 table 旧サイトclass使用
・リンク色
・navbar/sabnav
・header icon
・footer PC用
・tab
・ハンバーガー
・gnav
・スマホフッターナビ
・サブナビ
・seach box
・margin独自
・navbar PC
・特徴
・dlbソフト一覧
・サイトマップ
・アニメ
・sft
・お知らせ・一覧
・スマホ用@media
*/


body {

/*font-family: Meiryo, メイリオ, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif, dashicons, Verdana, Arial;*/
    color: #333333;
    line-height: 1.42857;

letter-spacing: 0px;
}

/* font */
.alert, .badge, .breadcrumb, .btn, .form-control, .input-gruop, .label, .lead, .list-group, .nav-pills, .nav-tabs, .navbar, .no-thank-yu, .pager, .pagination, .panel-heading, .panel-title, .popover, .tooltip {
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;*/
}


iframe {
	border:none;
}

p {
	margin: 0 0 11px;
}



hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #ccc;
}

.text-muted {

}

.text-primary {

}

.text-success {
color: #1C8A0B;
}

.text-info{

}

.text-warning{
color:#ff5700;

}

.text-danger{

}


h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size:80%;
}


.lead_small {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.border-btm{
 border-bottom:1px solid #ddd;
}

.border-top_no{
 border-top:none;
}

.bg {
	background:#eee;
}

.price{
font-weight:bold;
color:#000;
font-size:14px;
margin-bottom:0px;
}

.kingaku {
font-size:24px;

}
.getugaku {
color:#000;
}


.label-default {
  background-color: #fff;
  border:1px solid #ccc;
  color:#ccc;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.width100{
	width:100%;
}

/* table */


.table small {
	font-size:12px;
	display:block;
	line-height:1.2em;
}

/* bootstrapカスタマイズ */
/*.bg-primary {
  color: #000;
  background-color: #efefef;
} */


.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
  font-size:24px;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 100px;
  padding-left: 100px;
  border-radius: 6px;

}
.jumbotron .container {
  max-width: 100%;
}

/*▼▼------ 20230517追加 ------▼▼*/
/* 共通 */
.bold {/*.font-weight-boldはbootstrap3に無い。<b>:意味無 か <strong>:強調の意 でも太字*/
  font-weight: bold;
}
.f_MS {
  font-size: 12px;
}
.f_M {
  font-size: 14px;
}
.f_L {
  font-size: 18px;
}
.f_LL {
  font-size: 22px;
}
.f_3L {
  font-size: 36px;
}
.normal {
  font-weight: normal;
}
.f_white {
  color: #fff!important;
}
.f_gray {
  color: #666!important;
}
.f_black {
  color: #333!important;
}
.uLine {/*<u>:意味無 でも下線*/
  text-decoration: underline;
}
.bg_black {/*ivoryblack*/
  background-color: #333;
}
.w_fitCon {
  width: fit-content;
}
.padding_1 {
  padding: 15px;
}
.paddingN {
  padding: 4px;
}
.bdr_gray {/*gainsboro*/
  border: 1px solid #dcdcdc;
}
.flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.flex > * {
  flex: 0 0 auto;
}
/*▲▲------ 20230517追加 ------▲▲*/

/* コーナー用 */
.jumbotron--cm
 {
    background: url(/fun/imgs/top_bg.jpg) center left no-repeat;
    background-size: cover;
	height:270px;
    color: #fff;
}

.jumbotron--cm h1,.jumbotron--cm .h1
 {
 	margin-top:50px;
	font-size:30px;
}

.jumbotron--cm p
 {
	font-size:18px;
}

/* 製品情報用 */
.container .jumbotron--seihin,
.container-fluid jumbotron--seihin {
margin:0;
padding:0;
  border-radius: 0px;
 width: 100%;
  max-width: 850px;
  height:260px;
}

.jumbotron--seihin {
    background: url(/com2017/imgs/seihin/main_seihin.jpg) top left no-repeat;
   background-size:auto ;
border-radius: 0px;

    color: #000;
}

/* 星取り用 table 旧サイトclass使用 */
#star td {
 text-align:center;
}

#star .cellS {
 text-align:center;
 width:70px;
}

#star .headingHoshi th {
 text-align:center;
 vertical-align:middle;
}

#star th {
	 background:#efefef;
}



/*@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 30px;
  }
} */


.header_wrap {
	margin:5px auto 5px;

}

/* bootstrapナビバー左右余白調整 */
.navbar-collapse {
 	padding: 0px;
}


.breadcrumb > li + li:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #000;
}

.breadcrumb > .active {
color: #333333;
}

.pankuzu_wrap {
  background-color: #efefef;
  margin-bottom: 45px;
font-size:12px;
}


.breadcrumb {

	color: #333333!important;
	background:#efefef;
}




/* リンク色 */

a {
  color: #0066cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2e7d32;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}




.waku1_b img {
	margin-bottom:20px;
}

.waku1_b img:hover{
opacity: 0.7 ;
}

.waku1_b a:hover {

}

.img_hover img:hover {
opacity: 0.8 ;
}

.container a {
}

.pankuzu_wrap a {
	color:#333333!important;
}


header a {
color:#333;
	text-decoration: none;
letter-spacing: 0px;

    line-height:1.0;
}

header a:hover {
	text-decoration: underline;

}
header a:visited {

}

.list_midashi a {
 color:#333;
  text-decoration: none;
}

.list_midashi a:hover {
 color:#2e7d32;
  text-decoration: underline;
}

/* navbar----------------------------- */
.nav a {
  text-decoration: none;
}
/* sabnav----------------------------- */

.list-group a {
  text-decoration: none;
}
header #search_box {
  margin-top: 10px;
}
/* header icon----------------------------- */
.icon-first:before {
  content: url(/com/imgs/icon-hdr-wakaba.gif);
  position : relative;
  bottom : -0.16em;
  margin-right : 0.3em;
}
.icon-fun:before {
  content: url(/com/imgs/icon-hdr-fun.gif);
  position : relative;
  bottom : -0.16em;
  margin-right : 0.3em;
}
.icon-mypage:before {
  content: url(/com/imgs/icon-hdr-login.gif);
  position : relative;
  bottom : -0.16em;
  margin-right : 0.3em;
}
.icon-mypage iframe {
  vertical-align: middle;
}
.title {
  margin-top: 10px;
}
.title span {
  font-size: 14px;
  display: block;

  font-weight: normal;
}
.logo {
  margin-top: 10px;
  width: 189px;
  height: auto;
  font-weight: normal;
}

/* footer PC用-----(2018.7.24更新)----------- */

.pcfooter {
  padding-top: 60px;
  line-height:1.8em;
}

.copyright {
  font-size: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pcfooter_wrap {
margin-top:90px;
padding-top:20px;
font-size:10px;
color: #333;
}

.pcfooter_wrap a {
  color: #333;
}

.pcfooter_wrap h4 {
	margin-top:0px;
	padding-top:0px;
	font-size:16px;
	font-weight:normal;
	margin-bottom:0px;
}

.pcfooter_wrap h5 {
	margin-top:20px;
	padding-top:0px;
	font-size:13px;
	font-weight:normal;
	margin-bottom:14px;
}

.pcfooter_wrap h5 a {

	font-size:13px;
	font-weight:normal;
	color: #333;
}

.pcfooter_wrap ul {
	padding:0px;
	margin:0px;
}

.pcfooter_wrap li {
	padding:0px;
	margin:0 0 4px 0;
	list-style: none;
	line-height:1.2em;
}



.pcfooter_wrap li:before {
  font-family: FontAwesome;
  content: '\f105';
  padding-right:4px;
}

.footer_list-inline li {
  float:left;
  padding-right: 30px;
  padding-left: 10px;
}

.footer_line {
 border-top:1px solid #eee;
 padding-top:10px!important;
 padding-bottom:20px;
}

div#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index:1000;
}

div#back-to-top a {
 /* display: inline-block;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 1em 4px;
  background: #fff;
  color: #000;*/
  
 display: block;
  z-index: 999;
  padding: 12px auto 0;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  background-color: #393939;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center; 
 font-size:30px; 
}

div#back-to-top a:hover {
  color: #fff;
  opacity: 0.7;
}



/* フッターSNS・スマホ幅リンク追加-----(20231213追加)----------- */
#footerSNS {
  width: fit-content;
  margin: 20px auto 0 auto;
}
#footerSNS li:before {
  content: "";
  padding-right: 0;
}
#footerSNS li {
  display: inline-block;
}
#footerSNS li:not(:last-child) {
  margin-right: 20px;
}
/*スマホ幅*/
footer .cont a:hover {
  opacity: 0.7;
}
#footerSPLink {
  color: #333;
  margin-top: 50px;
  padding: 4px 10px;
  background-color: #ddd;
}
#footerSPLink a {
  color: #333;
}
#footerSPLink .category {
  font-size: 14px;
  font-weight: bold;
}
#footerSPLink .category:has(+ .category) {
  padding-bottom: 6px;
}
#footerSPLink .category a:hover {
  text-decoration: none;
}
#footerSPLink ul {
  padding: 6px 0;
}
#footerSPLink li {
  list-style: none;
  padding: 1px 0;
}
#footerSPLink li::before {
  font-family: FontAwesome;
  content: '\f105';
  padding: 0 10px 0 0;
}
#footerSNS2 {
  padding: 30px 0 15px 0;
  background-color: #ddd;
}
#footerSNS2 ul {
  width: fit-content;
  margin: 0 auto;
}
#footerSNS2 li:before {
  content: "";
  padding-right: 0;
}
#footerSNS2 li {
  display: inline-block;
}
#footerSNS2 li:not(:last-child) {
  margin-right: 16px;
}
#footerSNS2 li img {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  footer .copyright {
    font-size: 11px;
    color: #666;
    padding: 10px 0 40px 0;
    background: linear-gradient(to bottom, #DDDDDD 0%, #F9F9F9 100%);
    background-color: #ddd;
  }
}



/* tab----------------------------- */

.disnon {
  display: none;
}

.tabSection {
  margin: 20px auto 0;
  width:100%;
  

}
.main_tab {
  table-layout: fixed;
  text-align: center;
  display: table;
  width: 100%;
/*border: 1px solid #ddd;*/
}
ul.main_tab {
  margin: 0;
  padding: 0;
}
.main_tab li {
  display: table-cell;
  vertical-align: middle;
    /*width: 100%;*/
height: 40px;
  font-size:14px;
  line-height:1.0em;
  color: #333;
  background: #ddd;
  
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#f5f5f5', GradientType=0);
  background-repeat: repeat-x;
cursor: pointer;
}

.main_tab li:last-child {
border-right:none;
}



.topT {
    /*border-bottom: 1px solid #8E8E8E;*/
}

.btmT {
    /*border-top: 1px solid #8E8E8E;*/
}


.main_tab a {
  padding: 0 6px;/*20230803修正*/
  display: table-cell;
    text-decoration: none;
  _zoom: 1;
  display: block;
  color: #333;


}
.main_tab li.current{
		color: #fff;
		background:#393939;

		background-image: -moz-linear-gradient( 90deg, rgb(16,17,16) 0%, rgb(16,17,16) 1%, rgb(81,83,82) 1%, rgb(101,102,101) 52%, rgb(111,111,111) 83%, rgb(120,120,120) 99%, rgb(141,140,140) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(16,17,16) 0%, rgb(16,17,16) 1%, rgb(81,83,82) 1%, rgb(101,102,101) 52%, rgb(111,111,111) 83%, rgb(120,120,120) 99%, rgb(141,140,140) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(16,17,16) 0%, rgb(16,17,16) 1%, rgb(81,83,82) 1%, rgb(101,102,101) 52%, rgb(111,111,111) 83%, rgb(120,120,120) 99%, rgb(141,140,140) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101110', endColorstr='#515352',GradientType=0 );
}

.main_tab li.current a {
  background: transparent;
  color: #fff;
}

.tabSection .content_area {
  padding: 20px 20px 60px;
}

/* ハンバーガ---------------------------- */

#hamburger {
  overflow: hidden;
  display: inline-block;
  width: 30px;
  padding: 4px;
  cursor: pointer;
  background-color: transparent;
}
#hamburger span {
  background: #00853d;
  display: block;
  height: 3px;
  margin: 5px 0 5px 0;
  position: relative;
  transform: rotate( 0 );
  top: 0;
  left: 0;
  opacity: 1;
  transition-property: transform, top, left, opacity;
  transition-duration: 0.5s;
}
#hamburger_box.h-opened #hamburger span.top-bar {
  transform: rotate( 45deg );
  -webkit-transform: rotate( 45deg );
  -moz-transform: rotate( 45deg );
  top: 8px;
}
#hamburger_box.h-opened #hamburger span.middle-bar {
  opacity: 0;
  left: -40px;
}
#hamburger_box.h-opened #hamburger span.bottom-bar {
  transform: rotate( -45deg );
  -webkit-transform: rotate( -45deg );
  -moz-transform: rotate( -45deg );
  top: -8px;
}
/* gnav---------------------------- */
.gnavi {
  clear: both;
}
.gnavi .glyphicon {
  color: #00853d!important;
}

/* スマホフッターナビ */
.table-ul {

  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
border-collapse: separate;
border-spacing: 4px 3px;

}
ul.table-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.table-ul li {
  margin: 0;
  padding: 0;
  list-style: none;
border:1px solid #ccc;
  border-radius: 3px;

}
.table-ul li {
   background-color: #fff;
  display: table-cell;
  vertical-align: middle;
}
.table-ul li:last-child {
  
}
.table-ul li a {
	color:#000;
  display: block;
  font-size: 10px;
  text-decoration: none;
  padding: 10px 0;
  line-height: 1.2em;

  vertical-align: middle;  
}

.van_icoR {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -7px;
  color:#999;
}


/* サブナビ ---------------------------- */


a.list-group-item,
button.list-group-item {
  color: #666;


  background-image: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background-image:      -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  background-image:         linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
  background-repeat: repeat-x;
}


.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
border: 1px solid #ddd;


background: #e2f2dc;
color:#2e7d32;
	background: -moz-linear-gradient(top,  #f5fbf2 0%, #e2f2dd 100%);
	background: -webkit-linear-gradient(top,  #f5fbf2 0%,#e2f2dd 100%);
	background: linear-gradient(to bottom,  #f5fbf2 0%,#e2f2dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbf2', endColorstr='#e2f2dd',GradientType=0 );

}

.list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}



.kessai_ico img {
  margin-bottom: 5px;
}
/* seach box */
dl.seachBox {
  position: relative;
  background-color: #fff;
border: solid #d1d1d1 1px;
  border-radius: 0px;
  width: 270px;
  margin-top: 5px;
  margin-bottom: 20px;
  margin-right:12px;
}
dl.seachBox dt {
  padding: 3px 0px 3px 3px;
}
dl.seachBox dt input {
  width: 90%;

  background: none;
  border: none;
  font-weight: normal;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    line-height:1.0;
}
dl.seachBox dd {
  position: absolute;
  top: 0;
  right: 0;
}
dl.seachBox dd button {
  display: block;
  padding: 3px 3px 3px 0;
  background: none;
  border: none;
}
dl.seachBox dd button span {
  display: block;
  width: 20px;
  height: 20px;
  background: url('../imgs/ico_search.gif') no-repeat scroll 0 0;
}



::-webkit-input-placeholder {
 color: #ccc;
 font-weight:normal;
}
::-moz-placeholder {
 color: #ccc;
opacity: 1;
 font-weight:normal;
}
:-ms-input-placeholder {
 color: #ccc;
 font-weight:normal;
}


.line-break {
  word-wrap: break-word;
}
/* iframe */

.seachBox iframe {
  border: none;
  margin: 0;
}

.break {
  clear: both;
}





.fun_iframe {
　margin-top: 0px;
  min-height: 180px;
  max-height: 180px;
}
.fun_iframe > .embed-responsive {
  height: 140px;
}
/* margin独自 15倍数で */

.mg_bottom0 {
  margin-bottom: 0px;
}
.mg_bottom1 {
  margin-bottom: 15px;
}
.mg_bottom2 {
  margin-bottom: 30px;
}
.mg_bottom3 {
  margin-bottom: 60px;
}
.mg_bottom4 {
  margin-bottom: 120px;
}
.mg_bottom5 {
  margin-bottom: 240px;
}
.mg_top0 {
  margin-top: 0px;
}
.mg_top1 {
  margin-top: 15px;
}
.mg_top2 {
  margin-top: 30px;
}
.mg_top3 {
  margin-top: 60px;
}
.mg_top4 {
  margin-top: 120px;
}
.mg_top5 {
  margin-top: 240px;
}
.padding_bottom1 {
padding-bottom:15px;
}

.mg_right1 {
	margin-right:15px;
}

.mg_label{
	margin-bottom:5px;
}

.mg_appBtn {/*20221126追加*/
  margin-bottom: 5px;
}

.block {
  display: block!important;
}
em {
  color: #c00;
  font-style: normal;
}
strong {
  font-weight: bold;
}

ul.att {
  list-style: none;
padding: 0 20px;
margin: 0;


}
.att li {

  font-size: 12px;
  line-height: 1.2em;
  text-weight: normal;
}
.att li:before {
  font-family: 'FontAwesome';
  content: '\f06a';
  margin: 0 5px 0 -15px;
  color:#555;
}

.btn-warning:visited, .btn-primary:visited, .btn-success:visited, .btn-info:visited, .btn-warning:visited, .btn-danger:visited {
  color: #fff!important;
}

.hx_btnR {
  position: relative;
}
.hx_btnRsp {
  position: relative;
}
.hx_btnR span {
  position: absolute;
  top: -58px;
  right: 10px;
  display: block;
}
.hx_btnRsp span {
  position: absolute;
  top: -66px;
  right: 10px;
  display: block;
}
.hx_btnRsp span {
  position: absolute;
  top: -66px;
  right: 10px;
  display: block;
  vertical-align: middle;
}
.hx_btnRsp .fa-mobile {
  font-size: 24px;
  vertical-align: middle;
}
.hx_btnRsp .badge, .hx_btnR .badge {
  background-color: transparent;
  color: #666;
  font-size: 14px;
  font-weight: normal;
}

.td_middle {
  vertical-align: middle!important;
}








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

/* navbar PC */

/* グローバルナビ周り */
.navi_wrap {
   /*background:#333;*/

      /*border-top:solid #d1d1d1 1px;
      border-bottom:solid #d1d1d1 1px;*/
}

/* グローバルナビ色 */
.navbar-nav {
	display: table;
	table-layout: fixed;
	width: 100%;
   /*background:#333;*/


}
/* グローバルナビ 基本サイズ */
.navbar-nav > li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 16%;
	white-space: nowrap;

	font-size:16px;
 }




/* グローバルナビ 左から5番目サイズ調整 */
.navbar-nav > li:nth-child(6) {
	width: 18%;
}
/* グローバルナビ 左から6番目サイズ調整 */
.navbar-nav > li:nth-child(9) {/*20201010修正 7→8*//*20230306修正 8→9*/
	width: 18%;
}

/* グローバルナビ アクティブ */
#TopPage #gNav-top a,
#seihin #gNav-seihin a,
#trial #gNav-trial a,
#buy #gNav-buy a,
#fun #gNav-fun a,
#sup #gNav-sup a {
	/*background:#4C4C4C;*/
}


h1, .h1 { font-size: 40px; font-weight:normal;}
h2, .h2 { font-size: 20px; font-weight:normal;}
h3, .h3 { font-size: 19px; font-weight:normal;}
h4, .h4 { font-size: 18px; font-weight:normal;}
h5, .h5 { font-size: 16px; font-weight:normal; line-height:1.2em;}
h6, .h6 { font-size: 15px; font-weight:normal; line-height:1.2em;}


.van_h1 {
  margin-bottom: 30px;
  /*margin-top: 0px;*/
  padding: .0em 10px .3em;
 font-size:28px;
 font-weight:bold;

}
.van_h2 {

  margin-bottom: 30px;
  color: #333;
  font-size: 20px;
  line-height: 1.2em;
 font-weight:normal;
}

.van_h2 img {
	margin-bottom:2px;
}



.van_h3 {
  margin-bottom:15px;
  line-height:1.2em;
  font-size:19px;
 font-weight:normal;
}


.van_h4 {

}


.van_h5{
	line-height:1.4em;
  font-size: 16px;
 font-weight:normal;
}

.wakaba_ico{
  background: url(/com2017/imgs/common/ico_wakaba.gif) no-repeat left center;
  padding-left: 50px;
}


/* 特徴*/
ol.list_midashi li a {
font-size:18px;
}

ol.list_midashi {
 margin: 0;
 padding: 0;
 list-style: none;
 counter-reset: yourDefinition;
 }
 ol.list_midashi li {
 padding-left: 35px;
 text-indent: -35px;
 margin-bottom:0.4em;

 
 }
 ol.list_midashi li:before {
 counter-increment: yourDefinition;
 content: counter(yourDefinition);
 display: inline-block;
 margin-right: 10px;
 width: 22px;
 height: 22px;
 text-align: center;
 color: white;
 font-weight: bold;
 font-family: helvetica;
 text-indent: 0;
 background: #408726;
 border-radius: 100%;
 font-size:16px;
 }



.iframe_style {
  border:1px solid #ccc;
  padding-bottom:24%;
}

/* dlbソフト一覧 */
.sft_ct a:link {text-decoration:none;}
.sft_ct a:visited {text-decoration:none;}
.sft_ct a:hover {text-decoration:none;}
.sft_ct a:active {text-decoration:none;}



.active a{
  font-weight:bold;
  color:#000!important;
}


/* サイトマップ*/

.sitemap ul li {
list-style-type: none;
}

.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 10px;

}

.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}

.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
} 

/* アニメ */

    /*----- フェードイン -----*/
    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }

    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: 1.5s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }


/* sft */
.sf_rank{
	font-size:130%;
}


.arrow_after:after {

 content: url(/com2017/imgs/common/arrow_bottom.gif);
    margin: 10px;
display: block;
}

.arrow_s_after:after {
 content: url(/com2017/imgs/common/arrow_s_bottom.gif);
    margin: 10px;
display: block;
}

.hatena:before {
 content: url(/com2017/imgs/common/ico_hatena.gif);
    margin: 20px 5px 0 0;

}



.bg_att {
	padding:7px 10px 3px;
	background:#FFEFEF;
	
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;

}

.bg_att p {
	font-size:12px;
	line-height:1.2em;
	color:#c00;
}


.txt-L {
	font-size: 22px;
}


.txt_waku {
	margin-top:20px;
	border:10px solid #efefef;
	padding:5px 10px 5px;
}

.txt_waku h5 {
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

.txt_M {
	font-size:16px;
}

/*▼▼------ 20230517追加 ------▼▼*/
/*---- お知らせ・一覧 ----*/
/*#news main a[target="_blank"]:not([href*="jra-van.jp"]),
#news main a[target="_blank"][href*="world.jra-van.jp"] {
  position: relative;
  margin-right: 20px;
}*/
#news form[name="search2"] {
  visibility: hidden;
}
#news main a[target="_blank"]:not(:has(img)):not([href^="https://jra-van.jp/"])::after {
  font-family: FontAwesome;
  content: "\f08e";
  padding-left: 3px;
  /*position: absolute;
  bottom: 0;
  right: -20px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../imgs/common/ico_openwin.png) center center no-repeat;
  background-size: 16px 16px;*/
}
/*---- お知らせ一覧 ----*/
/* 一覧テーブル */
#news .listTable {
  width: 100%;
  border: solid 1px #c1c1c1;
}
#news .listTable tr:not(:last-child) {
  border-bottom: dotted 1px #c1c1c1;
}
#news .listTable tr td {
  padding: 6px 8px;
}
#news .listTable tr td:nth-child(1) {
  width: 96px;
  padding-left: 4px;
}
#news .listTable tr td:nth-child(2) {
  width: 80px;
  padding-left: 8px;
}
#news .listTable tr td:nth-child(3) {
  width: calc(100% - 176px);
}

@media screen and (max-width:767px){
  #news .listTable {
    margin-top: 4px;
  }
  #news .listTable tr {
    display: flex;
    /*flex-flow: row-reverse wrap;*/
    flex-flow: row wrap;
  }
  #news .listTable tr td:nth-child(1) {
    /*padding-bottom: 2px;
    order: 2;*/
    padding-bottom: 0!important;
  }
  #news .listTable tr td:nth-child(2) {
    /*padding-bottom: 2px;
    order: 3;*/
    padding-bottom: 0!important;
  }
  #news .listTable tr td:nth-child(3) {
    width: 100%!important;
    font-size: 16px;
    font-weight: bold;
    /*padding-bottom: 0;
    order: 1;*/
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    /*padding-left: 1em!important;*/
  }
}

/* カテゴリー */
#news .listTable td:first-child span {
  display: block;
  font-size: 11px;
  color: inherit;
  font-weight: bold;
  text-align: center;
  padding: 2px 6px 1px 6px;
  background-color: #ddd;
}
/* バックナンバー */
#news .flex.backNumBtn li {
  width: calc(33.5% - 4px);
  margin: 0 4px 0 0;
}
#news .flex.backNumBtn li:nth-of-type(3n) {
  width: 33%;
  margin-right: 0;
}
#news .flex.backNumBtn li a {
  margin-bottom: 4px;
}
#news .backNum li {
  display: inline-block;
  padding-right: 30px;
}

/*---- お知らせ本文・ご愛顧 ----*/
#news .van_h4,
#ppresent .van_h4 {
  font-size: 22px;
  padding: 6px 8px 7px 8px;
  border: none;
  border-bottom: 1px solid #ddd;
  background-color: inherit;
}


/*▲▲------ 20230517追加 ------▲▲*/

/*------ 定期お知らせ ------*//*20240116追加*/
.pankuzu_wrap:has(+ .annc),
.pankuzu_wrap:has(+ .annc) ol {
  margin-bottom: 0;
}
.annc {
  min-height: 10px;
  margin-bottom: 30px;
  border-top: 1px solid #fff;
  background-color: #E5FFE5;
}
.annc:not(:has(li)) {
  visibility: hidden;
  margin-bottom: 0;
}
.annc h3 {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  margin: 16px 0 0 0;
  padding: 4px 6px;
  background-color: #DDDDDD;
  background-color: #4F9E4F;
}
.annc ul {
  margin: 7px 0 4px 0;
  padding: 0 0 6px 0;
}
.annc ul li {
  line-height: 1.5;
  list-style: none;
}

/*▼▼------ 20230721追加 ------▼▼*/
/*---- ご愛顧プレゼント ----*/
#ppresent form[name="search2"] {
  visibility: hidden;
}
#ppresent .present {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
}
#ppresent .present .box {
  position: relative;
  flex: 0 0 auto;
  width: calc((100% - 20px*2) / 3 - 0.1px);
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
  background:#eee;
}
#ppresent .present .box:nth-child(3n) {
  margin-right: 0;
}
#ppresent .present .box .pic {
  background-color: #fff;
}
#ppresent .present .box .pic img {
  /*img-responsive代替*/
  display: block;
  max-width: 100%;
  height: auto;
  /*center-block代替*/
  margin-right: auto;
  margin-left: auto;
}
#ppresent .present .box .info {
  padding: 12px 8px calc(6px + 40px) 8px;
}
#ppresent .present .box .info > *:first-child {
  font-weight: bold;
  text-indent: -2.5em;
  margin-left: 2.5em;
}
#ppresent .present .box .info > *:last-child {
  position: absolute;
  bottom: 6px;
  right: 12px;
  text-align: right;
  color: #da0303;
  font-weight: bold;
  margin-bottom: 0;
}
/*▲▲------ 20230721追加 ------▲▲*/

/*▼▼------ 20230824追加 ------▼▼*/
/*---- 主な機能 特徴 デザイン修正 ----*/
.modal-checkbtn span {
  padding-left: 1em;
}
/*▲▲------ 20230824追加 ------▲▲*/

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

/* スマホ用 */



@media (max-width: 767px) {

	.navbar-header {
	border-bottom:1px solid #bfbfbf;
	background:#fff;
	}



	/* navbar */

		.navi_wrap {
		  background: #fff;
		  border-collapse: collapse;
		}
		
		.navbar-nav {
			margin: 0;
		}

	/*logo*/
	.navbar-brand > img {
	  display: block;
		width: 170px;
		height: auto;
	}
		
		.navbar-nav > li {
			display: block;
			text-align: left;
			padding: 0;
			margin: 0;
			width: 100%;
			margin-right: 0px;
			background-image: none;
			box-shadow: none;
			border-bottom: 1px solid #ccc;
			border-left: none!important;
			border-right: none!important;
			background: #eeeeee;
			background: -moz-linear-gradient(top,  #efefef 0%, #dfdfdf 100%);
			background: -webkit-linear-gradient(top,  #efefef 0%,#dfdfdf 100%);
			background: linear-gradient(to bottom,  #efefef 0%,#dfdfdf 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=0 );
			font-size:16px;
		}

		.navbar-nav > li a {
			padding: 12px 20px;
			color: #000!important;
			box-shadow: none;
		  }
			
	
		.navbar-nav .open .dropdown-menu {
			padding: 0;
			margin: 0;
		}
		.navbar-nav .open .dropdown-menu > li > a {
			padding-top: 14px;
			padding-bottom: 14px;
			padding-left: 20px;
			border-bottom: 1px solid #ccc;
			background: #fff;
			color: #000!important;
		}
		.navbar-default .navbar-nav .open .dropdown-menu > li > a {
			color: #000;
		}
		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
			background: #eee;
		}


		/* スマホナビ　展開カテゴリトップタイトル */
		.navbar-default .navbar-nav > .open > a,
		.navbar-default .navbar-nav > .open > a:hover,
		.navbar-default .navbar-nav > .open > a:focus {
		border-bottom: 1px solid #ccc;
		background: #eeeeee;
		background: -moz-linear-gradient(top,  #efefef 0%, #dfdfdf 100%);
		background: -webkit-linear-gradient(top,  #efefef 0%,#dfdfdf 100%);
		background: linear-gradient(to bottom,  #efefef 0%,#dfdfdf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=0 );
		}


		address {
		  font-size: 10px;
		}
		.tabSection {
		  margin: 20px auto 0;
		}

/* tab */
		.main_tab {
border: none;
		  table-layout: auto;
		  text-align: center;
		  display: inline;
		  width: 100%;

		}
		ul.main_tab {
		  margin: 0;
		  padding: 0;
		}
		.main_tab li {
		display: inline-block;
		vertical-align:middle;
		float:left;
	  width: 50%;
		  text-align: center;

		  margin-bottom: 1px;
background: #efefef;
height:auto;
		}
		
		

		
		.main_tab li {
border-collapse: collapse;
		  padding: 10px 10px;
border-right: 1px solid #fff;
		  text-decoration: none;
		  color: #444444;
		  line-height:1.2em;
	padding:10px 5px;
	
		}
.main_tab li.current {
border-collapse: collapse;

border:none;
  background: #efefef;
  color: #fff;
	background: -moz-linear-gradient(top,  #299a0b 0%, #157700 100%);
	background: -webkit-linear-gradient(top,  #299a0b 0%,#157700 100%);
	background: linear-gradient(to bottom,  #299a0b 0%,#157700 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#157700',GradientType=0 );

}

.main_tab li.current a {
	color:#fff;

	display: block;
}

		.tabSection .content_area {
		  padding: 20px 0px;
		}



/*.main_tab li {

  display: table-cell;
  vertical-align: middle;
height: 45px;

}*/
.main_tab a {
  padding: 0 10px;
  display: table-cell;
    text-decoration: none;
  color: #444444;
  _zoom: 1;
  display: block;
 background: transparent !important;
}




		.label {
			font-size: 100%;
		}

/*スマホぱんくず調整*/
		.breadcrumb {
			padding: 8px 15px;
			margin-bottom: 20px;
			list-style: none;
			border-radius: 0px;
			background:#efefef;
		}
		.breadcrumb > li + li:before {
			padding: 0 5px;
		}
		.breadcrumb > .active {
			color: #777;
		}
		a.btn  {
			text-decoration:none;
		}

		/* スマホレイアウト調整 */
		.mg_bottom1, .mg_bottom2, .mg_bottom3, .mg_bottom4, .mg_bottom5 {
		  margin-bottom: 30px;
			}

			
		.pankuzu_wrap {
		  margin-bottom: 15px;

		}

		.navi_wrap .container{
			padding-left:0px;
			padding-right:0px;
		}



/* ナビバーメニューアイコン基本 */
.navbar-toggle {
  position: relative;
  float: right;
  padding: 3px;
	margin-bottom: 0px;
	border: none;
	background: transparent;
  margin-top: 8px;
  margin-right: 15px;
  background-image: none;
  border-radius: 4px; 
}

/* ナビバーメニュー横のPCアイコン */
.navbar-header i {
  position: absolute;
  top: 21px;
  right: 60px;
  font-size: 23px;
  color: #00853d;
}

/* ナビバーメニューアイコン */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: transparent;
}

.copyright {
  font-size: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

footer {
	background:#fff;
}

h1,
.h1 {
  font-size: 22px;
  font-weight:bold;
}
h2,
.h2 {
  font-size: 20px;


}
h3,
.h3 {
  font-size: 18px;
  font-weight:bold;

}
h4,
.h4 {
  font-size: 16px;
  font-weight:bold;

}
h5,
.h5 {
  font-size: 15px;


}
h6,
.h6 {
  font-size: 14px;
  font-weight:bold;
}

	.van_h1,.van_h2,.van_h3,.van_h4{
		  
	}
	.van_h1 {
	  font-size: 20px;
	  margin-bottom:16px;
	}
	.van_h2 {
	  font-size: 16px;
	  margin-bottom:10px;
  
	}
	.van_h2 small {
	  color: #fff;
	}
	.van_h5 {
	  font-size:16px;

	}
	.van_h3 {


	}


/* .btn-lg {
 	font-size:14px;
 }*/
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size:12px;
}


.wakaba_ico{
  background: url(/com2017/imgs/common/ico_wakaba.gif) no-repeat left 5px;

  padding-left: 34px;
  background-size: 28px auto;

}


ol.list_midashi li  {
font-size:14px;
padding:2px 5px 2px 1.25em;
}



.hx_btnR {
  position: relative;
}
.hx_btnRsp {
  position: relative;
}
.hx_btnR span {
  position: absolute;
  top: -38px;
  right: 10px;
  display: block;
}
.hx_btnRsp span {
  position: absolute;
  top: -42px;
  right: 10px;
  display: block;
}
.hx_btnRsp span {
  position: absolute;
  top: -42px;
  right: 10px;
  display: block;
  vertical-align: middle;
}
.hx_btnRsp .fa-mobile {
  font-size: 24px;
  vertical-align: middle;
}
.hx_btnRsp .badge, .hx_btnR .badge {
  background-color: transparent;
  color: #666;
  font-size: 14px;
  font-weight: normal;
}



/* jumb */


.container .jumbotron--cm,
.container-fluid .jumbotron--cm {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 6px;

}
.jumbotron--cm .container {
  max-width: 100%;
}

/* コーナー用 */
.jumbotron--cm
 {
  padding-top: 10px;
  padding-bottom: 10px;
    background: url(/fun/imgs/top_bg.jpg) center left no-repeat;
    background-size: cover;
	height:160px;
    color: #fff;
}

.jumbotron--cm h1,.jumbotron--cm .h1
 {
 	margin-top:20px;
	font-size:16px;
}

.jumbotron--cm p
 {
	font-size:10px;
}

.van_h2 img {
	zoom: 0.5;
}

.img_sp {
	width:100%;

}

.iframe_style {
  padding-bottom:60%!important;
}


/* iframe zoom */


.table_zoom th {
font-size:12px;
}
.table_zoom td {
font-size:12px;
}


/* サイトマップ*/

.sitemap ul li  {
list-style-type: none;

}

.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: -20px;

}

.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}

.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0em;
  left: -26px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: none;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .0;
  left: -26px;
  width: 10px;
  border-bottom: none;
} 

.sitemap ul li ul li a::after {
  content: "\f101";
  font-family: FontAwesome;
  position: absolute;
  top: .0;
  left: -16px;
  width: 10px;
  border-bottom: none;
} 


.sitemap strong {
	margin-left:-10px;
	font-size:18px;
	
}

/* 特徴*/
ol.list_midashi li a {
font-size:14px;
}

ol.list_midashi {
 margin: 0;
 padding: 0;
 list-style: none;
 counter-reset: yourDefinition;
 }
 ol.list_midashi li {
 padding-left: 35px;
 text-indent: -35px;
 margin-bottom:0.4em;

 
 }
 ol.list_midashi li:before {
 counter-increment: yourDefinition;
 content: counter(yourDefinition);
 display: inline-block;
 margin-right: 10px;
 width: 22px;
 height: 22px;
 text-align: center;
 color: white;
 font-weight: bold;
 font-family: helvetica;
 text-indent: 0;
 background: #5ea521;
 border-radius: 100%;
 font-size:16px;
 }

.sp_img { zoom: .6; }
.sp_img2 { zoom: .8; }

.lead {
	font-size:20px;
}

.tab-content .img-thumbnail {
	border:none;
}

.nav-justified li {
	

}

.nav-justified > li > a {
background:#efefef;

  text-align: left!important;
  width:48%;
  margin-right:5px!important;
  float:left;
  
}

.btn-lg {
	margin-bottom:10px;
	font-size:14px;
}

.table_zoom .price{
font-weight:bold;
color:#000;
font-size:10px;
margin-bottom:0px;
}

.table_zoom .kingaku {
font-size:16px;

}

.table_zoom .lead {
font-size:14px;
font-weight:bold;
}

/*▼▼------ 20230517追加 ------▼▼*/
.youtube {
  position: relative;
  width: 100%;
}
.youtube:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*▲▲------ 20230517追加 ------▲▲*/

/*▼▼------ 20230721追加 ------▼▼*/
#ppresent .present .box {
  width: 100%;
}
/*▲▲------ 20230721追加 ------▲▲*/

/*▼▼------ 20230824追加 ------▼▼*/
/*---- 主な機能 特徴 デザイン修正 ----*/
.modal-checkbtn {
  display: flex;
  align-items: center;
  white-space: normal !important;
  text-align: left !important;
}
/*▲▲------ 20230824追加 ------▲▲*/

}/* end @media (max-width: 767px) */