﻿ @charset "utf-8";

.tano-colum1-plus #wrap{
	width: 1200px;
}
#wrap.uk-container-small{
	max-width:1200px !important;
}
#tano-container-left{
	width:1200px;
}
.tano-colum1-plus #tano-main-area{
	width:1200px !important;
}
#tano-main-area h1,
#tano-main-area h2,
#tano-main-area h3,
#tano-main-area h4,
#tano-main-area p,
#tano-main-area table,
#tano-main-area .tano-h3-bottom,
#tano-main-area .page-top-head,
#tano-main-area .kanren-head,
#tano-main-area a,
#tano-main-area .section03-list-table,
#tano-main-area .section03-link-list{
	font-family:"Arial", "Hiragino Sans", "Noto Sans JP", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
	font-weight: 400;
}
#tano-main-area .page-top-head,
#tano-main-area .kanren-head{
	font-size:2rem;
	font-weight:500;
	margin:0 70px 10px;
	padding: 0 5px;
}
#tano-main-area .kanren-head{
	margin:0 0 1em;
}
#tano-main-area .tano-jin-text-01{
	font-size: 16px;
	margin:0 70px 40px;
}
#tano-main-area .tano-jin-text-02{
	font-size: 11px;
	text-align: left;
	margin:0;
}
#tano-main-area .tano-jin-text-03{
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	margin-top: 0;
}
#tano-main-area h1.tano-h1{
	display: flex;
	justify-content:space-between;
	align-items: center;
	background: #f2fcd9;
	margin-bottom: 40px;
}
#tano-main-area h1.tano-h1 .h1-left{
	flex-basis: 750px;
	font-size: 4.25rem;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);*/
	color: #222222;
	font-weight: bold;
	/*letter-spacing:0.15em;*/
	display: flex;
	justify-content: center;
}
#tano-main-area h1.tano-h1 .h1-right{
	flex-basis: 450px;
}
#tano-main-area h2.tano-h2{
	margin: 80px 0 40px 0;
	padding: 0;
	font-size:2.4rem;
	font-weight: 500;
	text-align: center;
	color: #333;
	overflow:hidden;
}
#tano-main-area h2.tano-h2 .tano-h2-inner{
	display: inline-block;
	position: relative;
	line-height: 1.3;
}
#tano-main-area h2.tano-h2 .tano-h2-inner:before{
	content: "";
  position: absolute;
  width: 2000px;
  border-bottom: calc(0.2px + 0.05em) solid #ccc;
	right: 100%;
  margin-right: calc(5px + 0.3em);
	top: calc(50% - (0.2px + 0.05em) / 2);
}
#tano-main-area h2.tano-h2 .tano-h2-inner:after{
	content: "";
  position: absolute;
  width: 2000px;
  border-bottom: calc(0.2px + 0.05em) solid #ccc;
	left: 100%;
  margin-left: calc(5px + 0.3em);
	top: calc(50% - (0.2px + 0.05em) / 2);
}
#tano-main-area .tano-h2 .tano-h2-inner span{
	display: inline-block;
	font-size:1.5rem;
}
#tano-main-area h3.tano-h3{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	padding:0;
	margin:60px 0 10px;
}
#tano-main-area h4.tano-h4{
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
	padding:0;
	margin:0 0 1em;
}
#tano-main-area .mt-80{
	margin-top:80px;
}
#tano-main-area .page-top-text{
	font-size: 2.3rem;
	font-weight: 500;
	/*letter-spacing:0.1em;*/
}
#tano-main-area .tano-jin-box-01{
	display: flex;
	padding: 10px 70px 0;
	text-align: center;
}
#tano-main-area .tano-jin-box-01 li{
	display: flex;
	flex-direction: column;
}
#tano-main-area .tano-jin-box-01 .tano-jin-text-01{
	margin: 10px auto;
}
#tano-main-area ul.w-c2 li {
  width: calc(100% / 2);
}
#tano-main-area ul.w-c3 li {
  width: calc(100% / 3);
}
#tano-main-area ul.w-c4 li {
  width: calc(100% / 4);
}
#tano-main-area ul.w-c5 li {
  width: calc(100% / 5);
}
#tano-main-area ul.w-c6 li {
  width: calc(100% / 6);
}
#tano-main-area ul.w-c7 li {
  width: calc(100% / 7);
}

