@charset "UTF-8";

/* 基本設定　ここから */
*, *:before, *:after {
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	box-sizing:	border-box;
	margin:	0;
	padding: 0;
}

html {
	font-size:	6.25%;
}

body {
	margin:	0 auto;
	padding: 0;
	font-size: 14px;
	font-size: 14rem;
	font-family: 'M PLUS Rounded 1c', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2 {
	width: 800px;
	margin:	50px auto 20px;
	font-size: 22px;
	font-size: 22rem;
	font-weight: bold;
}

h3 {
	font-size: 24px;
	font-size: 24rem;
	font-weight: bold;
}

li {
	list-style: none;
}

dt {
	font-size:	16px;
	font-size:	16rem;
	font-weight:	bold;
}

img {
	width:	100%;
	height: auto;
	border:	0;
	vertical-align:	bottom;
}

a {
	color:	#036eb7;
}

a:link {
	color:	#036eb7;
}

a:visited {
	color:	#036eb7;
}

a:hover {
	color:	#999;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p.contestp　 {
	clear: both;
}

.marker1 {
	background: linear-gradient(transparent 70%, #ffff00 0%);
}


/* clearfix　ここから */
.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}

/* clearfix　ここまで */

/* 基本設定　ここまで */


/* レイアウト設定　ここから */

.btn {
	max-width: 286px;
	height:	58px;
	margin:	15px auto 1em;
	font-size:	20px;
	font-size:	20rem;
	font-weight:	bold;
	text-align:	center;
	line-height:	58px;
}

.btn a {
	display:	block;
	height:	58px;
	border-radius:	29px;
	padding: 0 16px;
	text-decoration:	none;
	color:	#000;
	background: #ccc;
}

.btn--WT a {
	color: #053980; /* メインカラー 青 */
	background: #fff;
}

.btn--BU a {
	color: #fff;
	background: #053980; /* メインカラー 青 */
}

.btn--LB a {
	color: #053980; /* メインカラー 青 */
	background: #00b4ee; /* 水色 */
}

.btn--YE a {
	color: #053980; /* メインカラー 青 */
	background: #fff100; /* 黄色 */
}

.btn--YE02 a {
	color: #00b4ee; /* 水色 */
	background: #fff100; /* 黄色 */
}

.btn a:hover {
	border-radius:	29px;
	color:	#fff;
	background: #222;
}

.tab {
	background: #ccc;
	color: #fff;
}

.tab--upload,
.tab--hokkaido {
	background: #c4d600; /* 黄緑 */
}

.topNews__lists li {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.tab_news,
.tab_newstore {
	display: block;
	width: 6em;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	padding: 1px 5px;
	margin: 3px 10px;
}

.tab_newstore { background: #e5bb22; }

.tab_news { background: #785597; }

.tab--niigata,
.tab--toyama,
.tab--ishikawa,
.tab--yamanashi,
.tab--fukui,
.tab--nagano {
	background: #785597; /* 紫 */
}

.tab--gifu,
.tab--shizuoka,
.tab--aichi,
.tab--mie {
	background: #4de522; /* 黄緑2 */	
}

.tab--shiga,
.tab--kyoto,
.tab--osaka,
.tab--hyogo,
.tab--nara,
.tab--wakayama {
	background: #5ca5ad; /* 水色 */
}

.tab--tottori,
.tab--shimane,
.tab--okayama,
.tab--hiroshima,
.tab--yamaguchi,
.tab--tokushima,
.tab--kagawa,
.tab--ehime,
.tab--kochi {
	background: #e5bb22; /* 黄色 */
}

.tab--fukuoka,
.tab--saga,
.tab--nagasaki,
.tab--kumamoto,
.tab--oita,
.tab--miyazaki,
.tab--kagoshima,
.tab--okinawa {
	background: #bf4c7e; /* 紫色2 */
}

.lightbox {
	display:	none;
}

.featherlight .featherlight-content .lightbox h2 {
	margin:	10px 0;
	font-size:	16px;
	font-size:	16rem;
}

.uppercase {
	text-transform:	uppercase;
}

/* レイアウト設定　ここまで */


/* ヘッダー　ここから */
.inner {
	width: 1200px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
	width:0;
	height:0;
}

.wrap {
	width: 974px;
	margin: 0 auto;
}

.innerWrap {
	width: 780px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {

	.inner {
		width: 100%;
	}

	.wrap {
		width: 100%;
	}

	.innerWrap {
		width: 100%;
	}
}

/* header */
#top-head {
	/*	position: absolute;*/
	width: 100%;
	margin: 0 auto;
	padding:  0;
	line-height: 1;
	z-index: 999;
	background: #26487f; /* メインカラー 青 */
}
#top-head a,
#top-head {
	color: #fff;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
	width: 120px;
	margin:	0 0 0 30px;
	padding: 10px 0;
}
#top-head .snsNav {
	position:	absolute;
	top:	16px;
	right:	0;
	width:	128px;
}

#top-head .snsNav li {
	float: left;
	width: 28px;
	margin: 0 2px;
}

#global-nav ul {
	list-style: none;
	position: absolute;
	top: 62px;
	right: 0;
	font-size: 18px;
	font-size: 18rem;
	font-weight:	bold;
	text-align: center;
}

#global-nav ul ul {
	left: 50%;
	margin-left: -90px;
}

#global-nav ul li {
	display: inline-block;
	height:	50px;
	line-height:1;
}

#global-nav ul li:last-child {
	border:	0;
}

#global-nav > ul > li:nth-child(1) > a > img {
	width: 171px;
}

#global-nav > ul > li:nth-child(2) > a > img {
	width: 141px;
}

#global-nav > ul > li:nth-child(3) > a > img {
	width: 128px;
}

#global-nav > ul > li:nth-child(4) > a > img {
	width: 76px;
}

#global-nav > ul > li:nth-child(5) > a > img {
	width: 130px;
}

#global-nav > ul > li:nth-child(6) > a > img {
	width: 82px;
}


#global-nav ul .pc-hidden {
	display: none;
}

#global-nav ul li a {
	display:	block;
	padding: 0 15px;
	color:	#fff;
}

#global-nav ul li a .EG {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #e84b95; /* ピンク */
}

/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 60px;
	background: #fff;
	background: rgba(255,255,255,.9);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
	font-size: 24px;
	color: #333;
}
#top-head.fixed #global-nav ul {
	box-shadow:	0 0 3px 1px #ccc;
}
#top-head.fixed #global-nav ul li a {
	color: #333;
	padding: 0 15px;
}

/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 0;
	top: 6px;
	width: 90px;
	height: 26px;
	cursor: pointer;
	z-index: 101;
	border-radius: 14px 0 0 14px;
	background:	#fff;
}

#nav-toggle div {
	position: relative;
	margin:	5px 0 0 14px;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 20px;
	background: #053980; /* メインカラー 青 */
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 6px;
}
#nav-toggle span:nth-child(3) {
	top: 12px;
}

#nav-toggle p {
	margin: 0 0 0 40px;
	font-weight: bold;
	color: #053980; /* メインカラー 青 */
}


@media screen and (max-width: 640px) {
	h2 {
		margin:	8px 0 20px;
		font-size:	20px;
		font-size:	20rem;
		width: 100%;
	}

	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}

	#top-head .inner {
		position:	static;
	}

	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}
	#mobile-head {
		background: #ffffff; /* Old browsers */
		width: 100%;
		height: 52px;
		z-index: 999;
		position: relative;
	}

	#mobile-head .logo {
		top:	10px;
		margin:	0;	
		width:	80px;
	}

	#top-head.fixed .logo,
	#top-head .logo {
		float: none;
		width: 60px;
		margin: 3px auto;
	}
	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background: #fff;
		width: 100%;
		text-align: left;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		top: 0;
		right: 0;
		bottom: 0;
		min-width:	inherit;
		width:	100%;
		font-size: 14px;
		text-align: left;
	}
	#global-nav ul li {
		float: none;
		position: static;
		width:	100%;
		height: 44px;
	}

	#global-nav > ul > li:nth-child(4) {
		margin: 0;
	}
	/*		
	#global-nav > ul > li:nth-child(5) {
	margin: 14px 0 0;
}
	*/		
	#global-nav > ul > li:nth-child(6) {
		margin: 0;
	}

	#global-nav ul li a {
		display: block;
	}

	#global-nav ul li a img {
		width: 320px;
	}

	#global-nav > ul > li:nth-child(1) > a > img {
		width: 320px;
	}

	#global-nav > ul > li:nth-child(2) > a > img {
		width: 320px;
	}

	#global-nav > ul > li:nth-child(3) > a > img {
		width: 320px;
	}

	#global-nav > ul > li:nth-child(4) > a > img {
		width: 320px;
	}

	#global-nav > ul > li:nth-child(5) > a > img {
		width: 320px;
	}

	#global-nav > ul > li:nth-child(6) > a > img {
		width: 320px;
	}

	#global-nav ul .pc-hidden {
		display: block;
	}

	#global-nav ul .sp-hidden {
		display: none;
	}
	/*		
	#global-nav #dropmenu > li:nth-child(3) {
	margin: 88px 0 0;
}
	*/

	#global-nav ul li a:hover {
		background:	#ddd;
	}

	#global-nav ul li ul li a {
		background:	#666;
	}


	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		height: 44px;
		display: block;
		color: #053980; /* メインカラー 青 */
		font-weight:	bold;
		/*
		border-top:	1px solid #999;
		*/
		border-bottom:	1px solid #000;
		/*
		padding: 5px 1em;
		*/
		padding: 0;
	}

	#top-head #global-nav ul li ul li a,
	#top-head.fixed #global-nav ul li ul li a {
		line-height: 32px;
		color: #fff;
		background: #fffef2; /* ベージュ */
	}

	#top-head #global-nav ul li ul li a:hover,
	#top-head.fixed #global-nav ul li ul li a:hover {
		background: #ddd;
	}

	#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 7px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 7px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(566px);
		-webkit-transform: translateY(566px);
		transform: translateY(566px);
	}

	.topSlider {
		padding: 72px 0 0;
	}

}

/* ドロップメニュー　ここから */

#dropmenu li ul li{
	overflow: hidden;
	transition: .2s;
}
#dropmenu li:hover ul li{
	overflow: visible;
	height: 44px;
	line-height: 44px;
}

#global-nav .dropmenu li:hover ul li {
	height: 44px; /*いま*/
}


.dropmenu{
	*zoom: 1;
}
/*
.dropmenu:before, .dropmenu:after{
content: "";
display: table;
}
.dropmenu:after{
clear: both;
}
*/
.dropmenu li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
.dropmenu li a{
	display: block;
	margin: 0;
	text-decoration: none;
}
.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 5000;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

#global-nav .dropmenu li ul {
	max-width:	720px;
	top: 52px;
}

#global-nav .dropmenu li #menu3 {
	margin-left: -120px;
}

