@charset "UTF-8";
/*!
Template:   cocoon-master
Theme Name: Cocoon Child
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/



/*コンテンツカスタマイズ*/
/*
.rakuten-botton:before {
		background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    content: "お買い物マラソン5/16まで開催！\A";
    color: #b91414;
    font-size: 11px;
    line-height: 1.1;
    position: absolute;
    left: 0;
    top: -2.5em;
    width: 100%;
    white-space: pre;
    position: initial;
    font-weight: 600;
}

	.amazon-botton:before {
		background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    content: "お買い物マラソン11/26まで開催！\A";
    color: #b91414;
    font-size: 11px;
    line-height: 1.1;
    position: absolute;
    left: 0;
    top: -2.5em;
    width: 100%;
    white-space: pre;
    position: initial;
    font-weight: 600;
}*/
 
/*     .yahoo-botton::before {
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    content: "超ペイペイ祭11/16 01:59まで開催！\A";
    color: #b91414;
    font-size: 11px;
    line-height: 1.1;
    position: absolute;
    left: 0;
    top: -2.5em;
    width: 100%;
    white-space: pre;
    position: initial;
    font-weight: 600;
} */
.home-ment a{font-size:10px;}
.insta-ment a{font-size:10px;}
.rakuten-ment a{font-size:10px;}
.amazon-ment a{font-size:10px;}
.rakuten-aff a{font-size:10px;}
.zozo-ment a{font-size:10px;}
.yahoo-ment a{font-size:10px;}
.source-text{margin:0 0 5% 0;}
  .source {
      display: block;
      height: 14px;
      line-height: 1.1;
      color: #6a6a6a;
      font-size: 10px;
	  text-align:center;
  }
  .source:before {
      content: "\51FA\5178: ";
      display: inline;
  }

.adButton-bt {
display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 20px 0px;
    border: 1px solid #52525226;
    margin-top: 30px;
}
.adButton a {
position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #000;
    font-size: 16px;
    width: 100%;
    border: 1px solid #0000009c;
    outline: 1px solid;
    outline-color: rgba(130,113,113,.5);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
    margin: .5% 0;
    box-shadow: 0 0 0.5rem 0 rgb(0,0,0);
    font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;
}
.yahoo-ment:before{
margin:0 1% 0 0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://aura-vogue.com/wp-content/uploads/2019/11/yahoo.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	}
@media screen and (max-width: 960px){
	.adButton a {
	    font-size: 16px;
	    font-weight: bold;
	    display: block;
	    max-width: 100%;
	    padding: .9em 0;
	    width: 100%;
		    background: #000;
	}
.adButton-bt .adButton:first-child:nth-last-child(2), .adButton-bt .adButton:first-child:nth-last-child(2) ~ .adButton {
    float: left;
    width: 70%;
}
.adButton a {
    font-size: 12px;
    font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;
}
.adButton a:after {
    right: 10px;
}
}
.adButton a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1240px){
	.adButton {
	width: 80%;
text-align: center;
margin: 0.5%auto;
}
		.img-parts {
      margin: 25px auto 5px;
    text-align: center;
    width: 100%;
    position: relative;
    width: 500px;}
	
	
	.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative
}
	
			.image-parts {
    margin: 0 auto;
    text-align: center;
    width: 65%;
		position: relative;}
	.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative
}
	.home-ment {
    margin: 0 auto;
    width: 65%;
}
	.insta-ment {
    margin: 0 auto;
    width: 65%;
}
		.rakuten-ment {
    margin: 0 auto;
    width: 65%;
}
	.amazon-ment {
    margin: 0 auto;
    width: 65%;
}
	
	.rakuten-aff {
    margin: 0 auto;
    width: 500px;
		    display: inline-flex;
}
	
	.zozo-ment {
    margin: 0 auto;
    width: 65%;
}
		.yahoo-ment {
    margin: 0 auto;
/*     width: 65%; */
}
	.wear-ment{
		margin: 0 auto;
	    width: 65%;}
}
/*1240px以下*/
@media screen and (max-width: 1240px){
	.adButton {
	width: 80%;
text-align: center;
margin: 0.5%auto;
}
	.img-parts {
     margin: 25px auto 5px;
    text-align: center;
    width: 100%;
    position: relative;
    width: 500px;}
	.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative
}
			.image-parts {
    margin: 0 auto;
    text-align: center;
    width: 65%;
		position: relative;}
	.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative
}
		.home-ment {
    margin: 0 auto;
    width: 65%;
}
			.insta-ment {
    margin: 0 auto;
    width: 65%;
}
	.rakuten-ment {
    margin: 0 auto;
    width: 65%;
}
	.amazon-ment {
    margin: 0 auto;
    width: 65%;
}
	
	.rakuten-aff {
    margin: 0 auto;
    width: 500px;
		    display: inline-flex;
}
		.zozo-ment {
    margin: 0 auto;
    width: 65%;
}
		.yahoo-ment {
    margin: 0 auto;
    width: 65%;
}
	.wear-ment{
		margin: 0 auto;
    width: 65%;
	}
}
  /*必要ならばここにコードを書く*/


/*1030px以下*/
@media screen and (max-width: 1030px){
	.adButton {
	width: 80%;
text-align: center;
margin: 0.5%auto;
}
  /*必要ならばここにコードを書く*/
	.img-parts {
       margin: 25px auto 5px;
    text-align: center;
    width: 100%;
    position: relative;
    width: 500px;}
	.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative
}
		.image-parts {
    margin: 0 auto;
    text-align: center;
    width: 65%;
		position: relative;}
	.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative
}
		.home-ment {
    margin: 0 auto;
    width: 65%;
}
			.insta-ment {
    margin: 0 auto;
    width: 65%;
}
	.rakuten-ment {
    margin: 0 auto;
    width: 65%;
}
	.amazon-ment {
    margin: 0 auto;
    width: 65%;
}
	
		.rakuten-aff {
    margin: 0 auto;
    width: 500px;
			    display: inline-flex;
}
	
		.zozo-ment {
    margin: 0 auto;
    width: 65%;
}
		.yahoo-ment {
    margin: 0 auto;
    width: 65%;
}
	.wear-ment{
		margin: 0 auto;
    width: 65%;
	}
}

/*768px以下*/
@media screen and (max-width: 768px){
	.adButton {
	width: 95%;
text-align: center;
margin: 0.5%auto;
}
	.img-parts {
       margin: 25px auto 5px;
    text-align: center;
    width: 100%;
    position: relative;
    width: 500px;}
	
	
	.slide-style{
margin:0 auto;
width:95%;
  display: block;
  position: relative
}
	
		.image-parts {
    margin: 0 auto;
    text-align: center;
    width: 95%;
		position: relative;}
	.slide-style{
margin:0 auto;
width:95%;
  display: block;
  position: relative
}
		.home-ment {
    margin: 0 auto;
    width: 95%;
}
		.insta-ment {
    margin: 0 auto;
    width: 95%;
}
	.rakuten-ment {
    margin: 0 auto;
    width: 95%;
}
	
	.amazon-ment {
    margin: 0 auto;
    width: 95%;
}
	
	
	.rakuten-aff {
    margin: 0 auto;
    width: 95%;
		    display: inline-flex;
}
	.zozo-ment {
    margin: 0 auto;
    width: 95%;
}
		.yahoo-ment {
    margin: 0 auto;
    width: 95%;
}
	.wear-ment{
		margin: 0 auto;
	    width: 95%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.adButton-bt .adButton:first-child:nth-last-child(2), .adButton-bt .adButton:first-child:nth-last-child(2) ~ .adButton {
    float: left;
    width: 90%;
}
	.adButton a {
      font-size: 15px;
    font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .8rem 0;
    width: 100%;
    background: #000;
    margin: 3px 0;
}
	
	.adButton {
	width: 95%;
text-align: center;
margin: 1% auto;
}
  /*必要ならばここにコードを書く*/
	  .sns-share-message{ display: none; }
  .ss-bottom{
    position: fixed;
    bottom: -7px;
    right: 60px;
    z-index: 99999;
    width: calc(100vw - 70px);
    height: 40px;
    transform: translatey(100px);
    animation: fadeIn 1s ease-out 4s 1 normal both;
  }
	.e-card-title{font-size:15px;}
	.img-parts {
    margin: 0 auto;
    text-align: center;
    width: 95%;
		position: relative;}
	.slide-style{
margin:0 auto;
width:95%;
  display: block;
  position: relative
}
	.image-parts {
    margin: 0 auto;
    text-align: center;
    width: 95%;
		position: relative;}
	.slide-style{
margin:0 auto;
width:95%;
  display: block;
  position: relative
}
		.home-ment {
    margin: 0 auto;
    width: 95%;
}
		.insta-ment {
    margin: 0 auto;
    width: 95%;
}
	.rakuten-ment {
    margin: 0 auto;
    width: 95%;
}
	
	.amazon-ment {
    margin: 0 auto;
    width: 95%;
}
	
	
		.rakuten-aff {
    margin: 0 auto;
    width: 95%;
			    display: inline-flex;
}
	
		.yahoo-ment {
    margin: 0 auto;
    width: 95%;
}
	.wear-ment{
		margin: 0 auto;
	    width: 95%;}
}
@keyframes fadeIn {
  from {transform: translatey(10%); opacity: 0;}
	100% {transform: translatey(0%); opacity: 1;} }
	/* モバイルトップメニュー */
	ul.menu-mobile{
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}


nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}

#main{
    animation: fadeIn 1s ease-out 0s 1 normal;
}
#sidebar {
    animation: fadeIn 1s ease-out 0s 1 normal;
}

@keyframes fadeIn {
    from {transform: translateY(10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}
#header-container {
    animation: Down 1s ease-out 0s 1 normal;
}

@keyframes Down {
    from {transform: translateY(-10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}

#breadcrumb {
    animation: Right 1s ease-out 0s 1 normal;
}

@keyframes Right {
    from {transform: translateX(10%); opacity: 0;}
    100% {transform: translateX(0%); opacity: 1;}
}


.entry-card-snippet{
  font-size: 72%;
  line-height: 1.6;
  color: gray;
  text-align: justify;
  text-justify: inter-ideograph;
}

.home main, .archive main{
    background-color: white;
    margin-top: 0;
    padding-top: 0;
}

.entry-card-wrap{
    background-color: white;
    border-radius: 4px;
    margin-bottom: 1em!important;
}

.entry-card-wrap{
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background-color: white; 
    transition: all .3s ease;
}

/*人気記事*/
.widget-index-top,
.widget-above-single-content-title {
    position: relative;
    margin: 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.widget-index-top .main-widget-label,
.widget-above-single-content-title .main-widget-label {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.widget-index-top .main-widget-label::before,
.widget-above-single-content-title .main-widget-label::before {
    font-family: FontAwesome;
    content: "\f135";
    margin-right: 5px;
}

.widget-index-top .widget-entry-card-content,
.widget-above-single-content-title .widget-entry-card-content{
    display: table-cell;
    height: 74px;
    vertical-align: middle;
    font-size: 15px;
}
/*ブログカード*/
.blogcard {
	    margin: 1rem;
	padding: 1rem;
	color: #333;
	position: relative;
	border: none !important;
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);
}

a.blogcard-wrap{
	font-weight: normal;
}
a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.05);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
	width: 22%;
}

.blogcard-title{
	margin-bottom: .5rem;
	line-height: 1.7;
}

.blogcard-title::before{
	content: '合わせて読みたい';
	display: table;
	font-size: .7em;
	background-color: #333333;
	padding: .3em .5em;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
	vertical-align: middle;
	margin-right: .5rem;
	    margin-bottom: 0.5rem;
}

.blogcard-snipet{
/* 	display: none; */
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

.blogcard-footer{
/* 	clear: none; */
	display: none;
}

.internal-blogcard-site{
	display: none;
}

.blogcard-date{
/* 	float: none; */
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #999;
}

.search-box{
	margin: 1em;
}

.search-edit{
	height: 40px;
	border-radius: 40px;
}

.search-submit{
	line-height: 0;
	top: 0;
	bottom: 0;
}

.search-edit:focus{
	outline: none;
	border-color: pink; /* フォーカス時の枠色 */
}
/* ギャラリーインスタ風カスタマイズ */
.wp-caption-text.gallery-caption{
	display: none !important;
}

.gallery-item{
	margin: 0 !important;
}

.gallery-icon{
	margin: 1px !important;
	padding: 0 !important;
}
.gallery-icon img{
	border: none !important;
}
.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }

.page-numbers{
    border: none !important;
    border-radius: 50%;
    font-family: sans-serif;
    font-size: 80%;
    color: #666 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    transition: all .1s ease;
    background-color: #ffffff;
}

.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
    background-color: #f44336; /* マウスオーバー時の背景色 */
    color: #fff !important;
}

.pagination .current, .pager-links .current{
    background-color: #ccc;
    color: #fff;
}

/* ウィジェットタイトルにFAアイコン */
.widget h3::before { font-family: FontAwesome; font-size: 80%; vertical-align: middle; font-weight: normal; margin-right: 5px; } /* 共通設定 */
.widget_links h3::before { content: '\f0c1'; } /* リンク */
.widget_popular_entries h3::before { content: '\f135'; } /* 人気記事 */
.widget_new_entries h3::before, .widget_recent_entries h3::before { content: '\f005'; } /* 新着記事 */
.widget_categories h3::before { content: '\f115'; } /* カテゴリー */
.widget_rss h3::before { content: '\f143'; } .widget_rss h3 img { display: none; } /* RSSフィード */
.widget_tag_cloud h3::before { content: '\f292'; } /* タグクラウド */
.widget_search h3::before { content: '\f002'; } /* 検索 */
.widget_meta h3::before { content: '\f085'; } /* メタ */
.widget_fb_like_box h3::before { content: '\f082'; } /* Faceboxボックス */
.widget_facebook_page_like h3::before { content: '\f082'; } /* Faceboxバルーン */
.widget_item_ranking h3::before { content: '\f091'; } /* ランキング */
.widget_calendar h3::before { content: '\f073'; } /* カレンダー */
.widget_recent_comments h3::before { content: '\f0e6'; } /* 新着コメント */


main hr{
    margin: 2rem auto;
    width: 7rem;
    border: 0;
    border-top: 0.5rem dotted #ccc;
}

/*コンタクトフォーム*/
#commentform label{
	display: inline-block;
}

#commentform textarea, #commentform input{
    border: 1px solid #4DD0E1; /* 枠線の色 */
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius: 4px;
	transition: all .2s ease;
	font-size: 80%;
	
}

#commentform textarea:focus, #commentform input:focus{
	outline: none;
	border: 3px solid #4DD0E1; /* 枠線の色 */
}

#commentform #submit{
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
	background-color: skyblue; /* 送信ボタンの背景色 */
	color: white;
	border-radius: 15px;
	height: 40px;
	border: none;
	padding: 0;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	transition: all .2s ease;
}
.eye-catch img{
  margin: 0 auto;
}
/*ここから編集*/
/*	
.rakuten-ment{
		margin: 0 auto;
	    width: 65%;}*/
	.rakuten-ment a{font-size:10px;}
