@charset "UTF-8";

.wf-notosansjapanese{
  font-family: "Noto Sans Japanese";
}
.font_alp{
	font-family: 'Quicksand', sans-serif;
}

/************************************************/
/* shinakos.design All rights reserved.		*/
/*----------------------------------------------*/
/* 件名：shinakos.com 2018renewal版css		*/
/*----------------------------------------------*/
/* 作成日：2018/05/05				*/
/* 作成者：有馬					*/
/* 所有者：有馬					*/
/************************************************/


/*===== 共通項目 ==========================================*/

html {
}
body {
	position: relative;
	font-size: 10px;
	font-family:
		"Noto Sans Japanese",
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",	/* MacOS X用フォント */
		"メイリオ",Meiryo,						/* WinVista用フォント*/
		"ＭＳ Ｐゴシック", "MS P Gothic",				/* Windows系フォント */
		sans-serif;							/* ゴシック系総称ファミリー */
	font-color: #333;
	line-height: 1.8;
}
a:link { 
	color: #69c; font-weight: normal; text-decoration: none;
}
a:visited {
	color: #39c; font-weight: normal; text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.bold {
	font-weight: bold;
	color: #333;
}
h1, h2, h3, h4, p, li, a {
	color: #333;
	font-family: "Noto Sans Japanese";
	font-family: 'Quicksand', sans-serif;
}
.fixed {
 	position: fixed;
 	width: 100%;
 	height: 100%;
	background-color: rgba(0,0,0,0.2);
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}
/*===== color palet =================================*/