#global-nav .dropmenu li ul li{
	min-width: 180px;
	height: 0;
	font-size: 14px;
	font-size: 14rem;
}

#global-nav li ul li a {
	color: #053980; /* メインカラー 青 */
}

.dropmenu li ul li a {
	padding: 13px 15px;
	border-top: 1px solid #ccc;
	background: #fff;
}
.dropmenu li:hover > a {
	color: #053980; /* メインカラー 青 */
}

#global-nav .dropmenu li ul li a:hover {
	color: #053980; /* メインカラー 青 */
	background: #ddd;
}

@media screen and (max-width: 640px) {	
	#global-nav .dropmenu .sub {
		background:	#1d2f4b;
	}

	#global-nav .dropmenu li ul	{
		min-width:	inherit;
		z-index: 9999;
		position: relative;
		top: 0;
	}

	#global-nav .dropmenu li #menu3 {
		margin: 0;
	}

	#global-nav .dropmenu li ul li {
		height: 44px;
	}

	#dropmenu li ul li{
		overflow: visible;
	}

	#dropmenu li:hover ul li{
		overflow: inherit;
		height: 44px;
		line-height: 44px;
	}

	.dropmenu li ul li a {
		border-top: none;
	}

	#top-head #global-nav ul li.nav_direct_shop a {
		box-sizing: border-box;
		padding: 10px 0 10px 36px;
		font-size: 18px;
		line-height: .8;
	}

	#top-head #global-nav ul li.nav_direct_shop a span {
		font-size: 12px;
		line-height: .8;
		color: #E84B8E;
	}

}
/* ドロップメニュー　ここまで */

/* ヘッダー　ここまで */

/* コンテンツ　ここから */

/* ======================================
トップページ　ここから
======================================== */

/* トピック　ここから */

.topTopic {
	margin: 2em 0 6em;
}

.topTopicNav__lists li {
	border-bottom: 6px solid #00b4ee; /* 水色 */
	margin: 0 8px;
	padding: 0 0 1.5em;
}

.topTopicNav__lists figure img {
	margin: 0 0 .5em;
}

@media screen and (max-width: 768px) {
	.topTopic {
		margin: 2em 0;
	}
}

/* トピック　ここまで */

.topNews {
	padding: 3em 0 6em;
	background: #26487f; /* メインカラー 青 */
}

.topNews h2 {
	width: 80%;
	margin: 0 auto;
}

.topNews__lists__wrap {
	padding: 2em;
	border-radius: 16px;
	background: #fff;
}

.topNews__lists li {
	border-top: 1px dotted #053980; /* メインカラー 青 */
	padding: 1em;
}

.topNews__lists li:last-child {
	border-bottom: 1px dotted #053980; /* メインカラー 青 */
}

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

.topNews__lists dt {
	float: left;
	width: 110px;
	font-size: 14px;
	font-size: 14rem;
	font-weight: normal;
	color: #333;
}

.topNewsLists__tab {
	float: left;
	width: 130px;
}

.topNewsLists__tab .tab {
	display: inline-block;
	min-width: 120px;
	padding: 0 1em;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
}

.topNewsLists__ttl {
	float: right;
	width: 520px;
}

.topNewsLists__ttl i {
	color: #fff100; /* 黄色 */
}

@media screen and (max-width: 768px) {
	.topNews {
		padding: 1em 0;
	}

	.topNews h2 {
		width: 100%;
	}

	.topNews__lists__wrap {
		width: 90%;
		padding: 1em;
	}

	.topNews__lists li {
		padding: .5em;
	}

	.topNews__lists li:first-child {
		border-top: none;
	}

	.topNews__lists li:last-child {
		border-bottom: none;
	}

	.topNews__lists dt {
		float: left;
		width: 100%;
		margin: 0 0 .25em;
		font-size: 12px;
		color: #666;
	}

	.topNewsLists__tab {
		float: left;
		width: 115px;
	}

	.topNewsLists__tab .tab {
		min-width: 110px;
		font-size: 12px;
	}

	.topNewsLists__ttl {
		clear: both;
		float: none;
		width: 100%;
	}
}

/* フレイバー　ここから */

.topFlavor {
	padding: 4em 0 40px;
	background: #d0ebf1;
}

.topFlavor h2 {
	max-width: 195px;
	margin: 0 auto;
}

.topFlavor__wrap {
	background: url('images/topFlavor_bg.png') no-repeat top center;
	background-size: cover;
}

.topFlavor__wrap .wrap {
	padding: 0 0 150px;
}

.topFlavor h3 {
	font-size: 26px;
	font-size: 26rem;
	text-align: center;
	color: #053980; /* メインカラー 青 */
}

.topFlavor__img {
	float: left;
	width: 66.66%;
}

.topFlavor__entry {
	float: right;
	width: 33.247%;
	margin: 10em .083% 0 0;
}

.topFlavor__entry p {
	width: 60%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.topFlavor__wrap {
		background: none;
	}

	.topFlavor__wrap .wrap {
		padding: 0;
	}

	.topFlavor__img {
		float: none;
		width: 100%;
	}

	.topFlavor__entry {
		float: none;
		width: 100%;
		margin: 0;
	}
}

/* フレイバー　ここまで */

/* ディッピンドッツってなあに　ここから */

.topWhat {
	padding: 8px 0 40px;
	color: #fff;
	background: #26487f; /* メインカラー 青 */
}

.topWhat h2 {
	width: 50%;
}

.topWhat__conts {
	padding: 0 0 400px;
	background: url('images/topWhat_bg.png') no-repeat top center;
	background-size: cover;
}

.topWhatConts__entry {
	float: right;
	width: 33.33%;
	margin: 0 11.11% 0 0;
}

