@charset "utf-8";

/*---RESET CSS---*/

* {
	font-size: 100%;
}


#topicPath {
    width: auto;
}

#wrap {
	overflow: visible;
}

section.read p {
	padding: 0;
}

dir, menu, ol, ul {
	padding-left: 0;
}

blockquote, dir, dl, figure, listing, menu, ol, p, plaintext, pre, ul, xmp {
	margin: 0;
}

h2 h3 h4, h5 h6 {
	margin: 0;
}

.feature_wrapper p {
	line-height: normal;
}

.np-keyword-suggest {
	border: 0;
}

img {
	max-width: 100%;
	/*???*/
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

iframe {
	width: 100%;
	vertical-align: top;
}

html {
	scroll-behavior: smooth;
}

#aff-icon-list {
	/* background: linear-gradient(0deg, #DDD, #FFF); */
}

.feature_wrapper {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	position: relative;
	padding: 0 0 1px;
	text-align: center;
	background: repeating-linear-gradient(135deg, #ffee8b 0px, #ffee8b 10px, #fff7cc 10px, #fff7cc 20px);
	/*! background: #23A4E4; */
}


.feature_wrapper a, .feature_wrapper main, .feature_wrapper div, .feature_wrapper span, .feature_wrapper h2, .feature_wrapper h3, .feature_wrapper h4, .feature_wrapper h5, .feature_wrapper h6, .feature_wrapper p, .feature_wrapper span, .feature_wrapper header, .feature_wrapper nav, .feature_wrapper ul, .feature_wrapper li, .feature_wrapper dt, .feature_wrapper dd, .feature_wrapper dl {
	box-sizing: border-box;
}

.feature_wrapper span {
	display: inline-block;
}

.feature_wrapper a, .feature_wrapper a:link, .feature_wrapper a:visited, .feature_wrapper a:hover, .feature_wrapper a:active {
	    text-decoration: underline;
    text-underline-position: under;
}

.feature_wrapper header {
	overflow: inherit;
	padding: 0;
	margin: 0 0 15px;
	box-shadow: none;
}

.feature_wrapper img {
	width: 100%;
	vertical-align: top;
}


/*----MAIN----*/

.feature_wrapper h2 {
	width: 100%;
	font-size: 18px;
	color: #FFF;
	background: #202687;
	margin: 0 0 15px;
	padding: 5px 15px;
	text-align: center;
	display: block;
	text-align: left;
}

@media screen and (min-width:768px) {
	.feature_wrapper h2 {
		font-size: 22px;
		text-align: center;
	}
}

.feature_wrapper h3 {
	width: 100%;
	font-size: 16px;
	color: #333;
	/*! border-top: 3px dotted #333; */
	padding: 10px 10px 0;
	text-align: center;
	display: block;
	margin: 0 0 10px;
}
.feature_wrapper .feature_box_contents_innner h3{
border-top: 3px dotted #333;
}
.feature_wrapper .feature_box_contents_innner:first-of-type h3{
	 border: none; 
	 padding: 0 10px; 
}

@media screen and (min-width:768px) {
	.feature_wrapper h3 {
		font-size: 20px;
	}
}

.feature_wrapper p {
	font-size: 16px!important;
	margin: 0 15px 15px!important;
	text-align: left;
}

@media screen and (min-width:768px) {
	.feature_wrapper p {
		font-size: 18px!important;
		text-align:center;
	}
}

.feature_wrapper nav {
	font-size: 18px;
}

@media screen and (min-width:768px) {
	.feature_wrapper nav {
		font-size: 22px!important;
	}
}

.feature_wrapper hr {
	border: 0;
	border-top: 3px dotted #555;
	display: block;
	width: calc(100% - 10px);
	margin: 0 10px 10px 0;
}


/*----MENU----*/

.feature_menu {
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	margin: -15px 0 0;
}

.feature_menu ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	box-shadow: 0px 3px 2px -.1px rgba(0, 0, 0, 0.5);
	background: #FFF;
}

.feature_menu li {
	width: calc(100% / 5);
	flex-grow: 1;
}

.feature_menu li a {
	display: block;
	width: 100%;
	display: block;
	vertical-align: middle;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 4vw;
	font-weight: bold;
	background: #202687;
	transition: .3s;
	text-decoration:none!important;
}

