@charset "euc-jp";
@import url('https://fonts.googleapis.com/css?family=Lato');

body {
	background-color: #fff;
	background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
	color: #717979;
	font-family:'BIZ UDPGothic', 'BIZ UDGothic', 'Lato', 'Noto Sans Japanese', sans-serif;
	line-height: 1.6 !important;
}
a {
	color: #717979;
}
a:hover {
	color: #9e8e67!important;
}
address{
	font-size: .7rem;
	margin:0;
	/* background: #F9F8F8; */
	padding-bottom: 20px;
}
/*
 * layout
 */
#wrapper {
	/* max-width: 1400px; */
	/*background-image: url(https://okamotosuisan.co.jp/wp-content/themes/customtheme/img/shimeichi_online/pc/mv_cach_bg.png);
	background-size: contain;
	width: 100%;
	height: 100%;*/
}

h2 {
	display: block;
	font-size: 1.17em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}

/*
 * container
 */
.container {
	width: 100%;
}

/*
 * contents
 */

#contents {
	float: right;
	padding-left: 30px;
}

#contents .topicpath-nav {
	margin-bottom: 5px;
}
	#contents .topicpath-nav li {
		padding: 0;
	}
	#contents .topicpath-nav a {
		margin-left: 5px;
	}

/*
 * side
 */
#side{
	background: #f9f8f8;
	color: #2e5398;
	border-radius: 6px;
}
#side a{
	color:  #889094;
}
#side .unstyled img {
	display: block;
	margin-bottom: 5px;
}
#side h3 {
	margin: 10px 0;
}

#side .sideApp ul{
	margin: 0 0 30px !important;
}

#side .sideApp ul li{
	list-style: none;
	width: 48%;
		display: inline-block;
		margin-left: 1%;
}

@media (max-width: 768px) {
	#side .unstyled img {
		max-width: 280px;
	}
}

.souryou{
	color:#ec8181
}
/*
 * temp
 */

/*#contentsouter*/
#contentsouter {
	max-width: 1400px;
	width: 96%;
}
/*#contentsouter2*/
#contentsouter2 {
	max-width: 1400px;
	width: 96%;
	margin: 0 auto;
}


/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
	background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 {margin-top: 10px;}
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 0px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 {border-top: 1px solid #eee;}
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 {border-bottom: 1px solid #eee;}
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
	/* ~980px */
	#base_gmoWrapp,
	#gmo_CMSPbar {
		overflow: hidden;
		min-width: 100% !important;
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	/* ~768px */
	#contents {
		padding-left: 1%;
		padding-right: 1%;
	}
		#contents .topicpath-nav li a {
			margin-left: 0;
		}
		#contents .topicpath-nav li+li a {
			margin-left: 5px;
		}
}
@media (max-width: 480px) {
	/* ~480px */
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
	width: 16px;
	height: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
	width: 24px;
	height: 24px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	filter: brightness(3.5);
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.icon-b,
	.icon-w {
		-webkit-background-size: 368px 320px;
		background-size: 368px 320px;
	}

	.icon-lg-b,
	.icon-lg-w {
		-webkit-background-size: 552px 480px;
		background-size: 552px 480px;
	}

	.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
	.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
	.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
	.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
	.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
	.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
	.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
	.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

/*追加CSS*/
body{
	border-top:3px solid #2e5398;
	border-bottom:3px solid #2e5398;
}
#pagetop{
	position:fixed;
	bottom: 8px;
	right: 5px;
	text-align:center;
	width: 60px;
	height: 60px;
	/* border-radius: 50%; */
	border: 2px solid #2e5398;
	background-color: #fff;
}
#pagetop a{
	font-size: 0.8rem;
	color: #2e5398;
	/* text-shadow: 0 1px 2px rgba(0,0,0,0.2); */
	margin-top: 11px;
	display:  block;
}
#header {
	position:relative;
	max-width: 1400px;
	width: 96%;
	margin: 0 auto 10px;
}
.headarea{
	width: 100%;
	display:  flex;
	position: relative;
}
#header .headerTtl {
	margin-left: 15px;
	font-size: 24px;
	margin-top: 26px;
	/* font-family: serif; */
	font-weight: 500;
}
.toplogo{
	display: flex;
	align-items: center;
}
.toplogo img {
	margin-top: 10px;
	max-width: 70px;
	width: 100%;
}
#header .bor_t_1 {
		border: none;
}

