@charset "UTF-8";

html,body { height:100%; }
	body {
		font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		background: #FFF;
		color: #000;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 180%;
		font-feature-settings: "halt" 1;
	}
	a {
		transition: 0.3s;
	}
	a:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		text-decoration: none!important;
	}
	.contents {
		text-align: center;
		margin: 0 auto;
	}
	.contarea {
		width: 100%;
	}
	#nagaimo .contarea {
		background-color: #FFF;
	}
	.strang {
		font-weight: bold;
	}
	.MB40 {
		margin-bottom: 40px;
	}
	.last {
		margin-right: 0!important;
	}
	header {
		background-color: #FFF;
		border-top: solid 4px  #BB9D34;
		color: #FFF;
		font-size: 28px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	@media screen and (max-width: 700px) {
		header ul {
			width: 100%;
			margin: 0 auto;
			padding: 10px 0;
		}
		header li {
			float: none;
		}
		header li img {
			width: 120px;
		}
		header li:last-child {
			float: none;
			padding: 10px 0 0 0;
			font-size: 20px;
		}

		ins.play-gif{
			position: absolute;
			font-family: Arial, sans serif;
			width: 58px;
			height: 58px;
			line-height: 52px;
			text-align: center;
			background-image: url(../201701/feature1_gifbtn.png);
			font-size: 18px;
			color: #fff;
			/*border-radius: 50%;*/
			opacity: .9;
			/*border: 4px solid #fff;*/
			cursor:pointer;
			text-decoration: none;
			text-indent: -9999px;
			top: 50px!important;
			margin-top: -4px;
		}
		.gifplayer-wrapper{
			position:relative;
			display: block;
			height: auto!important;
		}
	}
	@media screen and (min-width: 701px) {
	#imp_bg{
	background:#F0EFE9;
		padding:32px 0;
	}
		#importance dl {
			background-color:#fff;
			background-image: url(feature4_card_img01.png);
			background-repeat: no-repeat;
			background-size: 174px auto;
			background-position: right 10px bottom 10px;
			width: 960px;
			margin: 0 auto;
			text-align: left;
			padding: 20px 32px;
			box-sizing: border-box;
		}
		#logo-liquor {
			display: inline-block;
			float: left;
		}
		.header-inner {
			width: 1000px;
			margin: 0 auto;
			padding: 12px 0;
		}
		ins.play-gif{
			position: absolute;
			font-family: Arial, sans serif;
			width: 58px;
			height: 58px;
			line-height: 52px;
			text-align: center;
			background-image: url(../201701/feature1_gifbtn.png);
			font-size: 18px;
			color: #fff;
			opacity: .9;
			cursor:pointer;
			text-decoration: none;
			text-indent: -9999px;
		}
		.gifplayer-wrapper{
			position:relative;
			display: inline-block;
		}
	}

	/*スマホ版*/
	@media screen and (max-width: 700px) {
		.header-inner {
		width: 96%;
		margin: 0 auto;
		padding: 12px 0;
	}
		#logo-liquor {
			width: 180px;
		}
		#logo-liquor img{
			width:100%;
}
.mainarea {
	background-color: #710000;
	width: 100%;
	background-size: cover;
}
.mainarea h1 {
	padding: 20px 0;
}
.mainarea h1 img {
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
.shipment {
	background-color: #710000;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.shipment img {
	width: 80%;
}
.shipment2 img {
	width: 50%;
}
.shipment2 {
	background-color: #503106;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 28px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0;
}
.shipment table, .shipment table th, .shipment table td {
	background-color: #901121;
	border: none!important;
}
.shipment table {
	width: 100%;
	margin: 0 auto;
}
.shipment table img {
	width: 120px;
}
.shipment table td {
	font-size: 14px;
	font-weight: bold;
}
#imp_bg{
	background-color:#F0EFE9;
	padding:32px 0;
}