#tano-main-area .b-red{
	background-color:#ffe5e5;
	border: solid 1px #ff3939;
	font-size: 14px;
}

/*----------------------------------------
	.page-top-nav
------------------------------------------*/
#tano-main-area nav.page-top-nav{
	margin:15px 70px;
}
#tano-main-area nav.page-top-nav ul{
	margin: 0;
	padding: 0;
	display:flex;
	justify-content: center;
}
#tano-main-area nav.page-top-nav ul li{
	width: 353px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: center;
}
#tano-main-area nav.page-top-nav ul li a{
	color: #fff;
	font-size:1.8rem;
	text-decoration:none;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:15px 0 20px;
	margin:0 5px;
	border:solid 2px #333;
	background: #333;
	position: relative;
	flex: 1;
}
#tano-main-area nav.page-top-nav ul li a:hover{
	background: #efefef;
	color: #333;
}
#tano-main-area nav.page-top-nav ul li a:after{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	bottom: 5px;
	margin: auto;
	width: 5px;
	height: 5px;
	border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#tano-main-area nav.page-top-nav ul li a:hover:after{
	border-color: #333;
}
#tano-main-area nav.page-top-nav ul li a span {
  display: block;
  font-size: 12px;
}
#tano-main-area #section01 .tano-jin-box-01,
#tano-main-area #section02 .tano-jin-box-01,
#tano-main-area #section03 .tano-jin-box-01,
#tano-main-area #section03-list .tano-jin-box-01{
	background: #f2fcd9;
}
#tano-main-area #section01 .tano-jin-box-01,
#tano-main-area #section03 .tano-jin-box-01,
#tano-main-area #section03-list .tano-jin-box-01{
	padding: 50px 70px;
}
#tano-main-area #section03 .tano-jin-box-01-inner .tano-jin-text-01,
#tano-main-area #section03-list .tano-jin-box-01-inner .tano-jin-text-01,
#tano-main-area #section03-list .tano-jin-box-01-inner .tano-jin-box-bottom{
	margin-left:30px;
	margin-right:30px;
}
/*-----------------------------------------
	#section01
-------------------------------------------*/
#tano-main-area #section01 .w-c2{
	column-gap: 30px;
}
#tano-main-area #section01 .w-c2 li .tano-jin-text-01{
	flex:1;
}
#tano-main-area #section01 h3.tano-h3{
	margin: 0;
	font-size: 2.1rem;
}
#tano-main-area #section01 .tano-jin-text-01{
	margin-bottom: 15px;
}
#tano-main-area #section01 .tano-jin-box-01 li{
	background: #fff;
	padding: 30px 0;
	border-radius: 15px;
}
/*-----------------------------------------
	#section02
-------------------------------------------*/
#tano-main-area #section02 h2.tano-h2{
	margin-bottom: 0;
}
#tano-main-area #section02 h2.tano-h2 .tano-h2-inner{
	padding-bottom: 1.3em;
}
#tano-main-area #section02 .w-c4{
	column-gap: 10px;
}
#tano-main-area #section02 .w-c4 li{
	padding: 15px 10px 10px;
}
#tano-main-area #section02 .w-c4 li:first-child{
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
#tano-main-area #section02 .w-c4 li:last-child{
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
#tano-main-area #section02 h3.tano-h3{
	width: 100%;
	flex: 1;
	font-size: 1.8rem;
	padding: 5px 0 10px 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#tano-main-area #section02 h3.tano-h3:after{
	content: "";
	position: absolute;
	width: 10px;
	height: 19px;
	top: 0;
	bottom: 0;
	right: -10px;
	margin: auto;
	background-image: url("flow-arrow.png") ;
}
#tano-main-area #section02 .w-c4 li:last-child h3.tano-h3:after{
	content: none;
}
#tano-main-area #section02 .tano-jin-text-02{
	height: 5em;
	padding: 5px 10px 5px 15px;
}
#tano-main-area #section02 .tano-jin-box-02{
	margin: 10px 70px ;
}
#tano-main-area #section02 .tano-jin-box-02 .tano-jin-text-01{
	padding: 15px 30px ;
	margin: 0;
	text-align: center;
}
/*-----------------------------------------
	#section03
-------------------------------------------*/
#tano-main-area #section03 .osusume-nav{
	padding: 30px 0;
	margin-top: 0;
}
#tano-main-area #section03 .osusume-nav .tano-jin-box-01{
	background-color: transparent;
	padding:0 70px;
}
#tano-main-area #section03 .osusume-nav .w-c4{
	flex-wrap: wrap;
}
#tano-main-area #section03 .osusume-nav .w-c4 li a{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	background: #fff;
	border: solid 1px #333;
	height: 80px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#tano-main-area #section03 .osusume-nav .w-c4 li a:hover{
	color: #aaa;
}
#tano-main-area #section03 .osusume-nav .w-c4 li:nth-child(4n) a{
	margin-right: 0;
}
#tano-main-area #section03 .osusume-nav .w-c4 li a .osusume-nav-li-i{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 0 10px 0 0;
}
#tano-main-area #section03 .osusume-nav .w-c4 li a .osusume-nav-li-t{
	text-align: left;
	display: flex;
	align-items: center;
}
#tano-main-area .w-c2 .tano-jin-box-01-inner{
	background: #fff;
	padding: 30px;
	border-radius: 15px;
}
#tano-main-area #section03 .w-c2 .tano-jin-box-01-inner{
	display: flex;
}
#tano-main-area .w-c2 .tano-jin-box-01-inner .tano-jin-box-01-l{
	width: calc(100% - 526px);
}
#tano-main-area .w-c2 .tano-jin-box-01-inner .tano-jin-box-01-r{
	width: 526px;
}
#tano-main-area #section03 .w-c2,
#tano-main-area #section03-list .w-c2{
	position: relative;
}
#tano-main-area #section03 .w-c2:before,
#tano-main-area #section03-list .w-c2:before{
	content: "";
	position: absolute;
	background-image: url(i-tips.png);
	width:100px ;
	height:58px;
	top: 35px;
	left: 60px;
}
#tano-main-area #section03 .w-c2 .tano-jin-text-03,
#tano-main-area #section03-list .w-c2 .tano-jin-text-03{
	margin: 0;
	padding: 30px 30px 10px 30px;
	font-weight: normal;
}
#tano-main-area .i-tips{
	text-align: left;
}
/*-----------------------------------------
	#section03-list
-------------------------------------------*/
#tano-main-area #section03-list .tano-jin-box-bottom{
	margin-bottom: 10px;
}
#tano-main-area #section03-list .tano-jin-box-01 .tano-jin-box-01-02{
	flex-direction: column;
}
#tano-main-area #section03-list .tano-jin-box-01 .tano-jin-box-01-02 .tano-jin-text-01{
 flex-basis:526px;
}
/*-----------------------------------------
	.link-btn
-------------------------------------------*/
#tano-main-area .link-btn{
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
#tano-main-area .link-btn a{
	display: inline-block;
	padding: 1em 3em 1em 50px;
	font-size: 1.4rem;
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	border: solid 2px #333;
	background: #333;
	position:relative;
}
#tano-main-area .link-btn a:hover{
	background: #eee;
	color: #333;
}
#tano-main-area .link-btn a:before{
	content: "";
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 16px;
	background-image: url("i-win-btn.png")
}
#tano-main-area .link-btn a:hover:before{
	background-image: url("i-win-btn-over.png")
}
#tano-main-area .link-btn a:after{
	content: "";
	position: absolute;
	right: 2em;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#tano-main-area .link-btn a:hover:after{
	border-color: #333;
}