#header .topmenuarea {
	/* position: absolute; */
	/* top: 20px; */
	left: 0;
	right: 0;
	width: 57.5%;
	text-align: center;
	margin-top: 25px;
}
	#header .topmenuarea li {
		list-style: none;
	}
	#header .topmenuarea > li {
		margin-right: 30px;
	}
	#header .topmenuarea > li.menu__single {
		position: relative;
	}
		#header .topmenuarea li.menu__single ul.menu__second-level {
			visibility: hidden;
			opacity: 0;
			z-index: 1;
			position: absolute;
			top: 20px;
			left: -70%;
			max-width: 500px;
			width: 190px;
			background: rgba(255,255,255,0.9);
			border: 1px solid #bbb;
			-webkit-transition: all .2s ease;
			transition: all .2s ease;
			margin-left: 0;
			/* padding-top: 10px; */
			/* padding-bottom: 10px; */
		}
			#header .topmenuarea li.menu__single:hover ul.menu__second-level {
				top: 40px;
				visibility: visible;
				opacity: 1;
				list-style: none;
			}
				#header .topmenuarea li.menu__single:hover ul.menu__second-level:before {
					border-color: transparent transparent #fff;
					border-style: solid;
					border-width: 0 9px 9px;
					content: "";
					display: block;
					height: 0;
					left: 50%;
					margin-left: -10px;
					position: absolute;
					top: -8px;
					width: 0;
					z-index: 0;
				}
				#header .topmenuarea li.menu__single:hover ul.menu__second-level:after {
					content: "";
					position: absolute;
					top: -10px;
					left: 50%;
					margin-left: -11px;
					display: block;
					width: 0px;
					height: 0px;
					border-style: solid;
					border-width: 0 10px 10px 10px;
					border-color: transparent transparent #ccc transparent;
					z-index: -1;
				}
			#header .topmenuarea li.menu__single:hover ul.menu__second-level li {
				padding-top: 10px;
				padding-bottom: 10px;
			}
			/*#header .topmenuarea li.menu__single ul.menu__second-level li:hover {
				background: rgb(233,240,250,0.8);
			}*/
				#header .topmenuarea li.menu__single ul.menu__second-level li:hover a {
					color: #9e8e67;
				}
			/* 下矢印 */
			#header .topmenuarea li.menu__single > a.init-bottom:after {
				content: '';
				display: inline-block;
				width: 6px;
				height: 6px;
				margin: 0 0 3px 6px;
				border-right: 1px solid #333;
				border-bottom: 1px solid #333;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}
	
#header .loginarea{
	min-width: 200px;
	width: 21.5%;
	margin: 0;
	text-align: right;
	font-size: 0;
	position: absolute;
	right: 0;
}
	#header .loginarea ul{
	}
		#header .loginarea li{
			list-style: none;
			background: #2e5398;
			margin-left: 1px;
			width: 60px;
			height: 62px;
			text-align:  center;
			display: inline-table;
			vertical-align: top;
			transition:.2s;
		}
		#header .loginarea li.myAccount {
			width: 100px;
			height: 70px;
		}
		#header .loginarea li.register {
			width: 80px;
			height: 70px;
		}
		#header .loginarea li.log {
			width: 80px;
			height: 70px;
		}
			#header .loginarea li:hover{
				background: #4565A3;
			}
			#header .loginarea li a{
				text-decoration:none;
				font-size: 0.7rem;
				display:  table-cell;
				vertical-align:  middle;
				color:  #fff!important;
				text-shadow: 0 1px 2px rgba(0,0,0,0.2);
			}
			#header .loginarea i{
				display: block;
				margin: 0 auto 3px;
				filter: brightness(10);
			 }

@media (max-width: 1024px) {
	#header .toplogo img {
		max-width: 60px;
	}
	#header .headerTtl {
		font-size: 18px;
		margin-top: 22px;
		margin-left: 9px;
	}
	#header .topmenuarea {
		width: 52%;
	}
		#header .topmenuarea > li {
			margin-right: 10px;
		}
			#header .topmenuarea > li a {
				font-size: 13px;
			}
		#header .loginarea {
			width: 30%;
		}
			#header .loginarea li.myAccount {
				width: 90px;
			}
			#header .loginarea li.register {
				width: 70px;
			}
			#header .loginarea li.log {
				width: 70px;
			}
			
}