.feature_menu li:nth-of-type(2n) a {
	background: #161838;
}

.feature_menu li a:hover {
	opacity: .9;
}

@media screen and (min-width:400px) {
	.feature_menu li a {
		font-size: 3.8vw;
	}
}

@media screen and (min-width:500px) {
	.feature_menu li a {
		font-size: 18px;
	}
}

.feature_menu a, .feature_menu a:link, .feature_menu a:visited, .feature_menu a:hover, .feature_menu a:active {
	color: #FFF;
}


/*----FRAME----*/

.feature_frame_wrapper {
	padding-top: 44px;
	margin-top: -44px;
}

.feature_frame_wrapper:last-of-type{
	margin-bottom: 30px;
}


.feature_box_wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0 0 10px;
}
@media screen and (min-width:768px) {
	.feature_box_wrapper  {
	padding: 30px 0 0 30px;
	}
}
.feature_box_contents {
	width: calc(100% - 10px);
	margin: 0 10px 0 0;
	border: 2px solid #202687;
	background: #FFF;
	overflow: hidden;
	background-clip: padding-box;
}
@media screen and (min-width:768px) {
	.feature_box_contents  {
	width: calc(100% - 30px);
	margin: 0 30px 0 0;
	}
}


.feature_box_contents .feature_box_text {
	font-size: 0!important;
}

.feature_box_contents .feature_box_text span {
	font-size: 16px!important;
}

@media screen and (min-width:750px) {
	.feature_box_contents .feature_box_text span {
		font-size: 18px!important;
	}
}


/*kaitori*/

.feature_kaitori .feature_frame_contents {
	padding: 10px 0 0;
	background: #bddede;
	margin: 0 0 10px;
}

.feature_kaitori .feature_box_contents {
	border: 2px solid #006666;
}

.feature_kaitori h2 {
	background: #006666;
}

.feature_kaitori .feature_button a {
	background: #006666;
}

.feature_kaitori .feature_button a:hover {
	background: #006666;
}


/*----feature_item_list INNNER----*/

.feature_item_list {
	display: flex;
	padding: 15px 0 0 15px;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0px);
	margin: -15px 0 0;
}

.feature_item_list::after {
	display: block;
	content: '';
	padding: .1px;
}

.feature_item_box {
	flex-shrink: 0;
	width: 180px !important;
	margin: 0 15px 15px 0;
	background: #FFF;
	transition: .3s;
	font-size: .8em;
	overflow: hidden;
	border: 1px solid #CCC;
	position: relative;
	backface-visibility: hidden;
}

.feature_item_box:hover {
	background: #FFF9EA;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

.feature_item_box:hover img {
	opacity: .9;
}

@media screen and (min-width:750px) {
	.feature_item_list {
		flex-wrap: wrap;
	}
	.feature_item_box {
		width: calc(100% / 4 - 15px) !important;
	}
}

.feature_item_box_img {
	width: 100%;
	padding-top: 100%!important;
	position: relative;
	background-color: #EEEEEE;
}

.feature_item_box_img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: auto;
	background: #FFF;
	transition: .3s;
}

.feature_item_box_kubun1, .feature_item_box_kubun2, .feature_item_box_kubun3 {
	padding: 3px 8px;
	position: absolute;
	top: 0;
	left: 0;
	max-width: calc(100% / 2);
	background: rgba(255, 255, 255, .9);
	font-weight: bold;
}

.feature_item_box_kubun1:empty, .feature_item_box_kubun2:empty, .feature_item_box_kubun3:empty {
	display: none!important;
}

.feature_item_box_kubun1 {
	color: #ff6600;
}

.feature_item_box_kubun2 {
	color: #009900;
}

.feature_item_box_kubun3 {
	color: #ff30ff;
}

.feature_item_box_baika_war {
	color: #FF0000;
	padding: 3px 8px;
	position: absolute;
	top: 0;
	right: 0;
	max-width: calc(100% / 2);
	background: rgba(255, 255, 255, .9);
	font-weight: bold;
}

.feature_item_box_baika_war:empty {
	display: none!important;
}

.feature_item_box_title {
	width: calc(100% - 15px);
	margin: 7.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 3.2em;
	line-height: 1.6em;
	overflow: hidden;
	text-align: left;
}