.zozo-ment a{font-size:10px;}
.home-ment:before{
margin:0 1% 0 0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://aura-vogue.com/wp-content/uploads/2020/01/home.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	}
.insta-ment:before{
margin:0 1% 0 0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://aura-vogue.com/wp-content/uploads/2021/01/Instagram.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	}
	.rakuten-ment:before{
margin:0 1% 0 0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://aura-vogue.com/wp-content/uploads/2019/11/rakuten.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	}

.amazon-ment:before{
margin:0 1% 0 0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://aura-vogue.com/wp-content/uploads/2019/11/amazon.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	}


.rakuten-aff:before{
margin:0 1% 0 0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://aura-vogue.com/wp-content/uploads/2019/11/rakuten.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	}


.zozo-ment:before{
margin:0 1% 0 0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://aura-vogue.com/wp-content/uploads/2019/11/zozo-1.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	}

.marker-animation.active{
    background-position: -100% .5em;
}
 
.marker-animation {
	background-image: -webkit-linear-gradient(left,transparent 50%,rgb(255,241,220) 50%)!important;
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}
.image-right01{
  width: 55%;
  position: absolute;
  bottom: 0;
  left: 2%

}
.image-left01{
  width: 41%;
  position: absolute;
  bottom: 2%;
  right: 6%

}
/*
.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative
}
*/
.text-left{
  width: 30%;
  position: absolute;
  top: 5%;
  right: 5%
}

.marker-animation.active{
    background-position: -100% .5em;
}

.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}
.image-right01{
  width: 55%;
  position: absolute;
  bottom: 0;
  left: 2%

}
.image-left01{
  width: 41%;
  position: absolute;
  bottom: 2%;
  right: 6%

}
/*
.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative

}*/
.text-left{
  width: 35%;
  position: absolute;
  top: 5%;
  right: 5%;
	z-index:99999;
}

.image-right{
  width: 55%;
  position: absolute;
  bottom: 0;
  right: 2%;
  top: 5%;

}
.image-left{
  width: 41%;
  position: absolute;
  bottom: 2%;
  left: 6%;

}
/*
.slide-style{
margin:0 auto;
width:65%;
  display: block;
  position: relative

}
*/
.text-right{
  width: 30%;
  position: absolute;
  top: 5%;
  left: 5%
}
.text-sub01 {
    font-size: 100%;
    line-height: 1.8;
    margin: 20px 20px 10px;
    text-align: justify;
		    font-weight: 600;
  }
  .text-sub01 {
      margin: 10% 5%!important;

  }

.text-sub03 {
    font-size: 50%;
    line-height: 1.8;
    margin: 0px;
    text-align: center;
		    font-weight: 600;
  }



  .text-sub02 {
    /*font-family: 'Hiragino Kaku Gothic W3 JIS2004', sans-serif;*/
    font-size: 10px;
    line-height: 3.2;
    margin: 0 10%;
  }

  .text-sub02 a {
    display: inline-block;
    color: #555555;
    margin-right: 1em;
    padding: 5px 10px;
    background: #dadada;
    border-radius: 20px;
    line-height: 1;
    transition: all 0.3s
  }

  .text-sub02 a:hover {
    opacity: 1;
    color: #ffffff;
    background: #da1717;
    transition: all 0.3s
  }

  .text-sub02.swipe {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    padding: 10px 0
  }

  .text-sub02.swipe a {
    white-space: nowrap
  }



  @media screen and (min-width: 960px) {

    .text-sub02 {
      margin: 0 10%
    }

    .text-sub02.swipe {
      display: block;
      overflow: auto
    }
  }
a{text-decoration:none;}
.back01 {
    background: linear-gradient(-45deg,rgba(202, 179, 179, 0.6),rgba(167, 144, 144, 0.6)),url(https://tshop.r10s.jp/stylife/cabinet/item/570/p15570-01_2.jpg) top/cover fixed no-repeat;
    background-size: 60%;
}
.back02{
padding-top: 50px;
padding-bottom: 50px;
max-width: 900px;
margin: auto;
background: rgba(255,255,255,0.6);
z-index: 1;
position: relative;
}

.link-over{
    color: rgba(0,0,0,.5);
    height: 20px;
    position: absolute;
    top: 5.5%;
    right: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    pointer-events: none;
    z-index: 1;
}
.link-over-text {
    background: rgba(230,230,230,.4);
    color: rgba(0,0,0,.5);
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 11px;
    font-feature-settings: "palt";
    boder-radius: 0 5px 5px 0;
}
.link-over-icon {
    width: 20px;
    height: 20px;
    margin-right: 1px;
    border-radius: 5px 0 0 5px;
    background: rgba(230,230,230,.4);
}
.link-over-icon:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/link.png) 0 0 no-repeat;
    font-weight: 900;
    background-position: 5px 4px;
    background-size: 13px;
}
.image{    width: 70%;
    margin: 0 auto;}
ul.variation01{justify-content: center;}
 .variation03 {
    /*font-family: 'UD Shin Go DemiBold';*/
    font-size: 12px;
    letter-spacing: 0.05em;
   margin: 0;
    position: relative
  }

.variation02 {
    /*font-family: 'Hiragino UD Sans W6 JIS2004';*/
    font-size: 10px;
    letter-spacing: 0.05em;
    position: relative

  }


  .variation01 {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    margin-bottom: 20px

  }

@media screen and (min-width: 764px){
	  ul.variation01 li {
    width: 27%;
    margin-right: 5%;
    margin-bottom: 30px;
    position: relative
  }
}
@media screen and (max-width: 764px){
  ul.variation01 li {
    width: 46%;
    margin-right: 1%;
    margin-bottom: 30px;
    position: relative
  }
}

  ul.variation01 li:nth-child(3n+1) {
    /*margin-left: 4.5%*/
  }

    ul.variation01 li:nth-child(3n) {
    margin-right: 4.5%
  }

  ul.variation01 li img {
    box-shadow: 2px 2px 5px #dddddd
  }

  ul.variation01 li a {
    display: block
  }

  ul.variation01 li a:hover {
    opacity: 0.8;
    transform: rotate(-3deg);
    transition: all 0.2s
  }

  .variation01 img {
    display: block;
    margin-bottom: 5px
  }

  .variation01 .variation02 {
    margin: 0;
  }

  .variation01 .variation03 {
    /*font-family: 'UD Shin Go Conde80 L', sans-serif;*/
    font-size: 12px
  }



  @media screen and (min-width: 960px) {



    ul.variation01 {
      justify-content: center
    }

    ul.variation01 li:nth-child(3n+1) {
      margin-left: 0
    }

    ul.variation01 li:nth-child(3n) {
      margin-right: 0%
    }

    ul.variation01 li:last-child {
      margin-right: 0
    }




 a .img {
      overflow: hidden
    }
  }


  li.pickup01:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -15px;
    display: block;
    background-image: url(https://cdn.shoplista.com/img/magazine/item_icon01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1
  }

   li.pickup01:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -15px;
    display: block;
    background-image: url(https://cdn.shoplista.com/img/magazine/item_icon01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: move 6s infinite 3s
  }

  li.pickup02:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -15px;
    display: block;
    background-image: url(https://cdn.shoplista.com/img/magazine/item_icon02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: shake 6s infinite;
    z-index: 1
  }



 li.pickup01:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -15px;
    display: block;
    background-image: url(https://cdn.shoplista.com/img/magazine/item_icon01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1
  }

li.pickup01:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -15px;
    display: block;
    background-image: url(https://cdn.shoplista.com/img/magazine/item_icon01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: move 6s infinite 3s
  }

li.pickup02:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    left: -15px;
    display: block;
    background-image: url(https://cdn.shoplista.com/img/magazine/item_icon02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: shake 6s infinite;
    z-index: 1
  }


.line{
    width: 75%;
  color: #1e366a;
  border-top: solid #1e366a 1px;/*上のボーダー*/
  border-bottom: solid #1e366a 1px;/*下のボーダー*/
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
  ol, ul {
    list-style: none
  }.line00 {
  line-height: 1.5;
  padding: 0.5em 0;
list-style-type: none!important;
}
.line00:before {
  font-family: FontAwesome;
  content: "\f0da";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #BD9E81;/*アイコン色*/
}

.center{text-align:center}
.parts-image img {
          width: 500px;
    height: 500px;
    object-fit: cover;
  }

.parts-image {
      position: relative;
  }
 .parts-image {
      display: inline-block;
      margin-bottom: 20px;
text-align: left;
  }
  .over-link {
    color: rgba(0,0,0,.5);
    height: 20px;
    position: absolute;
    top: 25px;
    right: 0px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    pointer-events: none;
    z-index: 1;
  }
  .over-link-icon {
      width: 20px;
      height: 20px;
      margin-right: 1px;
      border-radius: 5px 0 0 5px;
      background: rgba(230, 230, 230, 0.4);
  }
  .over-link-icon:before {
 content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/link.png) 0 0 no-repeat;
    font-weight: 900;
    background-position: 5px 4px;
    background-size: 13px;
  }
  .over-link-text {
      background: rgba(230, 230, 230, 0.4);
      color: rgba(0, 0, 0, 0.5);
      padding: 0 5px;
      height: 20px;
      line-height: 20px;
      font-weight: bold;
      font-size: 11px;
      font-feature-settings: "palt";
      boder-radius: 0 5px 5px 0;
}
.rakuten-in{display:inline-flex;}
.rakuten-in a{font-size:10px;}
.rakuten-in:before{
content:"";
display:inline-block;
width:1em;
height:1em;
background:url(https://aura-vogue.com/wp-content/uploads/2019/11/rakuten.png) no-repeat;
background-size:contain;
vertical-align: middle;
}
.amazon-in{display:inline-flex;}
.amazon-in a{font-size:10px;}
.amazon-in:before{
content:"";
display:inline-block;
width:1em;
height:1em;
background:url(https://aura-vogue.com/wp-content/uploads/2019/11/amazon.png) no-repeat;
background-size:contain;
vertical-align: middle;
}
.wear-in{display:inline-flex;}
.wear-in a{font-size:10px;}
.wear-in:before{
content:"";
display:inline-block;
width:1em;
height:1em;
background:url(https://aura-vogue.com/wp-content/uploads/2019/11/wear.png) no-repeat;
background-size:contain;
vertical-align: middle;
	    margin-right: 5px;
}
.zozo-in{display:inline-flex;}
.zozo-in a{font-size:10px;}
.zozo-in:before{
content:"";
display:inline-block;
width:1em;
height:1em;
background:url(https://aura-vogue.com/wp-content/uploads/2019/11/zozo-1.png) no-repeat;
background-size:contain;
vertical-align: middle;
	    margin-right: 5px;
}
.home-in{display:inline-flex;}
.home-in a{font-size:10px;}
.home-in:before{
content:"";
display:inline-block;
width:1em;
height:1em;
background:url(https://aura-vogue.com/wp-content/uploads/2020/01/home.png) no-repeat;
background-size:contain;
vertical-align: middle;
	    margin-right: 5px;
}
.insta-in{display:inline-flex;}
.insta-in a{font-size:10px;}
.insta-in:before{
content:"";
display:inline-block;
width:1em;
height:1em;
background:url(https://aura-vogue.com/wp-content/uploads/2021/01/Instagram.png) no-repeat;
background-size:contain;
vertical-align: middle;
	    margin-right: 5px;
}
/*APIボタン*/
.shoplinkamazon a {
    background: #f6b340;
    transition: .4s;
}
/* .shoplinkamazon a:hover {
    background: #e59c1c;
    color: #fff;
    opacity: 1;
} */
.shoplinkrakuten a {
    background: #e85e5e;
    transition: .4s;
}
/* .shoplinkrakuten a:hover {
    background: #d93636;
    color: #fff;
    opacity: 1;
} */
.shoplinkyahoo a {
    background: #62bedc;
    transition: .4s;
}
/* .shoplinkyahoo a:hover {
    background: #3ba9cd;
    color: #fff;
    opacity: 1;
} */
.shoplinkbtn3 a:hover {
    background: #3ba9cd;
    color: #fff;
    opacity: 1;
}

.article dd{margin:0;
padding:0;}

/*API*/
@media screen and (max-width: 764px){
	.parts-image img {
          width: 500px;
    height: auto;
    object-fit: cover;
  }
.shoplinkamazon{
width: 95%;
    text-align: center;
    margin: 1% auto!important;
}

    .shoplinkamazon a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
   background: #005dff;
    font-size: 13px;
    width: 100%;
    border: 1px solid #005dff;
    outline: 1px solid;
        outline-color: rgb(0 81 255 / 50%);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
        margin: 0.5% 0;
   box-shadow: 0 0 0.5rem 0 rgb(0 93 255);
    font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content
}

.shoplinkrakuten{
   width: 95%;
    text-align: center;
    margin: 1% auto!important;}

    .shoplinkrakuten a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
   background: #b93131;
    font-size: 13px;
    width: 100%;
    border: 1px solid #b93131;
    outline: 1px solid;
outline-color: rgb(185 49 49);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
        margin: 0.5% 0;
   box-shadow: 0 0 0.5rem 0 rgb(255 0 0);
  font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content}

.shoplinkyahoo{
    width: 95%;
    text-align: center;
    margin: 1% auto!important;}

.shoplinkyahoo a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
   background: #ffbc00;
    font-size: 13px;
    width: 100%;
    border: 1px solid #ffbc00;
    outline: 1px solid;
  outline-color: rgb(255 188 0);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
        margin: 0.5% 0;
    box-shadow:0 0 0.5rem 0 rgb(255 188 0);
  font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content}
	
		   .rf-content-info {
    padding: 12px;
    margin: 16px auto 60px;
    border: 2px solid #333333;
        font-family: 'Noto Sans JP';
        
}
	
	.shoplinkbtn3{
    width: 95%;
    text-align: center;
    margin: 1% auto!important;}

.shoplinkbtn3 a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
   background: #000;
    font-size: 13px;
    width: 100%;
    border: 1px solid #0000009c;
    outline: 1px solid;
    outline-color: rgba(130,113,113,.5);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
        margin: 0.5% 0;
    box-shadow: 0 0 0.5rem 0 rgb(0,0,0);
  font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content}
	
		   .rf-content-info {
    padding: 12px;
    margin: 16px auto 60px;
    border: 2px solid #333333;
        font-family: 'Noto Sans JP';
        
}
	
	
	
	.coninfo {
    margin: 0 0 24px 0;
    font-size: 19px;
    text-align: center;
    font-weight: bold;
    font-family: 'Noto Sans JP';
}
	
	.rf-content-info p {
    line-height: 1.6em;
    font-size: 14px;
    margin: 0 0 8px 0;
    font-family: 'Noto Sans JP';
    text-align: left;
}
	.itemview{    font-weight: 700;
    text-align: left;
    margin-left: 1%;
    margin-top: 5%;
    font-size: 1rem;
    color: #5d5b59;}
		.itemview span {

    font-size: 0.5rem;
  
}
}

@media screen and (min-width: 764px){
.shoplinkamazon{
width: 80%;
    text-align: center;
    margin: .5% auto;
}

    .shoplinkamazon a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
     background: #005dff;
    font-size: 16px;
    width: 100%;
    border: 1px solid #005dff;
    outline: 1px solid;
outline-color: rgb(0 81 255 / 50%);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
         margin: 0.5% 0;
     box-shadow: 0 0 0.5rem 0 rgb(0 93 255);
    font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content
}

.shoplinkrakuten{
width: 80%;
    text-align: center;
	margin: .5% auto;}

    .shoplinkrakuten a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
      background: #b93131;
    font-size: 16px;
    width: 100%;
    border: 1px solid #b93131;
    outline: 1px solid;
        outline-color: rgb(185 49 49);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
          margin: 0.5% 0;
        box-shadow: 0 0 0.5rem 0 rgb(255 0 0);
  font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content}

.shoplinkyahoo{
  width: 80%;
    text-align: center;
	margin: .5% auto;}

.shoplinkyahoo a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
      background: #ffbc00;
    font-size: 16px;
    width: 100%;
    border: 1px solid #ffbc00;
    outline: 1px solid;
    outline-color: rgb(255 188 0);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
         margin: 0.5% 0;
      box-shadow: 0 0 0.5rem 0 rgb(255 188 0);
  font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content}
	
	   .rf-content-info {
    padding: 12px;
    margin: 5% auto !important;
    border: 2px solid #333333;
        font-family: 'Noto Sans JP';
        
}
	.shoplinkbtn3{
  width: 80%;
    text-align: center;
	margin: .5% auto;}

.shoplinkbtn3 a {display: inline-block;
    padding: .5em 0;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: #fff;
      background: #000;
    font-size: 16px;
    width: 100%;
    border: 1px solid #0000009c;
    outline: 1px solid;
    outline-color: rgba(130,113,113,.5);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1.2s cubic-bezier(.2,1,.2,1);
         margin: 0.5% 0;
    box-shadow: 0 0 0.5rem 0 rgb(0,0,0);
  font-weight: bold;
    display: block;
    max-width: 100%;
    padding: .9em 0;
    width: 100%;align-content}
	
	   .rf-content-info {
    padding: 12px;
    margin: 5% auto !important;
    border: 2px solid #333333;
        font-family: 'Noto Sans JP';
        
}
	
 .coninfo{
    margin: 0 0 24px 0;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
        font-family: 'Noto Sans JP';
}
.rf-content-info p {
 line-height: 1.6em;
    font-size: 14px;
    margin: 0 0 8px 0;
    font-family: 'Noto Sans JP';
    text-align: center;
}
	
	.itemview span {

    font-size: 0.9rem;
  
}
	.itemview{    font-weight: 700;
    text-align: left;
    margin-left: 5%;
    margin-top: 5%;
    font-size: 1.2rem;
    color: #5d5b59;}
	
}

/* 
.shoplinkyahoo a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);}

.shoplinkrakuten a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);}

.shoplinkamazon a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);} */

.product-item-price{    text-align: left;
    margin-left: 10%;}

@media screen and (min-width: 640px){
  .rank_wrap {
    display: block;
        position: absolute;
        background: #af0000;
        width: 3rem;
        height: 3rem;
        text-align: center;
        border-radius: 100%;
        box-shadow: 0 0 0.5rem 0 rgb(115, 2, 2);
        margin: 0;
        left: -0.5rem;
        top: -0.5rem;
  }
 .rank {
  white-space: nowrap;
  margin: 0;
  color: #fff;
  display: inline-block;
  vertical-align: baseline;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-47%, -47%);
}
 .rank:before {
  font-size: 1.4rem;
  font-weight: bold;
}
 .rank:before {
  counter-increment: number 1;
  content: counter(number);
}

.rank:after {
  vertical-align: 0.1rem;
  font-size: 1rem;
  font-weight: bold;
  content: "位";
}

.wrapper{
  width: 100%;
  margin: 0 auto;
}
.secCommon{
   text-align: left;
  font-family: Lato,
  "Noto Sans JP",
  "游ゴシック Medium",
  游ゴシック体,
  "Yu Gothic Medium",
  YuGothic,
  "ヒラギノ角ゴ ProN",
  "Hiragino Kaku Gothic ProN",
  メイリオ,
  Meiryo,
  "ＭＳ Ｐゴシック",
  "MS PGothic",
  sans-serif;
  counter-reset: number 0;
}
.glance{
  display: flex;
  flex-wrap:wrap;
margin:0;
padding:0;
}
.glance li{
  font-size:15px;
    padding: 0.5rem;
    width:24%;
  margin: 0 auto;
}
.glance li dl dt{
  margin-bottom: 15px;
}
.glance li dl dt a{
  display: block;
  text-align: center;
  
}
.glance li dl{
  position: relative;
     background: #ffffff;
     border-radius: 0 0 20px 0;
     transition: 0.4s all ease-out;
     box-shadow: 0 0 0.625rem 0 rgba(17, 15, 14, 0.2);
     border-radius: 10px;
     padding: 0.325rem;
}
.glance li dl dt a img{
  width: 100%;
}
.glance li dl dt{
      border-radius: 10px 10px 0 0;
      padding: 0;
      overflow: hidden;
}
.glance li dl dd.itemPrice{
 color: #dc0213;
 font-size: 1.8rem;
 letter-spacing: 1px;
 margin: 0;
 text-align: center;
 font-weight: 700;
 font-family: "ヒラギノ角ゴPro W3",
 "Hiragino Kaku Gothic Pro",
 游ゴシック,
 "Yu Gothic",
 游ゴシック体,
 YuGothic,
 メイリオ,
 Meiryo,
 sans-serif;
    line-height: 1.5;
}
.glance li dl dd.itemPrice span{
  font-size:15px;
}
.glance li dl dd.itemValue{
letter-spacing: 1px;
margin: 0;
text-align: center;
color: #4e4e4e;
font-weight: 800;
font-size: .8rem;
    white-space: pre;
    line-height: 1.3;
}
.glance li dl dd.itemValue span{
     font-size: 1.6rem;
     color: #dc0213;
     font-weight: 900;
}
.itemName {
  font-size: 0.9rem;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  margin: 0;
}
}

@media screen and (max-width: 640px) {
    .rank_wrap {
      display: block;
      position: absolute;
      background:#af0000;
      width: 3rem;
      height: 3rem;
      text-align: center;
      border-radius: 100%;
      box-shadow: 0 0 0.5rem 0 rgb(115, 2, 2);
      margin: 0;
      left: -0.5rem;
      top: -0.5rem;
    }

    .rank {
      white-space: nowrap;
      margin: 0;
      color: #fff;
      display: inline-block;
      vertical-align: baseline;
      top: 50%;
      left: 50%;
      position: absolute;
      transform: translate(-47%, -47%);
    }

    .rank:before {
      font-size: 1.2rem;
      font-weight: bold;
    }

    .rank:before {
      counter-increment: number 1;
      content: counter(number);
    }

    .rank:after {
      vertical-align: 0.1rem;
      font-size: 1.0rem;
      font-weight: bold;
      content: "位";
    }
  .wrapper {
    width: 100%;
    margin: 0 auto;
  }

  .secCommon {
  text-align: left;
  font-family: Lato,
  "Noto Sans JP",
  "游ゴシック Medium",
  游ゴシック体,
  "Yu Gothic Medium",
  YuGothic,
  "ヒラギノ角ゴ ProN",
  "Hiragino Kaku Gothic ProN",
  メイリオ,
  Meiryo,
  "ＭＳ Ｐゴシック",
  "MS PGothic",
  sans-serif;
  counter-reset: number 0;
  }

  .glance {
/*     display: inline-block; */
	      display: inline-flex;
    background: #fff;
    padding: 0.5rem;
    margin: 4px 0 0;
    list-style: none;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    width: 100%;
  }

  .glance li {
    font-size: 15px;
    padding: 0.5rem;
    width: 100%;
  }

  .glance li dl dt {
    margin-bottom: 15px;
  }

  .glance li dl dt a {
    display: block;
    text-align: center;
  }

  .glance li dl {
     position: relative;
    background: #ffffff;
    border-radius: 0 0 20px 0;
    transition: 0.4s all ease-out;
    box-shadow: 0 0 0.625rem 0 rgba(17, 15, 14, 0.2);
    border-radius: 10px;
    padding: 0.325rem;
  }

  .glance li dl dt a img {
    width: 100%;
  }

  .glance li dl dt {
    border-radius: 10px 10px 0 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
  }

  .glance li dl dd.itemPrice {
    color: #dc0213;
    font-size: 24px;
    letter-spacing: 1px;
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-family: "ヒラギノ角ゴPro W3",
      "Hiragino Kaku Gothic Pro",
      游ゴシック,
      "Yu Gothic",
      游ゴシック体,
      YuGothic,
      メイリオ,
      Meiryo,
      sans-serif;
  }

  .glance li dl dd.itemPrice span {
    font-size: 15px;
  }

  .glance li dl dd.itemValue {
    letter-spacing: 1px;
    margin: 0;
    text-align: center;
    color: #4e4e4e;
    font-weight: 800;
font-size: 0.9rem;
    line-height: 1.3;
  }

  .glance li dl dd.itemValue span {
    font-size: 1.4rem;
    color: #dc0213;
    font-weight: 900;
  }

  .itemName {
    font-size: 0.7rem;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    margin: 0;
  }
}

/*楽天API*/
.product-item-thumb{
display: none;}

 .product-item-maker{
display: none;}

.product-item-title{
display: none;}

.product-item-box::after{display: none;}

/*ボックス*/
.box01 {
    box-shadow: 5px 5px #ddd, -5px -5px #ddd;
    outline: 1px solid #fff102;
    outline-offset: 2.5px;
    padding: 10px;
    /* margin: 5% !important; */
    background: #eb95000a;
}

.box02 {
  box-shadow: 5px -5px #fff, -5px 5px #fff, 5px 5px #ccc, -5px -5px #ccc;
  outline: 1px solid #4c52529e;
  outline-offset: 2px;
  padding: 10px;
	    background: #eeeeee4d;
}
.box02 span {
  text-align: center;
      display: block;
      font-weight: 700;
	border-bottom: 1px solid #eee;
}
/*API*/
.product-item-admin {
    position: absolute;
    top: -5px;
    left: 6px;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
   padding: 0px;
    width: 100%;
    margin: 1.6em auto;
}
.entry-content>*, .demo .entry-content p {
/*     margin-top: 0px;
	margin-bottom: 0px; */
	}

/* activi */

.img-wrap:before,
.img-wrap:after {
  animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.img-wrap.active:before {
  animation-name: img-wrap-before;
  top: 0;
  bottom: 50%;
}

.img-wrap.active:after {
  animation-name: img-wrap-after;
  top: 50%;
  bottom: 0;
}

	
@media screen and (min-width: 769px){
		.bxt{
		border: 1px solid;
    /* box-shadow: 0 0px 10px 0 #eee; */
    padding: 10px;
    margin: 10px 0;
    background-color: #fafbff;
    border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;
	}
	  .scrollsp th, .scrollsp td {
     font-size: 14px;
    width: 100%;
    display: table-cell !important;
    white-space: normal !important;
    text-align: center;
			width: 350px !important;
    }
	.scrollable-table th{
		width:15%;
		    text-align: center;
	}
.booklink-info, .kaerebalink-info, .tomarebalink-info, .product-item-content {
    line-height: 125%;
    vertical-align: top;
    box-sizing: border-box;
     padding-left: 0px;
    width: 100%;
	    margin-top: 20px;
}
	.article h6{margin:5% 0;}
	.article h4{font-size:1.5rem;}
	.img-wrap {
  overflow: hidden;
  position: relative;
margin:5% 0;
}   
	/* シンプルスライドショー */
.center-item {
/* 	overflow-x: auto;
	white-space: nowrap; */
}
.center-item > li{
	display: inline-block;
	width: 60%;
	height: auto;
	margin: 16px;
	font-size: 48px;
}	
}
@media screen and (max-width: 769px){
	    /* シンプルスライドショー */
.center-item {
/* 	overflow-x: auto;
	white-space: nowrap; */
}
.center-item > li{
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 16px;
	font-size: 48px;
}	
	.bxt{
		border: 1px solid;
    /* box-shadow: 0 0px 10px 0 #eee; */
    padding: 10px;
    margin: 10px 0;
background-color: #fafbff;
    border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;
	}
	    .scrollsp th, .scrollsp td {
     font-size: 14px;
    width: 100%;
    display: table-cell !important;
    white-space: normal !important;
    text-align: center;
			width: 350px !important;
    }
	.scrollable-table th, .scrollable-table td {
    font-size: 14px;
/*     width: 100%;
    display: inline-block; */
/*     white-space: normal; */
		    white-space: inherit;
		    text-align: center;
}
	.product-item-admin {
    position: absolute;
        top: -20px!important;
    left: 6px;
	}
.article h6{margin:10% 0;    line-height: 1.5;}
	.article h4{font-size:1.2rem;}
	.img-wrap {
  overflow: hidden;
  position: relative;
margin:5% 0;
}
}

.scrollable-table th, .scrollable-table td{font-size:14px;}
table tr:nth-of-type(2n+1) {
    background-color: #ffffff;
	text-align: center;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box{border:none;}
.scrollable-table th, .scrollable-table td{text-align: center;}
.scrollpc{    table-layout: fixed;
    width: 100%;}

.margin-line{margin-top:1.5em;margin-bottom:1.5em;}
.rat{margin-top:.9em;margin-bottom:.9em;}
.merit-tit {
    position: absolute;
    background: #3876a2e3;
    color: white;
    top: -20px;
    left: 20px;
    padding: 12px 15px 12px 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: 0;
    z-index: 3;
    box-shadow: 0 0 0 5px #fff;
}

.demerit-tit {
    position: absolute;
    background: #a23838e3;
    color: white;
    top: -20px;
    left: 20px;
    padding: 12px 15px 12px 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: 0;
    z-index: 3;
    box-shadow: 0 0 0 5px #fff;
}
.article h5{border-top:none; 
   border-bottom: none;
	margin-top:50px;
}
.article h5 a{color:black;
}
.article h5 span::after{
    content: ":";
    position: ;
    top: 0;
    left: 0;
    border-radius: 3px;
    width: 10px;
    height: 100%;
    margin: 0 5px;
}
.article h5 span {
    color: #9a7e62;
}


    section {
        width: 150px;
        height: 150px;
        font-size: 10px;
        font-family: 'Lato', sans-serif;
        line-height: 1;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: left;
        padding: 14px 20px;
        position: relative;
        transform: translateY(50%);
        z-index: 2;
		    line-height: 1.0;
    }

    section span {
        display: block;
        font-size: 40px;
		    line-height: 1.0;
    }

    @media screen and (max-width: 720px) {
/*         section {
            width: 130px;
            height: 130px;
            font-size: 10px;
            padding: 10px 10px;
			  margin-bottom: 25%!important;
			line-height: 1!important;
        } */
		     section {
          width: 100%;
    height: 130px;
    font-size: 10px;
    padding: 10px 10px;
    margin-bottom: 5%!important;
    line-height: 1!important;
				    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), #FFF);
    z-index: 0;
        }

        section span {
            font-size: 40px;
        }
		section :after {
    content: "";
    display: block;
    width: 105%;
    height: 1px;
    background-color: #555;
    position: absolute;
    top: 50%;
    left: -2.5%;
    transform: translateY(30%) rotate(0deg);
    transform-origin: center;
}
		section:nth-of-type(4n+1) span {
    padding: 0% 0 0;
}
		section:nth-of-type(2n+1) span {
    padding: 0% 0 0;
}
	


		    section:nth-of-type(2n+1) {
        margin-left: auto;
				  background: linear-gradient(to bottom,rgba(113, 82, 54, 0.3), #FFF);
    z-index: 0;
        text-align: right;
    }
		    section:nth-of-type(4n+1) {
        margin-left: auto;
    
		    background: linear-gradient(to bottom, rgba(85, 54, 113, 0.3), #FFF);
    z-index: 0;
        text-align: right;
    }
    }




@media screen and (min-width: 720px) {
    section :after {
        content: "";
        display: block;
        width: 180%;
        height: 1px;
        background-color: #555;
        position: absolute;
        top: 50%;
        right: -40%;
        transform: translateY(-50%) rotate(-45deg);
        transform-origin: center;
    }


    section:nth-of-type(2n+1) span {
        padding: 50% 0 0;
    }

    section:nth-of-type(4n+1) span {
        padding: 50% 0 0;
    }
	    section:nth-of-type(2n+1) {
        margin-left: auto;
        background-color: rgba(85, 54, 113, 0.3);
        text-align: right;
    }
		    section:nth-of-type(4n+1) {
        margin-left: auto;
        background-color: rgba(113, 82, 54, 0.3);
        text-align: right;
    }
}


    @media screen and (max-width: 760px){
.dtil span{
margin-right: 5%;
    padding: 15px 0;
    display: block;
     font-weight: 700;
	        display: inline-block;
}
.dtil{
     border-bottom: 1px solid #999;
     font-size: .9rem;
     font-weight: 500;
     line-height: 1.5;
     padding: 5px;
     margin: auto auto 10px auto;
	letter-spacing: 1.5px;
}
}
    @media screen and (min-width: 760px){
.dtil span{
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.5;
  margin-right: 5%;
}
.dtil{
       border-bottom: 1px solid #999;
       font-size: 0.9rem;
       font-weight: 500;
       line-height: 1.5;
       padding: 15px 0;
       width: 80%;
      margin: auto auto 10px auto;
	letter-spacing: 1.5px;
}
}

/* アイテムリスト */
   
/*.content{
    margin: 0 auto;
    padding: 40px;
}*/
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 9999;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}


.box-title span {
    font-family: Poppins,sans-serif;
    font-size: 26px;
    font-weight: 700;
    display: block;
    line-height: 1.2;
    font-style: italic;
}
.box-brand {
    padding-bottom: 20px;
}
.box-brand .brand-list {
    overflow: hidden;
    margin-bottom: 5px;
}
.box-brand .brand-list li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.box-brand .brand-list li a {
    display: block;
    border: 1px solid #e0e0e0;
    padding: 10px 6px;
    border-radius: 3px;
    font-size: 13px;
    color: #666;
    text-decoration: none;
}
.box-brand .brand-list li a:hover {
    background-color: #f9f9f9;
}
.link-button {
    clear: both;
}
.link-button a {
    display: block;
    position: relative;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    padding: 12px;
box-shadow: 0 0 0rem 0 rgb(0,0,0);
}
.link-button a::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -30px -30px;
    width: 30px;
    height: 30px;
    top: 4px;
    right: 0;
}
.page-list {
    display: inline-block;
}
@media screen and (max-width:1000px) {
    .page-list {
        margin: 0 auto;
    }
}
.page-list {
    margin-top: 30px;
}
.page-list li {
    float: left;
    line-height: 1;
    width: 38px;
    text-align: center;
    margin-left: 6px;
    font-family: Poppins,sans-serif;
}
.page-list li:first-child {
    margin-left: 0;
}
.page-list li a {
    display: block;
    position: relative;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    padding: 12px 0;
    box-sizing: border-box;
}
.page-list li a:hover {
    background-color: #333;
}
#overlay {
    display: none;
}
.fb-page {
    height: 214px;
}
.fb-page span {
    width: 300px;
}
.fixed-box {
    width: 300px;
    vertical-align: top;
    display: inline-block;
}
.link-button a:hover {
    opacity: 0.8;
}
.link-button a:hover::before {
    right: 1px;
}
@media screen and (max-width:768px) {
    .page-list {
        clear: both;
        overflow: hidden;
        text-align: center;
        font-style: normal;
        border-top: 1px solid #f3f3f3;
        padding: 15px 0 0;
        display: block;
        margin: 0 0 15px;
    }
    .page-list li a {
        color: #000;
        text-decoration: none;
        border: none;
        display: inline-block;
        padding: 0;
    }
    .page-list li {
        float: left;
        display: none;
        padding-top: 12px;
        margin-left: 0;
    }
    .box-brand {
        padding: 30px 15px 20px;
        border-top: 1px solid #e6e6e6;
    }
    .box-brand .brand-list li a:hover {
        background: 0 0;
    }
    #overlay {
        display: none;
        overflow-y: scroll;
        width: 100%;
        height: 100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 100;
        background: #fff;
    }
    .overlay-close {
        height: 40px;
        background: #000;
        font-family: Poppins,sans-serif;
        font-size: 20px;
        font-weight: 700;
        font-style: italic;
        color: #fff;
        text-align: left;
        text-indent: 26px;
        line-height: 2;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 3;
        cursor: pointer;
        display: block;
        float: left;
    }
    .overlay-close::before {
        content: '';
        display: block;
        position: absolute;
        background-position: 0 -30px;
        width: 30px;
        height: 30px;
        top: 5px;
        left: 0;
    }
    .fixed-box {
        width: 100%!important;
        box-sizing: border-box;
        margin: 15px 0 30px;
    }
}
@media screen and (max-width:768px) {
    body {
        background: #fff;
    }
    @keyframes reflection {
        0% {
            transform: scale(0) rotate(45deg);
            opacity: 0;
        }
        80% {
            transform: scale(0) rotate(45deg);
            opacity: 0.5;
        }
        81% {
            transform: scale(4) rotate(45deg);
            opacity: 1;
        }
        100% {
            transform: scale(50) rotate(45deg);
            opacity: 0;
        }
    }
}
.link-button a {
    display: block;
    position: relative;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    border-radius: 3px;
    line-height: 1.1em;
    padding: 10px 15px;
}
.link-button a::before {
    content: '';
    display: block;
    position: absolute;
    background-position: -30px -30px;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.half-modal-overlay {
    z-index: 100;
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    display: none;
    transition: top 0.5s,background 0.5s;
    -webkit-transition: top 0.5s,background 0.5s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}
.half-modal-overlay.half-modal-overlay-fixed {
    background: rgba(0,0,0,.5);
}
.half-modal-button {
    position: fixed;
    bottom: -100;
    right: 60px;
    z-index: 10;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
    height: 40px;
    white-space: nowrap;
    background-color: #000;
    border-radius: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.half-modal-overlay-sheet {
    position: fixed;
    background: #fff;
    z-index: 105;
    width: 100vw;
    min-height: 100vh;
    height: auto;
    top: 100vh;
    border-radius: 20px 20px 0 0;
    transition: top 0.5s;
    -webkit-transition: top 0.5s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.half-modal-overlay-sheet::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
}

.half-modal-container {
    width: 94vw;
    padding: 3vw;
    margin: 0 auto;
    height: calc(90vh - 50px);
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}
.half-modal-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.half-modal-container::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
}
.half-modal-list {
    padding-bottom: 130px;
    scrollbar-width: none;
    padding-left: 0;
}
.half-modal-list ::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
}
.item-list-box {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.item-list-box:not(:first-child) {
    margin-top: 45px;
}
.item-list-box:first-child {
    margin-top: 10px;
}
.item-list-image {
    width: 30vw;
}
.item-list-image img {
    width: 100%;
    height: auto;
}
.item-list-description {
    width: 60vw;
    margin-left: 4vw;
}
.item-list-description .link-button:not(:first-child) {
    margin-top: 5px;
}
.item-list-description .link-title a {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    margin-top: 2px;
    line-height: 1.5;
}
.item-list-description .link-title a:hover {
    text-decoration: none;
}
.item-list-description .link-title span {
    display: block;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 3px;
    font-feature-settings: "palt";
}
.item-list-description .link-button a::before {
    display: none;
}
.js-modal-close {
    border-radius: 50%;
    background: url("https://tasclap.k-img.com/images/tasclap/icon_splite.svg") 0 0 no-repeat;
    background-size: 190px 80px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background-color: #000;
    cursor: pointer;
    z-index: 200;
    top: 6px;
    right: 6px;
    position: absolute;
    width: 35px;
    height: 35px;
    background-position: -137px -22px;
}
.half-modal-overlay-arrow {
    position: relative;
    display: inline-block;
    color: #333;
    text-decoration: none;
    top: 8px;
}
.half-modal-overlay-arrow-left {
    content: '';
    width: 25px;
    height: 5px;
    background: #e3e3e3;
    border: 0;
    position: absolute;
    transform: rotate(35deg);
    right: -4px;
    border-radius: 20px;
}
.half-modal-overlay-arrow-right {
    content: '';
    width: 25px;
    height: 5px;
    background: #e3e3e3;
    border: 0;
    position: absolute;
    transform: rotate(-35deg);
    left: -4px;
    border-radius: 20px;
}
.half-modal-button img {
    width: 15px;
    height: 15px;
    margin-right: 3px;
}
.half-modal-overlay-sheet-top {
    height: 47px;
    background: #fff;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    z-index: 5;
    overflow: hidden;
    overflow-y: scroll;
}
.half-modal-overlay-sheet-top-scroll {
    width: 100vw;
    height: 47px;
    margin: 0 auto;
    overflow: hidden;
    overflow-y: scroll;
    position: fixed;
    z-index: 50;
    opacity: 0;
}
.half-modal-overlay-sheet-top-scroll-inner {
    width: 100vw;
    height: 100px;
    position: relative;
}
@media screen and (min-width:769px) {
    .half-modal-overlay:hover {
        cursor: pointer;
    }
    .half-modal-overlay-sheet:hover {
        cursor: default;
    }
    .js-modal-close:hover {
        opacity: 0.8;
    }
    .half-modal-button {
        position: fixed;
        bottom: -100px;
        right: 60px;
        z-index: 10;
        color: #fff;
        text-align: center;
        font-size: 14px;
        line-height: 40px;
        padding: 0 15px;
        height: 40px;
        white-space: nowrap;
        background-color: #000;
        border-radius: 20px;
        transition: bottom 0.5s;
        -webkit-transition: bottom 0.5s;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .half-modal-button:hover {
        cursor: pointer;
        opacity: 0.8;
    }
    .half-modal-overlay {
        display: none;
    }
    .half-modal-overlay.half-modal-overlay-fixed {
        display: flex!important;
        align-items: center;
        justify-content: center;
        overflow-y: inherit;
    }
    .half-modal-overlay-sheet {
        position: relative;
        margin: inherit;
        display: none;
        background: #fff;
        z-index: 105;
        width: 880px;
        min-height: inherit;
        height: 80vh;
        max-height: 830px;
        border-radius: 20px;
        transition: top 0.5s;
        -webkit-transition: top 0.5s;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .half-modal-overlay-sheet.sheet-slide-in {
        top: inherit;
        display: block;
    }
    .half-modal-overlay-sheet-top {
        display: none;
    }
    .half-modal-overlay-sheet-top-scroll {
        display: none;
    }
    .half-modal-container {
        width: 740px;
        height: calc(80vh - 90px);
        max-height: 740px;
        margin: 45px auto;
        padding: inherit;
    }
    .half-modal-list {
        width: 740px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .half-modal-list ::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
    }
    .half-modal-container {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .half-modal-container::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
    }
    .item-list-box:not(:first-child) {
        margin-top: 30px;
    }
    .item-list-box:nth-child(-n+2) {
        margin-top: 0;
    }
    .item-list-box {
        width: 343px;
    }
    .half-modal-overlay-sheet.sheet-slide-in {
        top: 0;
    }
    .item-list-image {
        width: 120px;
    }
    .item-list-image:hover {
        opacity: 0.8;
        cursor: pointer;
    }
    .item-list-description {
        width: 210px;
        margin-left: 13px;
    }
    .item-list-box:not(:nth-child(-n+2)) {
        /*padding-top: 30px;*/
padding-top: 0px;
        border-top: 1px solid #f1f1f1;
    }
}
/* ページトップ */
/* #page_top{
    width: 150px;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.8;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
} */
/* ボタン */
.half-modal-button img {
    width: 20px;
    height: 20px;
    margin-right: 0px;
    margin: 10apx 0 0 0;
    vertical-align: middle;
}

.half-modal-button a{color:#fff;
    font-weight: 600;
    font-feature-settings: "palt";
    letter-spacing: 0.3;
    font-family: sans-serif;
    text-decoration: none;
    text-align: center;
    margin: auto;
    }
@media screen and (min-width: 769px){
.half-modal-button {
    width: 160px;
    position: fixed;
    bottom: 50px;
    right: 60px;
    z-index: 10;
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    padding: 0 15px;
    height: 40px;
    white-space: nowrap;
    background-color: #000;
    border-radius: 20px;
    transition: bottom 0.5s;
    -webkit-transition: bottom 0.5s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;}
}
.parts-link{    padding: 0;} 
/* 独自 */
#modal01 .product-item-snippet{
display: none!important;
}

#modal01 .cache-delete-link {
display: none!important;
}
#modal01  .product-item-content{
    margin-top: 0px!important;
}
@media screen and (max-width: 834px){
.half-modal-button {
    width: 130px;
    position: fixed;
bottom: -50px;
    right: 60px;
    z-index: 99999;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    padding: 0 15px;
    height: 40px;
    white-space: nowrap;
    background-color: #000;
    border-radius: 20px;
    transition: all .5s;
    -webkit-transition: all .5s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 0 3px 0 #010101;
}
    .item-list-box:not(:nth-child(n+2)) {
        /*padding-top: 30px;*/
padding-top: 0px;
        border-top: 1px solid #f1f1f1;
    }
#modal01  ul{
       padding-left: 0px!important;
}
	#modal01 .product-item-box{
          margin: 0em auto;!important;
}
.half-modal-overlay-sheet.sheet-slide-in {
    top: 0%;
}
}

@media screen and (min-width: 764px){
.half-modal-button {
    width: 160px;
    position: fixed;
    bottom: -50px;
    right: 60px;
    z-index: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
    height: 40px;
    white-space: nowrap;
    background-color: #000;
    border-radius: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
        box-shadow: 0px 0px 3px 0px #010101;
}
.half-modal-overlay-sheet.sheet-slide-in {
    top: 0%;
}
#modal01 .shoplinkamazon {
    width: 100%!important;
}
#modal01 .shoplinkrakuten {
    width: 100%!important;
}
#modal01 .shoplinkyahoo {
    width: 100%!important;
}
	#modal01 .shoplinkbtn3 {
    width: 100%!important;
}
	