@media (max-width: 768px) {
	#header {
	}
		#header .toplogo{
			width: 50%;
		}
			#header .toplogo img {
				margin-top: 2px;
				max-width: 60px;
			}
			#header .headerTtl {
				font-size: 21px;
				margin-top: 12px;
			}
		#header .topmenuarea{
			display:none;
		}
		#header .loginarea{
			position: absolute;
			right: 46px;
			top:0;
			display: flex;
			justify-content: flex-end;
		}
			#header .loginarea li.myAccount {
				width: 70px;
				height: 62px;
			}
			#header .loginarea li.register {
				height: 62px;
			}
			#header .loginarea li.log {
				width: 60px;
				height: 62px;
			}
}

@media (max-width: 560px) {
	#header .loginarea{
		right: 55px;
	}
	#header .headerTtl {
		display: none;
	}
}

@media (max-width: 320px) {
	#header .loginarea {
		right: 51px;
		height: 55px;
	}
		#header .loginarea li.myAccount {
			width: 60px;
			height: 55px;
		}
		#header .loginarea li.register {
			width: 55px;
			height: 55px;
			line-height: 55px;
		}
		#header .loginarea li.log {
			width: 55px;
			height: 55px;
			line-height: 55px;
		}
			#header .loginarea li a {
				font-size: 10px;
				height: 55px;
			}
}

.sidecopy{
	font-size:0.8rem;
	position:fixed;
	transform:rotate(90deg);
	top:50vh;
	left: -30px;
}

@media (max-width: 1300px) {
	.sidecopy{display:none;}
}
@media (max-width: 768px) {
	.hidden-phone {
		display: block !important;
	}
	.icon-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png);
	}
	.container {
		width: auto;
		padding: 0;
	}
	.silideside{display:none}
}
@media (max-width: 480px) {
	.container {
		width: auto;
		padding: 0;
	}
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	padding: 4px 12px;
	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #2e5398;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	*display: inline;
	*margin-left: .3em;
	*background-color: #e6e6e6;
	*border: 0;
}
	.btn:hover, .btn:focus {
		background-color: #4565A3;
	}
.btn i{
	filter:brightness(5);
}
.input-prepend.input-append input{
	
}


/*フリーページCSS*/
.rsspost{
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:1px solid #eee;
	position:relative;
}
.boxtitle{
	font-weight:bold;
}
.imagebox{
	width:100%;
	text-align:center;
	margin-bottom: 15px;
}
.imagebox img{
	width:100%;
	max-width:500px;
}
.boxcontent p img {
		display: none;
}
.backbtn{
	position:absolute;
	right:0;
	bottom:20px;
}
.backbtn a{
	color:#2e5398;
	font-size:.8rem
}

/*おすすめ商品*/
.addcontents .recommend .unstyled {
	display: flex;
	flex-wrap: wrap;
}
.recommend-unit a, .seller-unit a{
	font-weight:bold;
	display:block;
	font-size:14px;
}
.recommend-unit, .seller-unit {
	font-size:12px;
}
.squarecut{
	position: relative;
}
.squarecut::before{
	content: "";
	display: block;
	padding-top: 100%;
	
}
.squarecut a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.squarecut img{
	width: 100%;
	height: 100%;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	object-fit: cover;
}

@media (max-width: 560px) {
	.addcontents h2 {
		font-size: 21px;
		margin-top: 0;
		margin-bottom: 15px;
		padding-left: 0;
	}
		.addcontents .recommend li {
			padding: 0;
			margin-bottom: 15px;
			height: auto!important;
			margin-left: 4%;
			width: 48%!important;
		}
		.addcontents .recommend li:nth-child(2n+1) {
			margin-left: 0;
		}
}

/*最近見た商品*/
#historyProduct .unstyled {
	display: flex;
	flex-wrap: wrap;
}

#historyProduct li {
	text-align: left;
}
.history-unit a{
	font-weight:bold;
	display:block
}

@media (max-width: 560px) {
	#historyProduct {
		margin-bottom: 0;
	}
		#historyProduct h2 {
			font-size: 21px;
		}
		#historyProduct li {
			padding: 0;
			margin-bottom: 15px;
			height: auto!important;
			margin-left: 3%;
			width: 31.3334%!important;
		}
			#historyProduct li:nth-child(3n+1) {
				margin-left: 0;
			}
}