/*----------------------------------------
	table
------------------------------------------*/
#tano-main-area #section03-list-table{
	margin: 0;
}
#tano-main-area #section03-list-table th,
#tano-main-area #section03-list-table td{
	border: solid 1px #3ea800;
	font-size: 16px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}
#tano-main-area #section03-list-table .table-head th{
	background: #3ea800;
	color: #fff;
	border-right: solid 1px #fff;
}
#tano-main-area table.tano-item-info-area td{
	background-color: #fff;
}

/*-----------------------------------------
	共通
-------------------------------------------*/
#tano-main-area .c-red{
	color: red;
}
#tano-main-area small{
	font-size: 11px;
}
#tano-main-area .fw-b{
	font-weight: bold;
}
#tano-main-area .ta-l{
	text-align: left;
}

/*-----------------------------------------
	商品リスト
-------------------------------------------*/
#tano-main-area .tano-item-detail-box-2,
#tano-main-area .tano-item-detail-box-3,
#tano-main-area .tano-item-detail-box-4,
#tano-main-area .tano-item-detail-box-5 {
  display: flex;
  margin: 20px 0 ;
  justify-content: flex-start;
	flex-wrap: wrap;
	clear: none;
}
#tano-main-area .tano-item-detail-box-1 .tano-item-detail-box-inner{
	border: none;
  background-color: #f7f7f7;
}
#tano-main-area .tano-item-detail-box-2 .tano-item-detail-box-inner,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail-box-inner,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail-box-inner,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail-box-inner{
    float: inherit;
    width: calc(100% / 5 - 15px);
    margin: 0 15px 15px 0;
    border: none;
    background-color: #f7f7f7;
}