#modal01 .product-item-box{
       margin: 0.2em auto!important;
}
}
ol, ul
{padding-left: 0;}

/* 右左 */
.fukidesc {
    display: table;
    margin-bottom: 2em;
    width: 100%;
}
.fukiimg {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-right: 17px;
	    text-align: center;
}
.fukicell {
    display: table-cell;
    vertical-align: middle;
    width: 49%;
    position: relative;
}
.fukip {
    position: relative;
    background: #eaf3ff;
    padding: 12px 10px;
    border-radius: 8px;
    z-index: 2;
}
.fukip::before {
    position: absolute;
    left: -36px;
    top: 35px;
    transform: rotate(-32deg);
    -webkit-transform: rotate(-38deg);
    content: '';
    display: inline-block;
    width: 75px;
    height: 30.5px;
    background-image: url(https://tryk-magazine.com/wp-content/uploads/2020/07/fukia.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.fukip p {
    margin: 0;
    z-index: 2;
    position: relative;
}

@media screen and (max-width: 450px){
.fukip:before {
    left: 14px;
    top: -20px;
    width: 60px;
    height: 60px;
    background-image: url(https://tryk-magazine.com/wp-content/uploads/2020/07/fukiaa.png);
}

.fukiimg {
    padding-right: 0;
}
.fukicell, .fukidesc, .fukiimg, .post-content .codefuki .codebig, .fukiimg img, .post-content .fukidesc .fukisml, .post-content .fukidesc .fukibig {
    display: block;
    width: 100%;
}
.fukip {
    font-size: 1em;
}
}

@media screen and (max-width: 834px){
.article ul {
        padding-left: 1px;
}
}

.article ul, .article ol{
	 padding-left: 1px;
}

@media screen and (min-width: 632px) {
    .details {
      border-radius: 10px;
      padding: 26px 26px 22px;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        padding: 14px 16px;
            margin:5%;
    text-align: center;
      }
}


    .details {
    text-align: center;
      border-radius: 10px;
      padding: 26px 26px 22px;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        padding: 14px 16px;
            margin:5%;
      }

.details-heading > span {  color: #e50012;
    padding: 0px;
    display: grid;
    font-size: 10px;
    line-height: 1;
    margin-bottom: 3px;
    position: relative;
    vertical-align: top;
    font-weight: normal;
text-align:center;
}

  .details-heading {
   /* font-weight: bold;*/
    line-height: 1.35;
    color: #e50012;
    margin-bottom: 12px;
    text-align: center;
    font-weight: 600;
  }

  .details>p {
    margin-left: 0%;

  }
/* ここから */
 @media screen and (max-width: 768px){
    .main-pickup {
    min-width: 100%;
    }
    .main-pickup .article-detail {
    position: relative;
    width: 100%;}
    .article-detail {
   position: relative;
   width: 100%;
   }
  .article-detail:nth-child(1) .article-image {
 background: #f2f2f2;
 background-size: contain;
 text-align: center;
 }

  .article-detail:nth-child(1) .article-image img {
 height: 300px;
 object-fit: cover;
 }
.article-detail:nth-last-child(-n+2) {
 width: 50%;
 float: left;
 }
.article-detail:nth-last-child(-n+2) .article-image {
 margin-top: 0;
 }
.article-detail:nth-last-child(-n+2) .article-text-inner {
 bottom: 0;
 }
.article-detail:nth-last-child(-n+2) .article-category {
 font-size: 10px;
 }
.article-detail:nth-last-child(-n+2) .article-title {
 font-size: 15px;
 }
}
    .main-pickup {
    overflow: hidden;
    max-width: 1200px;
       margin: 30px auto;
    }

     .article-detail {
    position: relative;
    width: calc(100%/3);
    float: left;
    overflow: hidden;
    }
   
     .article-detail .article-image {
    overflow: hidden;
    display: block;
    vertical-align: middle;
    }

    @media screen and (max-width: 450px){
    .top .main-pickup .article-detail:nth-child(1) .article-image img {
    width: 100%;
    height: auto;
    margin-top: -10%;
    margin-bottom: -10%;
    }
      .article-detail a {
      text-decoration: none;
      display: block;
      padding-left: 0;
      padding-right: 0;
      }
}
  
   
    .article-image img {
    width: 100%;
    vertical-align: bottom;
    }
    .article-text-inner {
    position: absolute;
    bottom: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
    endColorstr='#80000000',GradientType=0);
    }
    .article-category {
    background: #000000;
    color: #fff;
    padding: 5px;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    margin-bottom: 3px;
    margin-left: 12px;
    position: relative;
    }
   .article-category::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 5px;
    border-color: transparent transparent transparent #000000;
    right: -5px;
    position: absolute;
    top: 0;
    }
   .article-title {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 12px;
    margin-bottom: 3%;
    margin-right: 12px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    height: auto !important;
	    color: #fff;
    }
 .article-title a {
    color: #fff;
    text-decoration: none;
    }