@media screen and (min-width:750px) {
	.feature_item_box_title {
		-webkit-line-clamp: 3;
		height: 4.8em;
	}
}

.feature_item_box_baika {
	padding: 0 7.5px 7.5px;
}

.feature_item_box_baika_amount {
	color: #FF0000;
	font-weight: bold;
	font-size: 1.2em;
}

.feature_item_box_title2 {
	padding: 7.5px;
}

.feature_item_box_text2 {
	padding: 0 7.5px 7.5px;
}


/*--feature_sp_all_preview---*/

.feature_sp_all_preview .feature_item_list {
	flex-wrap: wrap;
}

.feature_sp_all_preview .feature_item_box {
	width: calc(100% / 2 - 15px) !important;
}

@media screen and (min-width:768px) {
	.feature_sp_all_preview .feature_item_box {
		width: calc(99.99% / 3 - 15px) !important;
	}
}

@media screen and (min-width:800px) {
	.feature_sp_all_preview .feature_item_box {
		width: calc(100% / 4 - 15px) !important;
	}
}


/*feature_five_column*/

.feature_five_column .feature_item_list {
	flex-wrap: wrap;
}

.feature_five_column .feature_item_box {
	width: calc(100% / 2 - 15px) !important;
}

@media screen and (min-width:768px) {
	.feature_five_column .feature_item_box {
		width: calc(99.99% / 3 - 15px) !important;
	}
}

@media screen and (min-width:700px) {
	.feature_five_column .feature_item_box {
		width: calc(100% / 4 - 15px) !important;
	}
}

@media screen and (min-width:800px) {
	.feature_five_column .feature_item_box {
		width: calc(100% / 5 - 15px) !important;
	}
}


/*feature_three_column*/

.feature_three_column .feature_item_list {
	flex-wrap: wrap;
}

.feature_three_column .feature_item_box {
	width: calc(100% / 2 - 15px) !important;
}

@media screen and (min-width:768px) {
	.feature_three_column .feature_item_box {
		width: calc(99.99% / 3 - 15px) !important;
	}
}


/*.feature_pop_list*/

.feature_pop_list {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0 0 15px;
}

.feature_pop_list div {
	margin: 0 15px 15px 0;
	width: calc(100% / 1 - 15px);
	border: 1px solid #DDD;
}

@media screen and (min-width:768px) {
.feature_pop_list div {
	width: calc(100% / 1 - 15px);
}
}

.feature_pop_list a {
	display: block;
	position: relative;
	height: 0;
	width: 100%;
}

.feature_pop_list img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*feature_media*/

.feature_two_column_media .feature_item_box {
	width: calc(100% / 1 - 15px) !important;
}

@media screen and (min-width:768px) {
	.feature_two_column_media .feature_item_box {
		width: calc(100% / 2 - 15px) !important;
	}
}

.feature_two_column_media .feature_item_box_title2 {
	font-size: 15px;
	font-weight: bold;
}

.feature_two_column_media .feature_item_box a {
	display: flex;
	flex-wrap: wrap;
}

.feature_two_column_media .feature_item_box_first {
	width: 40%;
}

.feature_two_column_media .feature_item_box_second {
	width: 60%;
}

.feature_four_column_media .feature_item_box_text2 {
	display: none;
}

.feature_four_column_media_other .feature_item_box_first {
	display: none;
}

.feature_four_column_media_other .feature_item_box_text2 {
	display: none;
}


/*feature_store*/

.feature_store_wrapper {
	margin: 0 0 0 15px;
	text-align: left;
	column-count: 1;
	column-gap: 0px;
}
.feature_wrapper .feature_store_wrapper p{
		text-align: left;
}

@media screen and (min-width:768px) {
	.feature_store_wrapper {
		column-count: 2;
	}
}

.feature_store_information {
	border: 1px solid #f9c11c;
}

.feature_store_contents {
	padding: 0 15px 15px 0;
	break-inside: avoid-column;
}

/* for FireFox */

@-moz-document url-prefix() {
	.feature_store_contents {
		width: 100%;
		display: inline-grid;
		page-break-inside: avoid;
	}
}

/* for Edge */