#tano-main-area .tano-item-detail-box-2 .tano-item-detail-box-inner {
  width: calc((100% - 15px) / 2 );
}

#tano-main-area .tano-item-detail-box-3 .tano-item-detail-box-inner {
  width: calc((100% - 30px) / 3 );
}
#tano-main-area .tano-item-detail-box-4 .tano-item-detail-box-inner {
  width: calc((100% - 45px) / 4 );
}
#tano-main-area .tano-item-detail-box-5 .tano-item-detail-box-inner {
  width: calc((100% - 60px) / 5 );
}

#tano-main-area .tano-item-detail-box-2 .tano-item-detail-box-inner:nth-of-type(2n),
#tano-main-area .tano-item-detail-box-3 .tano-item-detail-box-inner:nth-of-type(3n),
#tano-main-area .tano-item-detail-box-4 .tano-item-detail-box-inner:nth-of-type(4n),
#tano-main-area .tano-item-detail-box-5 .tano-item-detail-box-inner:nth-of-type(5n){
	margin-right: 0;
}

.tano-item-detail-box-2 .tano-item-detail .tano-item-detail-right {
  width: calc(100% - 230px);
}

#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dt,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dt{
  display: none;
}
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd{
  color: #e80000;
  font-size: 1.1rem;
  font-weight: 600;
  border-bottom: none;
}
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-area,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-area,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-area,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-area,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-area,
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-price-area dl,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-price-area dl,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-price-area dl,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-price-area dl,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-price-area dl{
  border-bottom: none;
}
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-right .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd::after,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-area .tano-item-price-area .tano-sale-price dd::after{
  content: "(税込)";
  color: #131313;
  font-weight: normal;
  margin-left: 2px;
}

#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-name,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-name,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-name,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-name,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-name{
  font-size: 1.6rem;
}
#tano-main-area .tano-item-detail-box-1 .tano-item-detail,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail{
    padding: 15px;
}
#tano-main-area .tano-item-detail-box-1 .tano-item-detail .tano-item-detail-left img,
#tano-main-area .tano-item-detail-box-2 .tano-item-detail .tano-item-detail-left img,
#tano-main-area .tano-item-detail-box-3 .tano-item-detail .tano-item-detail-center img,
#tano-main-area .tano-item-detail-box-4 .tano-item-detail .tano-item-detail-center img,
#tano-main-area .tano-item-detail-box-5 .tano-item-detail .tano-item-detail-center img{
    border: 1px solid #ccc;
}

/*-----------------------------------------
	.spec-table-01
-------------------------------------------*/
#tano-main-area .spec-table-01 {
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin: 10px 0 0;
}
#tano-main-area .spec-table-01 tr th {
	border: 1px solid #CCC;
	padding: 2px 5px;
	vertical-align: middle;
	vertical-align: middle;
	background: #eee;
	width: 125px;
}
#tano-main-area .spec-table-01 tr td {
	border: 1px solid #CCC;
	vertical-align: middle;
	background: #fff;
	padding: 2px 5px;
	width: 315px;
}
#tano-main-area .tano-item-detail-box-2 .spec-table-01 tr td {
	width:auto;
}
#tano-main-area .tano-item-detail-box-4 .spec-table-01 tr th{
	width: 6em;
}
/*-----------------------------------------
	.tano-item-detail-box-inner
-------------------------------------------*/
#tano-main-area .tano-detail-area{
	font-size:14px;
}

#tano-main-area .tano-back-color-black{
	font-size: 1.6rem;
	border-bottom: 0;
}