#importance dl {
	background-color:#fff;
	background-image: url(feature4_card_img01.png);
	background-repeat: no-repeat;
	background-size: 144px auto;
	background-position: right 10px bottom 10px;
	width: 96%;
	margin: 0px auto;
	text-align: left;
	padding: 20px 20px 54px 20px;
	box-sizing: border-box;
	font-size: 12px;
}
		.mainarea p img {
			display: table-cell;
			position: absolute;
			bottom: 10px;
			left: 20px;
			width: 56%;
		}
		.cont-inner {
			width: 90%;
			margin: 0 auto;
			position: relative;
		}
		.cont-inner img {
			width: 100%;
		}
		.mainttl {
			position: absolute;
			top: 0;
			right: 0;
		}
		#sec01 {
			width: 100%;
		}
		#sec01 div {
			width: 90%;
			text-align: left;
			margin: 0 auto;
			border: 8px solid #FFCD3A;
			background-color: #FFF;
			padding: 24px 24px 10px 24px;
			box-sizing: border-box;
			border-radius: 10px;
		}
		#sec01 div dl {
			margin-bottom: 20px;
		}
		#sec01 div dt {
			font-size: 18px;
			font-weight: bold;
			color: #D0212A;
			background-image: url(feature2_ico01@2x.png);
			background-repeat: no-repeat;
			background-size: 28px auto;
			line-height: 220%;
			padding-left: 40px;
		}
		#nagaimo #sec01 div dt {
			font-size: 16px;
			font-weight: bold;
			background-image: url(feature2_ico02@2x.png);
			background-repeat: no-repeat;
			background-size: 49px auto;
			padding-left: 58px;
		}
		#nagaimo #sec01 dt {
			color: #5C2C28;
			line-height: 160%;
			margin-bottom: 10px;
		}
		#nagaimo #sec01 dt span {
			color: #5C2C28;
			font-size: 14px;
			line-height: 1em;
		}
		#sec01 div dd {
			margin-bottom: 20px;
		}
		#nagaimo #sec01 div dd:last-child {
			text-align: center;
			width: 100px;
			margin: 0 auto;
		}
		#sec01 div dd:last-child img {
			width: 100%;
		}
		#sec01 div h2 {
			font-size: 32px;
			font-family: ont-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			margin-bottom: 10px;
		}
		#sec01 div h2 span {
			font-size: 42px;
			color: #FFF;
		}
		#sec01 div p {
			padding-top: 24px;
			line-height: 200%;
			font-size: 17px;
		}
		#sec02 {
			padding: 40px 0;
			background: url(feature4_bk.png);
			background-repeat: repeat;
			background-position: center 0;
			width: 100%;
			margin: 0 auto;
		}
		.mttl {
			width: 90%;
			margin: 0 auto;
		}
		.mttl dt {
			font-size: 18px!important;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
		}
		#sec02 h2 {
			font-size: 24px;
			color: #37220F;
			background-image: url(../201701/feature1_ico01.png);
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 40px;
			display: inline-block;
			margin-bottom: 20px;
		}
		#sec02 .box-a, #sec03 .box-a {
			float: none;
			width: 100%;
			text-align: left;
		}
		#sec02 .box-b, #sec03 .box-b {
			float: none;
			width: 100%;
			text-align: left;
		}
		#sec02 dt, #sec03 dt {
			font-size: 20px;
			font-weight: bold;
			font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
			line-height: 160%;
			color: #D0212A;
			margin-bottom: 10px;
			text-align: left;
		}
		#nagaimo #sec02 dt {
			color: #5C2C28;
		}
		#sec02 dt br, #sec03 dt br {
			display: none;
		}
		#sec02 .box-b dt, #sec02 .box-b dd, #sec03 .box-b dt, #sec03 .box-b dd {
			/*margin-left: 24px;*/
		}
		#sec02 dd, #sec03 dd {
			font-size: 13px;
			line-height: 180%;
			width: 100%;
			margin-bottom: 20px;
			text-align: left;
		}
		#sec02 dd br, #sec03 dd br {
			display: none;
		}
		#sec03 dd{
			width: 100%;
			margin-bottom: 20px;
			float: none;
		}
		.box-a img, .box-b img {
			margin-bottom: 10px;
		}
		#sec03 {
			padding: 40px 0;
		}
		#sec03 p.caution {
			font-size: 13px;
		}
		#sec04 {
			padding: 40px 0;
		}
		#sec04 .box-a {
			float: left;
			width: 464px;
			text-align: left;
			/*padding: 32px 0 0 32px;*/
		}
		#sec04 .box-b {
			float: right;
			width: 464px;
		}
		#sec04 .howto {
			width: 100%;
			margin: 0 auto;
		}
		#sec04 .ttlbox {
			margin-bottom: 32px;
		}
		#sec04 .ttlbox .box-a img {
			width: 200px;
		}
		#sec04 .how_top {
			margin-bottom: 16px;
		}
		#sec04 .how_bottom {
			margin-bottom: 40px;
		}
		#sec05 {
			width: 100%;
			margin: 0 auto;
			line-height: 36px;
			padding: 40px 0;
			background-color: #F0EFE9!important;
		}
		#sec05 .cont-inner {
			width: 90%;
			margin: 0 auto;
		}
		#sec05 h2 {
			font-size: 32px;
			color: #D0212A;
			display: inline-block;
			margin-bottom: 20px;
		}
		#nagaimo #sec05 h2 {
			color: #5C2C28;
		}
		#sec05 .box-a {
			float: none;
		}
		#sec05 .box-b {
			float: none;
			width: 100%;
			text-align: left;
			padding-top: 20px;
		}
		#sec05 .box-b p.text {
			line-height: 180%;
			margin-bottom: 20px;
		}
		#sec05 .box-b p.text br {
			display: none;
		}
		#medal {
			position: relative;
			margin-bottom: 10px;
		}
		#medal p {
			position: absolute;
			top: 0;
			left: 0;
		}
		#medal p img {
			width: 75px;
		}
		#sec05 #caution {
			font-size: 12px;
			line-height: 160%;
			border: 1px solid #FFF;
			padding: 10px;
			box-sizing: border-box;
			display: inline-block;
			margin-bottom: 20px;
		}
		#sec05 dt {
			font-size: 28px;
			color: #FFF;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			line-height: 160%;
			margin-bottom: 10px;
		}
		#sec05 dd {
			font-size: 14px;
			line-height: 28px;
			color: #FFF;
			font-weight: normal;
			margin-bottom: 20px;
		}

		.set {
			text-align: left;
			line-height: 180%;
			font-size: 13px;
			font-weight: normal;
			margin-top: 10px;
		}
		#sec02 table {
			width: 100%;
			margin: 0 auto;
			position: relative;
			border-top: 1px solid #FFFFEF;
			border-left: 1px solid #FFFFEF;
		}
		#sec02 table th {
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			text-align: center;
			background-color: #AF2260;
			padding: 10px;
			vertical-align: middle;
			border-right: 1px solid #FFFFEF;
			border-bottom: 1px solid #FFFFEF;

		}
		#sec02 table td {
			font-size: 12px;
			font-weight: bold;
			color: #111111;
			text-align: center;
			background-color: #FDE6A2;
			padding: 10px;
			text-align: left;
			border-right: 1px solid #FFFFEF;
			border-bottom: 1px solid #FFFFEF;
			width: 70%;
		}
		#sec02 table td br {
			display: none;
		}
		#sec02 #deco01 {
			position: absolute;
			bottom: -46px;
			right: -10px;
		}
		#sec02 #deco01 img {
			width: 80px;
		}
		#sec03 .box-a {
			width: 100%;
		}
		#sec03 .box-a dd:last-child {
			text-align: center;
		}
		#sec03 .box-a img {
			margin-bottom: 16px;
			width: 80%;
			float: none;
		}
		#sec03 .box-b {
			width: 100%;
			text-align: left;
		}
		#sec03 .box-b li {
			display: inline-block;
			width: 50%;
			float: left;
		}
		#sec03 .box-b img {
			width: 100%;
		}
		#sec03 h2, #sec04 h2 {
			font-size: 24px;
			margin-bottom: 10px;
		}
		#sec03 p, #sec04 p {
			font-size: 14px;
			margin-bottom: 20px;
			line-height: 32px;
		}
		#mama {
			min-height: 100px;
			background-image: url(../201701/feature1_deco02@2x.png);
			background-size: 70px auto;
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 90px;
			font-size: 13px!important;
			line-height: 27px;
		}
		#mama span.marker {
			background: linear-gradient(transparent 40%, #FFEBDB 40%);
		}
		#sec03 p.caution {
			font-size: 11px;
		}
		#sec04 .box-a {
			width: 100%;
			text-align: left;
		}
		#sec04 .box-b {
			float: right;
			width: 100%;
		}
		#sec04 .box-b img {
		}
		#sec05 #set{
			text-align:left;
			line-height: 160%;
		}
		#sec05 h2 {
			font-size: 20px;
			display: inline-block;
			margin-bottom: 0;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			/*padding: 10px 0 0 85px;*/
		}
		#sec05 dt {
			font-size: 22px;
			color: #000000;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			line-height: 32px;
			margin-bottom: 10px;
			text-align: left;
		}
		#sec05 dd {
			font-size: 14px;
			line-height: 28px;
			color: #000000;
			font-weight: normal;
			margin-bottom: 20px;
			text-align: left;
		}
		#sec05 ul {
			text-align: left;
		}
		ul .store-name {
			font-size: 11px;
			line-height: 26px;
			font-weight: bold;
		}
		ul .item-name {
			font-size: 18px;
			font-weight: bold;
			line-height: 160%;
			border-top: 1px solid #888888;
			border-bottom: 1px solid #888888;
			display: inline-block;
			padding: 10px 0;
			width: 100%;
		}
		ul .item-name br {
			display: none;
		}
		ul .item-name span {
			font-size: 14px;
		}
		ul .price {
			font-size: 11px;
			font-weight: bold;
			margin-bottom: 10px;
			line-height: 160%;
		}
		ul .price span {
			font-size: 26px;
			letter-spacing: 2px;
			margin-left: 5px;
		}
		ul .price p {
			color: #FFF;
			font-size: 76%;
			font-weight: bold;
			background-color: #DBB754;
			display: inline-block;
			padding: 5px 8px;
			margin-left: 10px;
		}
		ul .tax_in {
			margin-bottom: 16px;
			font-size: 14px;
			font-weight: bold;
			color: #333333;
		}
		ul .capa {
			font-size: 11px;
			margin-bottom: 16px;
		}
		.capa {
			font-size: 11px;
			margin-bottom: 16px;
			line-height: 180%;
		}
		#sec06 {
			width: 100%;
			margin: 0 auto;
			background-image: url(../201701/feature1_bk02.png);
			background-repeat: repeat;
			background-size: cover;
			background-position: 0 center;
			background-color: #FFFFDB;
			padding-bottom: 32px;
		}
		#sec06 h2 {
			font-size: 24px;
			color: #37220F;
			background-image: url(../201701/feature1_ico03.png);
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 55px;
			display: inline-block;
			margin-bottom: 20px;
		}
		#sec06 ul {
			width: 100%;
			margin: 0 auto;
		}
		#sec06 li {
		}
		#sec07 li:nth-child(even) {
			margin-right: 0!important;
		}
		#sec07 ul {
			width: 100%;
			margin: 0 auto;
		}
		#sec07 li {
			width: 100%;
			margin-right: 16px;
			margin-bottom: 10px;
		}
		#sec07 li:last-child {
			width: 100%;
			margin-top: -6px;
		}
		.btn {
			text-align: center;
		}
		.btn a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #D14C38;
			text-decoration: none;
			background-image: url(../201701/arrow01.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: 35px center;
			padding: 10px 55px;
			border-radius: 22px;
			border: solid 1px #D14C38;
		}
		.btn a:hover {
			text-decoration: none;
			background-color: #FFFFFF;
			border: solid 1px #C32400;
			color: #C32400;
		}
		#list_btm {
			background-color: #E3E3E3;
		}
		.list a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #D0212A;
			text-decoration: none;
			background-image: url(../201701/arrow02.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: right 32px center;
			padding: 20px 65px;
			border-radius: 4px;
			border: solid 1px #D0212A;
			font-size: 150%;
			margin: 32px 0 16px 0;
			border-bottom: solid 5px #A7060F;
		}
		#list_btm a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #F39801;
			text-decoration: none;
			background-image: url(../201701/arrow02.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: right 32px center;
			padding: 20px 55px;
			border-radius: 4px;
			font-size: 120%;
			margin: 32px 0 16px 0;
			border: solid 1px #F39801;
			border-bottom: solid 5px #A56700;
		}
		#back {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		#back a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #888888;
			text-decoration: none;
			background-image: url(../201701/arrow03.png);
			background-repeat: no-repeat;
			background-size: 6px;
			background-position: 10px center;
			padding: 10px 16px 10px 32px;
			border-radius: 4px;
			border: solid 1px #888888;
			font-size: 100%;
			margin: 16px 0 64px 0;
		}
		#back a:hover {
			background-color: #AAAAAA;
			border: solid 1px #AAAAAA;
		}
		#copyright {
			font-size: 86%;
			text-align: center;
			color: #000;
		}
		#footer {
			margin: auto;
			padding: 10px;
			width: 100%;
			background-color: #FFF;
			box-sizing: border-box;
		}
		.sp-none {
			display: none!important;
		}
	}

