@charset "utf-8";

@media screen and (min-width: 770px) {
	#main-slider-sp, #main-no-slider-sp, #info-list-contents-sp {
		display:none;
	}
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#main-slider, #main-no-slider, #info-list-contents {
		display:none;
	}
}

/*------------------------------------------------------------------------------------*/
/* main-visual */
/*------------------------------------------------------------------------------------*/
#main-visual {
	padding-top:250px;
	margin-top:50px;
	background:url(../oz-img/main-visual.jpg);/*縦幅240px 横幅自由*/
	background-repeat:repeat-x;
	background-position:top center;
	min-width:1280px;
}
#main-visual.sale {
	padding-top:0;
	background:none;
}
#main-visual .slider img {
	max-width:95%;
}
#main-visual section {
	padding-bottom:1px;
}
#main-visual section {
	margin-top:10px;
}
#main-visual section ~ section {
	margin-top:30px;
}
#main-visual h3 {
	padding:10px 0;
	margin-bottom:20px;
	position:relative;
}
#main-visual h3:before {
	content:"";
	display:block;
	width:100%;
	height:14px;
	background-color:#023921;
}
#main-visual h3 > span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#main-visual h3 span span {
	display:block;
	width:1200px;
	margin:0 auto;
}
#main-visual h3 strong {
	display:inline-block;
	background-color:#fff;
	padding:0 10px;
	line-height:1em;
	letter-spacing:1px;
	font-size:34px;
}

#pickup-product ul {
	overflow:hidden;
}
#pickup-product li {
	width:50%;
	padding:0 20px;
	float:left;
	display:table;
}
#pickup-product li > div {
	display:table-cell;
}
#pickup-product li > div:first-child {
	width:420px;
}
#pickup-product li > div + div {
	padding:0 20px;
	vertical-align:top;
}
#pickup-product li dl, #pickup-product li > div + div p strong {
	font-size:15px;
}
#pickup-product li dl {
	line-height:1.8em;
}
#pickup-product li dt {
	font-size:18px;
	color:#b42123;
	font-weight:bold;
}
#pickup-product li > div + div p {
	padding-left:1em;
	text-indent:-1em;
	line-height:1.8em;
}
#pickup-product li > div + div p span {
	color:#d71318;
}
@media screen and (max-width: 1500px) {
	#pickup-product li > div:first-child {
		width:50%;
	}
	#pickup-product li > div:first-child img {
		width:100%;
	}
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#main-visual {
		padding-top:140px;
		background-size:auto 110px;
		min-width:auto;
	}
	#main-visual .slider {
		width:95%;
		margin:0 auto;
	}
	#main-visual .slider img {
		max-width:100%;
		margin-bottom:10px;
	}
	#main-visual h3 span span {
		width:90%;
	}
	#main-visual h3 strong {
		font-size:20px;
		min-height:30px;
	}
	
	#pickup-product li {
		padding:0 10px;
	}
	#pickup-product li ~ li {
		margin-top:30px;
	}
	#pickup-product li, #pickup-product li > div {
		display:block;
	}
	#pickup-product li, #pickup-product li > div:first-child {
		width:100%;
	}
	#pickup-product li > div + div {
		padding:20px 0;
	}
}


/*------------------------------------------------------------------------------------*/
/* main-contents */

/*------------------------------------------------------------------------------------*/
#main-contents {
	padding:60px 30px;
}
#main-contents img {
	width:100%;
}
#main-contents > div {
	overflow:hidden;
}
#main-contents > div > div {
	float:right;
	overflow:hidden;
	width:78%;
}
#main-contents > div > div.side {
	float:left;
	width:20%;
	margin-right:2%;
}
#main-contents > div > div > div {
	width:49%;
	float:left;
}
#main-contents > div > div > div:nth-of-type(even) {
	float:right;
}
#main-contents > div > div > div + section {
	clear:both;
}
#main-contents section {
	border-top:14px solid #023B1F;
	padding-top:15px;
	margin-bottom:30px;
}
#main-contents section h2 {
	margin-bottom:15px;
	color:#023B1F;
	font-size:20px;
}
#main-contents section .list li {
	padding-left:2em;
	text-indent:-1.8em;
}
#main-contents section .list li span {
	color:#ec77a3;
}
#main-contents section .article {
	position:relative;
	padding-left:350px;
	min-height:333px;
}
#main-contents section .article dt {
	font-size:16px;
	font-weight:bold;
}
#main-contents section .article dt span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}
#main-contents section .article dd {
	padding-right:5%;
}
@media screen and (max-width: 1300px) {
	#main-contents section .article {
		padding-left:0;
		min-height:auto;
	}
	#main-contents section .article dt span {
		position:static;
		margin-bottom:10px;
	}
	#main-contents section .article dd {
		padding-right:0;
	}
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#main-contents {
		padding:30px 10px;
	}
	#main-contents > div > div, #main-contents > div > div > div {
		width:100% !important;
		float:none !important;
	}
	#main-contents section .article dt span img {
		width:auto;
		max-width:100%;
	}
}