/*同梱発送について*/
#sending {
	width: 100%;
	background-color: #F9F8F8;
	display: none;
}
	#sending .inner {
		max-width: 900px;
		width: 80.5555%;
		margin: 0 auto;
		padding: 80px 0;
	}
		#sending .inner .sendingBox {
			border: 1px solid #333;
			padding: 50px 50px 60px;
			box-sizing: border-box;
			text-align: left;
			/* background-color: #fff; */
		}
			#sending .inner .sendingBox .sendingTtl {
				font-size: 36px;
				margin: 0;
				color: #ff0000;
			}
			#sending .inner .sendingBox .sendingTxt {
				padding-top: 20px;
				margin: 0;
				line-height: 1.4;
			}
			#sending .inner .sendingBox .sendingList {
				padding-top: 30px;
				margin-bottom: 0;
				margin-left: 0;
			}
				#sending .inner .sendingBox .sendingList li {
					list-style: none;
					padding-left: 16px;
					position: relative;
					line-height: 1.4;
				}
				#sending .inner .sendingBox .sendingList li + li {
					padding-top: 10px;
				}
					#sending .inner .sendingBox .sendingList li:before {
						content: "■";
						position: absolute;
						left: 0;
					}
			#sending .inner .sendingBox .notes {
				padding-top: 30px;
				line-height: 1.4;
			}
		#sending .inner .linkBtn {
			text-align: center;
			padding-top: 27px;
		}
			#sending .inner .linkBtn a {
				text-decoration: underline;
			}

@media (max-width: 560px) {
	#sending {
		padding: 0;
	}
		#sending .inner {
			padding-top: 40px;
		}
			#sending .inner .sendingBox {
				border: none;
				padding: 0;
			}
				#sending .inner .sendingBox .sendingTtl {
					font-size: 28px;
				}
}


/*ショップタイトル*/
@media (max-width: 560px) {
	.p-shop__title {
		font-size: 28px!important;
	}
}

/*フッター*/
#footer{
	/* text-align:right; */
	padding-top: 0;
}
	#footer .footerTopBox {
		padding-top: 90px;
		padding-bottom: 90px;
		background-color: #2e5398;
		width: 100%;
		padding-top: 40px;
		padding-bottom: 40px;
	}
		#footer .footerTopBox .inner {
			display: flex;
			flex-wrap: nowrap;
			width: 100%;
			margin:  auto;
			max-width: 820px;
		}
			#footer .footerTopBox .leftBox {
				width: 15%;
				text-align: left;
				box-sizing: border-box;
				padding-left: 0;
				max-width: 750px;
				margin-right: 3%;
			}
				#footer .footerTopBox .leftBox .toplogo {
					margin: 0;
					width: 120px;
				}
					#footer .footerTopBox .leftBox .toplogo a {
						display: inline-block;
					}
						#footer .footerTopBox .leftBox .toplogo a img {
							margin-top: 0;
							max-width: 750px;
							width: 100%;
						}
				#footer .footerTopBox .leftBox .aboutBox {
					padding-top: 20px;
				}
					#footer .footerTopBox .leftBox .aboutBox p {
						margin: 0;
						color: #fff;
					}
			#footer .footerTopBox .rightBox {
				width: 50%;
				height: auto;
				box-sizing: border-box;
				max-width: 650px;
				text-align: left;
			}
			#footer .footerTopBox .rightBox .aboutBox p {
				color: #fff;
				margin-bottom: 0;
				font-size: 13px;
			}
			#footer .footerTopBox .inner .officialBox {
				max-width: 750px;
				width: 36%;
				display: flex;
				align-items: center;
			}
				#footer .footerTopBox .inner .officialBox .button {
					display: inline-block;
					max-width: 390px;
					width: 100%;
					height: 80px;
					text-align: center;
					line-height: 80px;
					outline: none;
					color: #fff;
					border: 1px solid #fff;
					letter-spacing: 2px;
					position: relative;
					box-sizing: border-box;
					text-decoration: none;
				}
					#footer .footerTopBox .inner .officialBox .button:hover {
/*						background-color: #59b1eb;*/
						text-decoration: underline;
						color: #fff!important;
					}
					#footer .footerTopBox .inner .officialBox .button::after {
						position: absolute;
						display: block;
						content: '';
						border-top: 20px solid transparent;
						border-right: 20px solid #fff;
						bottom: -1px;
						right: -1px;
						z-index: 999;
					}
					#footer .footerTopBox .inner .officialBox .button,
					#footer .footerTopBox .inner .officialBox .button::after {
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
						-webkit-transition: all .3s;
						transition: all .3s;
					}
	#footer .inline {
		padding: 20px;
		background-color: #F9F8F8;
		margin-bottom: 0;
	}
		#footer .inline li {
			padding-right: 40px;
		}
		#footer .inline li:last-child {
			padding: 0;
		}