/* グリーン説明 */
.recommendBox {
    padding: 0.5rem 1rem 0 1rem;
    border: 2px solid #0097a7;
    border-radius: 4px;
    margin: 0 0 1.5rem 0;
    box-sizing: border-box;
    width: 100%;
    background: #f5fafa;
  }

  .recommendBox__title {
    font-weight: 700;
    color: #0097a7;
    border-bottom: 1px solid #bcc8c9;
    padding-bottom: 0.5rem;
  }

  .uList {
    list-style: none;
    margin: 0 0 1.5rem;
  }

  .uList li {
    margin: 0.6rem 0 0.6rem 1rem;
    position: relative;
  }

 /* .uList li::before {
    margin-left: -1rem;
    display: block;
    position: absolute;
    content: "\f111";
    color: #0097a7;
    font-size: 0.5rem;
    top: 5px;
    left: 0;
  }*/


  @keyframes shake {
    0% {
      transform: rotate(0deg)
    }

    0.5% {
      transform: rotate(5deg)
    }

    1% {
      transform: rotate(0deg)
    }

    1.5% {
      transform: rotate(-5deg)
    }

    2% {
      transform: rotate(0deg)
    }

    2.5% {
      transform: rotate(5deg)
    }

    3% {
      transform: rotate(-5deg)
    }

    3.5% {
      transform: rotate(0deg)
    }

    4% {
      transform: rotate(5deg)
    }

    4.5% {
      transform: rotate(0deg)
    }

    5% {
      transform: rotate(-5deg)
    }

    5.5% {
      transform: rotate(0deg)
    }

    100% {
      transform: rotate(0deg)
    }
  }

  @keyframes move {
    0% {
      transform: scale(1);
      opacity: 1
    }

    20% {
      transform: scale(1.3);
      opacity: 0
    }

    40% {
      transform: scale(1);
      opacity: 0
    }

    100% {
      transform: scale(1);
      opacity: 1
    }
  }

/* はてな */
.dictionaryBox {
    border: 2px solid #bcc8c9;
    border-radius: 4px;
   padding: 1rem 1rem 1rem;
    position: relative;
    margin: 1rem 0 1.5rem 0;
    box-sizing: border-box;
    background: #fdfdfa;
    width: 100%;
}
.dictionaryBox__term {
    font-weight: 700;
    border-bottom: 1px solid #bcc8c9;
    padding-bottom: .5rem;
    position: initial;
    color: #00a970;
	    margin-bottom: 15px;
}
.dictionaryBox__term:before {
    top: -1rem;
    left: 1rem;
    width: 32px;
    font-family: 'FontAwesome';
    content: '\f059';
    margin-right: .5rem;
	font-size: 1rem;
}

.twitter-tweet{margin: auto}

/*右左説明*/
 .float {
    background: #fff;
    padding: 60px 23px 50px;
    position: relative;
    width: 100%;
    margin-top: 100px;
    text-align: center;
    margin: auto;
  }


  @media screen and (max-width:768px) {
    .float {
      padding: 30px 5px 22px
    }
  }

  .float-top {
    min-height: 335px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
  }

  @media screen and (max-width:768px) {
    .float-top {
      display: block
    }
  }

  .float-media {
    position: relative;
    padding-left: 17px;
    width: 41%;
    width: 50%;
  }

  @media screen and (max-width:768px) {
    .float-media {
      width: 100%;
      padding: 0 15px
    }
  }

  

  .float-media-inner {

    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
/*     box-shadow: 0 5px 50px -7px rgba(25, 25, 25, .7); */
    position: absolute;

  }

  @media screen and (max-width:768px) {
    .float-media-inner {
      width: 100%;
      height: auto;
      padding-top: 1%;
      position: relative;
      top: 0;
      margin: 10px auto 25px
    }
  }



  .float-media-inner:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    border-top: 1px solid #181818;
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-48%);
    transform: translateY(-48%);
    right: -40px
  }

  @media screen and (max-width:768px) {
    .float-media-inner:after {
      width: 33px;
      -webkit-transform: translateY(0) rotate(90deg);
      transform: translateY(0) rotate(90deg);
      top: 100%;
      left: 0;
      right: 0;
      margin: 0 auto
    }
  }

  .float-content {
    width: 100%;
    text-align: center;
    margin: auto;
  }

  @media screen and (max-width:768px) {
    .float-content {
      width: 100%;
      padding: 0 15px
    }
  }

  .float-location {
    font-size: 16px;
    font-weight: 700;
    color: #ddd;
    line-height: 1;
    min-width: 225px;
    text-align: right;
    position: absolute;
    top: 75px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -55px
  }

  @media screen and (max-width:768px) {
    .float-location {
      display: none
    }
  }

  .float-sns,
  .float-title {
    display: inline-block;
    vertical-align: middle
  }

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

    .float-sns,
    .float-title {
      display: block;
      text-align: center
    }
  }

  .float-title {
    font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #181818;
    letter-spacing: .09em;
    margin-right: 33px
  }

  @media screen and (max-width:768px) {
    .float-title {
      font-size: 18px;
      letter-spacing: .06em;
      margin-right: 0
    }
  }

  .float-title a {
    color: inherit
  }



  .float-desc {
    font-size: 14px;
    color: #181818;
    letter-spacing: .05em;
    line-height: 1.75;
    margin-top: 18px;
padding-right: 45px;
    padding: 0 10%;
  }

  @media screen and (max-width:768px) {
    .float-desc {
      letter-spacing: .05em;
      line-height: 2;
      margin-top: 10px;
      padding: 0
    }
  }

  .float-sns {
    list-style: none;
    margin: 2px -7px 0
  }

  @media screen and (max-width:768px) {
    .float-sns {
      margin: 18px -10px 0
    }
  }

  .float-sns-list {
    vertical-align: middle;
    padding: 0 7px
  }

  @media screen and (max-width:768px) {
    .float-sns-list {
      padding: 0 10px
    }
  }

  .float-sns-list,
  .float-sns-list a {
    display: inline-block
  }

  .float-sns-icon {
    color: #181818;
    font-size: 19px
  }

  .float-bottom {
    margin: 45px auto 0;
    padding: 0 17px
  }

  @media screen and (max-width:768px) {
    .float-bottom {
      margin: 11px auto 0;
      padding: 0 15px
    }
  }

  .float-gallery {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
  }

  .float-gallery-list {
    -webkit-box-flex: 25%;
    -webkit-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    min-width: 25%;
    padding: 0 5px
  }

  @media screen and (max-width:768px) {
    .float-gallery-list {
      margin: 5px 0;
      -webkit-box-flex: 50%;
      -webkit-flex: 50%;
      -ms-flex: 50%;
      flex: 50%;
      min-width: 50%
    }
  }

  .float-gallery-image {
    width: 100%;
    height: 252px;
    margin: 0 auto;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
  }

  @media screen and (max-width:768px) {
    .float-gallery-image {
      width: 100%;
      height: auto;
      /* padding-top: 101% */
    }
  }

 .main_box {
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1;
        bottom: 0;
        display: flex;
margin-bottom: 50px;
        flex-direction: column;
        text-align: center;
        align-content: center;
        align-items: center;
    }

    .main_β {
    padding: 10px 0 5px 0;
    color: rgb(51 51 51);
    /* text-shadow: 1px 2px 4px #eed06b; */
    font-weight: 700;
}


    @media screen and (min-width: 500px) {
.aboutshop img{width:50%;}
        .main_cap {
            position: relative !important;
            top: 0;
            font-size: 24.5px;
            background-color: rgba(229, 189, 23, .7);
            display: inline-block;
            margin-bottom: 7px;
            padding: 0 25px;
            letter-spacing: 1px;
			    font-weight: 600;
        }


        .sp-br {
            display: none;
            /* パソコン時は、brタグを表示しない＝改行しない */
        }
    }

    @media screen and (max-width: 599px) {
.aboutshop img{width:100%;}
        .main_cap {
            position: relative !important;
            top: 0;
            font-size: 17px;
            background-color: rgba(229, 189, 23, .7);
            display: inline-block;
            margin-bottom: 7px;
            padding: 0 10px;
            letter-spacing: 1px;
			    font-weight: 600;
        }

        .sp-br {
            /* 559px以下のときbrタグ表示＝改行する */
            display: inline;
        }
    }
/*リンク*/
.adButton-text{text-align: center;
    width: 100%;
    font-size: 95%;
    line-height: 1.8;
    font-weight: 600;
	margin-bottom:5px;
    } 

/*アイテムカラー*/
  .dui-filter-menu {
    line-height: 1.15;
    background: #fff;
text-align:center;
    margin: auto;
    width: 100%;
}
.dui-filter-menu>.header {
    display: block;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 700;
        margin: auto;
        color: black;
}
body>.dui-container.main>.dui-container.aside>.dui-menu .dui-filter-menu>.header>span {
    display: block;
    width: 155px;
}
._ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dui-filter-menu>.content {
    display: block;
    padding: 0 16px 12px;
    font-size: 12px;
    text-align: center;
    color: #1f1f1f;
}
.dui-color-filter {
    font-size: 0;
    margin: 0 0 -5px;
}
.dui-filter-menu .content a:not(:hover), .dui-filter-menu>.extra {
    color: #1f1f1f;
}
.dui-color-filter>.dui-color {
    vertical-align: middle;
    margin: 0 5px 5px 0;
}
.dui-color {
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.dui-color.-white {
    border: 1px solid #eee;
}
.dui-color.-multi-color {
    background: url(https://aura-vogue.com/coordinate/room/image/multi_circle.svg) no-repeat;
    background-size: cover;
}
.dui-color.-silver {
    background: url(https://aura-vogue.com/coordinate/room/image/silver_circle.svg) no-repeat;
    background-size: cover;
}
.dui-color.-gold {
    background: url(https://aura-vogue.com/coordinate/room/image/gold_circle.svg) no-repeat;
    background-size: cover;
}

	/* ----- 共通 ----- */

.talk {
margin-bottom: 40px;
	margin-top: 50px;
}

.talk figure img {
width: 100%;
height: 100%;
border: 2px solid #000000;
border-radius: 50%;
margin: 0;
}

/* 画像の下のテキスト */
.talk-imgname {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
}

p.talk-text {
margin: 0 0 8px;
	    color: #000;
    font-weight: 600;
	
}

p.talk-text:last-child {
margin-bottom: 0px;
}

/* 回り込み解除 */
.talk:after,.talk:before {
clear: both;
content: "";
display: block;
}

/* ----- 右の場合 ----- */

/* 右画像 */
.talk-Rimg {
margin-right: 4px;
margin-top: -1px;
float: right;
width: 60px;
height: 60px;
}

/* 右からの吹き出しテキスト */
.talk-Rtxt {
position: relative;
margin-right: 80px;
padding: 1.0em;
border: 3px solid #949494;
/*     background-color: #8ad1ff1f; */
border-radius: 5px;
/*  background: url(https://aura-vogue.com/wp-content/uploads/2020/11/aura02.jpg);
    background-size: cover;  */
}

/* 右の三角形を作る */
.talk-Rtxt:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #0000006b;
top: 15px;
right: -23px;
}

.talk-Rtxt:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #ffffff;
top: 15px;
right: -19px;
}

.instagram-media{margin: auto!important;}

/*目次*/
#toc_container{
	margin:20px auto 30px;
	background-color:rgba(44,153,181,.04); /* 目次全体の背景カラー */
	border:3px solid rgba(64,105,144,.2); /* 目次全体の枠線 */
	border-radius:3px;
	box-sizing:border-box;
	padding:38px 52px;
	display:table;
	min-width: 68%;
	counter-reset:li;
}

/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before{
	content:none;
	padding:0;
	margin:0;
	width:0;
	height:0;
	background:none;
	box-shadow:none;
}

/* 目次の見出しタイトル */
#toc_container .toc_title{
	text-align:center;
	font-weight:bold;
	font-size:118%;
	padding:0;
}

/* 見出しタイトル左のアイコン */
#toc_container .toc_title::before{
	position:relative;
	font-size:28px;
	content:"\2254";
	display:inline-block;
	width:40px;
	height:40px;
	line-height:34px;
	margin-right:8px;
	border-radius:50%;
	vertical-align:baseline;
	speak:none;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	background-color:#5f7b96;
}

/* 表示／非表示トグル */
#toc_container .toc_toggle a{
	font-size:13px;
	font-weight:normal;
	padding:2px 4px;
}

/* 目次エリア */
#toc_container p.toc_title + ul.toc_list{
	padding:20px 0 0;
	margin:20px 0 0;
	border-top:1px solid rgba(0,0,0,.1);
}

/* リスト共通スタイル */
#toc_container ul.toc_list li{
	position:relative;
	padding:0;
	margin:0;
}

/* 目次リンク共通スタイル */
#toc_container ul.toc_list li a{
	position:relative;
	font-size:94%;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	line-height:1.6;
	padding:3px 0;
	margin:5px 0;
	transition:all .3s ease;
}
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited{
	color:#5f7b96; /* リンクカラー */
}
/* マウスオーバー時 */
#toc_container ul.toc_list li a:hover{
	text-decoration:none;
	box-shadow:0 2px;
}

/* 親の目次 */
#toc_container ul.toc_list > li > a{
	font-size:104%;
	font-weight:bold;
	margin-left:40px;
}

/* 親の目次(左側の連番) */
#toc_container ul.toc_list > li::before,
#toc_container ul.toc_list > li::after{
	position:absolute;
	top:3px;
	left:0;
}
/* 連番背景 */
#toc_container ul.toc_list > li::before{
	content:'';
	display:inline-block;
	vertical-align:bottom;
	width:32px;
	height:32px;
	margin-right:7px;
	border-radius:16px;
	background-color:rgba(125,157,188,0.66);
}
/* 連番 */
#toc_container ul.toc_list > li::after{
	counter-increment:li;
	content:counter(li);
	width:32px;
	line-height:32px;
	font-family:'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', san-serif;
	font-weight:400;
	text-align:center;
	color:#fff;
}

/* 子の目次 */
#toc_container ul.toc_list > li > ul{
	margin-left:40px;
}

/* 子の目次の左側のアイコン */
#toc_container ul.toc_list > li ul li::before{
	position:absolute;
	top:3px;
	left:0;
	content:'\2023';
	display: inline-block;
	width:14px;
	height:28px;
	line-height:28px;
	font-size:18px;
	color:#5f7b96;
}
#toc_container ul.toc_list > li ul li a{
	font-weight: normal;
	margin-left:16px;
}

/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px){
	#toc_container{
		padding:20px 3vw;
		min-width:auto;
		width:100%!important;
	}
	#toc_container p.toc_title + ul.toc_list{
		padding:20px 0 0;
	}
	#toc_container ul.toc_list > li > ul{
		margin-left:30px;
	}
}