/* contents01-info-area ---------------------------------------------------------------*/
#contents01-info-area {
	position:relative;
}
#contents01-info-area h2 {
	position:absolute;
	top:15px;
	left:0;
	z-index:50;
	padding-right:15px;
	background-color:#fff;
}
#info-list-area span {
	color:#918941;
}
@media screen and (min-width: 770px) {
	#contents01-info-area h2 {
		width:130px;
	}
	#info-list-area {
		margin-left:130px;
	}
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#info-list-area {
		overflow: hidden;
		position: relative;
	}
	#info-list-area:after {
		content: "";
		white-space: nowrap;
		display: inline-block;
	}
	#info-list-contents-sp {
		position: absolute;
		top: 0;
		white-space: nowrap;
		animation-name: marquee;
		animation-timing-function: linear;
		animation-duration: 30s;
		animation-iteration-count: infinite;
	}
	#info-list-contents-sp:hover {
		animation-play-state: paused;
		cursor: default;
	}
	#info-list-contents-sp > div {
		display:inline-block;
		font-size:13px;
	}
	@keyframes marquee {
			0% { left: 100%; transform: translate(0); }
		100% { left: 0; transform: translate(-100%); }
	}
}


/* contents01-insistence-area ---------------------------------------------------------------*/
#contents01-insistence-area li {
	margin-top:5px;
	font-size:13px;
}


/* contents01-recruit-area ---------------------------------------------------------------*/
#contents01-recruit-area dl {
	font-size:14px;
	padding-left:350px !important;
	min-height:218px !important;
}
#contents01-recruit-area a {
	color:#ec77a3;
}
@media screen and (max-width: 1300px) {
	#contents01-recruit-area dl {
		padding-left:0 !important;
		min-height:auto !important;
		line-height:1.5em;
	}
}


/* contents01-event-area contents01-reference-area ---------------------------------------------------------------*/
#contents01-event-area, #contents01-reference-area > div {
	overflow:hidden;
}
#contents01-event-area .article {
	font-size:16px;
}
#contents01-reference-area .article {
	font-size:13px;
}
#contents01-event-area .article, #contents01-reference-area .article {
	line-height:1.8em;
	width:49%;
	margin:10px 1% 0 0;
	padding-bottom:15px;
	float:left;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#contents01-event-area .article, #contents01-reference-area .article {
		width:100%;
		margin-right:0;
		float:none;
	}
}


/* contents01-mailmaga-area ---------------------------------------------------------------*/
#contents01-mailmaga-area p {
	font-size:13px;
}
#contents01-mailmaga-area a {
	display:inline-block;
	border-radius:5px;
	padding:5px 10px;
	margin-top:10px;
	border:2px solid #023B1F;
	color:#023B1F;
	font-weight:bold;
}
#contents01-mailmaga-area a:after {
	content: "";
	display: inline-block;
	border: 5px solid transparent;
	border-left-color: #023B1F;
	margin-left:5px;
}


/* contents01-general-area ---------------------------------------------------------------*/
.contents01-general-area p {
	font-size:13px;
}
.contents01-general-area a {
	display:inline-block;
	border-radius:5px;
	padding:5px 10px;
	margin-top:10px;
	border:2px solid #023B1F;
	color:#023B1F;
	font-weight:bold;
}
.contents01-general-area a:after {
	content: "";
	display: inline-block;
	border: 5px solid transparent;
	border-left-color: #023B1F;
	margin-left:5px;
}


/* contents01-search-area ---------------------------------------------------------------*/
#contents01-search-area dl {
	overflow:hidden;
}
#contents01-search-area dt, #contents01-search-area dd {
	float:left;
}
#contents01-search-area dt {
	width:70%;
}
#contents01-search-area dd {
	margin-left:5%;
	width:25%;
}
#contents01-search-area dl input {
	width:90%;
	border:1px solid #023B1F;
}
#contents01-search-area dd input {
	background-color:#023B1F;
	color:#fff;
}
#contents01-search-area ul {
	padding-top:10px;
}
#contents01-search-area li, #contents01-dictionary-area li {
	margin-top:10px;
	font-size:14px;
}


/* contents02-shop-area ---------------------------------------------------------------*/
#contents02-shop-area {
	position:relative;
	padding-right:530px;
	min-height:345px;
}
#contents02-shop-area p {
	font-weight:bold;
}
#contents02-shop-area p, #contents02-shop-area li {
	margin-top:10px;
	font-size:14px;
}
#contents02-shop-area .movie {
	position:absolute;
	right:0;
	top:40px;
	width:500px;
}
#contents02-shop-area .movie p {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#contents02-shop-area .movie iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#contents02-shop-area {
		padding-right:0;
	}
	#contents02-shop-area .movie {
		position:static;
		width:90%;
		margin:30px auto 0;
	}
}


/* contents02-shopmenu-area ---------------------------------------------------------------*/
#contents02-shopmenu-area {
	border:none !important;
	padding-top:0 !important;
}
#contents02-shopmenu-area h3 {
	color:#3e210d;
	font-size:20px;
	margin:20px 0 10px;
}
#contents02-shopmenu-area img {
	width:100% !important;
}