@media screen and (max-width: 768px) {
	.topWhat h2 {
		max-width: 345px;
		width: 100%;
		margin: 0 auto;
	}

	.topWhatConts__entry {
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	.topWhat__conts {
		padding: 0;
		background: none;
	}
}

/* ディッピンドッツってなあに　ここまで */

/* 楽しさのヒミツ　ここから */

.topSecret {
	color: #fff;
	background: #ee79b0 url('images/topSecret_bg.png') no-repeat top center;
	background-size: cover;
	/*
	background:linear-gradient(90deg,transparent 0%,transparent 50%,#e84b95 50%,#e84b95 100%);
	*/
}

.topSecret__wrap {
	float: right;
	width: 41.6%;
	margin: 0 8.3%;
}

@media screen and (max-width: 768px) {
	.topSecret {
		padding: 250px 0 0;
		background: #e84b95 url('images/topSecret_bg_sp.png') no-repeat top center;
		background-size: contain;
	}

	.topSecret__wrap {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
}

/* 楽しさのヒミツ　ここまで */

/* お店のご案内　ここから */

.topStore {
	font-size: 20px;
	font-size: 20rem;
	padding: 32px 0 40px;
}

.topStore h2 {
	width: 214px;
	margin: 8px auto 40px;
}

.topStoreSearchSearch__box h3 {
	border-bottom: 2px dotted #053980; /* メインカラー 青 */
	font-size: 28px;
	font-size: 28rem;
	color: #053980; /* メインカラー 青 */
}

.topStore__search {
	margin: 0 auto 6em;
}

.topStoreSearch__img {
	float: left;
	width: 55%;
}

.topStoreSearch__search {
	float: right;
	width: 41%;
}

.topStoreSearchSearch__box {
	margin: 0 0 1.5em;
}

.topStoreSearchSearch__box p {
	margin: 0 0 .5em;
}

.topStoreSearchSearch__form select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	font-size: 18px;
	font-size: 18rem;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom, #fff 0%,#f1f1f1 100%);
}

.topStore__open {
	margin: 0 auto 4em;
}

.topStoreOpen__img {
	float: left;
	width: 48%;
	margin: 0 1%;
}

.topStoreSearchSearch__box p.update_shoplist {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.topStoreSearch__img {
		float: none;
		width: 100%;
	}

	.topStoreSearch__search {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
}

/* お店のご案内　ここまで */

/* SNSリンク　ここから */
.topSNS {
	margin: 0 auto;
	text-align: center;	
}

.topSNS ul {
	display: inline-block;
}

.topSNS li {
	float: left;
	width: calc(100% / 4 - 24px / 4);
	max-width: 91px;
	margin-right: 8px;
}

.topSNS li:last-child {
	margin-right: 0;
}

/* SNSリンク　ここまで */

/* ======================================
トップページ　ここまで
======================================== */

/* ======================================
共通　ここから
======================================== */

.commonWrap {
	font-size: 16px;
	font-size: 16rem;
}

@media screen and (max-width: 768px) {
	.commonWrap {
		font-size: 14px;
		font-size: 14rem;
		padding: 70px 0 0;
	}
}

/* ヒーロー
--------------------------------------------------------------------------*/
.commonHero {
	padding-top: 66px;
}

@media screen and (min-width: 769px) {
	.commonHero {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
	}
}

.contentsBox {
	padding: 2em 0;
}


/* レイアウト　ここから */

.cols02 {
	float: left;
	width: 48%;
	margin: 0 1% 2em;
}

.cols03 {
	float: left;
	width: 31.33%;
	margin: 0 1% 2em;
}

.cols02--sp a,
.cols02--sp a:visited,
.cols02--sp a:link {
	color: #FFF;
}

@media screen and (max-width: 768px) {
	.cols01--sp {
		float: none;
		width: 100%;
		margin: 0 0 2em;
	}

	.cols02--sp {
		float: left;
		width: 48%;
		margin: 0 1% 2em;
	}
}
/* レイアウト　ここまで */

/* ページャー　ここから */

.pager {
	text-align: center;
}

.page-nav,
ul.page-numbers {
	display: inline-block;
	border: 1px solid #00b4ee; /* 水色 */
	border-radius: 5px;
	text-align: center;
	background: #fff;	
}


.page-nav li,
.page-numbers li {
	display: block;
	float: left;
	width: 60px;
	height: 40px;
	border-right: 1px solid #ccc;
	font-size: 14px;
	line-height: 40px;
}

.page-nav span,
.page-numbers span {
	display: block;
}

.page-nav a,
.page-numbers a {
	display: block;
	text-decoration: none;
}

.page-nav .current span,
.page-numbers .current {
	color: #fff;
	background: #053980; /* メインカラー 青 */
}


@media screen and (max-width: 768px) {
	.page-nav li,
	.page-numbers li {
		width: 28px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}

	.page-nav span,
	.page-numbers span {
		display: block;
		margin: 0;
	}

	.page-nav a,
	.page-numbers a {
		display: block;
		margin: 0;
	}
}

/* ページャー　ここまで */

/* ======================================
共通　ここまで
======================================== */

/* ======================================
おいしいがいっぱい！フレーバー　ここから
======================================== */

/* おいしさがいっぱい　ここから */

.flaverCatch {
	margin: 0 auto;
	padding: 0 0 100px;
}

.flaverCatch h2 {}

.flaverCatch__entry {
	margin: 0 auto 1em;
	text-align: center;
}

.flaverCatch__aside {
	font-size: 16px;
	font-size: 16rem;
	text-align: right;
}

@media screen and (max-width: 768px) {
	.flaverCatch {
		padding: 20px 0 0;
	}

	.flaverCatch p {
		margin: 0 .5em;
	}

	.flaverCatch__entry {
		text-align: left;
	}

	.flaverCatch__aside {
		font-size: 12px;
		font-size: 12rem;
	}
}

/* おいしさがいっぱい　ここまで */
/* 商品情報　ここから */

.flaverInfo h2 {
	width: 20%;
	margin: 0 auto 5em;
}

.flavorInfo__Lists li {
	position: relative;
}

.flavorInfo__icn {
	position: absolute;
	/*width: 141px;*/
	width: 110px;
	top: -5%;
}

.flavorLists figure {
	padding: 1em;
}

.flavorLists figure img {
	border-radius: 50%;
	margin: 0 0 1em;
}

.flavorLists figcaption {
	font-size: 21px;
	font-size: 21rem;
	font-weight: bold;
	text-align: center;
	color: #053980; /* メインカラー 青 */
}

@media screen and (max-width: 768px) {
	.flavorLists figure {
		padding: 0 1em 1em;
	}

	.flavorLists figure img {
		margin: 0 0 .5em;
	}
}

.flavorInfo__Lists li > dl > dd {
	margin: 0 0 .5em;
}

.flavorInfo__Lists dl dl {
	font-size: 14px;
	font-size: 14rem;
}

.flavorInfo__Lists dl dl dt {
	margin: 0 0 .5em;
	padding: .25em .5em;
	text-align: center;
	color: #fff;
	background: #053980; /* メインカラー 青 */
}

@media screen and (max-width: 768px) {
	.flaverInfo h2 {
		margin: 0 auto 2em;
	}

	.flavorInfo__icn {
		width: 50px;
		top: -5%;
		left: 1%;
	}

	.flavorLists figcaption {
		margin: 0 -1em;
		font-size: 14px;
		font-size: 14rem;
	}

	.flavorInfo__Lists li > dl > dd {
		margin: 0 0 .5em;
	}

	.flavorInfo__Lists dl dl {
		font-size: 12px;
		font-size: 12rem;
	}

	.flavorInfo__Lists dl dl dt {
		font-size: 12px;
		font-size: 12rem;
	}
}
/* 商品情報　ここまで */

/* ミックスフレーバー　ここから */

.flaverMix {
	padding: 0 0 4em;
}

.flaverMix h2 {
	padding: 0 0 2em;
	background: #8bc53f; /* 黄緑 */
}

.flaverMix h2 .wrap {
	display: block;
}

@media screen and (max-width: 768px) {
	.flaverMix h2 {
		padding: 0 0 2em;
	}
}

/* ミックスフレーバー　ここまで */

/* ======================================
おいしいがいっぱい！フレーバー　ここまで
======================================== */

/* ======================================
ディッピンドッツって？　ここから
======================================== */

.aboutMain h2 {
	margin: 0 .5em 1em;
}

.aboutMain p {
	margin: 0 .5em;
}

.aboutWhat__entry {
	float: right;
}

.cols02 img {
	max-width: 467px;
}

.aboutColor {
	background: #fffef2; /* ベージュ */
}

.aboutTast__entry {
	float: right;
}

.aboutTastEntryEntry__aside {
	margin: 1em 0;
	font-size: 16px;
	font-size: 16rem;
}

.aboutEasy {
	margin: 0 0 4em;
	color: #fff;
	background: #8bc53f; /* 黄緑 */
}

@media screen and (max-width: 768px) {
	.aboutWhat,
	.aboutColor,
	.aboutTast,
	.aboutEasy {
		padding: 2em .5em;
	}
}

/* ======================================
ディッピンドッツって？　ここまで
======================================== */

/* ======================================
楽しさのヒミツ　ここから
======================================== */

.funMain h2 {
	margin: 0 .5em 1em;
}

.funMain p {
	margin: 0 .5em;
}

.funColor {
	background: #fff100; /* 黄色 */
}

.funColor__entry {
	float: right;
}

.funEasy {
	margin: 0 0 4em;
	color: #fff;
	background: #e84b95; /* ピンク */
}

.funEasy__entry {
	float: right;
}

@media screen and (max-width: 768px) {
	.funSecret,
	.funColor,
	.funTast,
	.funEasy {
		padding: 2em .5em;
	}
}


/* ======================================
楽しさのヒミツ　ここまで
======================================== */

/* ======================================
店舗情報　ここから
======================================== */

.shoplistMain__ttl {
	padding: 2em 0;
}

.shoplistMain__ttl p {
	padding: 0 8px;
}

.shoplistMain__ttl .strong {
	font-weight: bold;
	color: #e84b95;
}


.shoplistMain__ttl h2 {
	width: 28.62%;
	margin: 0 auto 2em;
}

.shoplistArea {
	padding: 0 0 2em;
}

.shoplistArea h3 {
	border-radius: 8px;
	margin: 0 auto .75em;
	padding: .25em 1em;
	background: #053980; /* 濃紺 */
}

.shoplistArea h3 img {
	width: 170px;
}

.shoplistArea__table {
	width: 100%;
	font-size: 14px;
	font-size: 14rem;
}

.shoplistArea__table th {
	width: 116px;
	border: 1px solid #ccc; /* 水色 */
	color: #00b4ee; /* 水色 */
	background: #dff2fc; /* 薄い水色 */
}

.shoplistArea__table td {
	border: 1px solid #ccc; /* 水色 */
}

.shoplistArea__table td a {
	text-decoration: none;
}

.shoplistArea__table img {
	width: 50px;
	border-radius: 4px;
	margin: 0 1em;
	vertical-align: middle;
}

.shoplistArea__table td {
	width: 545px;
}

.shoplistArea__table .area {
	width: 156px;
}

.shoplistArea__table .tel {
	width: 200px;
}

@media screen and (max-width: 768px) {
	.shoplistMain h2 {
		max-width: 250px;
		width: 80%;
	}

	.shoplistArea h3 {
		border-radius: 4px;
		margin: 0 auto .25em;
		padding: .1em .5em;
	}

	.shoplistArea h3 img {
		width: 100px;
		vertical-align: middle;
	}

	.shoplistArea {
		padding: 0 8px 2em;
	}

	.shoplistArea__table {
		display: table;
		font-size: 12px;
		font-size: 12rem;
	}

	.shoplistArea__table th {
		display: table-cell;
		float: left;
		width: 100%;
		text-align: left;
	}

	.shoplistArea__table td {
		display: table-cell;
		float: left;
		width: 60%;
		border-top: none;
	}

	.shoplistArea__table .area {
		float: left;
		width: 100%;
		background: #f1f1f1;
	}

	.shoplistArea__table .tel {
		float: left;
		width: 40%;
		border-left: none;
		vertical-align: middle;
	}
}

/* ======================================
店舗情報　ここまで
======================================== */

/* ======================================
文化祭・学園祭のお取り扱い　ここから
======================================== */

/* 文化祭・学園祭のお取り扱いはこちら　ここから */

.festivalService h2 {
	width: 80%;
	margin: 0 auto 38px;
}

@media screen and (max-width: 768px) {
	.festivalServiceService__entry {
		padding: 2em .5em 0; 
	}

	.festivalServiceService__entry h3 {
		margin: 0 auto 1em;		
	}
}

/* 文化祭・学園祭のお取り扱いはこちら　ここまで */

/* いますぐ資料請求　ここから */

.festivalRequest h2 {
	width: 51%;
	margin: 0 auto 38px;
}

.festivalRequestEntry__btn {
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.festivalRequest {
		padding: 2em .5em; 
	}

	.festivalRequestEntry__btn {
		width: 90%;
	}
}

/* いますぐ資料請求　ここまで */

/* お取り扱いの流れ　ここから */

.festivalFlow h2 {
	width: 51%;
	margin: 0 auto 38px;
}

.festivalFlow__lists h3 {
	margin: 0 auto 1em;
	padding: .25em 1em;
	color: #00b4ee; /* 水色 */
	background: #dff2fc; /* 薄い水色 */
}

.festivalFlow__lists h3 .point {
	text-transform: uppercase;
	color: #eb008b; /* ピンク */
}

.festivalFlow__lists h3 i {
	margin: 0 1em;
	color: #053980; /* 濃紺 */
}

.festivalFlow__lists li {
	padding: 0 0 2em;
}

.festivalFlowLists__entry {
	float: left;
	width: 65%;
	padding: 1em 2em 0;
}

.festivalFlowLists__img {
	float: right;
	width: 30%;
}

.festivalFlowListsEntry__btns {
	margin: 1em auto;
	max-width: 500px;
}

.festivalFlowListsEntry__btn a {
	display: block;
	border-radius: 8px;
	margin: 0 0 1em;
}

.festivalFlowListsEntry__btn a:hover {
	background: #ccc;
}

.festivalFlowListsEntry__btn--LB a {
	background: #dff2fc; /* 薄い水色 */
}

.festivalFlowListsEntry__btn--LP a {
	background: #fadce9; /* 薄いピンク */
}

.festivalFlowListsEntry__btn--PK a {
	background: #eb008b; /* ピンク */
}

@media screen and (max-width: 768px) {
	.festivalFlow__lists h3 {
		padding: .75em .5em;
		font-size: 14px;
		font-size: 14rem;
	}

	.festivalFlowLists__entry {
		float: none;
		width: 100%;
		padding: 1em .5em 0;
	}
}

/* お取り扱いの流れ　ここまで */

/* 販売方法はこちら　ここから */

.festivalHow {
	background: #fff100; /* 黄色 */
}

.festivalHow h2 {
	width: 60%;
	border-radius: 8px;
	margin: 0 auto 2em;
	background: #eb008b; /* ピンク */
}

.festivalHow__catch {
	margin: 0 auto 2em; 
	font-weight: bold;
	text-align: center;
	color: #eb008b; /* ピンク */
}

.festivalHow__lists li {
	margin: 0 0 1em;
}

@media screen and (max-width: 768px) {
	.festivalHow {
		padding: 2em .5em;
	}

	.festivalHow__catch {
		text-align: left;
	}
}

/* 販売方法はこちら　ここまで */

/* 連絡先　ここから */

.festivalContact__info h2 {
	border-radius: 16px;
	padding: .5em;
	margin: auto auto .75em;
	font-size: 24px;
	font-size: 24rem;
	text-align: center;
	color: #fff;
	background: #eb008b; /* ピンク */
}

.festivalContact__info li:last-child h2 {
	background: #2b388f; /* 濃紺 */
}

.festivalContact__info dl {
	margin: 0 1em;
}

.festivalContact__info dt {
	font-size: 26px;
	font-size: 26rem;
}

.festivalContact__info dd {
	font-size: 18px;
	font-size: 18rem;
	font-weight: bold;
}

.festivalContactInfo__btn {
	margin: .5em 0;
}

.festivalContactInfo__btn a {
	display: block;
	border-radius: 8px;
	margin: 0 0 1em;
}

.festivalContactInfo__btn a:hover {
	background: #ccc;
}

.festivalContactInfo__btn--LB a {
	background: #dff2fc; /* 薄い水色 */
}

@media screen and (max-width: 768px) {
	.festivalContact__info h2 {
		font-size: 14px;
		font-size: 14rem;
	}

	.festivalContact__info dt {
		font-size: 16px;
		font-size: 16rem;
	}

	.festivalContact__info dd {
		font-size: 12px;
		font-size: 12rem;
	}

	.festivalContact {
		padding: 2em .5em;
	}
}

/* 連絡先　ここまで */

/* ======================================
文化祭・学園祭のお取り扱い　ここまで
======================================== */

/* ======================================
法人様お取扱のご案内　ここから
======================================== */

.corpGuide h3 {
	margin: 0 0 .75em;
	padding: .25em .5em;
	font-size: 28px;
	font-size: 28rem;
	text-align: center;
	color: #00aee3; /* 水色 */
	background: #dff2fc; /* 薄い水色 */
}

.corpGuide__lists {
	width: 80%;
	margin: 0 auto 4em;
}

.corpGuide__lists li {
	margin: 0 0 .5em;
	list-style: disc;
}

.corpGuide__btns {
	max-width: 628px;
	margin: 0 auto 4em;
}

.corpGuide__btn a {
	display: block;
	border-radius: 16px;
	margin: 0 auto .5em;
}

.corpGuide__btn a:hover {
	background: #ccc;
}

.corpGuide__btn--form a {
	background: #dff2fc; /* 薄い水色 */
}

.corpGuide__btn--tel a {
	background: #d7e2ac; /* 薄い緑 */
}

@media screen and (max-width: 768px) {
	.corpGuide h3 {
		font-size: 16px;
		font-size: 16rem;
	}

	.corpGuide__btns {
		width: 95%;
	}

	.corpGuide__btn a {
		border-radius: 8px;
	}
}

/* ======================================
法人様お取扱のご案内　ここまで
======================================== */

/* ======================================
会社概要　ここから
======================================== */

.common__table th {
	padding: 1em 2em;
}

.common__table td {
	padding: 1em 2em;
}

.common__table td:nth-child() {
}

.companyProfile h2 {
	width: 28.62%;
	margin: 0 auto 2em;
}

.companyProfile__table th {
	border: 3px dotted #00b4ee; /* 水色 */
	padding: 1em;
	font-weight: bold;
	color: #00b4ee; /* 水色 */
	background: #dff2fc /* 薄い水色 */
}

.companyProfile__table td {
	border: 3px dotted #00b4ee; /* 水色 */
}

.companyProfile__table ol {
	padding: 0 0 0 2em;
}

.companyProfile__table ol li {
	list-style: inherit;
}

@media screen and (max-width: 768px) {
	.companyProfile h2 {
		max-width: 250px;
		width: 80%;
	}

	.companyProfile__table {
		margin: 0 8px;
		font-size: 12px;
		font-size: 12rem;
	}

	.companyProfile__table th {
		border: 2px dotted #00b4ee; /* 水色 */
	}

	.companyProfile__table td {
		border: 2px dotted #00b4ee; /* 水色 */
	}

	.common__table th {
		padding: .5em 1em;
	}

	.common__table td {
		padding: .5em 1em;
	}
}

/* ======================================
会社概要　ここまで
======================================== */

/* ======================================
リンク　ここから
======================================== */

.linkLists h2 {
	width: 28.62%;
	margin: 0 auto 2em;
}

.linkLinks--foreign h2 {
	width: 32%;
}


.linkLists__lists li {
	margin: 0 0 4em;
}

.linkLists__lists dt {
	margin: 0 0 .5em;
	padding: .25em .5em;
	font-size: 28px;
	font-size: 28rem;
	font-weight: bold;
	text-align: center;
	background: #dff2fc; /* 薄い水色 */
}

.linkLists__lists dt a {
	text-decoration: none;
	color: #00b4ee; /* 水色 */
}

.linkLists__lists dd:nth-child(2) {
	margin: 0 0 .5em;
	font-size: 28px;
	font-size: 28rem;
	font-weight: bold;
	text-align: center;
}

.linkLists__lists dd:nth-child(2) a {
	text-decoration: none;
	color: #f6921e; /* オレンジ */
}

.linkLists__lists dd:nth-child(3) {
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.linkLists h2 {
		max-width: 250px;
		width: 80%;
	}

	.linkLists__lists {
		margin: 0 8px;
	}

	.linkLists__lists dt {
		font-size: 14px;
		font-size: 14rem;
	}

	.linkLists__lists dd:nth-child(2) {
		font-size: 14px;
		font-size: 14rem;
	}

	.linkLists__lists dd:nth-child(3) {
		width: 100%;
		font-size: 12px;
		font-size: 12rem;
	}
}

/* ======================================
リンク　ここまで
======================================== */

/* ======================================
プライバシーポリシー　ここから
======================================== */

.privacyLists h2 {
	width: 28.62%;
	margin: 0 auto 2em;
}

.privacyLists > .wrap > p {
	margin: 0 auto 4em;
}

.privacyLists__lists > li {
	margin: 0 0 4em;
}

.privacyLists__lists dt {
	border-bottom: 3px dotted #00b4ee; /* 水色 */
	margin: 0 auto .5em;
	font-size: 28px;
	font-size: 28rem;
	text-align: center;
	color: #1b75bb; /* 青 */
}

@media screen and (max-width: 768px) {
	.privacyLists h2 {
		max-width: 250px;
		width: 80%;
	}

	.privacyLists > .wrap > p {
		margin: 0 .5em 2em;
	}

	.privacyLists__lists dl {
		margin: 0 .5em;
	}

	.privacyLists__lists dt {
		border-bottom: 2px dotted #00b4ee; /* 水色 */
		font-size: 16px;
		font-size: 16rem;
	}
}

/* ======================================
プライバシーポリシー　ここまで
======================================== */

/* ======================================
サイトマップ　ここから
======================================== */

.sitemapLists h2 {
	width: 28.62%;
	margin: 0 auto 2em;
}

.sitemapLists__lists > li {
	float: left;
	width: 49%;
	margin: 0 1% 1em 0;
}

.sitemapLists__lists > li:nth-child(2n) {
	margin: 0 0 1em 1%;
}

.sitemapLists__lists a {
	text-decoration: none;
	color: #00b4ee; /* 水色 */
}

.sitemapLists__lists a:hover {
	color: #666;
}

.sitemapListsLists__li {
	display: block;
	margin: 0 0 .5em;
	padding: .25em .5em;
	font-weight: bold;
	background: #dff2fc; /* 薄い水色 */
}

.sitemapListsLists__li i {
	color: #053980; /* 濃紺 */
}

.sitemapLists__lists li ul {
	padding: 0 1em 0;
}

@media screen and (max-width: 768px) {
	.sitemapLists h2 {
		max-width: 250px;
		width: 80%;
	}

	.sitemapLists__lists > li {
		float: none;
		width: 100%;
		margin: 0 0 1em;
	}

	.sitemapLists__lists > li:nth-child(2n) {
		margin: 0 0 1em;
	}
}

/* ======================================
サイトマップ　ここまで
======================================== */

/* ======================================
お問い合わせ　ここから
======================================== */

.contactConts h2 {
	width: 28.62%;
	margin: 0 auto 2em;
}

@media screen and (max-width: 768px) {
	.contactConts h2 {
		max-width: 250px;
		width: 80%;
	}

	.contactConts__entry {
		margin: 0 1em;
	}
}

/* ======================================
お問い合わせ　ここまで
======================================== */

/* ======================================
投稿ページ　ここから
======================================== */

.singleWrap h3 {
	border-radius: 8px;
	margin: 0 auto .75em;
	padding: .25em 1em;
	color: #fff;
	background: #053980; /* メインカラー 青 */
}

.singleInfo {
	margin: 0 0 3em;
	font-size: 14px;
	font-size: 14rem;
}

.singleInfo .tab {
	display: inline-block;
	min-width: 110px;
	border-radius: 4px;
	padding: .2em 1em;
	font-weight: bold;
	text-align: center;
}

.singleInfo time {
	padding: .2em 1em;
}

.singleEntry {
	border: 1px solid #00b4ee; /* 水色 */
	padding: 2em 2.5em 2.5em;
	font-size: 18px;
	font-size: 18rem;
}

.singleEntry p {
	margin: 0 0 1em;
}

.singleEntry img {
	max-width: 100%;
	width: inherit;
	height: auto;
}

@media screen and (max-width: 768px) {
	.singleWrap h3 {
		margin: 0 8px .75em;
		font-size: 16px;
		font-size: 16rem;
	}

	.singleInfo {
		margin: 0 8px 1em;
	}

	.singleEntry {
		margin: 0 8px;
		padding: 1em 1.5em 1.5em;
		font-size: 12px;
		font-size: 12rem;
	}
}

/* アーカイブ　ここから */
.singleLists {
	font-size: 14px;
	font-size: 14rem;
}

.singleLists img {
	width: 50px;
	border-radius: 4px;
	margin: 0 0 0 .5em;
	vertical-align: middle;
}

.singleLists li {
	border-bottom: 1px solid #ccc; /* 水色 */
}

.singleLists dt {
	float: left;
	width: 146px;
	padding: 1em 2em;
	font-size: 14px;
	font-size: 14rem;
	font-weight: normal;
	color: #333;
}

.singleLists dd {
	float: left;
}

.singleLists__tab {
	width: 120px;
	padding: 1em 0;
}

.singleLists__tab .tab {
	display: inline-block;
	min-width: 110px;
	padding: 0 .75em;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
}

.singleLists__ttl {
	width: 661px;
	padding: 1em;
}

.singleLists__ttl i {
	color: #fff100; /* 黄色 */
}

.singleLists__ttl a {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.singleLists {
		margin: 0 16px;
	}

	.singleLists dt {
		float: left;
		width: 90px;
		padding: 1em 0 .5em 1em;
		font-size: 12px;
		color: #666;
	}

	.singleLists dd {
		float: left;
	}

	.singleLists__tab {
		width: 110px;
		padding: 1em 1em .5em 0;
		font-size: 12px;
	}

	.singleLists__tab .tab {
		display: inline-block;
		min-width: 110px;
		padding: 0 .75em;
		border-radius: 5px;
		font-weight: bold;
		text-align: center;
	}

	.singleLists__ttl {
		width: 100%;
		padding: 0 1em .5em;
	}
}

/* アーカイブ　ここまで */

/* 新着ショップリスト 投稿ページ　ここから */

.shoplist__search {
	margin: 2em auto;
}

.shoplist__box {
	padding: 20px 0 2em;
}

@media screen and (max-width: 768px) {
	.shoplist__box {
		padding: 20px 8px 2em;
	}
}

/* 新着ショップリスト 投稿ページ　ここまで */

/* 新着ショップリスト アーカイブ　ここから */

/* 新着ショップリスト アーカイブ　ここまで */

/* ======================================
投稿ページ　ここまで
======================================== */

/* ======================================
お問い合わせ　ここから
======================================== */

/*
.contactConts__form img {
width: inherit;
}
*/

.wpcf7-form__box {
	margin: 0 auto 4em;
}

.wpcf7-form__box .strong {
	color: #3366ff;
}

.wpcf7-form__store {
	border: 1px solid #000;
	padding: 1em 2em;
}

.wpcf7-formStore__tel {
	width: 320px;
	margin: 2em .5em 0;
}

.wpcf7-captcha-captcha-1 {
	width: inherit;
}

/***** コンタクトフォーム *****/
.table-contactform7{
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 2em;
}

.required-contactform7{
	margin: 0 .5em;
	padding: 2px 5px;
	background: #DE8686;
	font-size: 14px;
	font-size: 14rem;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}

.unrequired-contactform7{
	padding: 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}

.table-contactform7 tr {
	margin: 0 auto .5em;
}

.table-contactform7 th{
	font-weight: normal;
	text-align: left;
}

.table-contactform7 input,
.table-contactform7 textarea{
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
	padding: 5px 10px;
	font-size: 16px;
	font-size: 16rem;
}

.message-100 {
	padding-bottom: 20px;
}

.address-100 input{
	max-width: 90% !important;
	margin: 5px 10px 3px 5px;
	padding: 5px 10px;
}

.message-100 textarea{
	width: 100%;
	margin: 10px 10px 3px 5px;
	padding: 5px 10px;
	font-size: 16px;
	font-size: 16rem;
}

.error {}

.captcha-1 input {
	max-width: 90% !important;
	padding: 5px 10px;
	font-size: 16px;
	font-size: 6rem;
}


@media screen and (min-width: 900px){
	.table-contactform7 th{
		width:28%;
		padding: 10px 0;
	}
}

@media screen and (max-width: 900px){
	.table-contactform7{
		display:block;
	}     

	.table-contactform7 tbody,
	.table-contactform7 tr{
		display: block;
		width: 100%;
	}
	.table-contactform7 th{
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
		padding: 10px 0;
	}
	.table-contactform7 td{
		display: list-item;
		list-style-type:none;
		margin:0;
		padding:0;
		width: 100%;
		border-top: none !important;
	}
}

@media screen and (max-width: 768px){
	.contactConts__form {
		padding: 0 8px;
	}

	.wpcf7-form__box {
		margin: 0 auto 2em;
	}

	.wpcf7-form__box h3 {
		font-size: 14px;
		font-size: 14rem;
	}

	.wpcf7-form__box p {
		font-size: 12px;
		font-size: 12rem;
	}

	.wpcf7-formStore__tel {
		width: 150px;
	}

	.wpcf7-list-item {
		display: block;
	}

	.table-contactform7 input,
	.table-contactform7 textarea {
		margin: 5px 0 10px;
		font-size: 14px;
		font-size: 14rem;
	}

	.captcha-1 input {
		font-size: 14px;
		font-size: 14rem;
	}
}

/* ======================================
お問い合わせ　ここまで
======================================== */

/* ======================================
ソーシャルメディア　ここから
======================================== */

.snsMedia {
	padding: 5em 0 2em;
}

.snsMediaLists__btn a {
	padding: 0;
	background: #999;
}

/* ======================================
ソーシャルメディア　ここまで
======================================== */

/* contact.html　ここから */
.contact_form {
	font-size:	16px;
	font-size:	16rem;
}

.contact_form p {
	padding:	0 15px;
}

.contact_form__info {
	margin:	15px;
	padding:	15px;
	background:	#fafafa;
}

.contact_form__info dt {
	border-bottom:	1px solid #000;
	font-size:	20px;
	font-size:	20rem;
	text-align:	center;
}

.contact_form__info dd {
	font-size:	16px;
	font-size:	16rem;
	text-align:	center;
}

.contact_form__info dd .strong {
	font-size:	20px;
	font-size:	20rem;
	font-weight:	bold;
	color:	#333;	
}

.contact_form form dl {
	background:	#eee;
	border-bottom:	1px solid #fff;
}

.contact_form form dl dt {
	float:	left;
	width:	30%;
	padding:	14px 20px 14px;
	font-size:	16px;
	font-size:	16rem;
	background:	#eee;
}

.contact_form form dl dd {
	float:	left;
	width:	70%;
	padding:	14px;
	font-size:	16px;
	font-size:	16rem;
	background:	#f9f9f9;
}

.contact_form form dl dd input {
	padding:	8px;
}

.contact_form form dl dd .form-control {
	width:	100%;
	font-size:	16px;
	font-size:	16rem;
}

.contact_form form .btn {
	margin:	20px auto;
	padding:	0 40px;
	text-align:	center;
}


/* contact.html　ここまで */


/* コンテンツ　ここまで */

/* go to top　ここから */
#page-top {
	position: fixed;
	bottom: 80px;
	right: -30px;
	width: 270px;
}
#page-top a {
	width: 270px;
	padding: 0;
	display: block;
}
#page-top a:hover {
	opacity: .8;

}