/* これおすすめ *
  .count-boxi-like .count-boxi-class {
        display: inline-flex;
        align-items: center;
    }
.count-boxi::active{color: #e80000d9;}

    .count-boxi-btn {
    color: #ffffff;
    background-color: #000000;
    }

.count-boxi-like .count-boxi-btn {
       margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: .25em;
    box-shadow: none;
    padding: 5px 12px 5px 35px;
    border: 0;
    text-align: center;
    transition-property: none;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1.0;
    font-size: 0.8rem;
    font-family: 'Cherry Swash', cursive;
	margin: 5px 0px;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}


   .count-boxi-image::before {
    content: '';
    display: block;
    background: url(https://aura-vogue.com/wp-content/plugins/wp-ulike/assets/css/../img/svg/like.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 20px;
    top: 47%;
    transform: translateX(-50%) translateY(-50%);
}

    .count-boxi {
        position: relative;
        border-radius: .25em;
        font-size: 12px;
        text-decoration: none;
        background-color: #fff;
        margin-left: 8px;
        line-height: 28px;
        display: inline-block;
        padding: 0 10px;
        box-shadow: 0 0 0 1px #bdbdbd inset;
        color: #616161;
        vertical-align: middle;
        text-align: center;
    }

    .count-boxi:before {
        content: '';
        position: absolute;
        border: 1px solid transparent;
        background: #fff;
        border-bottom-color: #bdbdbd;
        left: -5px;
        top: 50%;
        border-left-color: #bdbdbd;
        transform: rotate(45deg) translatey(-50%);
        width: 5px;
        height: 5px;
        margin: 0;
    }

/* これおすすめ改 */
   .count-boxi {
      position: relative;
    border-radius: .25em;
    font-size: 130%;
    text-decoration: none;
    background-color: #fff;
    margin-left: 8px;
    line-height: 28px;
    display: inline-block;
    padding: 0 10px;
    box-shadow: 0 0 0 1px #bdbdbd inset;
    color: #ff0000;
    font-weight: 900;
    vertical-align: middle;
    text-align: center;
}
.count-boxi-image::before {
  content: "";
    width: 50%;
    height: 80px;
    background-image: url(https://aura-vogue.com/wp-content/uploads/2021/03/ckc-ct03.png);
    background-size: contain;
    vertical-align: middle;
    z-index: 2;
    position: absolute;
    left: -15%;
    top: 0;
}
.count-boxi-like .count-boxi-btn {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: .25em;
    box-shadow: none;
    padding: 5px 12px 5px 35px;
    border: 0;
    text-align: center;
    transition-property: none;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1.0;
    font-size: .8rem;
    font-family: 'Cherry Swash',cursive;
    margin: 5px 0;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.count-boxi-btn {
    color: #fff;
    background-color: #000;
}
.counter-ckc:after {
    content: '';
    position: absolute;
    top: 95%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #000;
}


.counter-ckc {
    text-align: center;
    background: black;
    width: 65%;
    margin: 30px auto 30px;
    border-radius: 10px;
    position: relative;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

.count-boxi:before {
    content: '';
    position: absolute;
    border: 1px solid transparent;
    background: #fff;
    border-bottom-color: #bdbdbd;
    left: -5px;
    top: 50%;
    border-left-color: #bdbdbd;
    transform: rotate(
45deg
) translatey(-50%);
    width: 5px;
    height: 5px;
    margin: 0;
}

        /* ランキング */
.rankIcon._03 {
	    margin-top: 25px;
    padding-top: 64px;
    background: url(https://aura-vogue.com/wp-content/uploads/2021/01/rank_bg03.png) no-repeat center top;
}
.rankIcon {
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: #e5a865;
    font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',serif;
    position: relative;
}
.rankIcon > p {
    position: absolute;
    font-size: 24px;
    text-align: center;
    width: 100%;
    left: 0;
    letter-spacing: -.04em;
}

.rankIcon._03 > p {
 top: -20px;
}
.rankIcon > p > span {
    font-size: 60px;
}
.rankIcon._01 {
	    margin-top: 25px;
    padding-top: 108px;
    background: url(https://aura-vogue.com/wp-content/uploads/2021/01/rank_bg01.png) no-repeat center top;
}
.rankIcon._02 {    margin-top: 25px;
    padding-top: 108px;
    background: url(https://aura-vogue.com/wp-content/uploads/2021/01/rank_bg02.png) no-repeat center top;
}
.rankIcon._01 > p {
    top: 20px;
}
.rankIcon._02 > p {
    top: 20px;
}


@media screen and (max-width: 768px) {
.num-content-tit {
    position: absolute;
    background: #2d5a83;
    color: white;
    top: 0px;
    left: 0px;
    padding: 12px 15px 12px 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: none;
    z-index: 3;
    box-shadow: 0 0 0px 5px #fff;
    position: inherit;
    line-height: 1.5;
    margin-bottom: 15px;
}

    .num-content {
        padding: 5% 5%;
        position: relative;
        background: #edf4fb;
        border-radius: 10px;
        margin-top: 54px;
        font-size: 15px;
        margin-bottom: 30px;
        font-weight: 600;
    }

.rankIcon._03 {
	    margin-top: 25px;
    padding-top: 64px;
    background: url(https://aura-vogue.com/wp-content/uploads/2021/01/rank_bg03.png) no-repeat center top;
}
.rankIcon {
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: #e5a865;
    font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',serif;
    position: relative;
}
.rankIcon > p {
    position: absolute;
    font-size: 24px;
    text-align: center;
    width: 100%;
    left: 0;
    letter-spacing: -.04em;
}

.rankIcon._03 > p {
 top: -20px;
}
.rankIcon > p > span {
    font-size: 60px;
}
.rankIcon._01 {
	    margin-top: 25px;
    padding-top: 108px;
    background: url(https://aura-vogue.com/wp-content/uploads/2021/01/rank_bg01.png) no-repeat center top;
}
.rankIcon._02 {
	    margin-top: 25px;
    padding-top: 108px;
    background: url(https://aura-vogue.com/wp-content/uploads/2021/01/rank_bg02.png) no-repeat center top;
}
.rankIcon._01 > p {
    top: 20px;
}
.rankIcon._02 > p {
    top: 20px;
}
}
 .list-img-sing{    color: black;
    background: #dddddd26;
    padding: 10px 5px;
    border: 1px dotted #ccaeae;}
  @media screen and (min-width:760px) { 
.list-tag-slide{display: initial;
    width: 100%;}
.list-tag-slide li{
     width: 18%;
display: inline-flex;
}

.num-content-tit {
    position: absolute;
    background: #2d5a83;
    color: white;
    top: -20px;
    left: 20px;
    padding: 12px 15px 12px 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: none;
    z-index: 3;
    box-shadow: 0 0 0px 5px #fff;
}

.num-content {
    padding: 5% 5%;
    position: relative;
    background: #edf4fb;
    border-radius: 10px;
    margin-top: 54px;
    font-size: 15px;
    margin-bottom: 30px;
    font-weight: 600;
}

}




.blue-text{color: #298cdd;font-size: large;font-weight: 600;}
.red-text{color: #f50000;font-size: large;font-weight: 600;}
@media screen and (max-width: 768px) {
    .list-tag-slide li {
        width: 45%;
        display: inline-flex;
    }

    .list-tag-slide {
        display: initial;
        width: 100%;
    }

.counter-ckc{text-align: center;
    background: black;
    width: 65%;
      margin: 30px auto 30px;
    border-radius: 10px;
position: relative;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
	.counter-ckc:before{     content: "\\ 良いと思ったらここをクリック /";
    position: absolute;
    top: -50%;
    left: 11%;
    margin: auto;
    font-size: 0.7rem;
     }

    .list-tag li:not(:last-child) {
    margin-right: 6px;
}
}

@media screen and (min-width: 768px) {
.counter-ckc{text-align: center;
    background: black;
    width: 30%;
      margin: 20px auto 30px;
    border-radius: 10px;
position: relative;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
	.counter-ckc:before{     content: "\\ 良いと思ったらここをクリック /";
    position: absolute;
    top: -50%;
    left: 15%;
    margin: auto;
    font-size: 0.7rem;
     }

    .list-tag li:not(:last-child) {
    margin-right: 6px;
}
}



.list-tag li {
    margin-top: 10px!important;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #d3dade;
    font-weight: 700;
    font-size: .7rem;
    line-height: 22px;
    color: #0a2442;
}
.list-tag {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 5px 0 10px;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content:center;
}
    /* リンク先 */
.caption {
    font-size: .8rem;
    color: #84999b;
    display: block;
}
.caption a {
    color: #2277a7;
    border-bottom: 1px solid;
    font-weight: 700;
}
.externalLink::before {
    content: "\f08e";
    text-decoration: none;
    padding-right: .2rem;
    font-family: 'FontAwesome';
}

/* 赤×黄色 */
@media screen and (max-width:768px) {
    .yellow-summary {
       padding:15% 5%;
    position: relative;
   background: #FFFFEB;
    border-radius: 10px;
    margin-top: 54px;
    font-size: 15px;
  margin-bottom: 30px;
		
		padding:10% 5% 10%;
}
.yellow-summary *:first-child {
    margin-top: 0;
}

.yellow-summary p {
    font-size: 80%;
}
.yellow-summary ul {
 padding-left: 10px;
}
.yellow-summary-tit {
    position: absolute;
    letter-spacing: 1.2;
         background: #ff0000;
    color: #fffeeb;
    top: -20px;
    left: 5%;
    right: 5%;
    padding: 12px 15px 12px 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: none;
    z-index: 3;
    box-shadow: 0 0 0px 5px #fff;
	    background: linear-gradient(to right,#00dbde 0%,#fc00ff 100%);
}
.yellow-summary-tit .icon-college-graduation {
    position: absolute;
    left: 10px;
    z-index: 1;
    color: #2d5a83;
}
}

@media screen and (min-width:768px) {
  
    .yellow-summary {
       padding: 5% 5%;
    position: relative;
background: #FFFFEB;
    border-radius: 10px;
    margin-top: 54px;
    font-size: 15px;
  margin-bottom: 30px;
		
}
.yellow-summary *:first-child {
    margin-top: 0;
}

.yellow-summary p {
    font-size: 15px;
}
.yellow-summary ul {
 padding-left: 10px;
}

.yellow-summary-tit {
    position: absolute;
    letter-spacing: 1.2;
           background: #ff0000;
    color: #fffeeb;
    top: -20px;
    left: 20%;
      right: 20%;
    padding: 12px 15px 12px 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: none;
    z-index: 3;
    box-shadow: 0 0 0px 5px #fff;
	    background: linear-gradient(to right,#00dbde 0%,#fc00ff 100%);
}
.yellow-summary-tit .icon-college-graduation {
    position: absolute;
    left: 10px;
    z-index: 1;
    color: #2d5a83;
}
}
   /*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}

.carousel {
    opacity: 100!important;
    transition: all 1s ease-out;
}

/* memo */
.memo {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff9e5;
    color: #545454;
    width: 100%;
    text-align: left;
	margin: 50px 0;
}
.dfont {
    font-family: "Quicksand","Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

.memo_ttl {
    margin-bottom: 5px;
    color: #ffb36b;
    font-size: 1.2em;
    font-weight: bold;
}

.memo_ttl:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    background: #ffb36b;
    color: #fff;
   font-family: "FontAwesome";
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    content: "\f304";
}

 .memo_ttl:before {
content: '\f044';
    font-size: 17px;
    font-family: "FontAwesome";
}
.memo ul li:before {
content: '\f00c';
    font-size: 17px;
    font-family: "FontAwesome";
	    margin-right: 10px;
}
.memo li {
        color: #f34848;
	font-weight:600;
	letter-spacing: 1px;
}

.memo ul, .memo ol {
    margin: 5px 0;
    padding: 0 0 0 1.4em;
    border: none;
    box-shadow: none;
    background: transparent;
}


 .imp-box {
       padding: 1em 1.5em;
    margin: 2em 0;
    background-color: #f0f1ff00;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 10px;
    }

    .imp-box p {
        margin: 0;
        padding: 0;
    }


 .imp {
      padding: 1em 1.5em;
    margin: 2em 0;
    background-color: #2ca9e114;
    border: 1px solid #0695d9;
    color: #0095d9;
    border-radius: 10px;
    font-weight: 700;
    }

    .imp p {
        margin: 0;
        padding: 0;
    }


/* 商品一覧 */
   .tileoutline > ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.tileoutline > ul > li {
    text-indent: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-bottom: 10px;
	    display: flow-root;
}
.tileoutline > ul > li > a {
/*     display: inline-block; */
    text-decoration: none;
	width:100%;
    color: #000;
}
.tileoutline-image {
    float: left;
    position: relative;
    overflow: hidden;
    width: 67.5px;
    height: 90px;
    margin-right: 11.25px;
}
.tileoutline-image img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	object-fit: contain;
}
.tileoutline-medal {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    padding: 0;
    border-radius: 13px;
    color: #fff;
    background-color: #e50012;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.tileoutline-caption1 {
font-weight: bold;
    color: #e50012;
    padding-top: 4px;
    font-size: 12px;
    line-height: 16px;
}
.tileoutline-caption2 {
    font-weight: bold;
    color: #1e62b2;
    font-size: 15px;
    line-height: 26px;
}
.tileoutline-description {
    font-size: 12px;
    line-height: 22px;
}
.ratingstars {
    display: inline-block;
    text-indent: 0;
}

/* カウントリスト */
.num-content ol li:before {
    counter-increment: number;
    content: counter(number);
    color: white;
    margin-right: 10px;
    background: linear-gradient(130deg, #31aae2 0%,#0b80dc 100%);
    border-radius: 50%;
    font-size: 13px;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 0px;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
}
.num-content *:first-child {
    margin-top: 0;
}
.num-content ol li {
    
    padding: 5px 0px 5px 0px;
}
.num-content *:first-child {
    margin-top: 0;
}
.num-content ol {
    margin-top: 20px;
    counter-reset: number;
    margin-bottom: 0;
    padding-left: 0;
}
.num-content p {
    font-size: 15px;
}



/* お問い合わせ */
.bbtom{border-bottom: 1px dotted #000;
padding-bottom:30px;
	text-align: center;
	background: none;
}
/* ボタン */

.btn-copy {
/*   font-size: 1.3rem; */
  font-weight: bold;

  position: relative;

  margin-bottom: .2em;
    margin-top: 40px;
  text-align: center;
}

.btn-copy:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-copy:after {
  margin-left: 1rem;

  content: '／';
}


.btn-c,.btn--yellow {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap {
  display: block;
  max-width: 435px;
  margin: 0 auto 20px;
}

a.btn-c {
  font-size: 1.8rem;

  display: block;
  overflow: hidden;

  padding: 1.5rem 0 1.5rem 3rem;

  border-bottom: 5px solid #e6d900;
  background: #fff100;
	  color: #000;
}

a.btn-c:before {
  font-size: 1.2rem;
  font-weight: bold;

  position: absolute;
  top: 1.2rem;
  left: -3.2rem;

  padding: 0 3rem;

  content: "無料!";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: top;
  transform-origin: top;

  color: #fff;
  background: #eb6100;
  -webkit-box-shadow: 0 3px 3px #e6d900;
  box-shadow: 0 3px 3px #e6d900;
}

a.btn-c:hover {
  transform: translateY(3px);

  border-bottom: 2px solid #e6d900;
  background: #fff21a;color: #eb6100;
}


.btn--yellow {
    border-bottom: 5px solid #ccc100;
}

a.btn--yellow  {
/*     font-size: 1.5rem;
    position: relative;
    padding: 2rem 5rem 2rem 3rem;
    border-radius: 100vh; */
	font-size: 95%;
    position: relative;
    padding: 1rem 3rem 1rem 2rem;
    border-radius: 100vh;
	    overflow: hidden;
}

.btn--yellow {
    color: #000;
    background-color: #fff100;
    
}
a.btn--yellow:before {
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '▶';
}

.text-cap a::before {
    content: "\f08e";
    text-decoration: none;
    padding-right: .2rem;
    font-family: 'FontAwesome';
	margin-right: 5px;
	margin-left: 5px;
}
/* テキストリンク */
.text-cap a {
    color: #ff5345;
    font-weight: 700;
          text-decoration: revert;
}

.y-ssli {
    padding: 10px 0 0 23px;
    color: #333;
    border-radius: 3px;
    background-size: 17px;
    position: relative;
    list-style: none;
    padding-top: 0;
    margin-bottom: 10px!important;
    font-weight: 700;
	
}


.y-ssli::before {
  position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: calc(50% - 5px);
    background: #ff0000d1;
    border: solid 3px;
    background: linear-gradient(to right,#00dbde 0%,#fc00ff 100%);
    border-color: #00DCDD;
}


.msub {
    background: #000;
    color: #fff;
    padding: 5px;
    display: table-cell;
    font-size: .8rem;
    line-height: 1;
    margin-bottom: 3px;
    position: relative;
    vertical-align: top;
    font-weight: normal;
	    top: 21px;
}
    .msub::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 0 5px;
    border-color: transparent transparent transparent #000;
    right: -5px;
    position: absolute;
    top: 0;
}

.video-container, .instagram-container, .facebook-container {
    max-width: 640px;
    margin: 30px 0;
    margin:10px auto;
}

/* wrist */
@media screen and (min-width:769px){
.outline-list-box > ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.outline-list-box > ul > li {
    text-indent: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-bottom: 10px;
    /* display: flow-root; */
        display: inline-flex;
    width: 100%;
}
.outline-list-image {
        float: left;
    position: relative;
    overflow: hidden;
    width: 125.5px;
    height: 90px;
    margin-right: 11.25px;
}
.outline-list-image img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    object-fit: contain;
}
.outline-list-medal {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    padding: 0;
    border-radius: 13px;
    color: #fff;
    background-color: #e50012;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.outline-list-box > ul > li > a {
    /* display: inline-block; */
    text-decoration: none;
    width: 100%;
    color: #000;
}
.outline-list-caption1 {
    font-weight: bold;
    color: #e50012;
    padding-top: 4px;
    font-size: 12px;
    line-height: 16px;
}
.outline-list-caption2 {
    font-weight: bold;
    color: #1e62b2;
    font-size: 15px;
    line-height: 26px;
}
.outline-list-description {
    font-size: 12px;
    line-height: 22px;
}

.outline-list-details{width: 75%;
    vertical-align: bottom;
    margin: auto 0;}

.outline-list-button{    width: 10%;
    margin: auto;
}
/* 
.outline-list-button a{   padding: 15px 10px;
    background: #ff6000;
    color: #fff;
    border-radius: 14%;
} */

.outline-list-ben{
display: inline-flex;
}
.sub-ranking09{
    font-size: 13px;
    font-weight: bold;
    color: #db3e26;
}
.sub-ranking08{
        display: block;
    position: relative;
    width: 170px;
    height: 20px;
    margin-right: 18px;
    padding: 6px 0 0 7px;
    background: #f17764;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 0.5;
    box-sizing: border-box;
    overflow: visible;
}
.sub-ranking08 span{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 0.7;
}
.sub-ranking08:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 10px 5px;
    border-color: #f17764 transparent #f17764 #f17764;
    margin-right: -10px;
}

.outline-list-button::before{
content: '';
    display: inline-block;
    width: 40px;
    height: 14px;
    background-image: url(https://aura-vogue.com/i/bk_arrow.png);
    background-size: contain;
    vertical-align: middle;
}

}


      @media screen and (max-width:769px){
.outline-list-box > ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.outline-list-box > ul > li {
    text-indent: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-bottom: 10px;
    /* display: flow-root; */
        display: inline-flex;
    width: 100%;
}
.outline-list-image {
        float: left;
    position: relative;
    overflow: hidden;
    width: 125.5px;
    height: 90px;
    margin-right: 11.25px;
}
.outline-list-image img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    object-fit: contain;
}
.outline-list-medal {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    padding: 0;
    border-radius: 13px;
    color: #fff;
    background-color: #e50012;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.outline-list-box > ul > li > a {
    /* display: inline-block; */
    text-decoration: none;
    width: 100%;
    color: #000;
}
.outline-list-caption1 {
    font-weight: bold;
    color: #e50012;
    padding-top: 4px;
    font-size: 12px;
    line-height: 16px;
}
.outline-list-caption2 {
    font-weight: bold;
    color: #1e62b2;
    font-size: 15px;
    line-height: 26px;
}
.outline-list-description {
    font-size: 12px;
    line-height: 22px;
}

.outline-list-details{width: 75%;
    vertical-align: bottom;
    margin: auto 0;}

.outline-list-button{    width: 10%;
    margin: auto;
}

/* .outline-list-button a{   padding: 15px 10px;
    background: #ff6000;
    color: #fff;
    border-radius: 14%;
} */

.outline-list-ben{
display: inline-block;
}
.sub-ranking09{
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
.sub-ranking08{
          display: block;
    position: relative;
    width: 100px;
    height: 20px;
    margin-right: 18px;
    padding: 6px 0 0 7px;
    background: #f17764;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 0.5;
    box-sizing: border-box;
    overflow: visible;
    margin-bottom: 5px;
}
.sub-ranking08 span{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 0.7;
}
.sub-ranking08:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 10px 5px;
    border-color: #f17764 transparent #f17764 #f17764;
    margin-right: -10px;
}

.outline-list-button a::before{
content: '';
    display: inline-block;
    width: 40px;
    height: 14px;
    background-image: url(https://aura-vogue.com/i/bk_arrow.png);
    background-size: contain;
    vertical-align: middle;
}
}

.ssli a{color:#fff}
    @keyframes shiny-btn {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}



.btn--yellow::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny-btn;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/*———————————
トップページ
———————————*/
/* .heading{font-weight: normal; margin-top: 24px; padding-bottom: 12px; border-bottom: 1px #eee solid;} */
.appGroup{display:inline-block;width:41.5%;margin:12px 10px 12px 0;border:1px #eee solid;border-radius:8px;}
.appGroup:last-child{margin-right:0;}
.appGroup__title{font-size:14px;font-weight:normal;padding:12px;border-bottom:1px #eee solid;}
.appGroup__more{padding:12px;text-align:center;font-size:14px;}
.appGroup__more a{color:#007ebe;}
.appGroup .stay-i{line-height:24px;}
.app-height{height:24px;line-height:24px;}
.appGroup .appList-img img{margin-bottom:0;}
.appGroup .appList-text{width:calc(100% - 108px);}
.appGroup .appList-img:before{margin-right:12px;color:#aaa;font-weight:bold;}
.appList:nth-of-type(1) .appList-img:before{content:"1";color:#d1b467;}
.appList:nth-of-type(2) .appList-img:before{content:"2";color:#89aec2;}
.appList:nth-of-type(3) .appList-img:before{content:"3";color:#b48654;}
.appList:nth-of-type(4) .appList-img:before{content:"4";}
.appList:nth-of-type(5) .appList-img:before{content:"5";}
.appGroup .appList{padding:12px;border-bottom:1px #eee solid;}


.appGroup__title{margin:0;padding:12px;border-left:none;font-size:14px;}
.appGroup p{margin:0;letter-spacing:0;}
.appGroup a{text-decoration:none;}
.appGroup{background-color:#fff;}
.appGroup-end{margin:0 auto 24px;text-align:center;background-color:#eee;}
.appGroup-end .appGroup{text-align:left;border:1px #ccc solid;margin:24px 0;background-color:#fff;}
.appGroup-end .appGroup__title-end{border-radius:8px 8px 0 0;text-align:center;background-color:#e74c3c;color:#fff;font-size: 14px; font-weight: normal; padding: 12px; border-bottom: 1px #eee solid;}
.appGroup-end .appGroup__title-sub{text-align:center;font-size: 14px; font-weight: normal; padding: 12px; border-bottom: 1px #eee solid;}

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

.appGroup{width:252px;margin-bottom:0;}

.appGroup-end .appGroup{width:288px;margin:24px 0;}
}



/*———————————
使い回し
———————————*/
.appList-sub::after { content: ""; display: table; clear: both; }


/* スクロールフィールド */
.appField{white-space: nowrap; overflow: hidden; overflow-x: scroll;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.appField::-webkit-scrollbar{ width: 10px; }
.appField::-webkit-scrollbar-track{ background: #fff; }
.appField::-webkit-scrollbar-thumb{ background: #eee; border-radius: 10px; box-shadow: inset 0 0 0 2px #fff; }
.appField{margin-bottom:24px;}

@media screen and (max-width:800px){
.appField{max-width:none;}
}


/*———————————
アプリダウンロード
———————————*/
.appList-img{float:left;border-radius:10%;}
.appList-img img{width:72px;border-radius:4px;margin-right:12px;margin-bottom:4px;}
.appList-img p{margin-bottom:0;font-size:14px;text-align:center;margin-right:12px;}
.appList-text{position:relative;float:left;vertical-align:top;width:calc(100% - 84px);}
.appList-text p{margin-bottom:0px;font-size:14px;line-height:1.8;word-break: break-all;}
.stay-icon{color:#f1c40f;font-size:14px;}
.app-box .stay-icon span{line-height:1.8;}
.stay-icon span{margin-right:4px;}
.stay-icon-number{vertical-align:-1px;}

.appList-text-sub a{color:#007ebe;font-weight:normal;}

.appGroup-btn{font-size:14px;text-align:right;color:#007ebe;font-weight:normal;padding-right:12px;}
.appGroup-btn:after{color:#007ebe;margin-left:4px;font-family: icomoon;content: "\e900";position: absolute;}
.appList-text-main{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 



/*———————————
ウェブフォント
———————————*/
@font-face {font-family: 'icomoon';src:  url('fonts/icomoon.eot?4wgb3');src:  url('fonts/icomoon.eot?4wgb3#iefix') format('embedded-opentype'),  url('fonts/icomoon.ttf?4wgb3') format('truetype'),  url('fonts/icomoon.woff?4wgb3') format('woff'),  url('fonts/icomoon.svg?4wgb3#icomoon') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-angle-arrow-pointing-to-right:before {content: "\e901";}
.stay-i:before {    content: "\e9d9";
    font-family: icomoon;}
.stay-i-half-empty:before {content: "\e9d8";  font-family: icomoon;}
.icon-download:before {content: "\e932";}
.icon-smile2:before {content: "\e9e2";}
.icon-sad2:before {content: "\e9e6";}
.icon-checkmark:before {content: "\ea10";}


/*———————————
レイアウトのCSS開始
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
———————————*/

.category-toha .scrollField{margin-bottom:12px;}
 .scrollField{margin-bottom:12px;}
.scrollField .reviewList__content{width:288px;}

@media screen and (max-width:800px){
.scrollField{margin-left:-12px;margin-right:-12px;}
.scrollField .photoBox:last-child{margin-right:12px;}
.scrollField blockquote:first-child{margin-left:12px;}
}


.scrollField .hyoban-item{width:576px;white-space:normal;display:inline-block;margin-bottom:12px;margin-right:12px;}
.scrollField .hyoban-item:last-child{margin-right:0;}
.scrollField .hyoban-item__title{font-size:16px;}
.category-list .scrollField{margin-bottom:12px;}
.scrollField .hyoban-item__height{position:relative;overflow:hidden;height:240px;margin-bottom:12px;}
.scrollField .hyoban-item__height:after { content: ''; display: block; height: 1em; width: 100%; position: absolute; bottom: 0; background-color: #fff; background-image: linear-gradient(rgba(255,255,255,0),#ffffff); background-color: transparent; }
.scrollField .hyoban-item__right{width:calc(100% - 84px);}
.single-hyoban .scrollField{margin-bottom:12px;}


@media screen and (max-width:800px){
.scrollField .hyoban-item{width:288px;}
.scrollField .hyoban-item__height{height:288px;}
}



/*———————————
比較テーブル
トップページやカテゴリページで使用
———————————*/
.scrollList{width:100%;font-size:12px;text-align:center;table-layout: fixed;}
.scrollList img{width:72px;height:72px !important;border-radius:4px;object-fit: scale-down;}
.scrollList a{font-size:12px;color:#007ebe;}
.scrollList span{font-weight:bold;}
.scrollList th{background-color:#eee;border: 1px #ddd solid;padding:12px;font-weight:normal;width:96px;}
.scrollList td{border: 1px #ddd solid;
    padding: 5px;
    width: 96px;
    vertical-align: top;
    font-size: 100%;
    text-align: center;
    white-space: initial;}
.scrollList tr:first-child td{position:relative;}
.scrollList tr:first-child td:nth-child(2):before{content:"1";position:absolute;top:4px;left:4px;background-color:#d1b467;padding:2px 8px;border-radius:16px;color:#fff;}
.scrollList tr:first-child td:nth-child(3):before{content:"2";position:absolute;top:4px;left:4px;background-color:#89aec2;padding:2px 8px;border-radius:16px;color:#fff;}
.scrollList tr:first-child td:nth-child(4):before{content:"3";position:absolute;top:4px;left:4px;background-color:#b48654;padding:2px 8px;border-radius:16px;color:#fff;}
.scrollList tr:first-child td:nth-child(5):before{content:"4";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scrollList tr:first-child td:nth-child(6):before{content:"5";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scrollList tr:first-child td:nth-child(7):before{content:"6";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scrollList tr:first-child td:nth-child(8):before{content:"7";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scrollList tr:first-child td:nth-child(9):before{content:"8";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scrollList tr:first-child td:nth-child(10):before{content:"9";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scrollList tr:first-child td:nth-child(11):before{content:"10";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-btn{background-color:#3498db;border-radius:4px;color:#fff;}
.scroll-btn a{display:inline-block;color:#fff;text-decoration:none;font-weight:bold;padding:12px 4px;}
.entryText .scrollList{margin-bottom:0;}
.entryText .scroll-btn a{color:#fff;text-decoration:none;}

@media screen and (max-width:800px){
.scrollList{font-size:12px;}
}

/*———————————
比較テーブルロング
比較記事で使用
———————————*/
.scroll-compar img {
    width: 70px;
    height: 70px;
    border-radius: 4px;
	    z-index: -1;
}
.scroll-compar th{font-weight:800;}
.scroll-compar td{min-width:88px;}
.scroll-compar tr td:first-child{width:88px;font-size:12px;}
.scroll-compar tr td:not(:first-child){text-align:center; font-weight: 800;font-size: 100%;}
.entry .scroll-compar img{width:72px;height:72px;border-radius:4px;   object-fit: cover;}
.scroll-compar .maru{background-image:url("https://aura-vogue.com/wp-content/uploads/2021/05/maru.png");background-size: 72px 72px;background-repeat: no-repeat; background-position: center center;}
.scroll-compar .maru2{background-image:url("https://aura-vogue.com/wp-content/uploads/2021/05/2maru.png");background-size: 72px 72px;background-repeat: no-repeat; background-position: center center;}
.scroll-compar .sankaku{background-image:url("https://aura-vogue.com/wp-content/uploads/2021/05/sankaku.png");background-size: 72px 72px;background-repeat: no-repeat; background-position: center center;}
.scroll-compar .batsu{background-image:url("https://aura-vogue.com/wp-content/uploads/2021/05/batsu.png");background-size: 60px 60px;background-repeat: no-repeat; background-position: center center;}
.scroll-compar__hyoban{font-size:12px;}
.entry .scroll-compar{margin-bottom:0;}
.scroll-compar__button{display: inline-block;background-color: #3498db;border-radius:8px;padding:24px 12px;font-size:12px;white-space: nowrap;}
.scroll-compar__button{color: #fff;text-decoration: none;}

.scroll-compar tr td:first-child{position:relative;}
.scroll-compar tr:nth-child(2) td:first-child:before{content:"1";position:absolute;top:4px;left:4px;background-color:#d1b467;padding:2px 8px;border-radius:16px;color:#fff;}
.scroll-compar tr:nth-child(3) td:first-child:before{content:"2";position:absolute;top:4px;left:4px;background-color:#89aec2;padding:2px 8px;border-radius:16px;color:#fff;}
.scroll-compar tr:nth-child(4) td:first-child:before{content:"3";position:absolute;top:4px;left:4px;background-color:#b48654;padding:2px 8px;border-radius:16px;color:#fff;}
.scroll-compar tr:nth-child(5) td:first-child:before{content:"4";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(6) td:first-child:before{content:"5";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(7) td:first-child:before{content:"6";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(8) td:first-child:before{content:"7";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(9) td:first-child:before{content:"8";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(10) td:first-child:before{content:"9";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(11) td:first-child:before{content:"10";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(12) td:first-child:before{content:"11";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(13) td:first-child:before{content:"12";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(14) td:first-child:before{content:"13";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(15) td:first-child:before{content:"14";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}
.scroll-compar tr:nth-child(16) td:first-child:before{content:"15";position:absolute;top:4px;left:4px;border:1px #eee solid;background-color:#fff;padding:2px 8px;border-radius:16px;}

@media screen and (max-width:800px){
.scroll-compar th,.scroll-compar td{font-size:12px;}
}


/* スクロールフィールド */
.scrollField{white-space: nowrap; overflow: hidden; overflow-x: scroll;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.scrollField::-webkit-scrollbar{ width: 10px; }
.scrollField::-webkit-scrollbar-track{ background: #fff; }
.scrollField::-webkit-scrollbar-thumb{ background: #eee; border-radius: 10px; box-shadow: inset 0 0 0 2px #fff; }
.entry .scrollField{margin-bottom:24px;}

@media screen and (max-width:800px){
.scrollField{max-width:none;}
.padding24{padding:12px;}
}

.scroll-btn a{width:100%;}

/* アイテム詳細 */
@media screen and (min-width: 767px) {
    .text-desc {
       letter-spacing: 1.5px;

        line-height: 2;
        margin-top: 10px;
        padding-right: 0;
        font-size: 95%;
        font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }

    .item-detail {
        display: inline-flex;
        margin: auto;
        width: 100%;
            font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    }

    .item-text {
        line-height: 1.5;
        letter-spacing: 1.2;
        font-size: 110%;
        font-weight: 600;
        font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		color:#101a54;
		    text-align: center;
    }

    .item-detail-left {
        padding: 10px;
        margin-top: 4%;
        width: 50%;
            position: relative;
    }

    .item-detail-left::before {
     top: -15%;
    left: 60%;
    right: 0;
    content: "";
    display: block;
    width: 15%;
    height: 1px;
    border-top: 1px solid #181818;
       position: inherit;
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;
    }

    .item-detail-right {
        margin-top: 4%;
        width: 49%;
		display: inline-block;
    }
    .item-detail-right > .dtil{    padding: 5px 5px;    
    /* background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    }
    
    .det-midashi{        text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
/*     background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    width: 30%;
    margin: auto;
/*     border: 1px solid #e3f4ff; */
		margin-bottom: 10px;
    }
    }

    @media screen and (max-width: 767px) {
    .text-desc {
		letter-spacing: 1.5px;
        line-height: 1.7;
        margin-top: 10px;
        padding-right: 0;
        font-size: 95%;
        font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }

    .item-detail {
        margin: auto;
        width: 100%;
            font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    }

    .item-text {
       line-height: 1.5;
    letter-spacing: 2px;
    font-size: 110%;
    font-weight: 600;
    text-align: center;
    color: #101a54;
    }

    .item-detail-left {
        padding: 10px;
        margin-top: 10%;
            position: relative;
    }

    .item-detail-left::before {
        top: -35px;
    left: 42%;
    right: 0;
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    border-top: 1px solid #181818;
    position: inherit;
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
		border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;

    }

    .item-detail-right {
        margin-top: 4%;
    }
    .item-detail-right > .dtil{    padding: 5px 10px;    
    /* background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    }
    
    .det-midashi{       text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
/*     background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    width: 30%;
    margin: auto;
/*     border: 1px solid #e3f4ff;} */
    }

/* おすすめ */
.pick-u:before {
 content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0px;
    left: -15px;
    display: block;
    background-image: url(https://aura-vogue.com/wp-content/uploads/2019/11/item_icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.pick-u::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0px;
    left: -15px;
    display: block;
    background-image: url(https://cdn.shoplista.com/img/magazine/item_icon01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: move 6s infinite 3s
  }

.shoplinkrakuten a:before {
		background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    content: "お買い物マラソン5/16まで開催！\A";
    color: #b91414;
    font-size: 11px;
    line-height: 1.1;
    position: absolute;
    left: 0;
    top: -2.5em;
    width: 100%;
    white-space: pre;
    position: initial;
    font-weight: 600;
}
}


  @media screen and (max-width: 767px) {
      .midashi{
 padding: 1rem 2rem;
    border-bottom: 6px solid #f5f5f5;
    text-align: center;
    font-weight: 700;
    font-size: 100%;

}
	  /* 着用アイテム一覧 */
.accordion-item {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;

    margin-top: 30px;
}

.accordion-header {
    transition: ease-in-out 100ms;
}

.accordion-text {
    width: 100%;
    display: none;
    padding-top: 5px;
    padding-bottom: 20px;
    margin: auto;
}


.fa {
    transition: ease-in-out 300ms;
}

.rotate-fa {
    transform: rotate(180deg);
}


.accordion-header .fa {
    line-height: 35px;
    margin-left: 15px;
    font-weight: bold;
}

.accordion-gold {
    color: #ddba4d;
}

.accordion-no-bar {
    border-bottom: 0;
}



.accordion-header {
    background-color: #22313F;
    border-bottom: 1px solid #2c3e50;
    text-align: center;
    font-weight: 700;
    padding: 0.15em;
    display: block;
    text-decoration: none;
    color: #fff;
    border-radius: 15px;
}




.accordion-header:hover {
    background-color: #2c3e50;
}

.accordion-headerActive {
    background-color: #34495e;
}

.accordion-headerActive:before {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.wearItem-box {
    display: inline-flex;
    width: 100%;
    border: 1px solid #000000;
    padding: 5px;
    border-radius: 5px;
    background: white;
    margin-top: 10px;
}

.wearItem-img {}

.wearItem-img img {
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.wearItem-ri {
    width: 90%;
    margin: auto 0px;
}

.wearItem-text {
    font-size: 0.8rem;
    font-weight: 700;
    color: red;
}

.wearItem-botton {
       display: inline-block;
       width: 100%;
       margin: auto;
       text-align: center;
       }

.wearItem-botton div {
      margin-right: 6px;
      margin-top: 5px;
      font-size: .7rem;
   
      display: inline-flex;
      width: 47%;

      }
.wearItem-rakuten-botton {
    background: red;
    color: #fff;
    padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
        width: 100%;
}

.wearItem-amazon-botton {
    background: rgb(25, 0, 255);
    color: #fff;
    padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
        width: 100%;
}

.wearItem-yahoo-botton {
    background: rgb(255, 196, 0);
    color: #fff;
    padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
        width: 100%;
}

.wearItem-home-botton {
    background: rgb(0, 0, 0);
    color: #fff;
    padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
        width: 100%;
}

    .wearItem-tops-img {    margin: auto 0 0;
    text-align: center;
    /* display: inline-flex; */
    vertical-align: bottom;}
        .wearItem-pants-img {    margin: auto 0 0;
    text-align: center;
    /* display: inline-flex; */
    vertical-align: bottom;}
    .wearItem-outer-img {    margin: auto 0 0;
    text-align: center;
    /* display: inline-flex; */
    vertical-align: bottom;}
    .wearItem-sneakers-img {    margin: auto 0 0;
    text-align: center;
    /* display: inline-flex; */
    vertical-align: bottom;}
    .wearItem-bag-img {    margin: auto 0 0;
    text-align: center;
    /* display: inline-flex; */
    vertical-align: bottom;}

.wearItem-tops-img::before {
    margin-left: auto;
    margin-right: auto;

    content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-04.jpg);
    display: inline-block;
}


.wearItem-pants-img::before {
    margin-left: auto;
    margin-right: auto;

    content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-05.jpg);
    display: inline-block;
}

.wearItem-outer-img::before {
    margin-left: auto;
    margin-right: auto;

    content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-01.jpg);
    display: inline-block;
}

.wearItem-sneakers-img::before {
    margin-left: auto;
    margin-right: auto;

    content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-02.jpg);
    display: inline-block;
}

.wearItem-bag-img::before {
    margin-left: auto;
    margin-right: auto;

    content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-03.jpg);
    display: inline-block;
}

.accordion-header span {
    display: block;
    font-size: 0.5px;
    margin-top: -5px;
    letter-spacing: 0.5px;
}
    }

  @media screen and (min-width: 767px) {
      .midashi{
 padding: 1rem 2rem;
    border-bottom: 6px solid #f5f5f5;
    text-align: center;
    font-weight: 700;
    font-size: 1.3rem;

}
	  /* 着用アイテム一覧 */
.accordion-item {
    width: 30%;
    margin: 0 auto;
    cursor: pointer;

    margin-top: 30px;
}

.accordion-header {
    transition: ease-in-out 100ms;
}

.accordion-text {
    width: 50%;

    display: none;
    padding-top: 5px;
    padding-bottom: 20px;
    margin: auto;
}


.fa {
    transition: ease-in-out 300ms;
}

.rotate-fa {
    transform: rotate(180deg);
}


.accordion-header .fa {
    line-height: 35px;
    margin-left: 15px;
    font-weight: bold;
}

.accordion-gold {
    color: #ddba4d;
}

.accordion-no-bar {
    border-bottom: 0;
}



.accordion-header {
    background-color: #22313F;
    border-bottom: 1px solid #2c3e50;
    text-align: center;
    font-weight: 700;
    padding: 0.15em;
    display: block;
    text-decoration: none;
    color: #fff;
        border-radius: 15px;
}




.accordion-header:hover {
    background-color: #2c3e50;
}

.accordion-headerActive {
    background-color: #34495e;
}

.accordion-headerActive:before {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.wearItem-box {
display: inline-flex;
width: 100%;
border: 1px solid #000000;
padding: 5px;
border-radius: 5px;
background: white;
    margin-top: 10px;
}

.wearItem-img {}

.wearItem-img img {
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.wearItem-ri {
    width: 90%;
    margin: auto 15px;
}

.wearItem-text {
    font-size: 0.8rem;
    font-weight: 700;
	color: red;
}

.wearItem-botton {
    display: inline-flex;
    width: 100%;
}

.wearItem-botton div {
    margin-right: 6px;
    margin-top: 7px;
    font-size: 0.7rem;
}

.wearItem-rakuten-botton {
    background: red;
    color: #fff;
            padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
}
.wearItem-amazon-botton {
    background: rgb(25, 0, 255);
    color: #fff;
            padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
}
.wearItem-yahoo-botton {
    background: rgb(255, 196, 0);
    color: #fff;
            padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
}
.wearItem-home-botton {
    background: rgb(0, 0, 0);
    color: #fff;
            padding: 4px 7px 4px 7px;
    font-weight: 700;
    letter-spacing: 0px;
    border-radius: 10px;
}
.wearItem-tops-img::before{
     margin-left: auto;
    margin-right: auto;

      content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-04.jpg);
  display: inline-block;
}


.wearItem-pants-img::before{
     margin-left: auto;
    margin-right: auto;

      content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-05.jpg);
  display: inline-block;
}

.wearItem-outer-img::before{
     margin-left: auto;
    margin-right: auto;

      content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-01.jpg);
  display: inline-block;
}
.wearItem-sneakers-img::before{
     margin-left: auto;
    margin-right: auto;

      content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-02.jpg);
  display: inline-block;
}
.wearItem-bag-img::before{
     margin-left: auto;
    margin-right: auto;

      content: url(https://aura-vogue.com/wp-content/uploads/2021/05/wear-icon-03.jpg);
  display: inline-block;
}
.accordion-header span{
display: block;
    font-size: 0.5px;
    margin-top: -5px;
    letter-spacing: 0.5px;
}
    }
		
		.article h2 {
    font-size: 24px;
    padding: 25px;
    background-color: #fff;
    border-radius: 2px;
    border-image: linear-gradient(to right,#00dbde 0%,#fc00ff 100%);
    border-bottom: 3px solid;
    color: #000!important;
    border-style: inherit;
			border-image-slice: 1;}
.article h3 {
    border-left: 0px!important;
    border-right: 0px!important;
    border-top: 0px!important;
    border-bottom: 2px solid #000;
    font-size: 22px;
    padding: 11px 5px;
    margin: 30px -1px 50px;
}
		
		.article h3 span:after {
		    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 0 5px;
    border-color: transparent transparent transparent #000000;
    right: -5px;
    position: absolute;
    top: 0;
}
h3 span:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 0 5px;
    border-color: transparent transparent transparent #000000;
    right: -5px;
    position: absolute;
    top: 0;
}
.article h3 span {
    background: #000000;
    color: #fff;
    padding: 5px;
    display: table-cell;
    font-size: 0.8rem;
    line-height: 1;
    margin-bottom: 3px;
    position: relative;
    vertical-align: top;
    font-weight: normal;
	   
	}

     h3 span {
         background: #000000;
         color: #fff;
         padding: 5px;
         display: table-cell;
         font-size: 0.8rem;
         line-height: 1;
         margin-bottom: 3px;
         position: relative;
         vertical-align: top;
         font-weight: normal;

     }

		
		body{
			font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif!important;
		}
		
/* カスタマイズ引用 */
.bf {
    font-weight: 800;
}

.ssl {
    margin-top: 1rem;
    padding: 0px;
    margin-bottom: 1rem;
	    color: #fff;
}

.ssli {
    padding: 10px 0px 5px 23px;
    /*font-size: 14px;*/
    color: #333;
    border-radius: 3px;
    background-size: 17px;
    position: relative;
    list-style: none;
    font-weight: 800;
    border-bottom: 1px solid #eee;
    font-size: initial;
	
}

.ssli::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0px;
    top: calc(50% - 5px);
    /*background: #31aae2;
    border: solid 3px #bee5fd;*/
    background: #3a3939;
    border: solid 3px #c1bebb91;
}

.summary li {
    color: #fff;
}

.summary {
    padding: 25px 15px 25px;
    position: relative;
    /* background: #edf4fb;*/
    /* 	   background: #c3c1bf26; */
    background: #000;
    border-radius: 10px;
    margin-top: 54px;
    font-size: 15px;
    margin-bottom: 30px;
}

.summary *:first-child {
    margin-top: 0;
}

.summary p {
    font-size: 15px;
}

.summary-tit {
    position: absolute;
    /*background: #2d5a83;*/
    background: #1f1e1ef2;
    color: white;
    top: -20px;
    left: 20px;
    padding: 12px 15px 12px 15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: none;
    z-index: 3;
    box-shadow: 0 0 0px 5px #fff;
}

.summary-tit .icon-college-graduation {
    position: absolute;
    left: 10px;
    z-index: 1;
    color: #2d5a83;
}

.head:after {
    position: relative;
    left: 50%;
}

.head:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    margin: 5px 0 0;
    background-color: #000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.head {
    font-size: 20px;
    color: rgb(51, 51, 51);
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Times, serif;
    letter-spacing: .06em;
}

.zozo-in {
    display: inline-flex;
}

.zozo-in a {
    font-size: 10px;
}

.zozo-in:before {
    margin: 0px;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/zozo-1.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.rakuten-in {
    display: inline-flex;
}

.rakuten-in a {
    font-size: 10px;
}

.rakuten-in:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/rakuten.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.center {
    text-align: center
}

.parts-image {
    position: relative;
}

.parts-image {
    display: inline-block;
    margin-bottom: 20px;
    text-align: left;
}

.over-link {
    color: rgba(0, 0, 0, .5);
    height: 20px;
    position: absolute;
    top: 25px;
    right: 0px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    pointer-events: none;
    z-index: 1;
}

.over-link-icon {
    width: 20px;
    height: 20px;
    margin-right: 1px;
    border-radius: 5px 0 0 5px;
    background: rgba(230, 230, 230, 0.4);
}

.over-link-icon:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/link.png) 0 0 no-repeat;
    font-weight: 900;
    background-position: 5px 4px;
    background-size: 13px;
}

.over-link-text {
    background: rgba(230, 230, 230, 0.4);
    color: rgba(0, 0, 0, 0.5);
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 11px;
    font-feature-settings: "palt";
    boder-radius: 0 5px 5px 0;
}

.marker-animation.active {
    background-position: -100% .5em;
}

.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255, 250, 153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}




.introduction {
    line-height: 1.8;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    text-align: center;
    margin: 0 0 5em 0;
    position: relative;
    padding: 0 15%;
}

.aboutshop {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}

.aboutshop>img {
    display: block;
    margin-bottom: 50px;
    margin: auto;
    background: #a09b9b;
}

.aboutshop {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    text-align: center;
    /* font-family: 'UD Shin Go Conde70 L' , sans-serif; */
    margin: 0 auto;
    position: relative;
}

.aboutshop:before {
    content: "";
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/about_bg01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 23%;
}

.aboutshop:after {
    content: "";
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/about_bg02.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 23%;
    font-size: 95%;
}

.botton {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    margin-bottom: 20px;
}

.rakuten-link {
    border: 2px solid #c42718;
    text-align: center;
    border-radius: 7px;
    margin: 2% 0;
    background: #ffffff;
    color: #c52b1b;
}

.amazon-link {
    border: 2px solid #070707;
    text-align: center;
    border-radius: 7px;
    margin: 2% 0;
    background: #ffffff;
    color: #3d3d3d;
}

.yahoo-link {
    border: 2px solid #070707;
    text-align: center;
    border-radius: 7px;
    margin: 2% 0;
    background: #ffffff;
    color: #3d3d3d;
}

.zozo-link {
    border: 2px solid #070707;
    text-align: center;
    border-radius: 7px;
    margin: 2% 0;
    background: #ffffff;
    color: #3d3d3d;
}

.rakuten-mark:before {
    margin: 0px;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/rakuten.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.amazon-mark:before {
    margin: 0px;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/amazon.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.yahoo-mark:before {
    margin: 0px;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/yahoo.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.zozo-mark:before {
    margin: 0px;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(https://aura-vogue.com/wp-content/uploads/2019/11/zozo-1.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}


.search {
    font-size: 12px;
    letter-spacing: .05em;
    position: relative;
    font-weight: 600;
}

.article h1 {
    position: relative;
    line-height: 1.4;
    padding: 0.25em 1em;
    display: inline-block;
    top: 0;
    margin: 5% auto;
}

.article h1:before,
h1:after {
    position: absolute;
    top: 0;
    content: '';
    width: 8px;
    height: 100%;
    display: inline-block;
}

.article h1:before {
    border-top: dotted 1px #535aaa;
    border-left: dotted 1px #535aaa;
    border-bottom: dotted 1px #535aaa;
    left: 0;
}

.article h1:after {
    content: '';
    border-top: dotted 1px #535aaa;
    border-right: dotted 1px #535aaa;
    border-bottom: dotted 1px #535aaa;
    right: 0;
}


.article h2 {
    /*線の種類（実線） 太さ 色*/
    border-bottom: solid 2px black;
    color: #02051bee;
    background-color: white;
    padding: 5px;
    margin-bottom: 30px;
    margin-top: 30px;
    border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;
}

@media screen and (max-width: 768px) {
    .article h3 {
        padding-bottom: .5em;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-top: none;
        /*     border-bottom: none; */
        font-size: 1.2rem;
        padding: 5px 0px;
        line-height: 40px;
        margin: 5% auto;

    }

    .article h3 span::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 22px 0 0 5px;
        border-color: transparent transparent transparent #000000;
        right: -5px;
        position: absolute;
        top: 0;
    }

    .article h3 span {
        background: #000000;
        color: #fff;
        padding: 5px;
        display: table-cell;
        font-size: 0.8rem;
        line-height: 1;
        margin-bottom: 3px;
        position: relative;
        vertical-align: top;
        font-weight: normal;

    }
}

@media screen and (min-width: 768px) {
    .article h3 {
        padding-bottom: .5em;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-top: none;
        /*     border-bottom: none; */
        font-size: 22px;
        padding: 10px 0px;
        line-height: 45px;
        margin: 3% auto;

    }

    .article h3 span::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 22px 0 0 5px;
        border-color: transparent transparent transparent #000000;
        right: -5px;
        position: absolute;
        top: 0;
    }

    .article h3 span {
        background: #000000;
        color: #fff;
        padding: 5px;
        display: table-cell;
        font-size: 0.8rem;
        line-height: 1;
        margin-bottom: 3px;
        position: relative;
        vertical-align: top;
        font-weight: normal;

    }
}


.article h4 {
    padding-bottom: .5em;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    /*font-size: 22px;*/
    padding: 5px 20px;
    line-height: 30px;
    margin: 0px;
    text-align: center;
    margin-top: 15px;

}

article h4 ::after {
    content: '';
    /*何も入れない*/
    display: block;
    /*忘れずに！*/
    /*   width: 50px;画像の幅 */
    /*   height: 50px;画像の高さ */
    /*background-image: url(https://aura-vogue.com/wp-content/uploads/2019/11/line.jpg);*/
    /* 	  background-image: url(https://aura-vogue.com/wp-content/uploads/2019/12/line-01.png); */
    background-size: contain;
    vertical-align: middle;
    margin: 0 auto;


}

/* .article h4 span::after{   content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 0 0 5px;
    border-color: transparent transparent transparent #BD9E81;
    right: -5px;
    position: absolute;
    top: 0;
} */
/* .article h4 span {
    background: #BD9E81;
    color: #fff;
    padding: 5px;
    display: grid;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 3px;
    position: relative;
    vertical-align: top;
    font-weight: normal;
    text-align: center;
	 width: 90%;
    text-align: center;
    margin: 10px auto;
} */
.article h4 span {
    color: #BD9E81;
    border-top: none!important;
    border-bottom: 1px solid #BD9E81;
    padding: 5px;
    display: grid;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 3px;
    position: relative;
    vertical-align: top;
    font-weight: normal;
    text-align: center;
    width: 90%;
    text-align: center;
    margin: 10px auto;
	    font-weight: 600;
}

.article h6 {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.5;
    /*color: #777575;*/
    border-bottom: none;
    padding-top: 0;
    /* font-size: 16px;*/
    border-bottom: none;
}

.article h6:before {
    font-family: 'FontAwesome';
    content: "\f0dd";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: -5px;
    color: #BD9E81;
}

.h5s {
    display: block;
    /* margin-bottom: .2em; */
    color: #aaa;
    font-size: .9em;
    text-align: center;
    margin: 10px 0-15px;
    padding: 0;
}

/* .article h5 {
  position: relative;
  line-height: 1.4;
  display: inline-block;
	border-top: none;
    border-bottom: none;
	text-align: center;
    margin: 5% auto;
    display: block;
    color: #c1a1a1;
}

.article h5:before, h5:after { 
  position: relative;
 font-family: "FontAwesome";
  display: inline-block;
  font-size: 1.0em;
  color: #c1a1a1;
}
.article h5:before {
  content:"\f053";
  padding-right: 0.5em
}
.article h5:after {
  content:"\f054";
  padding-left: 0.5em
} */


/**目次**/
.toc {
    margin: 20px auto 30px;
    background-color: rgba(44, 153, 181, .04);
    /* 目次全体の背景カラー */
    border: 3px solid rgba(64, 105, 144, .2);
    /* 目次全体の枠線 */
    border-radius: 3px;
    box-sizing: border-box;
    padding: 38px 52px;
    display: table;
    min-width: 68%;
    counter-reset: li;
}

.toc-title {
    text-align: center;
    font-weight: bold;
    font-size: 118%;
    padding: 0;
}

.toc-title::before {
    position: relative;
    font-size: 28px;
    content: "\2254";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: baseline;
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #5f7b96;
}

.toc .toc-content {
    padding: 5px;
}


.toc-content ol li::after {
    counter-increment: li;
    content: counter(li);
    font-family: 'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo', 'Yu Gothic', san-serif;
    font-weight: 400;
    text-align: center;
    color: #fff;
}

.toc-list>li li ::before {
    position: absolute;
    top: 3px;
    left: 0;
    content: '\f641';
    display: inline-block;
    width: 14px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #5f7b96;
    font-family: "Font Awesome 5 Free";
}

.article .toc-list>li li {
    list-style: none;

}

/*アフィリエイトリンク*/

/*
.shoplinkamazon a {
    background: none;
    border: 2px solid #555;
    color: #555;
    padding: 8px 0;
    transition: .4s;
}

.shoplinkrakuten a {
    background: none;
    border: 2px solid #555;
    color: #555;
    padding: 8px 0;
    transition: .4s;
}

.shoplinkyahoo a {
    background: none;
    border: 2px solid #555;
    color: #555;
    padding: 8px 0;
    transition: .4s;
}*/
/* .shoplinkamazon a:hover {
    background: #353433;
    color: #fff;
    opacity: 1;
}

.shoplinkrakuten a:hover {
    background: #353433;
    color: #fff;
    opacity: 1;
}

.shoplinkyahoo a:hover {
    background: #353433;
    color: #fff;
    opacity: 1;
} */

.home .main,
.archive .main {
    background: none;
    border: none;
}

.main,
.sidebar {
    /*background: none;*/
    border: none;
}

.cat-label {
    top: 0;
    left: 10px;
    border: none;
    font-size: 12px;
    color: #fff;
    background-color: #000000;
    padding: 1px 5px;
    margin: -6px 0 0 0;
    overflow: visible;
}

.cat-label::after {
    /*右上に小さな三角を作る*/
    position: absolute;
    content: '';
    top: 0;
    right: -6px;
    border: none;
    border-bottom: solid 6px #000000;
    /*小さな三角の色*/
    border-right: solid 6px transparent;
}

.e-card-info {
    color: #666;
    /*色を薄く*/
}

@media screen and (max-width: 768px) {
    .e-card-info {
        font-size: 11px;
        /*スマホでの文字サイズ*/
    }
}

/*タグ*/
.tagcloud a {
    background: none;
    /*背景を消す*/
    border: 1px solid #ccc;
    border-radius: 20px;
    /*角の丸み*/
    color: #555;
    /*文字色*/
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    font-size: 13px;
    margin: 2px;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
}

.tagcloud a .tag-caption::before {
    content: "#";
    /*アイコンの変更*/
    padding-right: 3px;
}

.tagcloud a:hover {
    /*マウスホバー時*/
    background: #72c7e6;
    border: 1px solid #72c7e6;
    color: #fff;
    transition: 0.5s;
    /*アニメーションの時間*/
}

.tagcloud a .tag-caption::before {
    font-family: FontAwesome;
    content: "\f02b";
    padding-right: 3px;
}

/*検索窓*/
.sidebar .search-box,
.search-menu-content .search-box {
    width: 100%;
    margin: 1em 0 2em;
    position: relative;
    display: flex;
    border-radius: 0px;
    /*全体を囲むボックスの角丸*/
    box-shadow: 0px 4px 6px 0px #c4c4c4;
    /*全体を囲むボックスのシャドウ*/
}

.search-menu-content .search-box {
    box-shadow: 0px 4px 6px 0px #333;
    /*スライドイン表示でのシャドウ*/
}

.sidebar .search-edit,
.search-menu-content .search-edit {
    width: 80%;
    /*入力部分の長さ*/
    background: #fff;
    /*入力部分の背景色*/
    padding: 0 10px;
    border: none;
    /*ボーダーを消す*/
    border-radius: 0px;
    /*左上、左下のみ角丸*/
    font-size: 16px;
}

.search-submit {
    width: 20%;
    /*ボタン部分の長さ*/
    background: #444d53;
    /*ボタン部分の背景色*/
    color: #fff;
    /*アイコンの色*/
    position: static;
    right: auto;
    top: auto;
    font-size: 20px;
    /*アイコンの大きさ*/
    cursor: pointer;
    line-height: 40px;
    /*検索窓の高さ*/
    border: none;
    border-radius: 0;
    /*右上、右下のみ角丸*/
    padding: 0;
}

.search-box input::placeholder {
    color: #bbb;
    /*プレースホルダーの色*/
}

.search-box input:focus,
.search-box button:focus {
    outline: 0;
    /*フォーカス時の枠線を消す*/
}

/************************************
** 比較表
************************************/
/* 比較表全体 */
.compare-box {
    display: -webkit-box;
    /* 配置 */
    display: -ms-flexbox;
    /* 配置 */
    display: flex;
    /* 配置 */
    max-width: 600px;
    /* 横幅 */
    margin: 0 auto 2rem;
    /* 余白 */
    border-radius: 4px;
    /* 角丸 */
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    /* 影 */
    background: #fef9ed;
    /* 背景色 */
}

/* 左のボックス、右のボックス */
.compare-box .compare-left-wrap,
.compare-box .compare-right-wrap {
    width: 50%;
    /* 横幅半分ずつ */
    overflow: hidden;
    /* はみ出さないように*/
}

/* 左のタイトル、右のタイトル */
.compare-box .compare-left-head,
.compare-box .compare-right-head {
    background: #fdc44f;
    /* 背景色 */
    text-align: center;
    /* 中央寄せ */
    color: #FFF;
    /* 文字色 */
    font-weight: bold;
    /* 文字太さ */
    padding: 0em 1em;
    /* 余白 */
    font-size: 15px;
    /* 文字大きさ */
    line-height: 1.5;
    /* 行間 */
    height: 65px;
    /* 縦幅 */
    display: table-cell;
    /* 形式 */
    vertical-align: middle;
    /* 高さ中央寄せ */
    width: 1000px;
    /* 横幅 */
}

/* 左のタイトル */
.compare-box .compare-left-head {
    border-radius: 4px 0 0 0;
    /* 角丸 */
}

/* 右のタイトル */
.compare-box .compare-right-head {
    border-radius: 0 4px 0 0;
    /* 角丸 */
}

/* 左のコンテンツ、右のコンテンツ */
.compare-box .compare-left,
.compare-box .compare-right {
    padding: 1.5em;
    /* 余白 */
    font-size: 15px;
    /* 文字大きさ */
    line-height: 2;
    /* 行間 */
    text-align: justify;
    /* 段落両端 */
    text-justify: inter-ideograph;
    /* 段落両端 */
}

/* 文章 */
.compare-box p {
    padding: 0;
    /* 余白 */
    margin: 0 0 20px 0;
    /* 余白 */
}

/*スマホで見たとき*/
@media screen and (max-width: 480px) {

    /* 左のタイトル、右のタイトル */
    .compare-box .compare-left-head,
    .compare-box .compare-right-head {
        font-size: 12px;
        /* 文字大きさ */
        height: 50px;
        /* 高さ */
    }

    /* 左のコンテンツ、右のコンテンツ */
    .compare-box .compare-left,
    .compare-box .compare-right {
        padding: 1.2em;
        /* 余白 */
        font-size: 12px;
        /* 文字大きさ */
    }
}

/************************************
** 比較表 箇条書き(記号)
************************************/
/* 箇条書き(記号) */
.compare-box .list {
    list-style: none !important;
    /* 行頭記号リセット */
    padding: 0 !important;
    /* 余白リセット */
    margin: 0 !important;
    /* 余白リセット */
    border: none !important;
    /* 線リセット */
}

/* 箇条書き 行 */
.compare-box .list li {
    border-bottom: 1px dashed #cdcdcd;
    /* 線(太さ 種類　色) */
    position: relative;
    /* 配置 */
    margin: 0.5em 0 !important;
    /* 余白 */
    max-width: 500px;
    /* 横幅 */
    padding: 0 0 0.7em 1.4em !important;
    /* 余白 */
    line-height: 1.8;
    /* 行間 */
}

/* 箇条書き 行最後 */
.compare-box .list li:last-child {
    border: none;
}

/* 箇条書き 行頭記号 */
.compare-box .list li:before {
    background-color: #ffa952;
    /* 色 */
    position: absolute;
    /* 配置 */
    content: '';
    /* 空文字 */
    top: 10px;
    /* 上からの距離 */
    left: 7px;
    /* 下からの距離 */
    width: 7px;
    /* 横幅 */
    height: 7px;
    /* 縦幅 */
    border-radius: 4px;
    /* 角丸 */
}

/*スマホで見たとき*/
@media screen and (max-width: 480px) {

    /* 箇条書き 行頭記号 */
    .compare-box .list li:before {
        top: 9px;
        /* 上からの距離 */
        left: 3px;
        /* 下からの距離 */
        width: 5px;
        /* 横幅 */
        height: 5px;
        /* 縦幅 */
    }
}

/************************************
** 比較表　箇条書き(番号)
************************************/

/* 箇条書き(番号) */
.compare-box .list-number {
    counter-reset: number;
    /* 番号リセット */
    list-style: none !important;
    /* 行頭番号削除) */
    padding: 0 !important;
    /* 余白リセット */
    margin: 0 !important;
    /* 余白リセット */
    border: none !important;
    /* 線リセット */
}

/* 箇条書き(番号) 行 */
.compare-box .list-number li {
    position: relative;
    /* 配置 */
    margin: 0.5em 0 !important;
    /* 余白 */
    max-width: 500px;
    /* 横幅 */
    padding: 0 0 0.5em 1.8em !important;
    /* 余白 */
    line-height: 1.8;
    /* 行間 */
    border-bottom: 1px dashed #cdcdcd;
    /* 線(太さ 種類　色) */
}

/* 箇条書き 行最後 */
.compare-box .list-number li:last-child {
    border: none;
}

/* 箇条書き(番号) 行頭番号 */
.compare-box .list-number li:before {
    counter-increment: number;
    /* 番号 */
    content: counter(number);
    /* 番号 */
    background-color: #fdc44f;
    /* 背景色 */
    color: #fff;
    /* 番号色 */
    position: absolute;
    /* 配置 */
    font-weight: bold;
    /* 文字太さ */
    font-size: 12px;
    /* 文字大きさ */
    border-radius: 50%;
    /* 角丸 */
    left: 0;
    /* 左からの距離 */
    top: 5px;
    /* 上からの距離 */
    width: 18px;
    /* 横幅 */
    height: 18px;
    /* 縦幅 */
    line-height: 18px;
    /* 行間 */
    text-align: center;
    /* 中央寄せ */
}

/* 箇条書き 行頭記号リセット */
.compare-box .list-number li:after {
    content: '';
}

/*スマホで見た時*/
@media screen and (max-width: 480px) {

    /* 箇条書き(番号) 行 */
    .compare-box .list-number li {
        padding: 0 0 0.5em 1.8em !important;
        /* 余白 */
    }

    /* 箇条書き(番号) 行頭番号 */
    .compare-box .list-number li:before {
        font-size: 10px;
        /* 文字大きさ */
        width: 16px;
        /* 横幅 */
        height: 16px;
        /* 縦幅 */
        line-height: 16px;
        /* 行間 */
        top: 2px;
        /* 上からの距離 */
    }
}

.d-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
}

.d-img {
    width: 50%;
    /* 画像ボックスの幅 */
    margin-right: 10px;
}

.d-img img {
    width: 100%;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 6px rgba(0, 0, 0, 0.15);
    /* 画象のシャドウ */
}

.d-text {
    position: relative;
    width: 49%;
    /* テキストボックスの幅 */
    background: #fafeff;
    /* テキストボックスの背景色 */
    border: solid 2px #77cad2;
    /* テキストボックスのボーダー */
    border-radius: 13px;
    /* 角丸の大きさ */
    padding: 12px 10px;
}

.d-text p {
    margin: 1em 0;
    /* テキストの段落の幅 */
    line-height: 1.5em;
    /* テキストの行間 */
}

.d-text:before {
    content: '';
    border-right: 23px solid #77cad2;
    /* 吹き出し しっぽ外側 */
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    position: absolute;
    top: 30%;
    /* 吹き出し しっぽ外側の位置 */
    left: -23px;
    /* 吹き出し しっぽ外側の位置 */
}

.d-text:after {
    content: '';
    border-right: 24px solid #fafeff;
    /* 吹き出し しっぽ内側 */
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    position: absolute;
    top: 30%;
    /* 吹き出し しっぽ内側の位置 */
    left: -20px;
    /* 吹き出し しっぽ内側の位置 */
}

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

    /* スマホ用設定 */
    .d-wrap {
        display: block;
    }

    .d-img {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .d-img img {
        width: auto;
    }

    .d-text {
        width: 100%;
        border-radius: 6px;
        margin-top: 7px;
    }

    .d-text:before {
        /* 吹き出し しっぽ外側 */
        border-bottom: 20px solid #77cad2;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
        top: -40px;
        left: 40%;
    }

    .d-text:after {
        /* 吹き出し しっぽ内側 */
        border-bottom: 20px solid #fafeff;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        top: -37px;
        left: 40%;
    }
}

/*デザインcss*/
.box5-black {
    position: relative;
    /* 配置に関するもの(ここを基準に) */
    max-width: 600px;
    /* ボックスの横幅 */
    margin: 2em auto;
    /* ボックスの外側余白(上下:2em　左右:auto) */
    padding: 2em 2em 1.7em;
    /* ボックスの内側余白(上:2em　左右:2em 下：1.7em) */
    border: 1px solid #fdc44f;
    /* ボックスの線 (太さ　線の種類　線の色)*/
    border-radius: 4px;
    /* ボックスの角丸 */
    background: #fef9ed;
    /* ボックス背景色 */
}

.box-title {
    position: absolute;
    /* 配置に関するもの(ここを動かす) */
    top: -18px;
    /* 上から（-18px）移動*/
    left: 27px;
    /* 左から(27px)移動 */
    background: #fdc44f;
    /* タイトル背景色 */
    color: #fff;
    /* タイトル文字色 */
    padding: 0.6em 1em;
    /* タイトルの内側余白 */
    line-height: 1;
    /* タイトルの行の高さ */
    font-size: 17px;
    /* タイトル文字の大きさ */
    font-weight: bold;
    /* タイトル文字の太さ */
    border-radius: 4px;
    /* タイトルの角丸 */
}

.box5-black p {
    margin: 0;
    /* 文字の外側余白リセット*/
    padding: 0;
    /* 文字の内側余白リセット*/
}

.fw-400 {
    font-weight: 500;
}
		
		  .important-box {
    border: 3px solid #ffe3b3;
    background-color: #ffffeb;
}
.important-box {
    border-radius: 7px;
    padding: 15px;
    margin: 15px 0;
}

@media screen and (max-width:769px){
	.important-box{font-size:90%;    letter-spacing: 1.2px;}
}

/* スマホアプリ */

.appreach {
    text-align: left;
    padding: 10px;
    border: 1px solid #7C7C7C;
    overflow: hidden;
    display: table;
    margin: 50px auto;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

.product-item-image-only img{
	    margin: auto;
    text-align: center;
    display: block;
}

.item-price{
	    color: #c9171e;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1.5px;
}

.amazon-item-review{
	    text-align: center;
    margin-top: 15px;
}

p img{
	margin:10px 0;
}
.micro-balloon {
    position: relative;
    background: #fff;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 3px 12px;
    display: table;
    /* margin-bottom: 0.8em; */
    font-size: 0.8em;
    /* text-align: center; */
    margin: auto;
}

.mark {
    background: #fff1dc;
    border-radius: 4px;
    padding: 0 0.4em;
    font-weight: 600;
}


.link_box {
  margin-bottom: 32px;
  padding: 24px;
  background-color: #cde5de;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
}

.link_box a {
  margin-right: 5px;
  padding-right: 25px;
  background-image: url(https://pulpxstyle.com/wp-main/common/icons/external-link.svg);
  background-repeat: no-repeat;
  background-position: right center;
}

.link_box a {
  color: #368caa;
  font-weight: 700;
  text-decoration: underline;
}


.btn-yellow a{
font-size: 1.2rem;
    position: relative;
    padding: 1rem 3rem 1rem 2rem;
    border-radius: 100vh;
    overflow: hidden;
    color: #000 !important;
    text-decoration: none;
font-size: 1.2rem;
    position: relative;
    padding: 1rem 3rem 1rem 2rem;
    border-radius: 100vh;
    overflow: hidden;
    color: #000 !important;
    text-decoration: none;
background-color: #fff100;
border-bottom: 5px solid #ccc100;
    display: inline-block;
	    line-height: 1.5;
}

.btn-yellow a:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}



/* ボックスメリット */
@media screen and (min-width:0px) {
  .procon-section {
    margin-bottom: 30px;
  }

  .procon-section .pros:before {
    content: "良い評判";
    background-color: #ffac49;
  }

  .procon-section .cons:before {
    content: "悪い評判";
    background-color: #148cae;
  }

  .procon-section .pros.merit:before {
    content: "メリット";
  }

  .procon-section .cons.demerit:before {
    content: "デメリット";
  }

  .procon-section .pros.strength:before {
    content: "強み";
  }

  .procon-section .cons.weakness:before {
    content: "弱み";
  }
	
	  .procon-section .pros.success:before {
    content: "成功しやすい例";
		  width: 160px;
  }

  .procon-section .cons.failure:before {
    content: "失敗しやすい例";
	  width: 160px;
  }


  .procon-section .cons:before,
  .procon-section .pros:before {
    width: 120px;
    padding: 2px;
    box-sizing: border-box;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0 10px;
    text-align: center;
    border-radius: 10px 4px;
    position: absolute;
    z-index: 1;
  }

  .procon-section ul {
    margin: 10px 10px 20px;
    padding: 34px 4px 20px;
    border-radius: 10px;
  }
}

@media screen and (min-width:600px) {
  .procon-section {
    display: flex;
    margin: 30px 10px;
	      display: inherit;
  }

  .procon-section .pros {
    flex: 1;
  }

  .procon-section .cons {
    flex: 1;
  }

  .procon-section .cons:before,
  .procon-section .pros:before {
 margin: -10px 0 0px 10px;
  }

  .procon-section ul {
    margin: 10px;
    padding: 38px 10px 20px;
  }

  .procon-section ul li {
    padding: 38px 10px 10px;
  }
}

.procon-section .pros ul {
  background-color: #fff1ee;
}

.procon-section .cons ul {
  background-color: #ebf5f7;
}

@media screen and (min-width:0px) {
  .procon-section ul li {
    padding: 14px 6px 0 30px;
    margin: 6px 10px 6px 14px;
    font-weight: 700;
    list-style: none;
  }

  .procon-section ul li {
    padding: 10px 0 4px;
  }

  .procon-section ul li {
    padding: 10px 6px 0;
  }

  .procon-section li {
    position: relative;
  }

  .procon-section li:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 6px;
    font-size: 15px;
  }

  .procon-section li {
    line-height: 24px;
  }

  .procon-section .pros {
    color: #ff7e4b;
	      margin-bottom: 30px;
  }

  .procon-section ul {
    color: #333;
  }

  .procon-section .cons {
    color: #148cae;
  }

  .procon-section .pros li:before {
    content: "\f192";
    color: #ff7e4b;
  }

  .procon-section .cons li:before {
    content: "\f00d";
    color: #148cae;
  }

  .procon-section li:before {
    content: "";
  }
}

@media screen and (min-width:600px) {
  .procon-section ul li {
    padding: 10px 10px 0 34px;
  }
}

.procon-section ul li {
  /*     margin: 0;
    padding: 0; 
  font-size: 15px;*/
}

.procon-section ul li {
    margin: 10px 0px 0 25px;
    padding: 0 0 10px;
    font-weight: 700;
    line-height: 1.5rem;
}

.procon-section ul li:before {
  /*     font-family: "Font Awesome 5 Free";
    content: "\f3bf" !important; */
  font-size: 12px;
  color: #8eaae0 !important;
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: -20px !important;
  font-weight: 900;
}

.button-section table {
  margin-top: 30px;
}

.cps-post-main ul>li:before,
.cps-post-main ol>li:before {
  background-color: #417ff200 !important;
}

/* イエローボックス */
.important-box {
  font-weight: 500;
}

.important-box {
  border-radius: 7px;
  padding: 15px;
  margin: 30px 0;
}

.important-box {
  border: 3px solid #ffe3b3;
  background-color: #ffffeb;
}

.important-box ul {}

.important-box ul li {
  padding: 10px 0 0 23px;
  color: #333;
  border-radius: 3px;
  background-size: 17px;
  position: relative;
  list-style: none;
  font-weight: 600;
}

.important-box ul li {
  padding: 10px 0 0 23px;
  color: #333;
  border-radius: 3px;
  background-size: 17px;
  position: relative;
  list-style: none;
  font-weight: 600;
}

.important-box ul li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 0;
  top: calc(50% - 5px);
  background: #f6e6b7;
  border: solid 3px #d4cccc;
}

.balloon_box:before{
left: calc(50% - 12px);
    border: 12px solid transparent;
    border-top: 12px solid #f6e6b7;
    bottom: -22px;
    content: "";
    height: 0;
    position: absolute;
    visibility: visible;
    width: 0;
}

.balloon_box{
background-color: #f6e6b7;
    border-radius: 2px;
    color: #fff;
    padding: 0.5em 1.25em;
    line-height: 1.4;
    min-width: 6em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100px;
font-weight: 600;
    color: #000;
    border: 1px solid #f6e6b7;
}

.orn {
  margin: 10px 0;
  color: #fd7e5a;
  font-weight: 600;
  letter-spacing: 1.3px;
}

.cimg{
	text-align: center;
    display: block;
    margin: 10px auto;
}

/* ボックス */
.box_point_blue {
  position: relative;
  padding: .5rem .5rem .5rem;
  background: #fafeff;
  margin: 2rem 0;
  border: solid 3px #8ac9fc;
  border-radius: 0.2rem;
  background: #98caf22b;
}

@media screen and (max-width: 767px) {
  .box_point_blue .box-title-bue {
    font-size: 1.1rem;
    text-align: left;
    padding-bottom: .3rem;
  }


}

@media screen and (min-width: 767px) {
	


  .box_point_blue .box-title-bue {
    font-size: 1.25rem;
  }
}

.box_point_blue .box-title-bue {
  color: #2d5a83;
/*   font-size: 1.25rem; */
  font-weight: bold;
  border-bottom: dotted 3px #8ac9fc;
  margin-bottom: .8rem;
  text-align: center;
  padding: 10px 0;
}

.box_point_blue .ol-circle li:before {
  background: #8ac9fc;
}

.ol-circle li:before {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #5c9ee7;
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  content: counter(number);
  counter-increment: number;
}

.ol-circle li {
  position: relative;
  padding: 0.5em 0 0.5em 34px;
  line-height: 1.5em;
  font-weight: 600;
}

.box_point_blue .box-title-bue:before {
  font-size: 1rem;
  margin-right: .4rem;
  display: inline-block;
  color: #2d5a83;
  font-weight: normal;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  content: "\f058";
}

.ol-circle li a {
/*   color: #008db7; */
	 color: #ff5345;
  font-weight: 700;
	border-bottom: 1px solid #ff5345;
}
.ol-circle ol {
    counter-reset: number 0;
}


/* アイテム詳細 */
@media screen and (min-width: 767px) {
	        	.link-simg50,.link-simg100{
    display: inline-flex;
    width: 100%;
    overflow: overlay;
}
    .text-desc {
letter-spacing: 1.5px;
        line-height: 2;
        margin-top: 10px;
        padding-right: 0;
        font-size: 95%;
        font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }

    .item-in {
        margin: auto;
        width: 100%;
            font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
            position: relative;
    }

    .item-text {
        line-height: 1.5;
        letter-spacing: 1.2;
        font-size: 110%;
        font-weight: 600;
        font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		color:#101a54;
		    text-align: center;
              
    }

    .item-in-left {
        padding: 10px;
        margin-top: 1%;
        width: 50%;
            position: relative;
                display: inline-block;
                z-index: 9999;
		    vertical-align: top;
    }

    .item-in:before {
    top: -15%;
    left: 45%;
    right: 0;
    content: "";
    display: block;
    width: 10%;
    height: 1px;
    border-top: 1px solid #181818;
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
    border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;
    padding-top: -35px;
    position: absolute;top: -15%;
    }

    .item-in-right {
        margin-top: 1%;
        width: 50%;
            display: inline-block;
    }
    .item-in-right > .dtil{    padding: 5px 5px;    
    /* background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    }
    
    .det-midashi{        text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
/*     background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    width: 30%;
    margin: auto;
/*     border: 1px solid #e3f4ff; */
		margin-bottom: 10px;
    }
.link-simg{
        display: flex;
    width: 100%;
}
.link-simg50 img{
      width: 50%;
    object-fit: contain;
}
.link-simg100 img{
      width: 100%;
    object-fit: contain;
}
    }

    @media screen and (max-width: 767px) {
		        	.link-simg50,.link-simg100{
    display: inline-flex;
    width: 100%;
    overflow: overlay;
}
        	.link-simg{
    display: inline-flex;
    width: 100%;
    overflow: overlay;
}
.link-simg50 img{
    width: 80%;
    object-fit: contain;
}
.link-simg100 img{
    width: 100%;
    object-fit: contain;
}
    .text-desc {
  letter-spacing: 1.5px;
        line-height: 1.7;
        margin-top: 10px;
        padding-right: 0;
        font-size: 1rem;
        font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }

    .item-in {
        margin: auto;
        width: 100%;
            font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
            position: relative;
    }

    .item-text {
       line-height: 1.5;
    letter-spacing: 2px;
    font-size: 110%;
    font-weight: 600;
    text-align: center;
    color: #101a54;
    }

    .item-in-left {
        padding: 10px;
        margin-top: 1%;
            position: relative;
    }

    .item-in::before {
        top: -35px;
    left: 42%;
    right: 0;
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    border-top: 1px solid #181818;
    position: inherit;
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
		border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
    border-image-slice: 1;

    }

    .item-in-right {
        margin-top: 4%;
    }
    .item-in-right > .dtil{    padding: 5px 10px;    
    /* background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    }
    
    .det-midashi{       text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
/*     background: radial-gradient(800px, #fcfcfc, #aae7ff); */
    width: 30%;
    margin: auto;
/*     border: 1px solid #e3f4ff;} */
    }
}

/* 2030720 */
.product-item-buttons {
	animation: product-item-buttons 2s infinite;
}
@keyframes product-item-buttons {
	0% {
		transform: translate(0px, 2px);
	}
	5% {
		transform: translate(0px, -2px);
	}
	10% {
		transform: translate(0px, 2px);
	}
	15% {
		transform: translate(0px, -2px);
	}
	20% {
		transform: translate(0px, 2px);
	}
	25% {
		transform: translate(0px, -2px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

.img-center{
    text-align: center;
}

.img-center img{
	width:500px;
    height: 500px;
    object-fit: cover;
}