@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 {
		background: #FFF;
		width: 100%;
	}
	#nagaimo .contarea {
		background-color: #FAF2E6;
	}
	.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;
	}
	#gyu {
			background-color: #201F1E;
		}
	#buta {
		background-color: #000;
	}
	.youtube {
		position: relative;
		width: 100%!important;
		padding-top: 56.25%!important;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.caution {
		font-size: 11px!important;
		line-height: 180%!important;
		border: 1px solid #464444;
		padding: 4px 10px;
		box-sizing: border-box;
		display: inline-block;
		margin-bottom: 16px;
		color: #000;
		font-weight: normal;
	}
	.txt {
		margin-bottom: 10px;
	}

	@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(feature2_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: 960px;
			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;
		}
		#sec04{
			background-color: #F0F0E8;
			padding: 64px 0;
		}
		#sec04 h2{
			margin-bottom: 10px;
		}
		#sec04 h3{
			line-height: 180%;
			margin-bottom: 24px;
			color:#3A1F0E;
			font-weight: normal;
		}
		.left{
			float:left;
			width:470px;
		}
		.right{
			float:right;
			width:470px;
		}
		#sec04 #left{
			width:470px;
			float:left;
		}
		#sec04 #box3{
			margin-top: 30px;
		}
		#sec04 #right{
			width:470px;
			float:right;
		}
		#sec04{
			color:#000;
			font-size:14px;
			font-weight: bold;
		}
		#sec04_head{
			width:980px;
			text-align:center;
		}
		#sec04_head p {
			font-size: 15px;
			font-weight: bold;
			color: #D3243A;
			border-bottom: 2px solid #D3243A;
			display: inline-block;
			margin-bottom: 14px;
			padding-bottom: 4px;
		}
		#sec04 img{
			margin-bottom: 10px;
		}
		.cake {
			position: relative;
		}
		.ico_cake {
			position: absolute;
			top: -16px;
			left: -16px;
		}
	}

	/*スマホ版*/
	@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: #F6D36A;
		width: 100%;
	}
	.mainarea h1 {
		padding: 20px 0;
	}
	.mainarea h1 img {
		width: 96%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.shipment {
		background-color: #DC141E;
		color: #FFF;
		font-size: 24px;
		font-weight: bold;
		padding: 10px 0;
	}
	.shipment img {
		width: 80%;
	}
	.shipment2 img {
		width: 50%;
	}
	.shipment2 {
		background-color: #A14D2B;
		color: #FFF;
		font-size: 24px;
		font-weight: bold;
		padding: 10px 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(feature2_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 32px 54px 32px;
		box-sizing: border-box;
	}
		.mainarea p img {
			display: table-cell;
			position: absolute;
			bottom: 10px;
			left: 20px;
			width: 56%;
		}
		.cont-inner {
			width: 94%;
			margin: 0 auto;
			position: relative;
			color: #FFF;
		}
		.cont-inner img {
			width: 100%;
		}
		.mainttl {
			position: absolute;
			top: 0;
			right: 0;
		}
		#sec01 {
			width: 100%;
			background-color: #F6D36A;
		}
		#coverage {
			width: 100%;
		}
		#coverage img {
			width: 100%;
			vertical-align: bottom;
		}
		#sec01 h3 {
			width: 80%;
			margin: 0 auto;
			padding: 40px 0;
		}
		#sec01 .cont-inner {
			background-color: #F6D36A;
		}
		#sec01 div {
			width: 94%;
			margin: 0 auto;
			padding: 10px 0;
		}
		#sec01 div img {
			width: 100%;
		}
		#sec01 .box01 {
			color: #3A1F0E;
		}
		#sec01 .box02 li:first-child, #sec01 .box02 li:last-child {
			margin-bottom: 10px;
		}
		#choose .box-a img {
			margin-left: -40px;
			overflow: hidden;
		}
		#kenami .box-a {
			text-align: center!important;
		}
		#kenami .box-a img {
			width: 80%;
			margin: 0 auto;
		}
		#sec01 dt {
			font-size: 20px;
			line-height: 160%;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			margin: 10px 0 5px;
			text-align: left;
			font-weight: bold;
		}
		#sec01 dd {
			font-size: 13px;
			font-weight: normal;
			line-height: 180%;
			text-align: left;
		}
		#sec01 dd br {
			display: none;
		}
		#sec02 {
			padding: 10px;
			box-sizing: border-box;
			margin-bottom: 10px;
		}
		#sec02 img {
			width: 100%;
		}
		#sec02 h2 {
			font-size: 22px;
			color: #FF8A36;
			display: inline-block;
			margin-bottom: 10px;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#sec02 p {
			font-size: 13px;
			line-height: 180%;
		}
		#gyu .box-a, #buta .box-b {
			float: none;
			width: 100%;
			text-align: left;
			padding: 20px;
			box-sizing: border-box;
		}
		#sec02 .box-b, #sec03 .box-b {
			float: none;
			width: 100%;
			text-align: left;
		}
		#sec02 dt, #sec03 dt {
			font-size: 22px;
			font-weight: bold;
			font-family: font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
			line-height: 160%;
			color: #DC141E;
			margin-bottom: 10px;
		}
		#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: 14px;
			line-height: 180%;
			width: 100%;
			margin-bottom: 20px;
		}
		#sec03 dd{
			width: 72%;
			margin-bottom: 20px;
			float: left;
		}
		.box-a img, .box-b img {
		}
		#sec03 {
			padding: 40px 0 0;
		}
		#sec03 p.caution {
			font-size: 13px;
		}
		#sec05 {
			width: 100%;
			margin: 0 auto;
			line-height: 36px;
			padding: 40px 0;
			background-color: #F8BF76;
		}
		#sec05 .cont-inner {
			width: 90%;
			margin: 0 auto;
			color: #000;
		}
		#sec05 h2 {
			font-size: 24px;
			color: #DC141E;
			display: inline-block;
			margin-bottom: 10px;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#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;
		}
		#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 img {
		}
		#sec03 .box-a img {
			margin-bottom: 16px;
			width: 25%;
			float: right;
		}
		#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 {
			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 {
			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 {
			line-height: 32px;
		}
		#sec04 p img {
			width: 100%;
		}
		#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;
		}
		.inner {
			width: 90%;
			margin: 0 auto;
			font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		}
		#sec04{
			background-color: #F2ECE2;
			background-image: url(feature4_bk01.png);
			background-repeat: no-repeat;
			background-position: 0 bottom;
			padding-bottom: 74px;
			background-size: 100%;
		}
		#sec04 h2{
			margin-bottom: 10px;
			font-size: 18px;
			line-height: 160%;
			color: #D70050;
			letter-spacing: 0;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#sec04 h2 br {
			display: none;
		}
		#sec04 h3{
			line-height: 180%;
			margin-bottom: 24px;
			color:#3A1F0E;
			font-weight: normal;
		}
		.left{
			float:none;
			width:100%;
			text-align: left;
			margin-bottom: 40px;
		}
		.right{
			float:none;
			width:100%;
			text-align: left;
		}
		#sec04 #left{
			width:100%;
			float:none;
		}
		#sec04 #box3{
			margin-top: 30px;
		}
		#sec04 #right{
			width:100%;
			float:none;
		}
		#sec04{
			color:#000;
			font-size:14px;
			font-weight: bold;
			padding: 20px 0 40px 0;
		}
		#sec04_head{
			width:100%;
			text-align:center;
		}
		#sec04_head p {
			font-size: 15px;
			font-weight: bold;
			color: #D3243A;
			border-bottom: 2px solid #D3243A;
			display: inline-block;
			margin-bottom: 14px;
			padding-bottom: 4px;
		}
		#sec04 img{
			margin-bottom: 10px;
		}
		.txt {
			font-weight: normal!important;
			line-height: 180%!important;
			font-size: 13px;
		}
		.maker,.kg{
			font-size:11px;
		}
		.maker{
			font-weight:bold;
		}
		.kg{
			margin-bottom: 25px;
		}
		.capa {
			font-size: 11px;
			line-height: 180%!important;
			letter-spacing: 0;
			font-weight: normal;
			margin-bottom: 20px;
		}
		.price {
			line-height: 180%;
		}
		.name{
			font-size: 16px;
			font-weight:bold;
			padding:10px 0;
			border-bottom: 1px dotted #6F6E6E;
			border-top: 1px dotted #6F6E6E;
			margin-bottom: 6px;
		}
		.money{
			font-size: 30px;
			line-height: 1.2;

		}
		.icon{
			background: #DBB754;
			color:#FFF;
			padding:6px;
			font-size:10px;
			margin-left:10px;
			font-weight: normal;
		}
		.red_btn a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #E54B74;
			text-decoration: none;
			background-image: url(feature1_arrow02.png);
			background-repeat: no-repeat;
			background-size: 15px;
			background-position: 24px center;
			padding: 6px 30px 6px 46px;
			border-radius: 50px;
			border: solid 1px #E54B74;
			font-size: 100%;
			margin: 16px 0 0 0;
		}
		.red_btn a:hover {
			background-color: #FFF;
			border: solid 1px #D3243A;
			color: #D3243A;
			text-decoration: none;
		}
		#sec05 #set{
			text-align:left;
			line-height: 160%;
		}
		#sec05 h2 {
			font-size: 20px;
			display: inline-block;
			margin-bottom: 0;
			/*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;
		}
		ul .item-name {
			font-size: 16px;
			font-weight: bold;
			line-height: 160%;
			border-top: 1px dotted #000;
			border-bottom: 1px dotted #000;
			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: #C2A841;
			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;
		}
		#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: #DC141E;
			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 #DC141E;
			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;
			border: solid 1px #F39801;
			font-size: 120%;
			margin: 32px 0 16px 0;
			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;
		}
		.cake {
			position: relative;
		}
		.ico_cake {
			position: absolute;
			top: -16px;
			left: -16px;
			width: 80px;
		}
		#benefits ul {
			width: 90%;
			margin: 20px auto;
		}
		#benefits li:first-child {
			background-color: #CE2525;
			width: 100%;
			height: auto;
			float: none;
			padding: 4px 75px 14px 20px;
			box-sizing: border-box;
		}
		#benefits li:last-child {
			border: 1px solid #CE2525;
			box-sizing: border-box;
			width: 100%;
			height: auto;
			float: none;
			padding: 20px 16px 10px;
			box-sizing: border-box;
		}
	}

/*パソコン版*/
	@media screen and (min-width: 701px) {
		.mainarea {
			background-color: #F6D36A;
			width: 100%;
			padding: 40px 0;
		}
		.mainarea h1 {
			margin: 0 auto;
			width: 1000px;
		}
		.shipment {
			background-color: #DC141E;
			color: #FFF;
			font-size: 24px;
			font-weight: bold;
			padding: 8px 0;
		}
		.shipment2 {
			background-color: #A14D2B;
			color: #FFF;
			font-size: 24px;
			font-weight: bold;
			padding: 16px 0;
		}
		.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: 1000px;
			margin: 0 auto;
			color: #FFF;
		}
		.mainttl {
			position: absolute;
			top: 0;
			right: 0;
		}
		#sec01 {
			width: 1000px;
			padding: 40px;
			background-color: #F6D36A;
			margin: 0 auto 40px;
			box-sizing: border-box;
		}
		#sec01 h3 {
			width: 352px;
			margin: 0 auto;
			padding: 40px 0;
		}
		#sec01 .cont-inner {
			background-color: #F6D36A;
			padding: 0;
			width: 100%;
			box-sizing: border-box;
		}
		#sec01 .unit-2col {
			/*width: 1000px;*/
			/*margin: 0 auto;*/
		}
		#sec01 .box01 {
			width: 347px;
			margin: 0 auto;
			float: left;
		}
		#sec01 dl {
			text-align: left;
			color: #3A1F0E;
		}
		#sec01 dt {
			font-size: 24px;
			line-height: 160%;
			padding: 10px 0 5px;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			letter-spacing: 0;
		}
		#sec01 dd {
			font-size: 14px;
			line-height: 200%;
			letter-spacing: 0;
		}
		#sec01 img {
			width: 100%;
		}
		#sec01 .box02 {
			width: 484px;
			margin: 0 auto;
			float: right;
		}
		#sec01 .box02 li:first-child, #sec01 .box02 li:last-child {
			margin-bottom: 40px;
		}
		#sec01 .box02 dd {
			font-size: 14px;
			font-weight: normal;
			line-height: 180%;
		}
		#sec02 {
			margin: 40px 0 0;
		}
		#sec02 .unit-2col, #sec03 .unit-2col {
		}
		#sec02 .cont-inner {
			/*padding-top: 40px;*/
		}
		#sec02 #choose {
			width: 1000px;
			margin: 0 auto;
		}
		#sec02 #kenami {
			width: 1000px;
			margin: 0 auto;
		}
		#sec02 h2 {
			font-size: 28px;
			color: #FF8A36;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			display: inline-block;
			margin-bottom: 20px;
		}
		#sec02 p {
			font-size: 15px;
			line-height: 200%;
			font-weight: normal;
			margin-bottom: 0;
		}
		#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;
		}
		#gyu .box-a {
			float: left;
			width: 340px;
			text-align: left;
			margin: 64px 0 0 60px;
		}
		#buta .box-a {
			float: left;
			margin: 0;
		}
		#buta .box-b {
			width: 340px;
			float: right;
			text-align: left;
			margin: 80px 60px 0 0;
		}
		#sec02 .box-b, #sec03 .box-b {
			float: right;
			text-align: left;
		}
		#sec02 dt, #sec03 dt {
			font-size: 28px;
			font-weight: bold;
			font-family: ont-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			line-height: 160%;
			color: #DC141E;
			margin-bottom: 10px;
		}
		#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: 16px;
			line-height: 200%;
			color:#3A1F0E;
		}
		#sec02 dd:nth-child(3) {
			text-align: center;
			margin-top: 20px;
		}

		#nagaimo #sec02 dt {
			color: #5C2C28;
		}
		#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 .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 h2, #sec04 h2 {
			font-size: 32px;
			margin-bottom: 16px;
		}
		#sec03 p {
			font-size: 16px;
			margin-bottom: 20px;
			line-height: 32px;
		}
		#sec04 {
			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: 14px;
			line-height: 180%;
			font-weight: normal;
		}
		#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;
		}
		.inner {
			width: 980px;
			margin: 0 auto;
			font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		}
		#sec04{
			background-color: #F2ECE2;
			padding: 64px 0 20px;
		}
		#sec04 h2{
			margin: 10px 0;
			font-size: 24px;
			color: #D70050;
			letter-spacing: 0;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#sec04 h3{
			line-height: 180%;
			margin-bottom: 24px;
			color:#3A1F0E;
			font-weight: normal;
		}
		.left{
			float:left;
			width:470px;
			text-align: left;
		}
		.right{
			float:right;
			width:470px;
			text-align: left;
		}
		#sec04 #left{
			width:470px;
			float:left;
		}
		#sec04 #box3{
			margin-top: 30px;
		}
		#sec04 #right{
			width:470px;
			float:right;
		}
		#sec04{
			color: #000;
			font-size: 14px;
			font-weight: bold;
			margin-top: 40px;
			background-image: url(feature4_bk01.png);
			background-repeat: no-repeat;
			background-position: 0 bottom;
			padding-bottom: 74px;
			background-size: 100%;
		}
		#sec04_head{
			width:980px;
			text-align:center;
		}
		#sec04_head p {
			font-size: 15px;
			font-weight: bold;
			color: #D3243A;
			border-bottom: 2px solid #D3243A;
			display: inline-block;
			margin-bottom: 14px;
			padding-bottom: 4px;
		}
		#sec04 img{
			margin-bottom: 10px;
		}
		.maker,.kg{
			font-size:11px!important;
		}
		.maker{
			font-weight:bold!important;
			/*margin-bottom: 10px;*/
		}
		.kg{
			margin-bottom: 25px!important;
		}
		.capa {
			font-size: 11px!important;
			line-height: 180%!important;
			letter-spacing: 0;
			font-weight: normal;
			margin-bottom: 20px;
		}
		.price {
			line-height: 180%!important;
		}
		.name{
			font-size: 20px!important;
			font-weight:bold!important;
			padding:10px 0!important;
			border-bottom: 1px dotted #6F6E6E!important;
			border-top: 1px dotted #6F6E6E!important;
			margin-bottom: 6px!important;
		}
		.money{
			font-size: 30px;
			line-height: 1.2;

		}
		.icon{
			background: #C2A841;
			color:#FFF;
			padding:6px;
			font-size:10px!important;
			margin-left:10px!important;
			font-weight: normal!important;
		}
		.red_btn a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color: #D3243A;
			text-decoration: none;
			background-image: url(feature1_arrow02.png);
			background-repeat: no-repeat;
			background-size: 15px;
			background-position: 24px center;
			padding: 10px 28px 10px 46px;
			border-radius: 50px;
			border: solid 1px #D3243A;
			font-size: 100%;
			margin: 16px 0 0 0;
		}
		.red_btn a:hover {
			background-color: #FFF;
			border: solid 1px #D3243A;
			color: #D3243A;
			text-decoration: none;
		}
		#sec05 {
			width: 100%;
			margin: 0 auto;
			background-color: #FFF;
			line-height: 36px;
			padding: 0 0 40px 0;
			background-color: #F8BF76;
		}
		#sec05 .cont-inner {
			color: #000;
		}
		#medal {
			position: relative;
			/*margin-bottom: 32px;*/
		}
		#medal .cool {
			position: absolute;
			top: 0;
			left: 0;
		}
		#sec05 h2 {
			font-size: 22px;
			color: #D70050;
			display: inline-block;
			margin-bottom: 10px;
			letter-spacing: 0;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		}
		#nagaimo #sec05 h2 {
			color: #5C2C28;
		}
		.text{
			margin-bottom: 20px;
			line-height: 200%;
		}
		#set{
			font-size: 12px;
			text-align:left;
			width: 498px;
			line-height: 180%;
			margin-top: 10px;
		}
		#sec05 .box-a {
			float: left;
			padding-top:42px;
			margin-right: 40px;
		}
		#sec05 .box-b {
			float: left;
			width: 468px;
			text-align: left;
			padding-top: 42px;
		}
		#sec05 .box-b p {
			line-height: 180%;
			margin-bottom: 16px;
		}
		#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;
		}
		.store-name {
			font-size: 11px;
			line-height: 26px;
			font-weight: bold;
		}
		.item-name {
			font-size: 18px;
			font-weight: bold;
			line-height: 160%;
			border-top: 1px dotted #000;
			border-bottom: 1px dotted #000;
			display: inline-block;
			padding: 10px 0;
			min-width: 428px;
			margin-bottom: 10px;
		}
		.item-name span {
			font-size: 14px;
		}
		.price {
			color: #000;
			font-weight: bold!important;
			margin-bottom: 10px;
			line-height: 160%;
			font-size: 14px;
			letter-spacing: 0;
		}
		.price span {
			letter-spacing: 2px;
			margin-left: 5px;
			font-size: 30px;
		}
		.price p {
			color: #FFF;
			font-size: 76%;
			font-weight: bold;
			background-color: #C2A841;
			display: inline-block;
			padding: 4px 8px;
			margin-left: 10px;
			margin-bottom: 0!important;
		}
		.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;
		}
		ul .capa {
			font-size: 11px;
			margin-bottom: 16px;
			font-weight: normal;
			line-height: 180%;
		}
		.btn a:hover {
			text-decoration: none;
			background-color: #FFFFFF;
			border: solid 1px #C32400;
			color: #C32400;
		}
		#list_btm {
			background-color: #FFF;
			padding-bottom: 64px;
		}
		.list a {
			display: inline-block;
			color: #FFFFFF;
			font-size: 105%;
			background-color:#DC141E;
			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 #DC141E;
			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:#FDBD19;
			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 #FDBD19;
			font-size: 200%;
			margin: 64px 0 16px 0;
			border-bottom: solid 5px #BC8804;
		}
		#back {
			width: 711px;
			margin: 0 auto;
			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: #EFEFEF;
		}
		.pc-none {
			display: none;
		}
		.br_sp {
			display: none;
		}
		#benefits ul {
			width: 872px;
			margin: 40px auto;
		}
		#benefits li:first-child {
			background-color: #CE2525;
			width: 342px;
			height: 183px;
			float: left;
			padding: 30px 32px 0 32px;
			box-sizing: border-box;
		}
		#benefits li:last-child {
			border: 1px solid #CE2525;
			box-sizing: border-box;
			width: 530px;
			height: 183px;
			float: left;
			padding: 38px 32px 0 32px;
			box-sizing: border-box;
		}
	}

	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%;
	}