@media screen and (max-width: 768px) {
	.page-topWrap {
		display: none;
	}
}
/* go to top　ここまで */


/* フッター　ここから */
footer {
	padding: 1em 0 .5em;
	color: #fff;
	background: #26487f; /* メインカラー 青 */
}

.footerNav {
	padding: 3em 0;
}

.footerNav ul {
	text-align: center;
}

.footerNav li {
	display: inline-block;
	padding: 0 3em;
}

.footerNav li a {
	display: block;
	font-size: 18px;
	font-size: 18rem;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
}

.footerNav li a .EG {
	font-size: 14px;
	font-size: 14rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #e84b95;
}

.copyright {
	margin:	10px 30px;
	text-align:	center;
}

.copyright small {
	font-size:	14px;
	font-size:	14rem;
}

@media screen and (max-width: 768px) {
	.footerNav {
		padding: 0;
	}

	.footerNav ul {
		text-align: left;
	}

	.footerNav li {
		display: block;
		border-bottom: 1px solid #fff;
		padding: 0;
	}

	.footerNav li a {
		font-size: 14px;
		font-size: 14rem;
		font-weight: bold;
		line-height: 1.6;
		padding: .25em 3em;
	}

	.footerNav li a:hover {
		background: #333;
	}


	.copyright small {
		font-size:	10px;
		font-size:	10rem;
	}	
}
/* フッター　ここまで */


