@charset "utf-8";


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

a:hover {
	color:#666;
}

img.hv_trans {
  transition: all ease 0.3s;
}

img.hv_trans:hover{
  opacity: 0.6;
}


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

div#box{
	width:950px;
	margin:0 auto;
}

div#columnBox{
	display:flex;
	justify-content:space-between;
    margin-bottom: 40px;
}

div#rightColumn{
	width: 730px;
}

div#footer2{
	margin:0;
}

.logo img{
	display:block;
}

.g-navi > ul{
	display:-ms-flexbox;
	display:flex;
}

.g-navi > ul > li{
	flex:1;
	width:20%;
	display:inline-block;
	margin:0;
	padding:0;
}

.g-navi > ul > li + li{
	border-left:1px solid #FFFFFF;
}

.g-navi a{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#E5DAC9;
	font-weight:bold;
	font-size:0.9rem;
	height:50px;
}

.g-navi > ul > li:first-of-type a:before{
	content:"";
	display:block;
	height:14px;
	width:16px;
	background:url(../img/home.png) no-repeat left top;
	background-size:contain;
	margin-right:5px;
}

.g-navi > ul > li:last-of-type a{
	background:#FDD1D0;
	color:#DC4847;
}

.g-navi > ul > li:last-of-type a:before{
	content:"";
	display:block;
	height:16px;
	width:16px;
	background:url(../img/shopping_cart.png) no-repeat left top;
	background-size:contain;
	margin-right:5px;
}


#navibtm {
  width:100%;
  display:flex;
  align-items: center;
  margin-top:30px;
}

#navibtm #searchBox {
  width:440px;
  margin: 0;
}

#navibtm #searchBox form p{
  display:flex;
}

#navibtm #searchBox input[type=text] {
  width:360px;
  padding:7px 14px;
  border: #01A93C 2px solid;
  box-sizing:border-box;
}
#navibtm #searchBox input[type=image] {
  background: #01A93C;
  padding: 8px 14px;
  width: 26px;
}

#navibtm #hotword {
  display:flex;
  align-items: center;
}

#navibtm #hotword li {
  display:inline-block;
}

#navibtm #hotword li:first-child{
  font-weight:bold;
  font-size:14px;
  padding: 5px 12px 4px;
  box-sizing:border-box;
  margin-right:10px;
}

#navibtm #hotword li:nth-child(n+2){
  margin-right:10px;
}

#navibtm #hotword li:nth-child(n+2) a {
  font-size:14px;
  color:#666 !important;
  font-weight:bold;
  padding: 5px 15px;
  background:#F5F5F5;
  box-sizing:border-box;
  border-radius:5px;
}

#navibtm #hotword li:last-child{
  margin-right:0;
}


#slide_top {
  margin-bottom:30px;
}

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

　proofTop

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

#proofTop img{
    max-width: 100%;
    height: auto;
	width:100%;
	display:block;
}

#proofTop #floor > *{
	display:flex;
	justify-content:space-between;
}

#proofTop #floor > ul{
	margin-bottom:20px;
}

#proofTop #floor > ul li{
	width:calc(50% - 5px);
}

#proofTop #floor > ul li a{
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #06A43E;
	box-sizing:border-box;
	background:#06A43E;
	position:relative;
	padding:5px 30px;
	font-weight:bold;
	color:#FFFFFF;
	height:50px;
	transition:0.5s;
}

#proofTop #floor > ul li a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	transition:0.5s;
	border-bottom:none;
	border-right:7.5px solid transparent;
	border-left:7.5px solid transparent;
	border-top:10px solid #FFFFFF;
	transform:translateY(-50%);
	position:absolute;
	right:15px;
	top:50%;
}

#proofTop #floor > ul li a:hover{
	background:#FFFFFF;
	color:#06A43E;
}

#proofTop #floor > ul li a:hover:after{
	border-top:10px solid #06A43E;
}

#proofTop #floor > ul ~ div{
	padding:20px 25px;
}

#proofTop #floor > ul ~ div:nth-of-type(odd){
	background:#F2F2F2;
}

#proofTop #floor > ul ~ div:nth-of-type(2){
	flex-direction:row-reverse;
}

#proofTop #floor > ul ~ div > div:first-of-type{
	width:calc(100% - (280px + 40px))
}

#proofTop #floor > ul ~ div > div:last-of-type{
	width:280px;
}

#proofTop #floor > ul ~ div li:first-of-type ~ li{
	margin-top:10px;
}

#proofTop #floor > ul ~ div a{
	display:block;
	transition:background 0.5s;
	text-align:center;
	position:relative;
	padding:5px 20px;
	border:1px solid;
	font-weight:bold;
}

#proofTop #floor > ul ~ div:nth-of-type(1) a{
	border-color:#D9E021;
	background:#D9E021;
}

#proofTop #floor > ul ~ div:nth-of-type(2) a{
	border-color:#F7931E;
	background:#F7931E;
}

#proofTop #floor > ul ~ div:nth-of-type(3) a{
	border-color:#44D351;
	background:#44D351;
}

#proofTop #floor > ul ~ div a:after{
	content:"";
	display:block;
	height:6px;
	width:6px;
	border-right:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	transform:rotate(45deg) translateY(-50%);
	position:absolute;
	right:15px;
	top:50%;
}

#proofTop #floor > ul ~ div a:hover{
	background:#FFFFFF;
}

#proofTop #floor > ul ~ div:nth-of-type(1) a:hover:after{
	border-right:2px solid #D9E021;
	border-top:2px solid #D9E021;
}

#proofTop #floor > ul ~ div:nth-of-type(2) a:hover:after{
	border-right:2px solid #F7931E;
	border-top:2px solid #F7931E;
}

#proofTop #floor > ul ~ div:nth-of-type(3) a:hover:after{
	border-right:2px solid #44D351;
	border-top:2px solid #44D351;
}

#proofTop #floor ~ div{
	margin-top:60px;
}

#proofTop #floor ~ div h3{
	border-bottom:2px solid #39B54A;
	border-left:10px solid #39B54A;
	padding:10px 15px;
}

#proofTop #floor ~ div a{
	background:#FFFFFF;
}

#proofTop #floor ~ div a img{
	transition:0.5s;
}

#proofTop #floor ~ div a:hover img{
	opacity:0.5;
}

#proofTop #food ul li{
	margin-top:15px;
}

#proofTop #life ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:20px;
}

#proofTop #life ul li{
	width:calc(50% - 10px);
}

#proofTop #life ul li:nth-of-type(2) ~ li{
	margin-top:25px;
}