/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20160912β
*/
@import url('../affinger4/style.css');

/* bogoボタン左にあるテキスト */
.bogo-language-switcher .current {
	display: none!important;
}
.bogo-language-switcher .ja,
.bogo-language-switcher .en{
    display: flex;
    align-items: center; 
}

.translation-area--home .bogo-language-switcher .ja::before,
.translation-area--home .bogo-language-switcher .en::before{
	content: "Language :";
	display: inline-block;
	color: #fc4482;
	font-weight: bold;
	margin-right: 5px;
}
.translation-area--home  .bogo-language-switcher .ja::before{
	content: "言語 :";
}

/* bogoボタン */
.bogoflags{
	width: 0;
}
.bogoflags:before {
    content: none;
}
.bogoflags + a{
	padding: 3px 10px;
	text-decoration: none;
	color: #171717;
	border: 1px solid #fc4482;
	display: inline-flex;
	align-items: center;
}
.bogoflags + a::before{
    content: "";
    background: url(images/icon_language.png) no-repeat center/contain;
    height: 25px;
	width: 25px;
	margin-right: 10px;
}
.bogoflags + a::after{
	content: "";
	height: 8px;
	width: 8px;
    border-right: 2px solid #656565;
    border-bottom: 2px solid #656565;
	transform: rotate(-45deg);
	margin-left: 25px;
}
.bogoflags + a:hover{
	opacity: 0.7;
}

.cate-language-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cate-language-wrap ul{
	padding: 0;
	margin: 0;
}
.cate-language-wrap ul li{
	padding: 0;
	margin: 0;
}
/* 商品セット */
.p-product{
	margin-bottom: 20px;
}
.p-product__point {
    border-radius: 15px;
    border: 3px solid #ff6893;
    background: 0 0;
    color: #ff1f5b;
    padding: 1.5em;
	font-weight: 700;
	box-sizing: border-box;
}
.p-product__point ul{
	margin-bottom: 0;
	padding: 0 0 0 20px;
}
.p-product__mb {
	margin-bottom: 20px;
}
.p-product__desc {
    margin-top: 20px;
}
.post .p-product__desc  tr:nth-child(even) {
    background-color: transparent;
}
.post .p-product__desc  tr td:first-child {
    background-color: rgba(220,220,220,.2);
}
.p-product__slider{
	list-style: none;
}
.p-product__btn{
	box-sizing: border-box;
    display: block;
	background-color: #ff6893;
	border:2px solid #ff6893;
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: white;
	text-align: center;
	width: calc(50% - 10px);
}
.p-product__btn:hover{
	transform: translate3d(0, 2px, 0);
	transition: 0.4s all ease 0s;
	opacity: .7;
}
.p-product__btn--detail{
    background-color: white;
    color: #333;
	text-align: center;	
	border-color: #333;
	float: left;
}
.p-product__btn--detail:hover{
    color: #333;
}
.p-product__btn--official{
	float: right;
}
.p-product__btn--official:hover{
	color:#ff6893 ;
	background-color: #fff;
}

.p-product__slider{
	width: 100%;
	margin: 0!important;
	padding: 0!important;
}
.p-product__slider li img{
	width: 100%;
	margin-bottom: 20px;
}
.p-product__thumbnail{
	width: 300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.p-product__thumbnail-item{
	flex: 0 1 30%;
	margin-bottom: 10px;
	box-sizing: border-box;
	position:relative;
	list-style: none;
}
.p-product__thumbnail-item::after{
	content:'';
	background-color: rgba(0,0,0,0.5);
	position:absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: .3s opacity linear;
}
.p-thumbnail-current::after{
	opacity: 0;
}
.p-product__thumbnail-item img{
	width: 100%;
	margin: 0 auto;
} 

/* slick */
.p-product .slick-next,
.p-product .slick-prev{
	display:block!important;
	width: 32px;
	height: 32px;
}
.p-product .slick-next::before,
.p-product .slick-prev::before{
	opacity: 1;
	font-size: 30px;
}

.p-product .slick-dots {
	padding: 0;
	margin-top: -10px;
	position: static;
}
.p-product .slick-next {
    right: -12px;
}
.p-product .slick-prev {
    left: -12px;
}
.p-product .slick-prev:before, .p-product .slick-next:before {
	color: #ff6893;
}
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
	.bogo-language-switcher .ja::before,
	.bogo-language-switcher .en::before{
		content: "Language :";
		display: inline-block;
		color: #fc4482;
		font-weight: bold;
		margin-right: 5px;
	}
	.bogo-language-switcher .ja::before{
		content: "言語 :";
	}
	
	.p-product__figure {
		float: left;
		width: 40%;
	}

	.p-product__point {
		float: right;
		width: calc(60% - 20px);
	}
	.p-product .slick-dots {
		margin-bottom: 0;
	}
	.p-product__slider li img{
		margin-bottom: 10px;
	}
/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}
strong {
background: linear-gradient(transparent 60%, #cce5ff 0%);
color: #1d1d1d;
}