/* Contest add 2018-10-29
---------------------------------------------------------------------- */
.marker1 {
	background: linear-gradient(transparent 60%, #ff0 60%);
}

.wrap_sns_bnts1 {
	clear: both;
	margin: 0 auto;
	padding: 30px 0;
	width: 80%;
}

.wrap_sns_bnts1 li {
	margin-bottom: 15px;
}

/* sec01
--------------------------------------------------------- */
.sec01_about {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 60px 0;
	background: #E13E78
}

.ttl_photo_and_movie {
	width: 80%;
	margin: 0 auto 20px;
}

.img_season {
	width: 90%;
	margin: 0 auto 20px;
}

.wrap_postit {
	color: #053980;
	text-align: center;
	font-size: 16px; font-size: 16rem;
	font-weight: bold;
	line-height: 1.6;
	border: 2px solid #053980;
	width: 90%;
	margin: 0 5% 60px;
	padding: 30px 0;
	box-sizing: border-box;
	border-radius: 8px;
	background: #FFF;
}

.wrap_postit span {
	color: #E13E78;
}

.img-deco1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	margin-left: 0;
}

.img-deco2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	margin-right: 0;
}


/* sec02
--------------------------------------------------------- */
.sec02_select {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0 0;
}

.ttl_select_present {
	width: 90%;
	margin: 0 auto 10px;
}

.txt_select_present_column .marker1 span {
	color: #E13E78;
}

.txt_select_present_column {
	color: #053980;
	font-weight: bold;
}

.img_10 {
	width: 80%;
	margin: 0 auto;
}

.txt_select_present_column {
	width: 90%;
	font-size: 16px; font-size: 16rem;
	line-height: 1.8;
	margin: 0 auto 50px;
}

.wrap_present_item1, .wrap_present_item2 {
	width: 90%;
	margin: 0 auto 30px;
}

.img_present {
	margin: 0 0 5px;
}