@media (max-width: 768px) {
#footer{
	text-align:left;
}
	#footer .footerTopBox .inner {
		max-width: 700px;
	}
	#footer .footerTopBox .inner .leftBox {
		margin: 0 auto;
		width: 20%;
	}
	#footer .footerTopBox .inner .rightBox {
		width: 45%;
	}
	#footer .footerTopBox .inner .officialBox .button {
		height: 70px;
		line-height: 70px;
	}
	#footer .inline.sp {
		display: none;
	}
	#footer .copyright {
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #F9F8F8;
	}
}


@media (max-width: 560px) {
	#footer .footerTopBox .inner {
		display: block;
		width: 90%;
	}
		#footer .footerTopBox .inner .leftBox {
			padding: 0;
			width: 100%;
		}
			#footer .footerTopBox .inner .leftBox .toplogo {
				margin: 0 auto;
				max-width: 140px;
				width: 100%;
			}
		#footer .footerTopBox .inner .rightBox {
			/* max-width: 230px; */
			width: 85%;
			padding-top: 25px;
			margin: 0 auto;
		}
		#footer .footerTopBox .inner .officialBox {
			padding-top: 35px;
			width: 100%;
		}
}

/*サイドバー固定用*/
.pc-side-nav-fixed {
	top: 2%;
	position: fixed;
	max-width: 350px;
	width: 24%;
}

/*ふわっと*/
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*モーダル*/

@media (min-width: 769px) {
	.popupModal1{
		display: none;
	}
}

.popupModal1 > input { /* ラジオボックス非表示 */
		display: none;
}
.popupModal1 > input:nth-child(1) + label {
		cursor: pointer;
		position: absolute;
		top: 3px;
		right: 0;
		color:#fff;
		font-size:  12px;
		line-height: 62px;
		text-align:  center;
		background: #9e8e67;
		/* border-radius: 50%; */
		height: 62px;
		width: 60px;
		text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
		display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
		display: block;
		z-index: 998;
		position: fixed;
		width: 100%;
		height: 100%;
		/* border-radius: 20px; */
		left: 0;
		top: 0;
		background: #f2f2f2;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
		overflow:auto;
		-webkit-overflow-scrolling:touch;
		display: inline-block;
		width: 100%;
		height: 100%;
		padding-top: 0px;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
		width: 100%;
			height:100%;
			border:none;
			display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
		display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 997;
	text-indent: -999999px;
	overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
		background: #9e8e67;
		display: inline-block;
		position: fixed;
		z-index: 999;
		width: 60px;
		height: 62px;
		font-size: 50px;
		/* border-radius: 50%; */
		line-height: 57px;
		text-align: center;
		box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
		right: 1px;
		top: 3px;
		color: #fff;
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
		display: none;
}
.modalPopup2 {
		animation: fadeIn 1s ease 0s 1 normal;
		-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
.popupModal1 .modalPopup3 #side {
	width: 100%;
}

.popupModal1 .modalPopup3 #side form {
	width: 60%;
}

@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
}

.popupModal1 .modalTitle {
		 padding-bottom: .5em;
		 margin: .5em 0;
		 border-bottom:
		 1px solid #ccc;
		 font-weight: bold;
}
.popupModal1 .modalMain {
		 color:#222;
		 text-align: left;
		 font-size: 14px;
		 line-height: 1.8em;
}


.check_squarecut{
	position: relative;
}
.check_squarecut::before{
	content: "";
	display: block;
	padding-top: 100%;
	
}
.check_squarecut a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.check_squarecut img{
	width: 100%;
	height: auto;
	line-height: 0;
	position: absolute;
}



/*キット編集*/

@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
	.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
		width: 100%;
		min-height: 100vh;
		height: 100%;
		padding: 0 0 0 30px;
		box-sizing: border-box;
	}
	.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
		left: auto!important;
		top: 50% !important;
		margin-left: 270px !important;
		margin-top: -310px !important;
	}
	.modalPopup2 {
	position: absolute;
	}
}
@media (max-width: 560px) {
	.popupModal1 > input:nth-child(1) + label {
			right: 0;
	}
	.popupModal1 .modalPopup3 #side form {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.col-xs-12 {
			width: 50% !important;
	}
}

@media (max-width: 320px) {
	.popupModal1 {
		/* position: absolute; */
		/* top: 0; */
	}
	.popupModal1 > input:nth-child(1) + label {
			right: 1px;
			font-size: 10px;
			width: 55px;
			height: 55px;
			line-height: 55px;
			top: 3px!important;
	}
	.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
		width: 55px;
		height: 55px;
		line-height: 55px;
		font-size: 35px;
	}
}