/* bottom-contents ---------------------------------------------------------------*/
#bottom-contents {
	width:1280px;
	margin:0 auto;
}
#bottom-contents > ul {
	overflow:hidden;
}
#bottom-contents > ul > li {
	float:left;
	width:230px;
	padding:20px;
	border-radius:10px;
	border:1px solid #023B1F;
	background-color:#fff;
	word-wrap: break-word;
}
#bottom-contents > ul > li ~ li {
	margin-left:30px;
}
#bottom-contents li.contact {
	width:500px;
	overflow:hidden;
}
#bottom-contents dl {
	text-align:center;
	font-size:20px;
	height:220px;
}
#bottom-contents li.contact dl, #bottom-contents li ul {
	float:left;
	width:50%;
}
#bottom-contents dl img {
	width:auto;
}
#bottom-contents dt, #bottom-contents a {
	font-weight:bold;
}
#bottom-contents dd {
	font-size:14px;
	margin-top:10px;
}
#bottom-contents li.contact dl {
	padding-right:20px;
	border-right:dotted #023B1F 1px;
}
#bottom-contents li.contact dl a {
	font-size:20px;
}
#bottom-contents li li ~ li {
	margin-top:10px;
}
#bottom-contents li ul {
	padding-left:20px;
	font-size:12px;
}
#bottom-contents li li span {
	font-weight:bold;
	font-size:14px;
	display:block;
}
#bottom-contents li li span:before {
	content:"";
	display:inline-block;
	border:5px solid transparent;
	border-left-color:#333;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#bottom-contents {
		width:100%;
	}
	#bottom-contents > ul > li {
		float:none;
		margin:0 auto;
	}
	#bottom-contents > ul > li ~ li {
		margin:30px auto 0;
	}
	#bottom-contents li.contact {
		width:100%;
		padding:20px 5%;
	}
	#bottom-contents li.contact dl {
		padding-right:5%;
	}
	#bottom-contents li ul {
		padding-left:5%;
	}
}

/* bigsale-countdown ---------------------------------------------------------------*/
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: local('Orbitron Regular'), local('Orbitron-Regular'), url(https://fonts.gstatic.com/s/orbitron/v9/yMJRMIlzdpvBhQQL_Qq7dy0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#bigsale-countdown > div {
	display:table;
	width:100%;
	padding:0 20px;
	background:url(../oz-img/count-01.jpg) top center no-repeat;
	background-size:100% auto;
}
#bigsale-countdown p, #bigsale-countdown dl {
	display:table-cell;
	vertical-align:top;
}
#bigsale-countdown p {
	width:420px;
}
#bigsale-countdown dl {
	padding:0 20px;
	text-align:center;
}
#bigsale-countdown dt {
	color:#fff;
	font-weight:bold;
	font-size:60px;
	line-height:1.5em;
	font-family: 'Orbitron', "Meiryo UI", "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", "Verdana", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		-webkit-text-shadow:rgba(0,0,0,0.2) 3px 3px 15px, rgba(0,0,0,0.2) -3px 3px 15px, rgba(0,0,0,0.2) 3px -3px 15px, rgba(0,0,0,0.2) -3px -3px 15px;
		-moz-text-shadow:rgba(0,0,0,0.2) 3px 3px 15px, rgba(0,0,0,0.2) -3px 3px 15px, rgba(0,0,0,0.2) 3px -3px 15px, rgba(0,0,0,0.2) -3px -3px 15px;
		-ms-text-shadow:rgba(0,0,0,0.2) 3px 3px 15px, rgba(0,0,0,0.2) -3px 3px 15px, rgba(0,0,0,0.2) 3px -3px 15px, rgba(0,0,0,0.2) -3px -3px 15px;
		-o-text-shadow:rgba(0,0,0,0.2) 3px 3px 15px, rgba(0,0,0,0.2) -3px 3px 15px, rgba(0,0,0,0.2) 3px -3px 15px, rgba(0,0,0,0.2) -3px -3px 15px;
		text-shadow:rgba(0,0,0,0.2) 3px 3px 15px, rgba(0,0,0,0.2) -3px 3px 15px, rgba(0,0,0,0.2) 3px -3px 15px, rgba(0,0,0,0.2) -3px -3px 15px;
}
#bigsale-countdown dt strong {
	font-size:100px;
}
#bigsale-countdown dd {
	margin-top:30px;
}
#bigsale-countdown dd img {
	max-width:100%;
}

#countdown-content {
	display:none;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#bigsale-countdown > div,
	#bigsale-countdown p, #bigsale-countdown dl {
		display:block;
	}
	#bigsale-countdown > div {
		padding:0 10px;
		background:none;
	}
	#bigsale-countdown p {
		width:100%;
	}
	#bigsale-countdown dl {
		margin-top:30px;
		padding:0;
	}
	#bigsale-countdown dt {
		font-size:30px;
		background:url(../oz-img/count-01.jpg) top center no-repeat;
		background-size:auto 100%;
	}
	#bigsale-countdown dt strong {
		font-size:50px;
		line-height:1.3em;
	}
}

/* youtubeレスポンシブ ------------------------------------------------*/
.frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.frame-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}