.txt_present1 {
	color: #053980;
	font-size: 16px; font-size: 16rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.txt_present2 {
	font-size: 14px; font-size: 14rem;
	margin-bottom: 20px;
}


/* sec03
--------------------------------------------------------- */
.sec03_entry {
	clear: both;
	float: left;
	width: 100%;
	background: #FFFEEE;
}

.wrap_box_step {
	clear: both;
	width: 90%;
	margin: 0 auto 15px;
}

.box_step {
	float: left;
	width: 100%;
	margin: 0 auto 20px;
	filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
	background: #FFF;
}

.txt_step {
	font-weight: bold;
}

.icon_step {
	width: 40%;
	margin: 0 auto;
}

.txt_step {
	text-align: center;
	font-size: 16px; font-size: 16rem;
	margin-bottom: 30px;
	color: #053980;
}

.txt_step span {
	background: linear-gradient(transparent 60%, #ff0 60%);
}

.btn_instagram2 {
	width: 90%;
	margin: 0 auto 10px;
}

.btn_twitter2 {
	width: 90%;
	margin: 0 auto 30px;
}


/* sec04
--------------------------------------------------------- */
.sec04_apply {
	clear: both;
	float: left;
	width: 100%;
	background: #E13E78;
}

.img_deco_3, .img_deco_4 {
	float: left;
	width: 50%;
}

.sec04_apply_1 {
	clear: both;
	width: 90%;
	margin: 0 auto 20px;
	padding: 30px 5%;
	font-size: 16px; font-size: 16rem;
	border: 2px solid #053980;
	border-radius: 12px;
	box-sizing: border-box;
	background: #FFF;
}

.sec04_apply_1 h3 {
	color: #053980;
	font-size: 16px; font-size: 16rem;
	margin-bottom: 5px;
}

.sec04_apply_1 p {
	margin-bottom: 25px;
}

.btn_kiyaku {
	width: 90%;
	margin: 0 auto 40px;
}

.btn_kiyaku a,
.btn_kiyaku a:visited {
	color: #FFF;
	display: block;
	padding: 10px 10px;
	box-sizing: border-box;
	border: 1px solid #FFF;
	border-radius: 15px;
	text-align: center;
}

.wrap_kiyaku {
	box-sizing: border-box;
	padding: 20px 5% 40px;
}

.test {
	display: none;
}

@media screen and (min-width: 769px) {
	.topSlider {
		position: relative;
		background: #26487f;
	}

	.test {
		display: block;
		width: 360px;
		position: absolute;
		bottom: 50px;
		left: 20px;
	}

	.wrap_sns_bnts1 {
		width: 450px;
	}

	.wrap_sns_bnts1 li {
		float: left;
		width: 208px;
		margin: 0 20px 30px 0;
	}

	.wrap_sns_bnts1 li:last-child {
		margin-right: 0;
	}


	/* sec01
	--------------------------------------------------------- */
	.ttl_photo_and_movie {
		width: 778px;
		margin: 0 auto 10px;
	}

	.img_season {
		width: 586px;
		margin: 0 auto 65px;
	}

	.wrap_postit {
		font-size: 22px; font-size: 22rem;
		line-height: 1.8;
		width: 840px;
		margin: 0 auto 5px;
		border-radius: 15px;
	}

	.img-deco1, .img-deco2 {
		position: absolute;
		top: 60px;
		left: 50%;
		width: 226px;
	}

	.img-deco1 {
		margin-left: -600px;
	}

	.img-deco2 {
		margin-left: 374px;
	}


	/* sec02
	--------------------------------------------------------- */
	.sec02_select { 
		padding: 60px 0 100px;
	}

	.ttl_select_present {
		width: 780px;
	}

	.wrap_txt_select_present {
		width: 780px;
		margin: 0 auto;
	}

	.img_10 {
		float: left;
		width: 272px;
		margin: 0;
	}

	.txt_select_present_column {
		float: right;
		width: 500px;
		font-size: 24px; font-size: 24rem;
		line-height: 1.8;
		margin-bottom: 70px;
	}

	.wrap_present_item {
		width: 780px;
		margin: 0 auto;
	}

	.wrap_present_item1 {
		float: left;
		width: 382px;
	}

	.img_present {
		margin: 0 0 10px;
	}

	.txt_present1 {
		font-size: 20px; font-size: 20rem;
	}

	.txt_present2 {
		font-size: 18px; font-size: 18rem;
		margin: 0;
	}

	.wrap_present_item2 {
		float: right;
		width: 383px;
	}


	/* sec03
	--------------------------------------------------------- */
	.ttl_entry {
		width: 781px;
		margin: 0 auto;
	}

	.wrap_box_step {
		width: 778px;
		margin: 0 auto;
	}

	.box_step {
		margin: 0 auto 40px;
	}

	.icon_step {
		float: left;
		width: 153px;
		margin: 0;
	}

	.txt_step {
		text-align: left;
		margin: 25px 0 40px 163px;
		font-size: 20px; font-size: 20rem;
		color: #053980;
	}

	span .span_strong {
		color: #E13E78;
	}

	.wrap_sns_btn {
		clear: both;
		width: 577px;
		margin: 0 auto;
	}

	.btn_instagram2 {
		float: left;
		width: 283px;
		margin-bottom: 20px;
	}

	.btn_twitter2 {
		float: right;
		width: 283px;
	}

	/* sec04 
	--------------------------------------------------------- */
	.sec04_apply {
		position: relative;
		padding: 0 0 100px;
	}

	.ttl_sec04_apply {
		width: 726px;
		margin: 0 auto 30px;
	}

	.sec04_apply_1 {
		width: 780px;
		border: 3px solid #053980;
		padding: 30px 70px 40px;
		font-size: 18px; font-size: 18rem;
		border-radius: 15px;
		margin-bottom: 50px;
	}

	.sec04_apply_1 h3 {
		font-size: 22px; font-size: 22rem;
	}

	.sec04_apply_1 p {
		margin-bottom: 30px;
	}

	.img_deco_3, .img_deco_4 {
		position: absolute;
		width: 220px;
	}

	.img_deco_3 {
		top: 0;
		left: 50%;
		margin-left: -585px;
	}

	.img_deco_4 {
		top: 0;
		left: 50%;
		margin-left: 365px;
	}

	.btn_kiyaku {
		width: 614px;
		margin: 0 auto;
	}

	.wrap_kiyaku {
		font-size: 16px;font-size: 16rem;
		max-width: 960px;
		margin: 0 auto 10px;
	}

	.wrap_kiyaku p {
		color: #333;
		line-height: 1.6;
		margin-bottom: 2em;
	}
}
/* クリスマス2018
--------------------------------------------------------------------- */
.wrap_christmas {
	clear: both;
	float: left;
	width: 100%;
	padding: 50px 0 30px;
	box-sizing: border-box;
	background: #BE1E2D;
	color: #58595B;
}

.akaji {
	color: #EC1C24;
}

.wrap_content_box {
	clear: both;
	width: 90%;
	margin: 0 auto;
}

.content_box {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 0 0 20px;
}

.ttl_christmas_limited {
	width: 96%;
	margin: 0 auto 10px;
}

.ttl_christmas_minus40 {
	width: 94%;
	margin: 0 auto 10px;
}

.txt_01 {
	text-align: center;
	font-size: 20px; font-size: 20rem;
	font-weight: bold;
	color: #58595B;
	margin: 0 0 10px;
}

.item_ice_r1 {
	text-align: center;
	font-size: 20px; font-size: 20rem;
	font-weight: bold;
	color: #EC1C24;
	margin: 0 0 20px;
}

.img_ice_1 {
	width: 90%;
	margin: 0 auto 10px;
}

.txt_item_1 {
	width: 90%;
	margin: 0 auto;
}

.txt_item_2 {
	width: 90%;
	margin: 0 auto 10px;
}

.txt_select4flavor {
	width: 90%;
	margin: 0 auto 10px;
}

.txt_item1_note {
	font-size: 20px; font-size: 20rem;
	margin-left: 1rem;
	color: #58595B;
}

.soroe {
	margin-left: -2rem;
	text-indent: 2rem;
}

.soroe2 {
	margin-left: -1.5rem;
	text-indent: 1rem;
}

.soroe3 {
	margin-left: -3.5rem;
	text-indent: 2rem;
}

.soroe4 {
	margin-left: -1rem;
	text-indent: 1rem;
}

.img_5days {
	width: 90%;
	margin: 0 auto 10px;
}

.txt_deliverydate_1 {
	text-align: center;
	font-weight: bold;
	font-size: 18px; font-size: 18rem;
	margin: 0 0 10px;
	color: #000;
}

.txt_deliverydate_2 {
	text-align: center;
	font-weight: bold;
	font-size: 20px; font-size: 20rem;
	color: #000;
}

.ttl_select_flavor, .ttl_deliverydate, .ttl_ordering,
.ttl_shipping_method, .ttl_storage, .ttl_privacypolicy {
	width: 80%;
	margin: 0 auto 10px;
}

.img_ice_2 {
	width: 90%;
	margin: 0 auto 10px;
}

.icon_c_step {
	width: 70%;
	margin: 0 auto 20px;
}

.txt_c_step {
	width: 90%;
	margin: 0 auto 10px;
}

.btn_ordering_pdf {
	width: 90%;
	margin: 0 auto 10px;
}

.txt_notice_of_order {
	margin: 0 0 20px 2rem;
	width: 90%;
}

.txt_notice_of_order__lists {
	padding: 0 0 0 2rem;
}

.txt_notice_of_order__lists li {
	list-style: disc;
}

.notice_of_order {
	width: 90%;
	margin: 0 auto 10px;
	padding: 0 0 20px;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid #BE1E2D;
}

.ttl_notice_of_order {
	font-size: 20px; font-size: 20rem;
	font-weight: bold;
	color: #BE1E2D;
}

.step_c_c {
	margin-left: 1rem;
}

.txt_c_step2 {
	width: 90%;
	margin: 0 auto;
}

.txt_c_step {
	width: 90%;
	margin: 0 auto 20px;
	box-sizing: border-box;
}

.linktokutei {
	text-align: center;
}

.txt_storage {
	width: 90%;
	margin: 0 auto 10px;
}

.txt_storage_1 {
	width: 90%;
	margin: 0 auto 10px;
}


/*
--------------------------------------------*/
.ttl_tokutei {
	text-align: center;
	color: #00ADEE;
	font-size: 20px; font-size: 20rem;
	font-weight: normal;
	margin: 0 auto 20px;
	padding: 20px 0 0;
}

.dl_tokutei {
	clear: both;
	color: #58595B;
}

.dl_tokutei dt {
	width: 96%;
	margin: 0 auto;
	font-size: 16px; font-size: 16rem;
	font-weight: normal;
	padding: 5px 10px;
	box-sizing: border-box;
	background: #E6E7E8;
}

.dl_tokutei dd {
	width: 96%;
	margin: 0 auto;
	font-size: 16px; font-size: 16rem;
	font-weight: normal;
	box-sizing: border-box;
	padding: 5px 10px 10px;
}


.dl_tokutei dd {
	padding: 10px 10px 30px;
}

@media screen and (min-width: 769px) {
	.wrap_content_box {
		width: 975px;
		margin: 0 auto;
	}

	.content_box {
		clear: both;
		float: left;
		width: 100%;
		line-height: 1.5;
		margin: 0 0 50px;
		padding: 40px 0 80px;
		box-sizing: border-box;
		background: #FFF;
	}

	.ttl_christmas_limited {
		width: 586px;
		margin: 0 auto 15px;
	}

	.ttl_christmas_minus40 {
		width: 710px;
		margin: 0 auto 35px;
	}

	.txt_01 {
		text-align: center;
		font-size: 30px; font-size: 30rem;
		font-weight: bold;
		color: #58595B;
		margin: 0 0 35px;
	}

	.wrap_item1 {
		width: 756px;
		margin: 0 auto;
	}

	.img_ice_1 {
		float: left;
		width: 350px;
		margin: 30px 0 0;
	}

	.item_ice_r {
		float: right;
		width: 366px;
	}

	.item_ice_r1 {
		font-size: 30px; font-size: 30rem;
		font-weight: bold;
		color: #EC1C24;
		line-height: 1.4;
	}

	.txt_item_1 {
		width: 366px;
	}

	.txt_item_2 {
		width: 310px;
		margin: 0 0 10px;
	}

	.txt_item1_note {
		clear: both;
		width: 720px;
		margin: 0 auto 50px;
		font-size: 20px; font-size: 20rem;
		color: #58595B;
	}

	.ttl_select_flavor {
		width: 425px;
		margin: 0 auto;
	}

	.img_ice_2 {
		width: 780px;
		margin: 0 auto 50px;
	}

	.txt_select4flavor {
		clear: both;
		width: 720px;
		margin: 0 auto 50px;
		font-size: 20px; font-size: 20rem;
		color: #58595B;
	}

	.ttl_deliverydate {
		width: 425px;
		margin: 0 auto 5px;
	}

	.img_5days {
		width: 630px;
		margin: 0 auto 30px;
	}

	.txt_deliverydate_1 {
		text-align: center;
		font-size: 30px; font-size: 30rem;
		font-weight: bold;
		margin: 0 0 10px;
	}

	.txt_deliverydate_2 {
		text-align: center;
		font-size: 30px; font-size: 30rem;
		font-weight: bold;
		margin: 0 0 30px;
	}

	.txt_deliverydate_3 {
		width: 740px;
		font-size: 20px; font-size: 20rem;
		margin: 0 auto 40px;
	}

	.txt_deliverydate_3 span {
		margin-left: -2rem;
		text-indent: 1rem;
	}

	.ttl_ordering {
		width: 425px;
		margin: 0 auto 20px;
	}

	.wrap_step {
		clear: both;
		width: 780px;
		margin: 0 auto;
	}

	.icon_c_step {
		float: left;
		width: 117px;
		margin: -15px 0 0;
	}

	.step_c_c {
		float: right;
		width: 640px;
	}

	.ttl_step_1 {
		width: 598px;
		margin: 0 0 15px;
	}

	.txt_c_step {
		margin: 0 0 30px;
		color: #58595B;
	}

	.txt_c_step2 {
		color: #58595B;
	}

	.txt_c_step_soroe {
		padding-left: 2rem;
	}

	.btn_ordering_pdf {
		width: 630px;
		margin: 0 auto 45px;
	}

	.ttl_step_2 {
		width: 569px;
		margin: 0 0 15px;
	}

	.btn_contact_christmas {
		clear: both;
		width: 630px;
		margin: 0 auto 45px;
	}

	.ttl_step_3 {
		width: 110px;
	}

	.ttl_step_4 {
		width: 204px;
	}

	.ttl_shipping_method {
		width: 425px;
		margin: 0 auto 20px;
	}

	.txt_linkyamato {
		font-size: 20px; font-size: 20rem;
		color: #58595B;
		margin-bottom: 95px;
	}

	.ttl_storage {
		width: 425px;
		margin: 0 auto 30px;
	}

	.txt_storage {
		width: 791px;
		margin: 0 auto 40px;
	}

	.txt_storage_1 {
		width: 778px;
		margin: 0 auto 50px;
	}

	.ttl_privacypolicy {
		width: 425px;
		margin: 0 auto 15px;
	}

	.notice_of_order {
		width: 780px;
		margin: 0 auto 10px;
		padding: 0 0 40px;
		box-sizing: border-box;
		border-radius: 15px;
		border: 2px solid #BE1E2D;
	}

	.ttl_notice_of_order {
		font-size: 26px; font-size: 26rem;
		font-weight: bold;
		color: #BE1E2D;
	}

	.txt_notice_of_order {
		color: #404041;
		font-size: 18px; font-size: 18rem;
		width: 600px;
		margin: 0 auto 50px;
	}

	.linktokutei {
		width: 780px;
		margin: 0 auto;
	}


	/*
	--------------------------------------------*/
	.ttl_tokutei {
		text-align: center;
		color: #00ADEE;
		font-size: 30px; font-size: 30rem;
		margin: 50px auto 30px;
	}

	.wrap_dl_tokutei {
		clear: both;
		width: 780px;
		margin: 20px auto 50px;
	}

	.dl_tokutei {
		clear: both;
		float: left;
		color: #58595B;
		border-left: 1px solid #58595B;
		border-right: 1px solid #58595B;
		border-bottom: 1px solid #58595B;
		background: #FFFEEE;
	}

	.dl_tokutei dt {
		float: left;
		width: 230px;
		font-size: 16px; font-size: 16rem;
		padding: 10px;
		box-sizing: border-box;
		border-top: 1px solid #58595B;
		background: none;
	}

	.dl_tokutei dd {
		margin-left: 230px;
		width: 550px;
		font-size: 16px; font-size: 16rem;
		box-sizing: border-box;
		padding: 10px;
		border-left: 1px solid #58595B;
		border-top: 1px solid #58595B;
		background: #FFF;
	}

	.txt_back {
		clear: both;
	}
}

/* 新商品クッキー&クリーム ここから */
#newflavor {
	background-color:#FFC;
}

.newflaverInfo h2 {
	width: 35%;
	margin: 0 auto 2em;
}

.newflaverInfo h2 img {
	float:left;
	margin: 40px auto;
}

.newflavor__img {
	float: left;
}
.newflavor__ttl{
	position: relative;
	margin: 150px 0 0 ;
	padding-left: 180px;
	font-size: 30px;
	color: #053980;
}

.newflavor__ttl::before {
	position: absolute;
	top: -130px;
	left: 0;
	content: '';
	background: url(https://dippindots.jp/wp-content/uploads/2019/02/newflavorInfo_icn.png) no-repeat;
	background-size: 155px;
	width: 158px;
	height: 188px;
	display: inline-block;
}

.newflavor_bt {
	background-color: #053980;
	color: #fff;
}

.newflavor_bt a {
	display: block;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	color: #fff;
}

.txt_newflavor {
	margin: 0 0 10px;
}
/* 新商品クッキー&クリーム ここまで */

/* New Flavor 20190225 クッキー＆クリーム フェザーライトadd */
.featherlight-inner {
	width: 600px;
}

.flavor__info { 
	width: 300px;
	margin: 0 auto;
	float: left;
}

.flavorLists__img {
	width: 300px;
	margin: 0 auto;
	float: left;
}

.flavorLists__img img { 
	width: 300px; 
	float: left;
	margin: 0 auto;
}

.lightboxflavor__prduct {
	width: 300px;
	margin: 0 auto;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.lightboxflavor__ttl {
	background-color: #053980;
	color: #fff;
}

dt.lightboxflavor__ttl {
	font-size: 18px;
	font-weight: bold;
	padding: 3px 8px;
}

.lightboxflavor__entry {
	padding: 10px 8px;
}

dd.lightboxflavor__entry {
	font-size: 18px;
	line-height: 1.4em;
}


@media screen and (max-width: 768px) {
	.newflavor__img {
		float: none;
		width: 80%;
		margin: 0 auto 10px;
	}

	.newflavor__ttl {
		width: 90%;
		margin: 0 auto;
		padding-left: 55px;
		font-size: 20px;
		box-sizing: border-box;
	}

	.newflavor__ttl::before {
		top: -30px;
		width: 50px;
		height: 60px;
		background: url(https://dippindots.jp/wp-content/uploads/2019/02/newflavorInfo_icn.png) no-repeat;
		background-size: 50px;
	}

	.newflavor__entry p {
		width: 90%;
		margin: 0 auto;
	}

	.featherlight .featherlight-content {
		width: 94%;
		margin: 0 3%;
		padding: 10px 0;
	}

	.featherlight-inner {
		width: 100%;
	}

	.flavor__info {
		clear: both;
		float: none;
		width: 100%;
	}

	.flavorLists__img {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
	}

	.lightboxflavor__prduct {
		clear: both;
		float: none;
	}

}


/* 2019-11-07 直営店アーカイブ */
.ul_directshop, .ul_directshop dt, .ul_directshop dd {
	float: none;
}

.ul_directshop {
	font-size: 16px; font-size: 16rem;
}

.ul_directshop dt {
	width: 300px;
	padding: 10px;
	box-sizing: border-box;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 16px; font-size: 16rem;
}

.ul_directshop dd {
	width: 450px;
	padding: 15px;
	border-left: 1px solid #00b4ee;
	box-sizing: border-box;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.ul_directshop dd.phoneno {
	width: 220px;
}

.dl_directshop {
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.txt_note_pagelink {
	font-size: 14px; font-size: 14rem;
}

.ttl_h3_directshop {
	width: 980px;
	margin: 0 auto 15px;
	padding: 10px;
	box-sizing: border-box;
	color: #00ADEE;
	font-size: 20px; font-size: 20rem;
	background: #D3EDFB;
}

.dl_directshop_info {
	width: 980px;
	margin: 0 auto 20px;
	font-size: 16px; font-size: 16rem;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	box-sizing: border-box;
	border-top: 1px solid #00b4ee;
	border-left: 1px solid #00b4ee;
	border-right: 1px solid #00b4ee;
}

.dl_directshop_info dt {
	width: 250px;
	padding: 10px;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	color: #00ADEE;
	border-bottom: 1px solid #00b4ee;
	background: #D3EDFB;
}

.dl_directshop_info dd {
	width: 728px;
	padding: 10px;
	min-height: 2.2em;
	box-sizing: border-box;
	border-left: 1px solid #00b4ee;
	border-bottom: 1px solid #00b4ee;
}

.dl_directshop_info2 {
	width: 980px;
	margin: 0 auto 80px;
}


.dl_directshop_info2 dt {
	color: #00ADEE;
	border-bottom: 1px solid #00ADEE;
	margin-bottom: 20px;
}

.dl_directshop_info2 dd {
	min-height: 50px;
}

.ttl_directshop {
	color: #FFF;
	width: 980px;
	margin: 0 auto 50px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 15px;
	background: #053980;
}

.ul_shop_imgs {
	width: 980px;
	margin: 0 auto 30px;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: 14px; font-size: 14rem;
}

.ul_shop_imgs li {
	width: 48%;
	margin: 0;
}

.ul_shop_imgs figure {
	max-height: 300px;
}
.ul_shop_imgs figcaption {
	height: 20px;
}

.ul_shop_imgs li:first-child {
	margin-right: 4%;
}

.ul_shop_imgs li img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 280px;
}

.ul_info_imgs {
	width: 100%;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.ul_info_imgs li {
	width: 23%;
	margin: 0 1% 20px;
}

.ul_info_imgs li img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 250px;
}

.directshop_campaign {
	font-size: 16px; font-size: 16rem;
}

.wrap_directshop_content {
	margin-bottom: 100px;
}

a.outsite {
	position: relative;
	margin-right: 20px;
}

a.outsite::after {
	position: absolute;
	content: "";
	top: 0;
	right: -20px;
	width: 15px;
	height: 15px;
	background: url(images/icon_link.png) no-repeat;
	background-size: 15px;
}

.directshop_campaign img {
	width: auto;
	max-width: 980px;
	margin: 10px;
}

@media screen and (max-width: 768px) {
	.directshop_campaign img {
		max-width: 90%;
	}

	.ul_shop_imgs {
		width: 90%;
		margin: 0 auto 20px;
	}

	.ul_shop_imgs li {
		max-width: 90%;
		margin: 0 auto;
	}

	.ul_directshop {
		width: 90%;
		margin: 0 auto;
	}

	.ul_directshop dt {
		padding: 8px 3%;
	}

	.ul_directshop dd {
		padding: 0 3% 8px;
		line-height: 1.4;
	}

	.txt_note_pagelink {
		width: 90%;
		margin: 0 auto 10px;
		font-size: 14px; font-size: 14rem;
	}

	.ul_directshop dd {
		border: 0;
	}

	.ttl_directshop {
		width: 90%;
		margin-bottom: 20px;
		font-size: 18px; font-size: 18rem;
	}

	.ttl_h3_directshop {
		width: 90%;
		margin: 0 auto 10px;
		font-size: 16px; font-size: 16rem;
	}

	.dl_directshop_info {
		width: 90%;
		margin: 0 auto 20px;
		font-size: 14px; font-size: 14rem;
	}

	.dl_directshop_info dt, .dl_directshop_info dd {
		width: 100%;
		padding: 5px 3%;
		box-sizing: border-box;
	}

	.dl_directshop_info dd {
		border-left: 0;
		padding: 5px 3%;
		line-height: 1.4;
	}

	.dl_directshop_info2 {
		width: 90%;
		margin: 0 auto 30px;
	}

	.directshop_campaign {
		font-size: 14px; font-size: 14rem;
	}

	.wrap_directshop_content {
		margin-bottom: 60px;
	}
}

.sp-slides-container,
.sp-mask,
.sp-slide {
	min-height: 180px;
	height: auto;
}

.topNews h2 {
	width: 80%;
}

.icon_new {
	font-size: 11px;
	padding: 1px 5px;
	color: #F00;
	margin-right: 5px;
	background: #FF0;
}

.wrap_movie_btns {
	width: 100%;
	padding: 40px 0;
}

.btn_check_movie {
	position: relative;
	width: 280px;
	margin: 0 auto;
}

.btn_check_movie a {
	display: block;
}

.btn_check_movie li a::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: flex;/* height100% */
	height: 100%;
	width: 100%;
	background: url(images/btn_play.png)no-repeat;
	background-size:100%;
}

/* movie modal window
--------------------------------------------------- */
.modal {
	width: 100%!important;
	padding: 0 5%!important;
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	height: 100%!important;
	z-index: 1000!important;
	border-radius: 0!important;
	max-width: none!important;
	overflow: hidden;
	display: none;
}

.js_mclose {
	margin: 20px 0 0;
	text-align: right;
}

.modal_bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
}

.modal_content {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 3%;
	box-sizing: border-box;
	transform: translate(-50%,-50%);
	width: 90%;
	background: #fff;
}

.modal_content iframe {
	display: flex;
	width: 100%;
	height: 100%;
}

.wrap_movie {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fff1de+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fff1de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fff1de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#fff1de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff1de',GradientType=0 ); /* IE6-9 */
}

.txt_top_movie {
	font-size: 20px;
	font-weight: bold;
	width: 90%;
	margin: 20px auto 30px;
	position: relative;
	color: #ee79b0;
	text-align: center;
}

.txt_top_movie span {
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -1em;
	font-size: 11px;
	color: #888;
	line-height: 1em;
	font-weight: normal;
}

.txt_top_movie::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -5em;
	background: url(images/top/img_badge_ttlside_1.png) no-repeat;
	background-size: 55px;
	width: 55px;
	height: 41px;
}

.btn_check_movie {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 50px;
	box-sizing: border-box;
	background: url(images/top/img_movie_box_line.png) repeat-x left 0 bottom 10px;
	background-size: 63px;
	position: relative;
}

.btn_check_movie::before {
	content: '';
	position: absolute;
	bottom: 30px;
	left: -30px;
	background: url(images/top/img_movie_box1.png) no-repeat;
	background-size: 77px;
	width: 77px;
	height: 83px;
}

.btn_check_movie::after {
	content: '';
	position: absolute;
	bottom: 30px;
	right: -20px;
	background: url(images/top/img_movie_box2.png) no-repeat;
	background-size: 58px;
	width: 58px;
	height: 104px;
}

.txt_movie_description {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#ul_column3 {
	width: 90%;
	margin: 20px auto 0;
	padding: 0;
	box-sizing: border-box;
	display: -webkit-flex;display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #F9F9F9;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

#ul_column3 li {
	text-align: center;
}

#ul_column3 li:nth-child(1) {
	box-sizing: border-box;
	width: calc(33% - 1px);
	border-top-left-radius: 12px;
}

#ul_column3 li:nth-child(2) {
	box-sizing: border-box;
	width: calc(33% - 1px);
}