/*===== header ==========================================*/
#header {
	position: relative;
	width: 100%;
	margin: 0 0;
}
.logo {
	position: relative;
}
.bloglogo {
	position: relative;
}
.shigoto-logo {
	position: relative;
	background: pink;
}
/*--- SmartPhone ---*/
@media (max-width: 767px){
	#header {
		height: 13.6rem;
		padding: 0 0 0 0;
	}
	.logo {
		height: 6rem;
		width: 12rem;
		top: 3rem;
		margin-left: -webkit-calc(50% - 6rem);
		margin-left: calc(50% - 6rem);
	}
	.bloglogo {
		height: 8rem;
		width: 8rem;
		top: 3rem;
		margin-left: -webkit-calc(50% - 4rem);
		margin-left: calc(50% - 4rem);
	}
	.shigoto-logo {
		height: 100%;
		margin: 0 1rem;
		background: url(../blog/images/shigoto-header_smapho.jpg) center no-repeat;
		background-image: -webkit-image-set(
			url(../blog/images/shigoto-header_smapho_500.jpg) 1x,	
			url(../blog/images/shigoto-header_smapho.jpg) 2x );		
		background-size: contain;
		background-position: bottom;
	}
	.samatsugoto-logo {
		height: 100%;
		margin: 0 1rem;
		background: url(../samatsugoto/images/samatsugoto-header_smapho.jpg) center no-repeat;
		background-image: -webkit-image-set(
			url(../samatsugoto/images/samatsugoto-header_smapho_500.jpg) 1x,	
			url(../samatsugoto/images/samatsugoto-header_smapho.jpg) 2x );		
		background-size: contain;
		background-position: bottom;
	}
}
/*--- Tablet ---*/
@media (min-width: 768px) and (max-width: 979px){
	#header {
		height: 17.6rem;
		padding: 0 0 0 0;
	}
	.logo {
		height: 8rem;
		width: 16rem;
		top: 4rem;
		margin-left: -webkit-calc(50% - 8rem);
		margin-left: calc(50% - 8rem);
	}
	.bloglogo {
		height: 8rem;
		width: 8rem;
		top: 4rem;
		margin-left: -webkit-calc(50% - 4rem);
		margin-left: calc(50% - 4rem);
	}
	.shigoto-logo {
		width: 600px;
		height: 100%;
		margin: auto;
		background: url(../blog/images/shigoto-header.jpg) center no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	.samatsugoto-logo {
		width: 600px;
		height: 100%;
		margin: auto;
		background: url(../samatsugoto/images/samatsugoto-header.jpg) center no-repeat;
		background-size: contain;
		background-position: bottom;
	}
}
/*--- PC ---*/
@media (min-width: 980px){
	#header {
		height: 22rem;
		padding: 0 0 0 0;
	}
	.logo {
		height: 10rem;
		width: 20rem;
		top: 6rem;
		margin-left: -webkit-calc(50% - 10rem);
		margin-left: calc(50% - 10rem);
	}
	.bloglogo {
		height: 10rem;
		width: 10rem;
		top: 5rem;
		margin-left: -webkit-calc(50% - 5rem);
		margin-left: calc(50% - 5rem);
	}
	.shigoto-logo {
		width: 800px;
		height: 100%;
		margin: auto;
		background: url(../blog/images/shigoto-header.jpg) center no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	.samatsugoto-logo {
		width: 800px;
		height: 100%;
		margin: auto;
		background: url(../samatsugoto/images/samatsugoto-header.jpg) center no-repeat;
		background-size: contain;
		background-position: bottom;
	}
}
.logo a, .bloglogo a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
}
.logo img, .bloglogo img {
	height: 100%;
	width: auto;
	position: relative;
}
.logo a:hover img{
	opacity: 0.3;
}
a.menubutton {
	display: block;
	height: 2.5rem;
	width: 2.5rem;
	position: fixed;
	top: 1rem;
	right: 0;	/*jQueryでﾕｰｻﾞ操作時に変動する値*/
	cursor: pointer;
	z-index: 2;
}
a.menubutton.close { }
a.menubutton.open {
	background-color: rgba(255,255,255,0.9);
}
a.menubutton span {
	display: none;
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 1.8rem;
	left: 0;
	font-size: 0.5rem;	/*18px×0.5=9px*/
	letter-spacing: 0.8px;
}
.close span.close {
	display: block;
}
.open span.open {
	display: block;
}
.close i.menubars {
	display: inline-block;
	position: absolute;
	width: 2rem;
	height: 2px;
	top: 0rem;
	background-color: #000;
	box-shadow: 0px -0.45rem #000, 0px 0.45rem #000;
	border-radius: 0.1px;
	margin: 1.1rem 0.25rem 0 0.25rem;
	font-size: 0px;
}
/*ここにあったメニューhoverを削除*/
.open i.menubars {
	display: inline-block;
	width: 2rem;
	position: absolute;
	top: 1.1rem;
	left: 0.25rem;	
	height: 2px;
	background-color: #000;
	border-radius: 0.1px;
	font-size: 0px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.open i.menubars:after {
	content: "";
	display: inline-block;
	width: 2rem;
	position: absolute;
	top: 0;
	left: 0;	
	height: 2px;
	background-color: #000;
	border-radius: 0.1px;
	font-size: 0px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
nav.menu {
	display: none;
	width: 20%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 100%;
	background-color: rgba(255,255,255,0.9);
	z-index: 2;
}
ul.menu {
	list-style: none;
	margin-top: 1rem;
}
li.menu {
	display: block;
	width: auto;
	height: auto;
	font-size: 1rem;
	line-height: 1.6rem;
	padding: 0.5rem 1rem;
}
li.menu:hover a {
	color: rgba(51,51,51,0.5)
}
a.menu {
	color: rgba(51,51,51,1.0);
	letter-spacing: 0.1rem;
}
nav.pankuzu {
	font-size: 11.5px;
}
.cont_wrapper .pankuzu {
	border-top: 1px dotted #ddd;
}
.blog_wrapper .pankuzu {
	border-bottom: 1px dotted #ddd;
}

/*--- SmartPhone ---*/
@media (max-width: 767px){
	nav.menu {
		width: 70%;
	}
	a.menubutton {
		right: 0;
	}
}
/*--- Tablet ---*/
@media (min-width: 768px) and (max-width: 979px){
	nav.menu {
		width: 40%;
	}
	a.menubutton {
		right: 1rem;
	}
}
/*--- PC ---*/
@media (min-width: 980px){
	nav.menu {
		width: 20%;
	}
	a.menubutton {
		right: 1rem;
	}
}

/*===== 本文 ==========================================*/
div.cont_wrapper, div.blog_wrapper {
	width: auto;
	height: auto;
	position: relative;
}
/*--- SmartPhone ---*/
@media (max-width: 767px){
	div.cont_wrapper, div.blog_wrapper {
		margin: 0 1rem;
	}
}
/*--- Tablet ---*/
@media (min-width: 768px) and (max-width: 979px){
	div.cont_wrapper {
		margin: 0 5rem;
	}
	div.blog_wrapper {
		width: 600px;
		margin: auto;
	}
}
/*--- PC ---*/
@media (min-width: 980px) {
	div.cont_wrapper {
		width: 900px;
		margin: auto;
	}
	div.blog_wrapper {
		width: 800px;
		margin: auto;
	}
}
.block {
	margin: 2rem 0 4rem 0;
	padding: 0 0;
	width: 100%;
	height: auto;
	position: relative;
	float: none;
	border-top: 1px solid #ddd;
}
.block:last-child {
	margin-bottom: 10rem;
}
section.blog-agenda {
	margin: 2rem 0;
	padding: 0.5rem 1rem;
	background: #f9f9f9;
	border: 1px #ddd solid;
}
section.blog-agenda p.blog-agenda {
	text-align: center;
	font-size: 15px;
}
section.flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	height: auto;
}
section.blognav-footer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: auto;
}
.pickup {
	position: flex;
}
.blognav-footer div.list {
	width: 100%;
	border-top: 1.1px #ddd solid;
	border-bottom: 1.1px #ddd solid;
}
.list p {
	display: block;
	font-size: 12px;
	padding: 0.5rem 0;
	text-align: center;
}
.list p a{
	color: #999;
}
h1 {
	width: 100%;
	padding: 0.5rem 0;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	background: rgba(255,255,255,0.7);
}
h2 {
	font-size: 18px;
	line-height: 1.2;
	width: 100%;
	height: auto;
	padding: 0.5rem 0;
	margin: 2rem 0;
}
h2.headline {
	margin: 0.5rem 0 1rem 0;
}
.blog_wrapper .block h2 {
	border-left: 5px solid #999;
	padding: 0 0 0 0.8rem;
}
h3 {
	font-size: 16px;
	line-height: 1.5;
	border-left: 2px solid #888;
	padding-left: 0.5rem;
	margin: 3rem 0 2rem 0;
}
figure.insert_img {
	text-align: center;
	border: 1px #eee solid;
	border-radius: 1rem;
}
.insert_img img{
	width: 100%;
	height: auto;
}
a.impact {
	color: #db3334;
}
p {
	font-size: 14px;
	text-align: justify;
}
p.chapter {
	font-weight: bold;
	font-size: 12.5px;
	color: #999;
}
.blog_wrapper p.chapter {
	margin: 6rem 0 6rem 0;
	text-align: center;
}
article p.chapter {
	margin: 0.8rem 0;
	text-align: left;
}
p.arasuzi{
	background: linear-gradient(to right, #eacda3, #ffffff);
	padding: 1rem 2rem;
	border-radius: 1rem;
	margin: 2rem 0;
	color: #c5796d;
}
div.source {
	background-color: #f5f5f5;
	border: 1px #ccc solid;
	padding: 1rem 2rem;
	border-radius: 0.5rem;
	margin: 2rem 0;
	background-image: url(../blog/images/right-double-quotation.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 2rem;
}
div.source u {
	text-decoration: none;
	border-bottom: 1px #999 dotted;
}
div.source img.left-doublequo {
	position: relative;
	padding: 0 0;
	margin: -1rem 0 0 -2rem;
	width: 2rem;
	height: 2rem;
}
div.source img.right-doublequo {
	text-align: right;
	position: relative;
	padding: 0 0;
	margin: 0 0 -1rem 0;
	width: 2rem;
	height: 2rem;
}
span.source {
	font-size: 30px;
	color: #999;
}
.source.right-double-quotation {
	text-align: right;
}
p.letter-body {
	margin: 2rem 0;
}
p.blog-body {
	margin: 2rem 0;
	font-size: 15px;
}
p.bold, span.bold {
	font-weight: bold;
}
p.fukidashi {
	border: 1px black solid;
	border-radius: 2rem;
	padding: 2rem 2rem;
	margin-top: 2rem;
	font-size: 15px;
}
p.fukidashi.right {
	margin-right: 5rem;
}
p.fukidashi.left {
	margin-left: 5rem;
}
div.fukidashi p.fukidashi {
}
div.fukidashi {
/*	width: 100%;*/
	height: auto;
	display: flex;
	margin: auto;
}
div.fukidashi.right {
	justify-content: flex-end;
}
div.fukidashi.left {
	justify-content: flex-start;
}
div.fukidashi.unvoiced {
	margin-top: 0.5rem;
}
div.fukidashi.voiced {
	align-items: flex-end;
}
span.unvoiced_m {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	border: 1px black solid;
	border-radius: 1.5rem;
	font-size: 0;
	margin-left: 0.5rem;
}
span.unvoiced_s {
	display: block;
	width: 1rem;
	height: 1rem;
	border: 1px black solid;
	border-radius: 1rem;
	font-size: 0;
	margin-left: 0.5rem;
	margin-top: 1rem;
}
img.fukidashi {
	width: 5rem;
	height: 5rem; 
	background: black;
	margin-left: 0.5rem;
}
ol.blog-agenda {
	list-style: outside;
	padding-left: 1rem;
	list-style-type: decimal;
	font-size: 15px;
}
ol.blog-agenda li {
	margin: 0.5rem 0;
}
ol.blog-agenda ol{
	margin: 0 0 0.5rem 2.5rem;
	list-style-type: decimal;
	font-size: 15px;
}
ol.blog-agenda ol li {
	margin: 0 0;
}
ul.enclosure, ol.enclosure, dl.enclosure {
	list-style: inside;
	background: #eee;
	padding: 0.5rem;
	border-radius: 0.5rem;
}
ul.letter-body, ol.letter-body, dl.letter-body {
	list-style: inside;
	font-size: 14px;
	text-align: justify;
	margin: 2rem 0;
}
ul.blog-body, ol.blog-body, dl.blog-body {
	list-style: inside;
	font-size: 15px;
	text-align: justify;
	margin: 2rem 0;
}
.filled-with-color {
	padding: 1rem;
	background: linear-gradient(to right, #FFEEEE, #DDEFBB);
	border-radius: 0.5rem;
	margin: 1rem 0;
}
.filled-with-white {
	padding: 0.5rem;
	background: #fff;
	border-radius: 0.5rem;
	margin: 0.8rem 0;
}
.with-border {
	padding: 1rem;
	background: #fff;
	border: 1px #000 solid;
	border-radius: 0.5rem;
	margin: 1rem 0;
}
ul:first-of-type ul, ul:first-of-type ol, ol:first-of-type ol, ol:first-of-type ul {
/*	padding-left: 1rem;*/
}
li.category {
	list-style: inside;
	font-size: 15px;
	padding: 0 0.5rem;
	background: #ddd;
	margin-top: 0.5rem;
	border-radius: 0.3rem;
}
.letter-body dd {
	padding-left: 1rem;
}
.blog-body dt {
	padding: 0 0.5rem;
	margin-top: 0.5rem;
	background: #ddd;
	border-radius: 0.3rem;
}
.blog-body dd {
	padding: 0 1rem;
}
ul.no-list, ol.no-list {
	list-style: none;
}
ul.upper-alphabetical, ol.upper-alphabetical {
	list-style-type: upper-latin;
}
ul.lower-alphabetical, ol.lower-alphabetical {
	list-style-type: lower-latin;
}
ul.two-digits, ol.two-digits {
	list-style-type: decimal-leading-zero;
}
ul.one-digit, ol.one-digit {
	list-style-type: decimal;
}
div.flow-container {
	margin: 2rem 2rem;
}	
div.flow {
	background: linear-gradient(#e9e4f0, #d3cce3);
	padding: 0.5rem;
	border-radius: 2rem;
}
.flow-container p, .flow p {
	size: 14px;
	color: #654ea3;
}
.flow-container p {
	text-align: center;
}
.sponsored {
	display: none;
}
.blognav-footer article {
	width: -webkit-calc(50% - 2rem - 1px);
	width: calc(50% - 2rem - 1px);
	border-right: 1.1px #ddd solid;
	padding: 0 1rem;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.blognav-footer article:last-child {
	border-right: none;
}
.blognav-footer article picture {
	display: block;
	width: 10rem;
	height: 10rem;
	margin-top: 0.5rem;
}
.blognav-footer article picture img {
	width: 100%;
}
.blognav-footer article h1 {
	font-size: 14px;
	margin: 0 0 1rem 0;
	border: none;
	padding: 0 0;
}
.blognav-footer article p {
	color: #999;
	font-size: 12px;
	font-weight: bold;	
	text-align: left;
	margin: 1rem 0 0 0;
}
/*--- SmartPhone ---*/
@media (max-width: 767px){
	.block {
		margin: 5rem 0 0 0;
	}
	.block:first-child {
		margin: 2rem 0 0 0;
	}
	.sponsored.smartphone {
		display: block;
	}
	.content-column {
		position: relative;
		width: 100%;
		height: auto;
	}
	.content-column .blog-entrance {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
		margin: 1rem 0 0 0;
	}
	.blog-entrance .blogimg {
		width: 100%;
		margin-right: 1rem;
	}
	.blog-entrance .blogimg img {
		width: 100%;
		height: auto;
	}
	.blog-entrance .outline {
		width: 100%;
	}
	.Ad-column {
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 2.5rem;
		border-top: 1px solid #ddd;
	}
	.Ad-column .sponsored {
		width: auto;
		height: auto;
		margin: 0 0;
		position: relative;
	}
	.pickup {
		width: 100%;
		min-height: 15rem;
		height: auto;
		padding-top: 2rem;
		margin-bottom: 2rem;
		border-top: 1px solid #ddd;
	}
	.pickup:first-of-type {
		border-top: none;
	}
	.pickup picture.responsive-image {
		display: block;
		width: 100%;
		height: calc((100vw - 2rem) * 0.75);
		overflow: hidden;
		text-align: center;
	}
	picture.responsive-image img {
		width: auto;
		height: 100%;
		margin-left: -5%;
	}
	.pickup:last-child {
		margin-bottom: 2rem;
	}
	p.overview {
		line-height: 1.5;
	}
	.blog_wrapper p.chapter {
		text-align: left;
	}
	figure.insert_img {
		padding: 0.5rem 0.5rem;
	}
	figure.insert_img.wide {
		padding: 0.5rem 0.5rem;
	}
}
/*--- Tablet ---*/
@media (min-width: 768px) and (max-width: 979px){
	.sponsored.tablet {
		display: block;
	}
	.content-column {
		position: relative;
		width: 100%;
		height: auto;
	}
	.content-column .blog-entrance {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
		margin: 1rem 0 0 0;
	}
	.blog-entrance .blogimg {
		width: -webkig-calc(50% - 1rem);
		width: calc(50% - 1rem);
		margin-right: 1rem;
	}
	.blog-entrance .blogimg img {
		width: 100%;
		height: auto;
	}
	.blog-entrance .outline {
		width: 50%;
	}
	.Ad-column {
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 2.5rem;
		border-top: 1px solid #ddd;
	}
	.Ad-column .sponsored {
		width: auto;
		height: auto;
		margin: 0 0;
		position: relative;
	}
	.pickup {
		width: 100%;
		min-height: 11rem;
		height: auto;
		padding-top: 2rem;
		border-top: 1px solid #ddd;
	}
	.pickup:first-of-type {
		border-top: none;
	}
	.pickup picture.responsive-image {
		display: block;
		width: 12rem;
		height: 9rem;
		overflow: hidden;
		margin-right: 2rem;
		margin-bottom: 2rem;
		float: left;
	}
	picture.responsive-image img {
		width: auto;
		height: 100%;
		margin-left: -5%;
	}
	p.overview {
		line-height: 1.5;
		padding-bottom: 2rem;
	}
	.pickup article:nth-of-type(1) {
		margin-top: 0;
	}
	figure.insert_img {
		padding: 1rem 10%;
	}
	figure.insert_img.wide {
		padding: 1rem 1rem;
	}
}
/*--- PC ---*/
@media (min-width: 980px){
	.sponsored.pc {
		display: block;
	}
	.content-column {
		position: relative;
/*		width: -webkit-calc(70% - 2rem);*/
/*		width: calc(70% - 2rem);*/
		width: -webkit-calc(900px - 251px - 4rem);
		width: calc(900px - 251px - 4rem);		/*4rem = 左カラムのmargin-left2rem + 右カラムのmargin-right2rem*/
		height: auto;
	}
	.content-column .blog-entrance {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
		margin: 1rem 0 0 0;
	}
	.blog-entrance .blogimg {
		width: -webkig-calc(60% - 1rem);
		width: calc(60% - 1rem);
		margin-right: 1rem;
	}
	.blog-entrance .blogimg img {
		width: 100%;
		height: auto;
	}
	.blog-entrance .outline {
		width: 40%;
	}
	.Ad-column {
		position: absolute;
		right: 0;
		top: 0;
		margin: 0 0;
		padding: 0 0;
/*		width: -webkit-calc(30% - 1px);*/
/*		width: calc(30% - 1px);*/
		width: -webkit-calc(251px + 2rem);
		width: calc(251px + 2rem);		/*広告幅250px + marginleft2rem + border1px*/
		height: 100%;
		border-left: 1px solid #ddd;
	}
	.Ad-column .sponsored {
		width: auto;
		height: auto;
		margin: 2rem 0 0 2rem;
		position: sticky;
		top: 0;
	}
	.pickup {
		width: -webkit-calc((900px - 4rem) / 3);
		width: calc((900px - 4rem) / 3);
		height: auto;
		margin-top: 2rem;
	}
	.pickup picture.responsive-image {
		display: block;
		width: 100%;
		height: -webkit-calc((900px - 4rem) / 3 * 0.75);
		height: calc((900px - 4rem) / 3 * 0.75);
		overflow: hidden;
	}
	picture.responsive-image img {
		position: relative;
		width: auto;
		height: inherit;
		margin-left: -5%;
	}
	p.overview {
		line-height: 1.5;
		padding-bottom: 2rem;
	}
	figure.insert_img {
		padding: 1rem 20%;
	}
	figure.insert_img.wide {
		padding: 1rem 1rem;
	}
}
footer {
	position: relative;
	width: 100%;
	min-height: 10rem;
	height: auto;
	background-color: rgba(9,9,9,0.8);
}
.footermenu-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
.footermenu-wrapper.centering {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.footermenu, .footermenu a {
	font-size: 12px;
	color: #fff;
}
p.footermenu {
	margin-right: 1rem;
	padding-right: 1rem;
	border-right: 1px #fff solid;
}
p.footermenu:last-child {
	border-right: none;
}
/*--- SmartPhone ---*/
@media (max-width: 767px){
	.footermenu-wrapper {
		padding: 1.5rem 1rem;
		flex-direction: column;
	}
	.footermenu {
		margin: 1rem 0;
	}
}
/*--- Tablet ---*/
@media (min-width: 768px) and (max-width: 979px){
	.footermenu-wrapper {
		padding: 3rem 5rem;
	}
}
/*--- PC ---*/
@media (min-width: 980px) and (max-width: 1199px){
	.footermenu-wrapper {
		padding: 5rem 10rem;
	}
}
@media (min-width: 1200px){
	.footermenu-wrapper {
		padding: 4rem 15rem;
	}
}
.affiliate-container {
	border: 1px #999 solid;
	border-radius: 1rem;
	padding: 1rem 2rem;
}
.affiliate-container span.webads {
	color: #a8e063;
	padding: 0.2rem;
	border: 1px #a8e063 solid;
	border-radius: 0.3rem;
}
.affiliate-container p {
	margin: 0.5rem 0;
}
.affiliate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0.5rem 0;
}
div.productimg {
	width: 200px;
	height: auto;
}
img.productimg {
	width: 100%;
	height: auto;
}
div.buybutton {
	margin: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
div.buybutton a {
	display: block;
	font-size: 13px;
	color: #fff;
	padding: 0.5rem 1rem;
	margin: 0.5rem;
	background: linear-gradient(#a8e063, #56ab2f);
	border-radius: 1.5rem;
}
/*--- SmartPhone ---*/
@media (max-width: 767px){
	.affiliate {
		flex-direction: column;
		justify-content: space-between;
	}
}

/*--- Tablet ---*/
@media (min-width: 768px) and (max-width: 979px){
}

/*--- PC ---*/
@media (min-width: 980px){
}


/*--- SmartPhone ---*/
@media (max-width: 767px){
}

/*--- Tablet ---*/
@media (min-width: 768px) and (max-width: 979px){
}

/*--- PC ---*/
@media (min-width: 980px){
}