@supports (-ms-ime-align: auto) {
	.feature_store_contents {
		display: inline-grid;
		width: 100%;
	}
}

.feature_store_information p {
	-webkit-overflow-scrolling: touch;
}

.feature_store_information_title {
	padding: 8px;
	background: #f9c11c;
	text-align: center;
	font-weight: bold;
}

.feature_store_information_subtitle {
	margin: 8px 8px 0;
	padding: 8px;
	background: #DDD;
	text-align: center;
	font-weight: bold;
}

.feature_store_wrapper .feature_store_information_contents{
	padding:8px!important;
}

.feature_store_wrapper dl {
	padding: 8px 0 0 8px;
}

.feature_store_wrapper dt, .feature_store_wrapper dd {
	padding: 0 8px 8px 0;
	font-size: 15px;
}

.feature_store_wrapper dt {
	font-weight: bold;
}

.feature_store_wrapper dd {
	padding: 0 8px 8px 10px;
}

.feature_store_wrapper p {
	padding: 0!important;
	margin: 0!important;
}


/*---BUTTON----*/

.feature_button {
	width: calc(100% - 15px);
	margin: 0 0 0 15px;
	display: flex;
	flex-wrap: wrap;
}

.feature_button a {
	width: calc(100% / 1 - 15px);
	flex-grow: 1;
	display: block;
	margin: 0 15px 15px 0;
	position: relative;
	padding: 5px 15px;
	border-radius: 8px;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	transition: .3s;
	top: 0;
	left: 0;
	background: #1358C7;
}

@media screen and (min-width:768px) {
	.feature_button a {
		width: calc(100% / 2 - 15px);
	}
}

@media screen and (min-width:700px) {
	.feature_button a {
		width: calc(99.99% / 3 - 15px);
	}
}

@media screen and (min-width:800px) {
	.feature_button a {
		width: calc(100% / 4 - 15px);
	}
}

.feature_button a:hover {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	opacity: .9;
}

.feature_button a, .feature_button a:link, .feature_button a:visited, .feature_button a:hover, .feature_button a:active {
	color: #FFF;
}


/*iphone only iframe bug*/

.twitter-widget-wrapper iframe {
	width: 740px !important;
}


.twitter_follow_button {
    display: block;
    width: calc(100% - 30px);
    margin: 10px;
    background: #00ABF0;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    transition: .1s;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border: 3px solid #FFF;
    position:relative;
}
.twitter_follow_button:hover{
    top: 2px;
    left: 2px;
	    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}

.twitter_follow_button a {
    padding: 10px;
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none!important;
}

.sp_delete_br{
display:none;
}

@media screen and (min-width:768px) {
.sp_delete_br{
display:inline;
}
}

.map {
    margin: 0 15px 15px;
}


.swiper {
    margin: 0 15px 15px;
}


.youtube {
margin:0 15px 15px;
}
.youtube_contents {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_contents iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.feature_pop_list.col3 > div{
	width:calc(100% / 1 - 15px);
}
@media screen and (min-width:480px) {
.feature_pop_list.col3 > div{
	width:calc(100% / 2 - 15px);
}
}
@media screen and (min-width:768px) {
.feature_pop_list.col3 > div{
	width:calc(99.99% / 3 - 15px);
}
}


.other-store{
	margin:0;

}

.other-store .feature_store_contents:nth-of-type(1){
	margin:0 ;
		padding: 0;
}
.other-store .feature_store_contents:nth-of-type(1) img{
	width:auto;
	display:block;
	margin:auto;
}
.other-store .feature_store_contents:nth-of-type(2){
	margin:0 ;
	padding: 0;
}
.other-store p{
	margin:0 15px 15px!important;
}

@media screen and (min-width:768px) {
.other-store{
	display:flex;
flex-wrap:wrap;
margin:0;
}

.other-store .feature_store_contents:nth-of-type(1){
	width:calc(30% - 30px);
	margin:0 15px 15px 15px;
}

.other-store .feature_store_contents:nth-of-type(2){
	width:calc(70% - 15px);
	margin:0 15px 15px 0;

}

}

.other-store-cp{
    border: 1px solid #ff4500;
    margin: 15px;
    padding: 15px 0 0;
    background:#f9ffd6;
}
.other-store-cp .feature_button a{
	background:#ff4500;

}