/*パソコン版*/
	@media screen and (min-width: 701px) {
		.mainarea {
			background-color: #710000;
			width: 100%;
			padding: 40px 0;
		}
		.mainarea h1 {
			margin: 0 auto;
			width: 1000px;
		}
		.shipment {
			background-color: #710000;
			color: #FFF;
			font-size: 30px;
			font-weight: bold;
			padding: 40px 0;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		.shipment2 {
			background-color: #503106;
			color: #FFF;
			font-size: 30px;
			font-weight: bold;
			padding: 40px 0;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		.shipment img {
			height: 68px;
		}
		.shipment2 img {
			width: 261px;
		}
		.shipment table {
			width: 752px;
			margin: 0 auto;
		}
		.shipment table, .shipment table th, .shipment table td {
			background-color: #901121;
			border: none!important;
		}
		.mainarea p img {
			display: table-cell;
			position: absolute;
			bottom: 40px;
			left: 120px;
		}
		.cont-inner {
			width: 980px;
			margin: 0 auto;
			/*padding: 32px 0 64px;*/
		}
		.mainttl {
			position: absolute;
			top: 0;
			right: 0;
		}
		#sec01 {
			width: 100%;
		}
		#sec01 div {
			width: 1000px;
			text-align: left;
			margin: 0 auto;
			border: 8px solid #FFCD3A;
			background-color: #FFF;
			padding: 32px 32px 10px 32px;
			box-sizing: border-box;
			border-radius: 10px;
		}
		#sec01 div dl {
			margin-bottom: 20px;
		}
		#sec01 div dt {
			font-size: 20px;
			font-weight: bold;
			color: #D0212A;
			background-image: url(feature2_ico01@2x.png);
			background-repeat: no-repeat;
			background-size: 37px auto;
			line-height: 220%;
			padding-left: 46px;
		}
		#sec01 div dd {
			padding-left: 46px;
		}
		#sec01 div h2 {
			font-size: 32px;
			font-family: ont-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			margin-bottom: 10px;
		}
		#sec01 div h2 span {
			font-size: 42px;
			color: #FFF;
		}
		#sec01 div p {
			padding-top: 24px;
			line-height: 200%;
			font-size: 17px;
		}
		/*#sec03 {
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			width: 100%;
			margin: 0 auto;
			background-image: url(feature4_bk01.png);
			background-repeat: no-repeat;
			background-size: cover;
			font-size: 24px;
			font-weight: bold;
			line-height: 50px;
			color: #000000;
			padding: 16px 0;
			position: relative;
			min-height: 408px;
		}*/
		#sec01 span {
			color: #000;
			font-weight: bold;
		}
		#sec02 {
			padding: 40px 0;
			background: url(feature4_bk.png);
			background-repeat: repeat;
			background-position: center 0;
		}
		.mttl dt {
			font-size: 32px;
			color: #AF0D10;
			line-height: 180%;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#sec02 .unit-2col, #sec03 .unit-2col {
			/*margin-bottom: 64px;*/
		}
		#sec02 .cont-inner {
			padding-top: 40px;
		}
		#sec02 h2 {
			font-size: 32px;
			color: #37220F;
			background-image: url(../201701/feature1_ico01.png);
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 40px;
			display: inline-block;
			margin-bottom: 20px;
		}
		#sec02 table {
			width: 960px;
			margin: 0 auto;
			position: relative;
			border-top: 1px solid #FFFFEF;
			border-left: 1px solid #FFFFEF;
		}
		#sec02 table th {
			font-size: 18px;
			font-weight: bold;
			color: #FFF;
			text-align: center;
			background-color: #AF2260;
			padding: 10px 20px;
			vertical-align: middle;
			border-right: 1px solid #FFFFEF;
			border-bottom: 1px solid #FFFFEF;
		}
		#sec02 table td {
			font-size: 14px;
			font-weight: bold;
			color: #111111;
			text-align: center;
			background-color: #FDE6A2;
			padding: 10px 20px;
			text-align: left;
			border-right: 1px solid #FFFFEF;
			border-bottom: 1px solid #FFFFEF;
		}
		#sec02 #deco01 {
			position: absolute;
			bottom: 14px;
			right: 40px;
		}
		#sec02 .box-a, #sec03 .box-a {
			float: left;
			/*width: 440px;*/
			text-align: left;
			margin-bottom: 64px;
		}
		#sec02 .box-a {
			width: 405px;
			float: left;
			margin-right: 40px;
		}
		#sec02 .box-b {
			width: 523px;
			float: left;
			margin-top: 10px;
		}
		#sec02 .box-b, #sec03 .box-b {
			float: right;
			text-align: left;
			margin-bottom: 64px;
		}
		#sec02 .box-c {
			width: 406px;
			float: right;
			text-align: left;
		}
		#sec02 .box-d {
			width: 523px;
			float: left;
			margin-top: 10px;
		}
		#sec02 dt, #sec03 dt {
			font-size: 28px;
			font-weight: bold;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			line-height: 160%;
			color: #AF0D10;
			margin-bottom: 10px;
			letter-spacing: 0;
		}
		#sec02 .box-b dt, #sec02 .box-b dd, #sec03 .box-b dt, #sec03 .box-b dd {
			/*margin-left: 24px;*/
		}
		#sec02 dd, #sec03 dd {
			font-size: 15px;
			line-height: 200%;
			color:#3A1F0E;
			font-weight: normal;
		}
		#sec03 .box-a dd:last-child {
			text-align: center;
		}
		#sec02 dd:nth-child(3) {
			text-align: center;
			margin-top: 20px;
		}
		#sec03 {
			padding: 40px 0;
		}
		#sec03 .box-a {
			width: 437px;
			float: left;
			text-align: left;
		}
		#sec03 .box-b {
			width: 490px;
			float: right;
			text-align: left;
		}
		#sec03 .box-c {
			width: 346px;
			float: right;
			margin-top: 10px;
			text-align: left;
		}
		#sec03 .box-d {
			width: 600px;
			float: left;
			text-align: left;
		}
		#nagaimo #sec01 div dt {
			font-size: 20px;
			font-weight: bold;
			background-image: url(feature2_ico02@2x.png);
			background-repeat: no-repeat;
			background-size: 59px auto;
			padding-left: 73px;
		}
		#nagaimo #sec01 dt {
			color: #5C2C28;
			line-height: 160%;
			margin-bottom: 10px;
		}
		#nagaimo #sec01 dd {
			padding-left: 73px;
		}
		#nagaimo #sec01 dt span {
			color: #5C2C28;
			font-size: 14px;
			line-height: 1em;
		}
		#nagaimo #sec01 div {
			position: relative;
		}
		#nagaimo #sec01 dd:last-child {
			position: absolute;
			top: 32px;
			right: 64px;
		}
		#nagaimo #sec01 dd:last-child img {
			width: 100px;
		}
		/*#sec03 {
			background-image: url(feature4_sec3_bk@2x.png);
			background-repeat: no-repeat;
			width: 100%;
			background-size: cover;
			min-height: 415px;
			position: relative;
		}*/
		#sec03 .cont-inner {
			position: relative;
		}
		#sec03 .cont-inner li:first-child {
			position: absolute;
			top: 0;
			right: 0;
		}
		#sec03 .cont-inner li:last-child {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		#sec03 .box-a {
			float: left;
			/*width: 480px;*/
		}
		#sec03 .box-a img {
			/*float:right;*/
			padding-top:20px;
		}
		/*#sec03 .box-b {
			float: right;
			text-align: left;
			padding: 70px 0 0;
		}*/
		#sec03 h2, #sec04 h2 {
			font-size: 32px;
			margin-bottom: 16px;
		}
		#sec03 p {
			font-size: 16px;
			margin-bottom: 20px;
			line-height: 32px;
		}
		#sec04 {
			background-color: #1D0A03;
			padding-bottom: 40px;
		}
		#sec04 li {
			width: 245px;
			height: 170px;
			text-align: left;
			font-size: 13px;
			padding: 12px 12px 0 12px;
			box-sizing: border-box;
			line-height: 160%;
			float: left;
		}
		#sec04 li dd {
			padding-top: 8px;
			letter-spacing: 0;
		}
		#sec04 li.pnk {
			background-color: #FFE3DB;

		}
		#sec04 li.wit {
			background-color: #FFF;
		}
		#sec04 p {
			font-size: 16px;
			margin-bottom: 0;
			line-height: 32px;
		}

		#mama {
			min-height: 100px;
			background-image: url(../201701/feature1_deco02@2x.png);
			background-size: 106px auto;
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 120px;
			font-size: 13px!important;
			padding-top: 32px;
		}
		#mama span.marker {
			background: linear-gradient(transparent 40%, #FFEBDB 40%);
		}
		#sec03 p.caution {
			font-size: 13px;
		}
		#sec04 {

		}
		#sec04 .box-a {
			float: left;
			width: 464px;
			text-align: left;
			/*padding: 32px 0 0 32px;*/
		}
		#sec04 .box-b {
			float: right;
			width: 464px;
		}
		#sec04 .howto {
			width: 945px;
			margin: 0 auto;
		}
		#sec04 .ttlbox {
			margin-bottom: 32px;
		}
		#sec04 .ttlbox .box-a {
			padding: 16px 0 0 0;
		}
		#sec04 .how_top {
			margin-bottom: 16px;
		}
		#sec04 .how_bottom {
			margin-bottom: 40px;
		}
		#sec05 {
			width: 100%;
			margin: 0 auto;
			background-color: #F0EFE9!important;
			line-height: 36px;
			padding: 0 0 80px 0;
		}
		#medal {
			position: relative;
			/*margin-bottom: 32px;*/
		}
		#medal p {
			position: absolute;
			top: 0;
			left: 0;
		}
		#sec05 h2 {
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			font-size: 26px;
			color: #D0212A;
			display: inline-block;
			margin-bottom: 10px;
		}
		#nagaimo #sec05 h2 {
			color: #5C2C28;
		}
		#sec05 .text{
			margin-bottom: 20px;
			line-height: 200%;
		}
		#sec05 #caution {
			font-size: 12px;
			line-height: 160%;
			border: 1px solid #FFF;
			padding: 10px;
			box-sizing: border-box;
			display: inline-block;
			margin-bottom:10px;
		}
		#sec05 #set{
			font-size: 12px;
			text-align:left;
			width: 498px;
			line-height: 180%;
			margin-top: 10px;
		}
		#sec05 .box-a {
			float: left;
			padding-top:42px;
		}
		#sec05 .box-b {
			float: right;
			width: 440px;
			text-align: left;
			padding-top: 42px;
		}
		#sec05 dt {
			font-size: 28px;
			color: #FFF;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			line-height: 160%;
			margin-bottom: 10px;
		}
		#sec05 dd {
			font-size: 14px;
			line-height: 28px;
			color: #FFF;
			font-weight: normal;
			margin-bottom: 20px;
		}
		.set {
			text-align: left;
			line-height: 180%;
			font-size: 13px;
			font-weight: normal;
			margin-top: 10px;
		}
		ul .store-name {
			font-size: 11px;
			line-height: 26px;
			font-weight: bold;
		}
		ul .item-name {
			font-size: 20px;
			font-weight: bold;
			line-height: 160%;
			border-top: 1px solid #888888;
			border-bottom: 1px solid #888888;
			display: inline-block;
			padding: 10px 0;
			min-width: 428px;
		}
		ul .item-name span {
			font-size: 14px;
		}
		ul .price {
			color: #000;
			font-weight: bold;
			margin-bottom: 10px;
			line-height: 160%;
			font-size: 14px;
		}
		ul .price span {
			font-size: 30px;
			letter-spacing: 2px;
			margin-left: 5px;
		}
		ul .price p {
			color: #FFF;
			font-size: 76%;
			font-weight: bold;
			background-color: #DBB754;
			display: inline-block;
			padding: 4px 8px;
			margin-left: 10px;
		}
		ul .tax_in {
			margin-bottom: 16px;
			font-size: 14px;
			font-weight: bold;
			color: #333333;
		}
		#sec05 ul {
			width: 468px;
			margin: 0 auto;
		}
		#sec06 {
			width: 100%;
			margin: 0 auto;
			background-image: url(../201701/feature1_bk02.png);
			background-repeat: repeat;
			background-size: cover;
			background-position: 0 center;
			background-color: #FFFFDB;
		}
		#sec06 h2 {
			font-size: 32px;
			color: #37220F;
			background-image: url(../201701/feature1_ico03.png);
			background-repeat: no-repeat;
			background-position: 0 center;
			padding-left: 55px;
			display: inline-block;
			margin-bottom: 20px;
		}
		#sec06 ul {
			width: 980px;
			margin: 0 auto;
		}
		#sec06 li {
			float: left;
		}
		#sec06 li:nth-child(odd) {
			margin: 0 32px 20px 0;
		}
		.btn a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #DC484A;
			text-decoration: none;
			background-image: url(arrow01.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: 26px center;
			padding: 8px 26px 8px 50px;
			border-radius: 22px;
			border: solid 1px #DC484A;
		}
		.capa {
			font-size: 11px;
			line-height: 180%;
			margin-bottom: 32px;
		}
		ul .capa {
			font-size: 11px;
			margin-bottom: 10px;
			font-weight: normal;
			line-height: 200%;
		}
		.btn a:hover {
			text-decoration: none;
			background-color: #FFFFFF;
			border: solid 1px #C32400;
			color: #C32400;
		}
		#list_btm {
			background-color: #E3E3E3;
			padding-bottom: 64px;
		}
		.list a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color:#D0212A;
			text-decoration: none;
			background-image: url(../201701/arrow02.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: right 32px center;
			padding: 32px 197px;
			border-radius: 4px;
			border: solid 1px #D0212A;
			font-size: 200%;
			margin: 64px 0 16px 0;
			border-bottom: solid 5px #A7060F;
		}
		.list a:hover {
			color: #FFF;
		}
		#list_btm a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color:#F39801;
			text-decoration: none;
			background-image: url(../201701/arrow02.png);
			background-image: none\9;
			background-repeat: no-repeat;
			background-size: 14px;
			background-position: right 32px center;
			padding: 32px 197px;
			border-radius: 4px;
			border: solid 1px #F39801;
			font-size: 200%;
			margin: 64px 0 16px 0;
			border-bottom: solid 5px #A56700;
		}
		#back {
			width: 711px;
			margin: 0 auto 32px;
			text-align: left;
		}
		#back a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #888888;
			text-decoration: none;
			background-image: url(../201701/arrow03.png);
			background-repeat: no-repeat;
			background-size: 6px;
			background-position: 10px center;
			padding: 6px 16px 6px 32px;
			border-radius: 4px;
			border: solid 1px #888888;
			font-size: 100%;
			margin: 16px 0 0 0;
		}
		#back a:hover {
			background-color: #AAAAAA;
			border: solid 1px #AAAAAA;
		}
		#copyright {
			font-size: 86%;
			text-align: center;
			color: #000;
		}
		#footer {
			margin: auto;
			padding: 10px 0;
			width: 100%;
			background-color: #FFF;
		}
		.pc-none {
			display: none;
		}
		.br_sp {
			display: none;
		}
	}

	ins.play-gif:hover{
		opacity:.5;
	}
		.spinner {
		height:50px;
		width:50px;
		margin:0px auto;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-25px;
		margin-left:-25px;
		-webkit-animation: rotation .6s infinite linear;
		-moz-animation: rotation .6s infinite linear;
		-o-animation: rotation .6s infinite linear;
		animation: rotation .6s infinite linear;
		border-left:6px solid rgba(256,256,256,.15);
		border-right:6px solid rgba(256,256,256,.15);
		border-bottom:6px solid rgba(256,256,256,.15);
		border-top:6px solid rgba(256,256,256,.8);
		border-radius:100%;
	}