@charset "UTF-8";

/* ================================================
	cookie popup
================================================ */
.popup_cookie_cont {
	-webkit-box-shadow: 0px -2px 3px #dbdbdb;
		  box-shadow: 0px -2px 3px #dbdbdb;
	background-color: #f3f3f3;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 1000;
	display: none;
	padding: 0;
}

@media screen
{
	/* agreeの場合は表示 */
	/*.popup_cookie_cont.agree
	{
		display: none;
	}*/
	/* closeの場合は表示 */
	/*.popup_cookie_cont.close
	{
		display: none;
	}*/
}

@media print
{
	/*	jsのmediaQueryがプリント時に働かないようなので
		印刷時はどちらの場合も非表示 */
	.popup_cookie_cont
	{
		display: none!important; 
	}
	/* agreeの場合は表示 */
	/*.popup_cookie_cont.agree
	{
		display: none;
	}*/
	/* 印刷時closeの場合は表示 */
	/*.popup_cookie_cont.close
	{
		display: block;
	}*/
}

.popup_cookie {
  width: 950px;
  display: table;
  margin: 0 auto;
  padding: 16px 0;
}
.popup_cookie > div {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
}
.popup_cookie > .ct {
  width: 83%;
  padding: 0 ;
}
.popup_cookie > .ct .txt{
  line-height: 1.6;
	letter-spacing: .1em
}
.popup_cookie > .btn {
  width: 17%;
  min-width: 48px;
  line-height: 0%;
  white-space: nowrap;
  padding: 0 12px 0 0;
}
.popup_cookie > .btn .btn_agree {
  background-color: #150405;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.02em;
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 8px 20px 8px 20px;
 position: relative;
}
.popup_cookie > .btn .btn_agree:before {
   position: absolute;
   top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	content: '';
	background-image: url("../img/cookie_ok_arrow.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 100%;
	width: 10px;
 }
.cookie_close{
	  cursor: pointer;
	font-size: 20px;
	color: #150405;
}
a.about_cookie_link{
	color: #150405;
	text-decoration: underline;
}