/* 刃物PC共通 */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 28px;
}
img {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	border:0;
}
li {
	list-style:none;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.main-contents {
	width: 960px;
	margin: 0 auto 30px;
	position: relative;
}
.main-contents.index {
	width: 1260px;
}
/* ヘッダ */
header {
	margin: 5px auto 70px;
}
header .inner {
	width: 960px;
	margin: 0 auto;
}
header .inner-logo {
	width: 960px;
	padding-top: 11px;
	padding-bottom: 4px;
	margin: 0 auto;
}
header .logo {
	margin-left: 30px;
	float: left;
}
header .copy {
	margin-left: 10px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	letter-spacing: 2px;
}
header .top-link {
	padding-left: 15px;
	background: url(../png/header_icon_01-2.png) no-repeat 0 50%;
	float: right;
	line-height: 30px;
	background-position: 0 55%;
	margin-right: 6px;
}
header .top-link a{
	color: #666;
	font-size: 12px;
}
header .gmenu {
	margin-top: 10px;
	clear: both;
	background: #EEEFE6;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
header .menu {
	margin: 0 auto;
	width: 960px;
}
header .menu li {
	float: left;
	text-align: center;
	background: #fff;
  position: relative;
  margin: 0 -2px;
}
header .menu li.current {
	background: #EEEFE6;
}
header .menu li a:hover {
	background: #EEEFE6;
}
header .menu li a .menu-1-text {
	padding:10px 0;
	display:block;
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	font-size: 20px;
	letter-spacing: 2px;
}
header .gmenu a {
	width: 160px;
	height: 88px;
	display: table-cell;
	vertical-align: middle;
}
header .gmenu li:last-child a {
}
header .gmenu li.gborder-l {
  width: 5px;
  height: 88px;
  background: url('../png/gnavi-l.png');
  position: relative;
  z-index: 2;
}
header .gmenu li.gborder-c {
  width: 8px;
  height: 88px;
  background: url('../png/gnavi-c.png');
  position: relative;
  z-index: 2;
}
header .gmenu li.gborder-r {
  width: 5px;
  height: 88px;
  background: url('../png/gnavi-r.png');
  position: relative;
  z-index: 2;
}
header a:hover {
	text-decoration: none;
}
/* フッタ */
footer .footer-menu {
	width: 962px;
	margin: 100px auto;
	margin-bottom: 15px;
}
footer .footer-menu>li {
	float: left;
}
footer .footer-menu .left {
	background: url('../png/top_footer_vline_left.png');
	width: 5px;
	height: 190px;
}
footer .footer-menu .separate {
	background: url('../png/top_footer_vline_separate.png');
	width: 8px;
	height: 190px;
}
footer .footer-menu .right {
	background: url('../png/top_footer_vline_right.png');
	width: 5px;
	height: 190px;
}
footer .footer-menu .list {
	width: 130px;
	margin: 0 11px;
}
footer .footer-menu a {
	color: #000;
}
footer .title {
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: -1px;
	margin-top: 12px;
	text-align: left;
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
}
footer .title.sm {
	font-size: 15px;
}
footer .title.al {
	text-align: left;
	margin-bottom: -5px;
	margin-top: 12px;
}
footer .links li * {
}
footer .links .cursor {
	float: left;
	line-height: 20px;
}
footer .links a {
	display: block;
	font-size: 12px;
	margin-left: 18px;
	width: 110px;
	line-height: 20px;
}
footer .copylight {
	text-align: center;
	margin-top: 22px;
	position: relative;
	font-size: 11px;
}
footer .copylight .kai-logo {
	display: block;
	margin: 0 auto;
}
footer .copylight .copy-fb {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -450px;
}
footer .copylight .copy-tw {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -410px;
}
footer .social {
	width: 950px;
	margin: 0 auto;
}
footer .social>div {
	float: left;
}
footer .social>div.facebook {
	margin-top: 4px;
	margin-right: 5px;
	width: 110px;
}
footer .social>div.twitter {
	margin-right: 5px;
	margin-top: 4px;
	width: 95px;
	margin-left: 610px;
}
footer .social>div.gplus {
	width: 63px;
	margin-top: 4px;
}

/* KAI-4935 追記 */
footer .footer-bottom-link-list {
	display: flex;
	width: 962px;
	margin-inline: auto;
}
footer .footer-bottom-link-list >li {
	position: relative;
}
footer .footer-bottom-link-list >li:first-of-type a {
	padding-left: 0;
}
footer .footer-bottom-link-list >li:not(:first-of-type)::before {
	content: '';
	display: block;
	width: 1px;
	height: 7px;
	background-color: #000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
footer .footer-bottom-link-list >li a {
	display: block;
	font-size: 13px;
	line-height: 1;
	color: #222;
	padding: 15px;
}
footer .footer-bottom-link-list >li.current a {
	font-weight: bold;
}
footer .footer-bottom-link-list >li a:hover {
	text-decoration: underline;
}

/* パンくず */
.pkz {
  margin-top: -3px;
}
.pkz li {
	float: left;
  font-size: 14px;
  margin-right: 13px;
}
.pkz .home a {
	text-indent: -9999px;
	background: url('../png/common_icon_bclist_home.png');
	width: 21px;
	height: 19px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 4px;
	background-repeat: no-repeat;
	margin-right: 9px;
}

/* 下層ページ */
.main-contents h1.ttl {
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 54px 0 61px 90px;
	background-repeat: no-repeat;
	background-position: 30px center;
	margin: 3px 0 50px;
	font-weight: normal;
  font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
  font-size: 40px;
  letter-spacing: 0.15em;
}
.main-contents h1.ttl .cat-name {
	margin-right: 75px;
	display: inline-block;
	line-height: 22px;
	margin-left: 32px;
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
  font-size: 21px !important;
  letter-spacing: 0.08em;
}
.main-contents h1.ttl.qa {
	background-image: url('../png/qa_icon_title.png');
}
.main-contents h1.ttl.products {
	background-image: url('../png/top_oph_menu_01_product_on.png');
	background-size: 41px 49px;
}
.main-contents h1.ttl.learn {
	background-image: url('../png/top_oph_menu_02_know_on.png');
	background-size: 64px 49px;
}
.main-contents h1.ttl.learn .cat-name {
	font-size: 14px;
	margin-right: 75px;
	display: inline-block;
	line-height: 22px;
	margin-left: 32px;
}
.main-contents h1.ttl.select {
	background-image: url('../png/top_oph_menu_05_choice_on.png');
	background-size: 36px 49px;
}
.main-contents h1.ttl.use {
	background-image: url('../png/top_oph_menu_03_use_on.png');
	background-size: 66px 31px;
}
.main-contents h1.ttl.maintenance {
	background-image: url('../png/top_oph_menu_04_maintenance_on.png');
	background-size: 34px 60px;
}
.main-contents h1.ttl.info {
	background-image: url('../png/top_oph_menu_07_maintenance_on.png');
	background-size: 44px 58px;
}
.subtitle {
	margin-top: 50px;
	margin-bottom: 70px;
  font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
  font-size: 28px;
  letter-spacing: 0.09em;
  line-height: 1.7em;
}
.logo-block {
	border-bottom: 3px solid #000;
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	font-size: 28px;
	letter-spacing: 0.09em;
	line-height: 1.7em;
	padding-bottom: 50px;
}
.logo-block .logo-block-img {
	display: block;
	margin: 0 auto 40px;
}
.subnavi {
	margin-bottom: 20px;
}
.subnavi li {
	float: left;
	width: 147px;
	height: 73px;
	text-align: center;
	background: #eee;
	margin: 5px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.subnavi li a {
	display: block;
	width: 147px;
	height: 73px;
	background: url('../png/arrow_next_open_small.png') no-repeat;
	background-position: center 45px;
	background-size: 13px 7px;
	text-decoration: none;
	padding-top: 10px;
}
.open-list li {
	margin-left: 20px;
}
.open-list li:first-child {
	border-top: 1px solid #000;
}
.info-page-list li:first-child {
	border-top: 1px solid #000;
}
.info-page-list li {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #000;
}
.info-page-list li .date{
	float: left;
	margin-left: 32px;
}
.info-page-list li .text{
	margin-left: 150px;
	margin-right: 50px;
}
a.info-link {
	display: block;
	text-decoration: none;
	background-image: url('../png/arrow_next_big.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 15px;
}
a.js-open,
a.link {
	display: block;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #000;
	text-decoration: none;
	background-image: url('../png/arrow_next_open_small.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 13px 7px;
}
a.link {
	background-image: none;
}
.opened a.js-open {
	background-image: url('../png/arrow_next_close.png');
	background-color: #eee;
}
.opened .open-text {
	border-bottom: 1px solid #000;
}
.open-text {
	font-size: 12px;
	padding: 10px;
	display: none;
}
/* grid */
section .col-2-1 {
	float: left;
	width: 470px;
	margin-right: 20px;
}
section .col-2-1:nth-child(2n) {
	margin-right: 0;
}
.col-4-1 .col-2-1 .Btn {
	margin-bottom: 40px;
}
.col-4-1 .col-2-1:last-child .Btn {
	margin-bottom: 0;
}
section .col-3-1 {
	float: left;
	width: 306px;
	margin-right: 20px;
}
section .col-3-1:last-child {
	margin-right: 0;
}
section .thumb-text .thumb {
	float: left;
	margin-right: 50px;
	margin-top: 40px;
	margin-bottom: 10px;
}
section .thumb-text .thumb img {
	width: 420px;
}
section .thumb-text .text {
	font-size: 14px;
	line-height: 28px;
	margin-left: 470px;
}
section .title-text .title {
	float: left;
	width: 200px;
}
section .title-text .text {
	margin-left: 250px;
}
/* button */
.Btn {
	background-color:#EEEFE6;
	height:59px;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 25px;
	position: relative;
	-webkit-box-shadow: #E5E7D9 2px 2px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.Btn a {
	color: black;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	height: 42px;
	padding-top: 18px;
}
.Btn a.left {
	text-align: left;
	padding-left: 25px;
	font-size: 18px;
	padding-top: 20px;
}
.Btn.mincho a {
	line-height: 60px;
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	height: auto;
}
.Btn.mincho a.left {
	text-align: left;
	padding-left: 25px;
	font-size: 24px;
	padding-top: 0;
}
.Btn .arrow {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 25px;
	background-image: url("../png/arrow_next_small.png");
	background-repeat: no-repeat;
	width: 9px;
	height: 13px;
	background-size: 7px auto;
}
.Btn .arrow.external {
	background-image: url("../png/external_link.png");
	background-size: contain;
	top: 20px;
	width: 19px;
	height: 26px;
}
.Btn.h39 .arrow {
	top: 14px;
}
.Btn.h39 a {
	height: 39px;
	padding-top: 8px;
}
.Btn img {
	vertical-align: top;
}
.f-right .Btn.w150 {
	height: 29px;
}
.f-right .Btn.w150 a{
	height: 30px;
	padding-top: 2px;
}
.f-right .Btn.w150 .arrow{
	top: 9px;
}
.select.clearfix.mt30 {
	position: relative;
}
.select .f-right {
	position: absolute;
	right: 3px;
	bottom: -15px;
}
/* box */
.boxArea .box{
	width: 115px;
	height: 72px;
	padding: 20px 1px 1px;
	margin: 0 auto;
	border: 1.5px solid black;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	text-align: center;
	font-size: 13px;
	position: absolute;
	left: 50%;
	margin-left: -55px;
	top: -11px;
}
.box .genre {
	font-size: 20px;
}
.boxArea {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	height: 72px;
	overflow: hidden;
}
.right-thumb {
	float: right;
}
section.bg-gray {
	background: #eeefe6;
	padding: 20px 20px 20px 20px;
	font-size: 13px;
}
section .col-4-1 {
	width: 25%;
	float: left;
}
.section-banner {
  background-color: #eeefe6;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  line-height: 80px;
  padding-left: 15px;
  font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
  font-size: 26px;
}
.manaita-point {
  background-image: url("../png/bg-4-1.png");
  height: 130px;
  width: 530px;
  margin-top: 40px;
  padding: 30px;
  position: relative;
}
.manaita-point .icon-pos {
  position: absolute;
  top: -25px;
  left: 0;
}
.manaita-point .hocho-icon-pos {
  position: absolute;
  top: 60px;
  right: 40px;
}
.toishi-point {
  background-image: url("../png/bg-4-1.png");
  width: 470px;
  margin-top: 40px;
  padding: 30px 25px 25px 35px;
  position: relative;
}
.toishi-point .icon-pos {
  position: absolute;
  top: -50px;
  left: -45px;
}
.toishi-point .hocho-icon-pos {
  position: absolute;
  top: 60px;
  right: 40px;
}
.toishi-point h4 {
	vertical-align: middle;
	position: relative;
}
.map-img {
	background-image: url("../png/4-1.png");
	background-repeat: no-repeat;
	height: 584px;
	width: 600px;
	position: absolute;
	right: 0;
	top: 20px;
	z-index: -1;
}
.row-2block.howto img {
	margin-left: 29px;
	margin-right: 260px;
}
.row-2block.howto img:last-child {
	margin-right: 0px;
}
.row-2block .block {
	margin-right: 233px;
	background-color: #EEEFE6;
	height: 430px;
	width: 280px;
	float: left;
}
.row-2block .block:last-child {
	margin-right: 0px;
}
.row-2block .block .desp-img{
	margin-left: 28px;
	margin-top: 25px;
}
.row-3block .block .desp-img{
	margin-left: 38px;
	margin-top: 20px;
}
.row-3block .block {
	background-color: #EEEFE6;
	height: 430px;
	width: 280px;
	float: left;
}
.row-2block.howto {	height: 240px;	margin-top: 50px;}
.row-2block {	height: 430px;}
.arrow-2block img {
	margin-left:122px;
	margin-right: 182px;
}
.arrow-2block img:last-child {
	margin-right: 0px;
}
.row-3block {	height: 430px;}
.arrow-3block img {
	margin-left:122px;
	margin-right: 182px;
}
.arrow-3block img:last-child {
	margin-right: 0;
}
.howto-ken {
	margin-top: 40px;
	margin-bottom: 10px;
}
.shun-icon {
	width: 11px;
	height: 10px;
	background: #EEEFE6;
	-webkit-border-radius: 34px;
	padding: 8px 8px 9px;
	display: inline-block;
	margin-right: 23px;
}
.howto-ken-img {
	margin-right: 16px;
}
.howto-ken-description {
	width: 142px;
	margin-right: 30px;
	margin-left: 609px;
}
/* 汎用 */
.w50  { width:  50px !important; }
.w100 { width: 100px !important; }
.w150 { width: 150px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.w230 { width: 230px !important; }
.w250 { width: 250px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w300 { width: 300px !important; }
.w370 { width: 370px !important; }
.w400 { width: 400px !important; }
.w420 { width: 420px !important; }
.w425 { width: 425px !important; }
.w450 { width: 450px !important; }
.w480 { width: 480px !important; }
.w500 { width: 500px !important; }
.w530 { width: 530px !important; }
.w560 { width: 560px !important; }
.w640 { width: 640px !important; }
.w660 { width: 660px !important; }
.w720 { width: 720px !important; }
.w810 { width: 810px !important; }
.h0 { height: 0px !important; }
.h39 { height: 39px !important; }
.h52 { height: 52px !important; }
.h75 { height: 75px !important; }
.h560 { height: 560px !important; }
.h200 { height: 200px !important; }
.h150 { height: 150px !important; }
.h155 { height: 155px !important; }
.h120 { height: 120px !important; }
.h100 { height: 100px !important; }
.mt-100  { margin-top: -100px; }
.mt-90   { margin-top: -90px; }
.mt-5  { margin-top: -5px; }
.mt-3  { margin-top: -3px; }
.mt-10  { margin-top: -10px; }
.mt-13   { margin-top: -13px; }
.mt-15   { margin-top: -15px; }
.mt-17   { margin-top: -17px; }
.mt-20   { margin-top: -20px; }
.mt-30   { margin-top: -30px; }
.mt-37   { margin-top: -37px; }
.mt0  { margin-top: 0px !important; }
.mt5  { margin-top: 5px; }
.mt10  { margin-top: 10px; }
.mt13  { margin-top: 13px; }
.mt14  { margin-top: 14px; }
.mt15  { margin-top: 15px; }
.mt17  { margin-top: 17px; }
.mt20  { margin-top: 20px; }
.mt23  { margin-top: 23px; }
.mt24  { margin-top: 24px; }
.mt25  { margin-top: 25px; }
.mt27  { margin-top: 27px; }
.mt30  { margin-top: 30px; }
.mt35  { margin-top: 35px; }
.mt38  { margin-top: 38px; }
.mt40  { margin-top: 40px; }
.mt45  { margin-top: 45px; }
.mt48  { margin-top: 48px; }
.mt50  { margin-top: 50px; }
.mt51  { margin-top: 51px; }
.mt55  { margin-top: 55px; }
.mt60  { margin-top: 60px; }
.mt70  { margin-top: 70px; }
.mt80  { margin-top: 80px; }
.mt84  { margin-top: 84px; }
.mt90  { margin-top: 90px; }
.mt100  { margin-top: 100px; }
.mt120  { margin-top: 120px; }
.mt170  { margin-top: 170px; }
.mr10  { margin-right: 10px; }
.mr13  { margin-right: 13px; }
.mr20  { margin-right: 20px; }
.mr25  { margin-right: 25px; }
.mr30  { margin-right: 30px; }
.mr35  { margin-right: 35px; }
.mr38  { margin-right: 38px; }
.mr40  { margin-right: 40px; }
.mr45  { margin-right: 45px; }
.mr50  { margin-right: 50px; }
.mr56  { margin-right: 56px; }
.mr58  { margin-right: 58px; }
.mr60  { margin-right: 60px; }
.mr190 { margin-right: 190px; }
.mr350 { margin-right: 350px; }
.mr385 { margin-right: 385px; }
.mb-8  { margin-bottom: -8px; }
.mb-12  { margin-bottom: -12px; }
.mb-27  { margin-bottom: -27px; }
.mb-80  { margin-bottom: -80px; }
.mb10  { margin-bottom: 10px; }
.mb15  { margin-bottom: 15px; }
.mb20  { margin-bottom: 20px; }
.mb22  { margin-bottom: 22px; }
.mb24  { margin-bottom: 24px !important; }
.mb25  { margin-bottom: 25px; }
.mb28  { margin-bottom: 28px; }
.mb30  { margin-bottom: 30px; }
.mb40  { margin-bottom: 40px; }
.mb45  { margin-bottom: 45px !important; }
.mb50  { margin-bottom: 50px; }
.mb60  { margin-bottom: 60px; }
.mb70  { margin-bottom: 70px; }
.mb75  { margin-bottom: 75px; }
.ml-25  { margin-left: -25px; }
.ml5  { margin-left: 5px; }
.ml0  { margin-left: 0px !important; }
.ml20  { margin-left: 20px; }
.ml15  { margin-left: 15px; }
.ml30  { margin-left: 30px; }
.ml38  { margin-left: 38px; }
.ml40  { margin-left: 40px; }
.ml45  { margin-left: 45px; }
.ml50  { margin-left: 50px; }
.ml55  { margin-left: 55px; }
.ml58  { margin-left: 58px; }
.ml63  { margin-left: 63px; }
.ml100  { margin-left: 100px; }
.ml110  { margin-left: 110px; }
.ml126  { margin-left: 126px; }
.ml140  { margin-left: 140px; }
.ml150  { margin-left: 150px; }
.ml185  { margin-left: 185px; }
.ml200  { margin-left: 200px; }
.ml240  { margin-left: 240px; }
.ml280  { margin-left: 280px; }
.ml295  { margin-left: 295px; }
.ml250  { margin-left: 250px; }
.ml440  { margin-left: 440px; }
.ml350  { margin-left: 350px; }
.ml300  { margin-left: 300px; }
.ml590  { margin-left: 590px; }
.ml600  { margin-left: 600px; }
.ml610  { margin-left: 610px; }
.lh295 { line-height: 29.5px; }
.f-right { float: right; }
.f-left  { float: left; }
.i-block  { display: inline-block; }
.align-c { text-align: center; }
.align-l { text-align: left; }
.align-r { text-align: right; }
.alignv-m { vertical-align: middle; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }
.pdt4 { padding-top: 4px !important; }
.pdt7 { padding-top: 7px !important; }
.pdt14 { padding-top: 14px !important; }
.pdt20 { padding-top: 20px; }
.pdt35 { padding-top: 35px; }
.pdt40 { padding-top: 40px; }
.pdt50 { padding-top: 50px; }
.pdt58 { padding-top: 58px; }
.pdt55 { padding-top: 55px; }
.pdt60 { padding-top: 60px; }
.pdt65 { padding-top: 65px; }
.pdt90 { padding-top: 90px; }
.pdt100 { padding-top: 100px; }
.pdt120 { padding-top: 120px; }
.pdt145 { padding-top: 145px; }
.pdr20 { padding-right: 20px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb14 { padding-bottom: 14px !important; }
.pdb20 { padding-bottom: 20px; }
.pdb25 { padding-bottom: 25px; }
.pdb30 { padding-bottom: 30px; }
.pdb35 { padding-bottom: 35px; }
.pdb40 { padding-bottom: 40px; }
.pdb50 { padding-bottom: 50px; }
.pdb55 { padding-bottom: 55px; }
.pdb75 { padding-bottom: 75px; }
.pdb85 { padding-bottom: 85px; }
.pdb120 { padding-bottom: 120px; }
.pdl20 { padding-left: 20px; }
.pdl25 { padding-left: 25px; }
.pdl30 { padding-left: 30px; }
.pdl50 { padding-left: 50px; }
.pdl55 { padding-left: 55px; }
.pdl105 { padding-left: 105px; }
.pdl150 { padding-left: 150px; }
.bt2  { border-top: 2px solid #aaa; }
.bb2  { border-bottom: 2px solid #000; }
.bb4  { border-bottom: 4px solid #000; }
.bold { font-weight: bold; }
.clear { clear: both; }
.pos-relative { position: relative; }
.ls4 { letter-spacing: 4px; }
.rot-30 {
	transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
}
.rot-45 {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.shun-line-height {
	line-height: 2.3;
}
.shun-detail {
	line-height: 1.8;
	margin-top: 7px;
}
dt, dd {
	display: inline-block;
}
.info-title .box{
	width:20px;
	height:20px;
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
}
.box.event {
  background-color:#BD7368;
}
.box.products {
  background-color:#65ACA3;
}
.box.site {
  background-color:#6E75AE;
}
.info-block {
  display: table;
  margin-top: 20px;
  margin-left: 20px;
}
.info-title img {
  margin-top: -4px;
}
/* 再下層商品リスト */
section div:last-child .product-list {
	border-bottom: 2px solid #aaa;
	padding-bottom: 28px;
}
/* 左メニュー */
.leftnavi {
  width: 272px;
  background: #000;
  position: fixed;
  left: -230px;
  top: 30%;
  padding: 10px 5px 0px 10px;
  -moz-border-top-right-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  z-index: 99;
}
.leftnavi li {
  text-align: right;
  width: 215px;
  border-bottom: 2px solid #ddd;
}
.leftnavi li:last-child {
  border-bottom: none;

}
.leftnavi li a {
  color: #ddd;
  padding: 20px 0;
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.leftnavi li.title a {
  padding: 0 0;
}
.leftnavi-list {
  float: left;
}
.leftnavi-toggle {
  float: right;
  width: 40px;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  height: 100%;
  display: block;
  text-align: center;
}
.menu-2 {
  display: none;
  position: absolute;
  left: -1px;
  top: 88px;
  z-index: 2;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  width: 159px;
}
.menu-2 li {
  background: #fff;
  margin: 0 !important;
}
.menu-2 li:last-child {
  border-bottom: 1px solid #000;
}
.menu-2 li a {
  height: auto;
  font-size: 12px;
  display: block;
  padding: 15px 0;
  border-top: 1px solid #000;
  width: 159px;
}
.pagetop {
	position: fixed;
	right: 0px;
	bottom: 40px;
	cursor: pointer;
	display: none;
}
.test{
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -630px;
	opacity: 0.3;
}
.col-3-1 .heightLine {
	height: 70px;
}
/* order */
.order {
    margin-top: 12px;

}
.order-area .number,
.order .number {
  display: inline-block;
  float: left;
  width: 11px;
  height: 9px;
  background: white;
  border: 1.5px solid black;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  padding: 8px 8px 9px;
  color: black;
  line-height: 9px;
  text-align: center;
  margin-right: 8px;
}
.order-area .number.black {
  background: black;
  color: white;
}
.order-area {
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	font-size: 18px;
}
.order .despriction {
  display: inline-block;
  line-height: 30px;
}
.order li {
  margin-bottom: 15px;
  display: table-cell;
}
/* サムネイル＋テキスト(サムネイルが左) */
.thumb-text {
	margin-bottom: 12px;
}
.thumb-text .thumb-left {
	float: left;
	margin-left: 64px;
	margin-top: 28px;
}
.thumb-text .text-right {
	float: left;
}
.thumb-text .text-right .title-text {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
}
.thumb-text .text-right .body-text {
	width: 518px;
	display: inline-block;
}
.thumb-text .text-right ul li {
	margin-bottom: 24px;
}
.polish-type {
	border-bottom: solid 1px black;
	height: 40px;
}
.polish-type .polish-lineR {
	width: 378px;
	height: 40px;
	float: right;
	border-left: 1px solid black;
	text-align: center;
}
.polish-type .polish-lineL {
	width: 314px;
	height: 40px;
	float: right;
	border-left: 1px solid black;
	text-align: center;
}
.row {
	height: 172px;
}
.line {
	border-bottom: solid 1px black;
}
.wa-hocho-area,
.you-hocho-area {
	position: relative;
}

.wa-hocho-area .hondle-pos {
	position: absolute;
	bottom: 140px;
	left: 151px;
}
.wa-hocho-area .ha-pos {
	position: absolute;
	top: 245px;
	right: 147px;
}
.wa-hocho-area .mine-pos {
	position: absolute;
	top: 245px;
	left: 150px;
}
.you-hocho-area .ha-pos {
	position: absolute;
	top: 147px;
	left: 150px;
}
.you-hocho-area .mine-pos {
	position: absolute;
	top: 147px;
	right: 147px;
}
.you-hocho-area .hondle-pos {
	position: absolute;
	bottom: 138px;
	right: 147px;
}
.wa-hocho-area .mine-info-pos {
	position: absolute;
	top: 221px;
	left: 141px;
	display: none;
}
.wa-hocho-area .ha-info-pos {
	position: absolute;
	top: -12px;
	left: 16px;
	display: none;
}

.you-hocho-area .hondle-info-pos {
	position: absolute;
	bottom: 84px;
	left: 100px;
	display: none;
}
.you-hocho-area .mine-info-pos {
	position: absolute;
	top: 175px;
	left: 147px;
	display: none;
}
.you-hocho-area .ha-info-pos {
	position: absolute;
	top: -17px;
	left: 3px;
	display: none;
}
.wa-hocho-area .hondle-info-pos {
	position: absolute;
	bottom: 36px;
	left: 75px;
	display: none;
}
.you-hocho-area .a1 {
	width: 293px;
	height: 435px;
	position: absolute;
	top: 30px;
	right: 144px;
	z-index: 99;
}
.you-hocho-area .a2 {
	position: absolute;
	top: 4px;
	right: 417px;
	width: 33px;
	height: 456px;
	z-index: 99;
}
.you-hocho-area .a3 {
	width: 287px;
	height: 730px;
	position: absolute;
	top: 30px;
	left: 151px;
	z-index: 99;
}
.you-hocho-area .a4 {
	position: absolute;
	top: 5px;
	left: 423px;
	width: 57px;
	height: 463px;
	z-index: 99;
}
.you-hocho-area .a5 {
	width: 287px;
	height: 175px;
	position: absolute;
	bottom: 139px;
	right: 144px;
	z-index: 99;
}
.you-hocho-area .a6 {
	position: absolute;
	bottom: 81px;
	left: 456px;
	width: 87px;
	height: 290px;
	z-index: 99;
}
.wa-hocho-area .a1 {
	width: 281px;
	height: 500px;
	position: absolute;
	top: 60px;
	left: 138px;
	z-index: 99;
}
.wa-hocho-area .a2 {
	position: absolute;
	top: 3px;
	left: 412px;
	width: 51px;
	height: 441px;
	z-index: 99;
}
.wa-hocho-area .a3 {
	width: 293px;
	height: 655px;
	position: absolute;
	top: 90px;
	right: 145px;
	z-index: 99;
}
.wa-hocho-area .a4 {
	position: absolute;
	top: 4px;
	right: 415px;
	width: 60px;
	height: 441px;
	z-index: 99;
}
.wa-hocho-area .a5 {
	width: 260px;
	height: 175px;
	position: absolute;
	bottom: 142px;
	left: 144px;
	z-index: 99;
}
.wa-hocho-area .a6 {
	position: absolute;
	bottom: 172px;
	left: 403px;
	width: 87px;
	height: 290px;
	z-index: 99;
}
.movie-title {
	display: block;
	margin-top: -5px;
}
.movie-description {
	width: 460px;
	display: block;
	min-height: 85px;
}
.movieBanner a:hover img {
	opacity: .7;
}
.ttl-border {
  font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
  font-size: 28px;
  letter-spacing: 0.09em;
  line-height: 1.7em;
}
.name-hocho {
  font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
  font-size: 28px;
  letter-spacing: 0.09em;
  line-height: 1.4em;
}
img.fontplus-trial-banner{
  display: none;
}
.mincho-ll {
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	font-size: 40px !important;
	letter-spacing: 0.15em;
}
.mincho-l {
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	font-size: 28px;
}
.mincho-m {
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	font-size: 22px;
}
.mincho-s {
	font-family: "FP-ヒラギノ明朝 ProN W3{pm}";
	font-size: 18px;
}

.ttl.products.flex {
	display: flex;
	align-items: center;
}
.ttl.products.flex .cat-name {
	width: 120px;
}
.ttl.products.flex .cat-name-title {
	line-height: 1.25em;
}

.Btn.mincho {
	display: flex;
	align-items: center;
}

/* 印刷時、左ナビ非表示 */
@media print {
  .leftnavi{
    display:none;
  }
}