#ul_column3 li:nth-child(3) {
	width: 34%;
	box-sizing: border-box;
	border-top-right-radius: 12px;
}


#ul_column3 li:nth-child(1).on {
	color: #26487f;
	background: #d0ebf1;
}

#ul_column3 li:nth-child(2).on {
	color: #FFF;
	background: #26487f;
}

#ul_column3 li:nth-child(3).on {
	color: #FFF;
	background: #ee79b0;
}

#ul_column3 li:hover {
	cursor: pointer;
}

.txt_switch_content {
	width: 90%;
	margin: 20px auto;
	text-align: center;
}

.txt_movie_description span {
	line-height: 3;
}

.wrap_sns_bnts1 ul {
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrap_sns_bnts1 li {
	width: 49%;
}

.js_mopen　{
	position: relative;
}

.commonHero {
	width: 100%;
}

.sp-hidden { display: none; }
.pc-hidden { display: block; }

@media screen and (min-width: 769px) {
	.sp-hidden { display: block; }
	.pc-hidden { display: none; }

	.sp-slide {
		max-width: 1200px;
	}

	.topNews h2 {
		width: auto;
		max-width: 550px;
	}

	.txt_top_movie {
		text-align: center;
		font-size: 30px;
		margin: 50px auto;
	}

	.txt_top_movie::before {
		content: '';
		position: absolute;
		top: -10px;
		left: 50%;
		margin-left: -5em;
		background: url(images/top/img_badge_ttlside_1.png) no-repeat;
		background-size: 88px;
		width: 88px;
		height: 66px;
	}

	.txt_top_movie::after {
		content: '';
		position: absolute;
		top: -10px;
		left: 50%;
		margin-left: 2em;
		background: url(images/top/img_badge_ttlside_2.png) no-repeat;
		background-size: 124px;
		width: 124px;
		height: 72px;
	}

	.txt_top_movie span {
		font-size: 16px;
	}

	.wrap_movie_btns {/* 動画増やすときにフレックスボックスに変更 */
		max-width: 1200px;
		margin: 0 auto;
		padding: 50px auto 0;
		text-align: center;
	}

	.btn_check_movie {
		display: inline-block;
		margin: 0 auto;
		padding: 0 30px 80px;
		box-sizing: border-box;
		width: auto;
	}

	.btn_check_movie li {
		width: 280px;
		float: left;
	}

	.btn_check_movie li:nth-child(n+2) {
		margin-left: 20px;
	}

	.btn_check_movie a {
		display: block;
		margin: 20px auto 0;
		position: relative;
	}

	.btn_check_movie a::before {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 280px;
		background: url(images/btn_play.png)no-repeat;
		background-size: 280px;
	}

	.btn_check_movie {
		padding: 0 0 70px;
		box-sizing: border-box;
		background: url(images/top/img_movie_box_line.png) repeat-x left 0 bottom 30px;
		background-size: 63px;
	}

	.btn_check_movie::before {
		content: '';
		position: absolute;
		bottom: 40px;
		left: -140px;
		background: url(images/top/img_movie_box1.png) no-repeat;
		background-size: 117px;
		width: 117px;
		height: 126px;
	}

	.btn_check_movie::after {
		content: '';
		position: absolute;
		bottom: 30px;
		right: -110px;
		background: url(images/top/img_movie_box2.png) no-repeat;
		background-size: 89px;
		width: 89px;
		height: 159px;
	}

	.txt_movie_description {
		width: 100%;
		max-width: 780px;
		font-size: 16px;
	}

	/* movie modal window
	-------------------------------------------------- */
	.modal_content {
		padding: 20px;
		box-sizing: border-box;
		width: 600px;
	}

	.modal_content iframe {
		display: flex;
		width: 100%;
		min-height: 300px;
	}

	.js_mclose {
		display: block;
		float: right;
	}

	#ul_column3 {
		width: 962px;
	}

	#ul_column3 li:nth-child(1),
	#ul_column3 li:nth-child(2),
	#ul_column3 li:nth-child(3) {
		padding: 10px 0;
		font-size: 20px;
		width: 320px;
		box-sizing: border-box;
	}

	#ul_column3 li:nth-child(1) {
		border-top-left-radius: 12px;
	}

	#ul_column3 li:nth-child(3) {
		border-top-right-radius: 12px;
	}

	.topWhat__ttl {
		max-width: 600px;
	}

	.txt_switch_content {
		width: 100%;
		max-width: 960px;
		font-size: 16px;
	}

	.btn_kiyaku a,
	.btn_kiyaku a:visited {
		padding: 15px;
		border-radius: 25px;
		text-decoration: none;
	}

	.btn_kiyaku a:hover {
		color: #E13E78;
		background: #FFF;
	}

	.wrap_sns_bnts1 ul {
		margin: 0 auto;
	}

	.wrap_sns_bnts1 li {
		max-width: 210px;
	}
}


#contact_ok {
	text-align: center;
	margin: 0 auto 100px;
}

.contact .button,
.contact input[type="submit"] {
	border: 0;
	width: 260px;
	margin: 1em auto;
	padding: 1em;
	box-sizing: border-box;
	font-size: 14px;font-size: 14rem;
	color: #fff;
	background: #f0b4be;
}




.sp { display: block; }
.pc { display: none; }

.ttl_topnews {
	width: 100%;
}

.txt_news {
	width: 90%;
	margin: 20px auto;
}

.contact select {
	padding: 2px 3px;
}

.txt_note_about {
	width: 90%;
	margin: 0 auto;
	font-size: 12px;font-size: 12rem;
	color: #FFF;
}

.wrap_season {
	width: 90%;
	margin: 0 auto 20px;
	padding: 10px 15px;
	box-sizing: border-box;
	border: 2px solid #FFF;
	border-radius: 5px;
	font-size: 12px;font-size: 12rem;
	font-weight: bold;
	color: #FFF;
}

.txt_tri_rot {
	display: inline-block;
	transform:rotate(90deg);
	color: #FF0;
	margin: 0 5px;
}

.txt_season1 {
	color: #FF0;
	font-size: 14px;font-size: 14rem;
}

.txt_season2 {
	font-size: 18px;font-size: 18rem;
}

@media screen and (min-width: 769px) {
	.sp { display: none; }
	.pc { display: block; }

	.ttl_topnews {
		width: auto;
	}

	.txt_news {
		width: 100%;
		max-width: 1200px;
	}

	.contact select {
		padding: 5px 5px;
	}

	.wrap_season {
		width: 100%;
		max-width: 550px;
		font-size: 18px;font-size: 18rem;
	}

	.txt_tri_rot {
		margin: 0 10px;
	}

	.txt_season1 {
		font-size: 22px;font-size: 22rem;
		margin-right: 10px;
	}

	.txt_season2 {
		font-size: 30px;font-size: 30rem;
	}

	.txt_note_about {
		width: 840px;
		margin: 0 auto;
		font-size: 14px;font-size: 14rem;
	}

}