/***********************************************************************************************************************
* リサイズ	767px以下から800pxまで
***********************************************************************************************************************/
@media only screen and (max-device-width: 767px){

	body{
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'sans-serif';
		color: #333;
		overflow-x: hidden;
		min-width: 0;
	}

	h1, h2, h3, h4, h5, h6, strong, th, .Bld{
		font-weight: bold;
		font-family: 'ヒラギノ角ゴ Pro W6', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'sans-serif' !important;
	}

	button{
		font-family: 'ヒラギノ角ゴ Pro W6', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'sans-serif' !important;
	}

	.hover:hover{
		-ms-filter: "alpha( opacity=100 )";
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/***********************************************************************************************************************
	* 基本構造
	***********************************************************************************************************************/
	/*ヘッダー*/
	header{
		position: fixed;
		background: rgba(255, 255, 255, 0.95);
		width: 100%;
		border-bottom: none;
		border-top: 4px solid #6ebb30;
		z-index: 200;
	}

	.header__logo{
		padding: 4px 0 4px;
	}

	.header__logo a{
		display: block;
		background: url("../img/header/logo.svg") no-repeat;
		background-size: contain;
		width: 147px;
		height: 36px;
		margin: 0 auto;
	}

	/*メニューボタン*/
	header #menu-button{
		position: absolute;
		top: 9px;
		left: 20px;
		width: 26px;
		height: 26px;
	}

	header #menu-button > div{
		width: 20px;
		height: 1px;
		background: #333;
		position: absolute;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	header #menu-button > div:nth-child(1){
		top: 7px;
		left: 3px;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	header #menu-button.active > div:nth-child(1){
		top: 50%;
		-webkit-transform: translate(-5%, -50%) rotate(45deg);
		-moz-transform: translate(-5%, -50%) rotate(45deg);
		-ms-transform: translate(-5%, -50%) rotate(45deg);
		-o-transform: translate(-5%, -50%) rotate(45deg);
		transform: translate(-5%, -50%) rotate(45deg);
	}

	header #menu-button > div:nth-child(2){
		top: 13px;
		left: 3px;
	}

	header #menu-button.active > div:nth-child(2){
		opacity: 0;
	}

	header #menu-button > div:nth-child(3){
		top: 19px;
		left: 3px;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	header #menu-button.active > div:nth-child(3){
		top: 50%;
		-webkit-transform: translate(-5%, -50%) rotate(-45deg);
		-moz-transform: translate(-5%, -50%) rotate(-45deg);
		-ms-transform: translate(-5%, -50%) rotate(-45deg);
		-o-transform: translate(-5%, -50%) rotate(-45deg);
		transform: translate(-5%, -50%) rotate(-45deg);
	}

	.header__navi{
		background: rgba(255, 255, 255, 0.7);
		position: absolute;
		right: auto;
		left: 0px;
		top: 44px;
		width: 100%;
		font-size: 86%;
		-webkit-transition: all .2s;
		transition: all .2s;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		opacity: 0;
		display: none;
	}

	.header__navi.block{
		display: block;
	}

	.header__navi.active{
		opacity: 1;
	}

	.header__navi__move-block{
		-webkit-transition: all .4s ease-out;
		transition: all .4s ease-out;
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
	}

	.header__navi.active .header__navi__move-block{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.header__navi__menu{
		background: #fff;
		padding: 24px 20px 26px;
	}

	.header__navi__menu li{
		position: relative;
		float: left;
		width: 33.33%;
		margin-left: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.header__navi__menu li::before{
		content: "";
		background: #dfdfdf;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 1px;
		height: 90%;
	}

	.header__navi__menu li:nth-child(3n)::before{
		display: none;
	}

	.header__navi li:nth-child(n+3)::before{
		top: 10%;
	}

	.header__navi__menu li:nth-child(-n+3)::after{
		content: "";
		background: #dfdfdf;
		position: absolute;
		left: 10%;
		bottom: 0px;
		width: 80%;
		height: 1px;
	}

	.header__navi__menu li a{
		display: block;
		padding: 8px 0 14px;
		text-align: center;
		font-size: 71.5%;
		line-height: 1.4em;
	}

	.header__navi__menu li:nth-child(n+4) a{
		padding: 14px 0 8px;
	}

	.header__navi__menu li a:hover{
		text-decoration: none;
	}

	.header__navi__menu li i{
		display: block;
		height: 30px;
		margin-right: 0px;
		margin-bottom: 4px;
		color: #888;
	}

	.header__navi__menu li:nth-child(1) i{
		font-size: 30px;
		line-height: 30px;
	}

	.header__navi__menu li:nth-child(2) i{
		font-size: 28px;
		line-height: 30px;
	}

	.header__navi__menu li:nth-child(3) i{
		font-size: 30px;
		line-height: 30px;
	}

	.header__navi__menu li:nth-child(4) i{
		font-size: 25px;
		line-height: 30px;
	}

	.header__navi__menu li:nth-child(5) i{
		font-size: 26px;
		line-height: 30px;
	}

	.header__navi__menu li:nth-child(6) i{
		font-size: 24px;
		line-height: 30px;
	}

	.header__navi__menu li br{
		display: block;
	}

	.header__navi__link{
		background: #fff;
		padding: 0 20px 2px;
	}

	.header__navi__link li{
		float: none;
		margin: 0 0 18px;
	}

	.header__navi__link li a{
		background: #f28715;
		position: relative;
		display: block;
		border: 1px solid #f28715;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		font-size: 92.8%;
		font-weight: bold;
		line-height: 43px;
		text-align: center;
		color: #fff;
	}

	.header__navi__link li a::after{
		content: "";
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -4px;
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.header__navi__link li a.fa{
		background: #fff;
		line-height: 40px;
		border: 1px solid #888;
		color: #888;
	}

	.header__navi__link li a.fa::after{
		display: none;
	}

	.header__navi__link li a.fa::before{
		position: absolute;
		top: 0px;
		right: 10px;
	}

	.header__link{
		display: inline-block;
		position: absolute;
		background: #f28715;
		top: 10px;
		right: 10px;
		padding: 0 7px;
		border: 1px solid #f28715;
		font-size: 64.2%;
		color: #fff;
	}

	/*フッター*/
	footer{
		width: 100%;
	}

	/*フッターバナーエリア*/
	.footer__banner{
		display: none;
		padding: 0;
	}

	.footer__banner ul{
		height: auto;
	}

	.footer__banner ul li{
		background-size: cover;
		height: auto;
		margin-bottom: 2px;
		position: relative;
		top: 0px;
		width: auto;
	}

	.footer__banner__bg1{
		left: 0;
	}

	.footer__banner__bg2{
		left: 0;
	}

	.footer__banner__bg3{
		left: 0;
	}
	.footer__banner__bg4{
		left: 0;
	}
	.footer__banner__bg5{
		left: 0;
	}
	.footer__banner__info{
		bottom: 0;
		height: auto;
		text-align: center;
		width: 100%;
	}

	.footer__banner__info p{
		margin: 0 10px 10px 10px;
		width: auto;
	}

	/*フッターメニューエリア*/
	.footer__menu{
		padding: 10px 10px 27px;
	}

	.footer__menu__breadcrumb{
		background: #eee;
		padding: 8px 10px;
		margin-bottom: 28px;
		font-size: 71.5%;
		line-height: 1.4em;
	}

	.footer__menu__title{
		margin-bottom: 12px;
		font-size: 107%;
		font-weight: normal;
		line-height: 1em;
		text-align: center;
	}

	.footer__menu ul{
		border-top: 1px solid #eee;
	}

	.footer__menu ul li{
		border-bottom: 1px solid #eee;
	}

	.footer__menu ul a{
		position: relative;
		display: block;
		padding: 14px 18px 14px 10px;
		font-size: 78.5%;
		line-height: 1.4em;
		color: #2d2d2d;
	}

	.footer__menu ul a::after{
		content: "";
		position: absolute;
		right: 8px;
		top: 50%;
		margin-top: -4px;
		width: 8px;
		height: 8px;
		border-top: 1px solid #888;
		border-right: 1px solid #888;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.footer__menu ul a.toggle-btn::after{
		content: "";
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -1px;
		width: 11px;
		height: 2px;
		border-top: 1px solid #888;
		border-right: none;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.footer__menu ul a.toggle-btn::before{
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -5px;
		width: 2px;
		height: 9px;
		border-right: 1px solid #888;
	}

	.footer__menu ul a.toggle-btn.open::before{
		display: none;
	}

	.footer__menu ul li ul li:last-child{
		border: none;
	}

	.footer__menu ul li ul li a{
		padding: 14px 18px 14px 22px;
		color: #888;
	}

	#footer__menu__shoplist > li > ul > li > a{
		padding-left: 44px;
	}

	/*フッターリンクエリア*/
	.footer__navi{
		background: url("../img/footer/bg-sp.jpg") center center no-repeat;
		background-size: auto auto;
	}

	.footer__navi__box{
		width: 100%;
		margin: 0 auto;
	}

	.footer__navi__box nav ul{
		text-align: center;
		letter-spacing: -0.5em;
		margin-left: 0;
		margin-right: 0;
		padding: 0 10% 15px;
	}

	.footer__navi__box nav ul li{
		display: inline-block;
		margin: 5px 0;
		padding: 0 7px;
		border-right: 1px solid #fff;
		letter-spacing: normal;
	}

	.footer__navi__box nav ul li.no{
		border-right: 1px solid #fff;
	}

	.footer__navi__box nav ul li:nth-child(2n){
		border: none;
	}

	.footer__navi__box nav ul li a{
		font-size: 78.5%;
		font-weight: bold;
		line-height: 12px;
		color: #fff;
	}

	.footer__navi__box nav ul li a:hover{
		text-decoration: none;
	}

	.footer__navi__box__logo{
		padding: 25px 0 15px;
		border: none;
		text-align: center;
	}

	.footer__navi__box__logo p{
		font-size: 86%;
		font-weight: bold;
		line-height: 1em;
		margin-bottom: 10px;
	}

	.footer__navi__box__logo h2{
		background: url("../img/footer/logo.svg") no-repeat;
		background-size: 100%;
		width: 160px;
		height: 65px;
	}

	.footer__copyright{
		background: #1e1e1e;
		height: 42px;

	}

	#footer-shop-list{
		display: none;
	}

	.footer__copyright p{
		position: relative;
		top: 0px;
		right: auto;
		font-size: 78.5%;
		line-height: 42px;
		text-align: center;
	}

	/*固定リンク*/
	.fix-link{
		display: none;
	}

	.fix-link .balloon{
		display: none;
	}

	/*ページ遷移ボタン*/
	#pagetop{
		position: fixed;
		right: 20px;
		bottom: 20px;
		-ms-filter: alpha(opacity=0);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	#pagetop.open{
		-ms-filter: alpha(opacity=60);
		filter: alpha(opacity=60);
		opacity: 0.6;
	}

	#pagetop a{
		background: #6ebb30;
		display: block;
		width: 40px;
		height: 32px;
		text-align: center;
		color: #fff;
		padding-top: 8px;
		font-size: 18px;
	}

	.wrap{
		width: 100%;
	}

	.sp{
		display: block !important;
	}

	.pc{
		display: none !important;
	}

	/*コンテンツ*/
	#container{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 46px 0 0;
	}

	/*パンくず*/
	#breadcrumbs{
		border: none;
		margin-bottom: 0;
		-webkit-order: 1;
		order: 1;
		padding: 17px 10px 17px 10px;
	}

	#breadcrumbs > ol{
		background: #eee;
		box-sizing: border-box;
		overflow: hidden;
		padding: 8px 10px;
		position: relative;
		max-width: 100%;
	}

	#breadcrumbs > ol > li{
		line-height: 1;
		max-width: 100%;
	}

	#breadcrumbs > ol > li > a,
	#breadcrumbs > ol > li > span{
		color: #333;
		display: inline-block;
		font-size: 71.5%;
		height: 1.4em;
		line-height: 1.4em;
		max-width: 100%;
		overflow: hidden;
		padding: 0;
	}

	#breadcrumbs > ol > li > a{
		background: none;
		padding-right: 0;
		text-decoration: none;
	}

	#breadcrumbs > ol > li > a:after{
		content: " > ";

	}

	/*メインエリア*/
	#main{
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		float: none;
		padding-top: 0 !important;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		width: 100%;
	}

	/*paddingなしバージョン*/
	#main.padding-no-sp{
		padding: 0 !important;
	}

	/*サイドエリア*/
	#side{
		display: none;
		float: none;
		width: auto;
	}

	.side__article__btn-list{
		margin: 15px 10px;
	}

	/*パンくずリスト*/
	.breadcrumb{
		background: #14a83b;
	}

	.breadcrumb__list{
	}

	.breadcrumb__list li{
		float: left;
		font-size: 86%;
		line-height: 1em;
		padding: 14px 0;
		color: #fff;
	}

	.breadcrumb__list li a{
		color: #fff;
	}

	.breadcrumb__list li a::after{
		background: #fff;
	}

	/***********************************************************************************************************************
	* 共通パーツ
	***********************************************************************************************************************/
	.sp-banner-link li{
		overflow: hidden;
		position: relative;
		display: table;
		width: 100%;
		height: 90px;
		vertical-align: middle;
		z-index: 0;
	}

	.sp-banner-link a{
		position: relative;
		display: table-cell;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e9e5e6;
		vertical-align: middle;
	}

	.sp-banner-link a img{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}

	.sp-banner-link.bottom li{
		height: 100%;
		min-height: 90px;
	}

	.sp-banner-link.bottom a img{
		bottom: 0px !important;
		top: auto;
	}

	.sp-banner-link2 li{
		overflow: hidden;
		position: relative;
		display: table;
		width: 100%;
		min-height: 90px;
		vertical-align: middle;
		z-index: 0;
	}

	.sp-banner-link2 a{
		position: relative;
		display: table-cell;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e9e5e6;
		vertical-align: middle;
	}

	.sp-banner-link2 a img{
		width: 100%;
	}

	.sp-banner-link__shadow{
		background: #000;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		opacity: 0.2;
	}

	.sp-banner-link__title{
		overflow: hidden;
		position: relative;
		padding: 0 15px;
		font-size: 114%;
		font-weight: bold;
		color: #fff;
	}

	.sp-banner-link__arrow{
		background: #f28715;
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		z-index: 1;
	}

	.sp-banner-link li .sp-banner-link__arrow.bg-green{
		background: #6ebb30;
	}
	.sp-banner-link li .sp-banner-link__arrow.bg-yellow{
		background: #febf14;
	}

	.sp-banner-link__arrow::after{
		content: "";
		position: absolute;
		right: 12px;
		top: 50%;
		margin-top: -4px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: 2;
	}

	.sp-banner-link2 {
		padding: 0 10px 0;
	}

	/***********************************************************************************************************************
	* パーツ類
	***********************************************************************************************************************/
	#page-description{
		margin: 15px 0;
		text-align: center;
		width: auto;
	}

	#page-description > h1{
		border-width: 1px;
		display: inline-block;
		font-size: 14px;
		float: none;
		left: 0;
		padding: 5px 15px;
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		width: auto;
	}

	#page-description > p{
		border-left: none;
		font-size: 11px;
		margin: 15px 10px 0 10px;
		min-height: 0;
		padding: 0;
		text-align: left;
		width: auto;
	}

	#main > *{
		-webkit-order: 3;
		order: 3;
	}

	#main .h2,
	#main .hdng-m{
		font-size: 18px;
		line-height: 1.4em;
		margin-bottom: 15px;
	}

	#main > .h2:first-child,
	#main > .hdng-m:first-child{
		-webkit-order: 3;
		order: 3;
	}

	#main figure#main-fig{
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 15px;
		-webkit-order: 1;
		order: 1;
		padding-bottom: 0;
		position: relative;
		width: auto;
	}

	#main .main-fig-label{
		height: 22px;
		line-height: 22px;
		top: 10px;
		left: 10px;
		width: 85px;
	}

	/*main-fig ラベル（とその類似パーツ）*/
	#main-fig + .main-fig-label-open,
	#main-fig + .main-fig-label-close,
	.pickup__article > a > i.emblem,
	.article-list > a > i.emblem{
		font-size: 11px;
		height: 20px;
		line-height: 20px;
		left: 10px;
		margin-bottom: 0 !important;
		width: 70px;
	}

	.article-list > a > i.emblem{
		left: 15px;
		width: 65px;
	}

	#main .article-tags{
		margin-bottom: 15px;
		-webkit-order: 2;
		order: 2;
	}

	#main .h3,
	#main .hdng-s{
		border-top-width: 3px;
		font-size: 15px;
		margin-bottom: 20px;
		margin-top: 20px;
		padding: 10px 0;
	}

	#main .h2 + .h3,
	#main .hdng-m + .hdng-s{
		margin-top: 0;
	}

	#main .h4,
	#main .hdng-ss{
		font-size: 15px;
		font-weight: bold;
		margin: 10px 0 18px 0;
	}

	#main .h2 + .h4,
	#main .h3 + .h4,
	#main .hdng-m + .hdng-ss,
	#main .hdng-s + .hdng-ss{
		margin-top: 0;
	}

	#main .h5{
		font-size: 14px;
		margin: 10px 0 15px 0;
	}

	#main .h6{
		margin: 10px 0 15px 0;
		padding: 5px 0;
	}

	.research-q{
		min-height: 36px;
		margin: 0 0 10px 0;
		padding: 0 0 0 37px;
	}

	.research-q > span{
		padding-left: 10px;
	}

	.research-q.single-line > span{
		line-height: 35px;
	}

	.research-q:after{
		background-size: 37px 36px;
		width: 37px;
	}

	.research-q.q1:after{
		background-image: url("../img/q-head-01-sp.png");
	}

	.research-q.q2:after{
		background-image: url("../img/q-head-02-sp.png");
	}

	.research-q.q3:after{
		background-image: url("../img/q-head-03-sp.png");
	}

	.research-q.q4:after{
		background-image: url("../img/q-head-04-sp.png");
	}

	.research-q.q5:after{
		background-image: url("../img/q-head-05-sp.png");
	}

	.research-q.q6:after{
		background-image: url("../img/q-head-06-sp.png");
	}

	.research-q.q7:after{
		background-image: url("../img/q-head-07-sp.png");
	}

	.research-q.q8:after{
		background-image: url("../img/q-head-08-sp.png");
	}

	.research-q.q9:after{
		background-image: url("../img/q-head-09-sp.png");
	}

	.research-q.q10:after{
		background-image: url("../img/q-head-10-sp.png");
	}

	.research-q.q11:after{
		background-image: url("../img/q-head-11-sp.png");
	}

	.research-q.q12:after{
		background-image: url("../img/q-head-12-sp.png");
	}

	.research-q.q13:after{
		background-image: url("../img/q-head-13-sp.png");
	}

	.research-q.q14:after{
		background-image: url("../img/q-head-14-sp.png");
	}

	.research-q.q15:after{
		background-image: url("../img/q-head-15-sp.png");
	}

	.research-q.q16:after{
		background-image: url("../img/q-head-16-sp.png");
	}

	#main p{
		line-height: 1.6;
	}

	#main .mgn{
		margin-left: 1em;
		margin-right: 1em;
	}

	#main figure.img-full{
		margin: 0 0 12px 0;
		text-align: center;
		width: 100%;
	}

	#main figure.single-img{
		margin: 0 0 12px 0;
		text-align: center;
		width: 100%;
	}

	#main figure.single-img > figcaption{
		font-size: 10px;
		text-align: left;
	}

	#main .img-parallel{
		margin: 0 0 0 0;
	}

	#main .img-parallel > li{
		clear: both;
		margin-bottom: 12px;
		margin-left: 0 !important;
		width: 100%;
	}

	#main .block.img-r,
	#main .block.img-l,
	#main .block.movie-r,
	#main .block.movie-l{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	#main .block.img-r > div,
	#main .block.img-l > div,
	#main .block.movie-r > div,
	#main .block.movie-l > div{
		float: none !important;
		margin-bottom: 12px;
		width: auto;
	}

	#main .block.movie-r > .media-block iframe,
	#main .block.movie-l > .media-block iframe{
		width: 100%;
		height: auto;
	}

	#main .block.img-r > .media-block,
	#main .block.img-l > .media-block,
	#main .block.movie-r > .media-block,
	#main .block.movie-l > .media-block{
		-webkit-order: 0;
		order: 0;
	}

	#main .block.img-r > .text-block,
	#main .block.img-l > .text-block,
	#main .block.movie-r > .text-block,
	#main .block.movie-l > .text-block{
		margin-bottom: 0;
		-webkit-order: 1;
		order: 1;
	}

	#main .block.img-r > .media-block figcaption,
	#main .block.img-l > .media-block figcaption,
	#main .block.movie-r > .media-block p.caption,
	#main .block.movie-l > .media-block p.caption{
		font-size: 10px;
	}

	#main .youtube-iframe{
		margin: 12px 0;
	}

	#main .youtube-iframe > iframe{
		height: auto;
		width: 100%;
	}

	#main .youtube-iframe > p.caption{
		font-size: 10px;
	}

	#main .youtube-parallel{
		margin: 12px 0;
	}

	#main .youtube-parallel > li{
		clear: both;
		margin-top: 12px;
		width: 100%;
	}

	#main .youtube-parallel > li:first-child{
		margin-top: 0;
	}

	#main .youtube-parallel > li:nth-child(even){
		margin-left: 0;
	}

	#main .youtube-parallel > li > .youtube-iframe{
		width: auto;
	}

	#main .youtube-parallel > li > .youtube-iframe > iframe{
		height: auto;
		width: 100%;
	}

	#main table.collabo-summary{
		border-top: 1px solid #e4e4e4;
	}

	#main table.collabo-summary > caption{
		border-top-width: 3px;
		font-size: 17px;
		margin-bottom: 10px;
		margin-top: 20px;
		padding: 10px 0;
		text-align: left;
	}

	#main table.collabo-summary > tbody > tr > th,
	#main table.collabo-summary > tbody > tr > td{
		border-top: none;
		display: block;
		padding: 5px;
	}

	#main table.collabo-summary > tbody > tr > th > span{
		border-width: 3px;
		padding-left: 5px;
	}

	#main table.collabo-summary > tbody > tr > th > span > br{
		display: none;
	}

	.btn.w20per,
	.btn.w50per,
	.btn.w60per,
	.btn.w70per,
	.btn.w80per,
	.btn.w90per,
	.btn.w620{
		width: auto;
	}

	.btn.center{
		margin-left: 0;
		margin-right: 0;
	}

	.btn-parallel{
		width: 100%;
	}

	.btn-parallel > a.btn.giant{
		border-width: 1px;
		float: none;
		width: auto;
		font-size: 14px !important;
		height: 46px;
		line-height: 46px;
	}

	.btn-parallel > a.btn.giant:after{
		border-width: 2px;
		height: 10px;
		width: 10px;
	}

	.btn-parallel > a:first-child{
		margin-right: 0;
	}

	.frame-btn{
		border: 1px solid #888;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		color: #888 !important;
		display: block;
		font-size: 13px;
		font-weight: bold;
		line-height: 38px;
		position: relative;
		width: auto;
	}

	.frame-btn:hover{
		background-color: #888;
		color: #fff !important;
	}

	.frame-btn::after{
		border-top: 2px solid #888;
		border-right: 2px solid #888;
		content: "";
		height: 8px;
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: rotate(45deg) translateY(-2px);
		transform: rotate(45deg) translateY(-2px);
		-webkit-transform-origin: right 50%;
		transform-origin: right 50%;
		width: 8px;
	}

	.frame-btn:hover::after{
		border-color: #fff;
	}

	a.fig-btn{
		margin-bottom: 10px;
	}

	a.fig-btn > figure{
		height: auto;
	}

	a.fig-btn > figure > .img{
		height: auto;
		width: auto;
	}

	a.fig-btn:hover > figure > .img{
		opacity: 0.8 !important;
		-ms-filter: alpha(opacity=80) !important;
		filter: alpha(opacity=80) !important;
		-webkit-transform: scale(1, 1) !important;
		-moz-transform: scale(1, 1) !important;
		-ms-transform: scale(1, 1) !important;
		-o-transform: scale(1, 1) !important;
		transform: scale(1, 1) !important;
	}

	a.fig-btn.fig-ytube:hover > figure > .length{
		opacity: 0.8;
		-ms-filter: alpha(opacity=80);
		filter: alpha(opacity=80);
	}

	a.fig-btn.lbl-dsc-separated > div,
	a.fig-btn.sp-lbl-dsc-separated > div{
		position: static;
		bottom: auto;
		color: #333;
		text-shadow: none;
	}

	a.fig-btn.pc-lbl-dsc-separated > div{
		position: absolute;
		bottom: 0;
		color: #fff;
		/*text-shadow: 0 0 1px #333;*/
	}

	a.fig-btn > div > small.tags{
		font-size: 10px;
	}

	a.fig-btn.lbl-dsc-separated > div > small.tags,
	a.fig-btn.sp-lbl-dsc-separated > div > small.tags{
		color: #fff;
		left: 10px;
		position: absolute;
		text-shadow: 0 0 1px #333;
		top: 10px;
	}

	a.fig-btn.pc-lbl-dsc-separated > div > small.tags{
		color: #fff;
		left: 0;
		position: relative;
		text-shadow: 0 0 1px #333;
		top: 0;
	}

	a.fig-btn > div > ul.tags{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 10px;
		line-height: 1.2em;
	}

	.movie-all a.fig-btn > div > ul.tags{
		position: relative;
		top: 0px;
		left: 0px;
		color: #333;
		font-size: 12px;
		line-height: 1.4em;
	}

	.movie-all .full a.fig-btn > div > ul.tags{
		color: #fff;
	}

	a.fig-btn.lbl-dsc-separated ul.tags{
		font-size: 10px;
		bottom: auto;
		top: 10px;
		left: 10px;
	}

	a.fig-btn.pc-lbl-dsc-separated ul.tags{
		position: relative;
		font-size: 10px;
		line-height: 1.5em;
		left: 0px;
		margin-bottom: 5px;
	}

	a.fig-btn > div > strong.lbl{
		font-weight: bold;
		font-size: 14px;
	}

	a.fig-btn > div > p.dsc{
		font-size: 12px;
	}

	a.fig-btn.lbl-dsc-separated > div > p.dsc,
	a.fig-btn.sp-lbl-dsc-separated > div > p.dsc{
		margin-bottom: 0 !important;
	}

	a.fig-btn > .sharing-tools > li.line{
		display: inline-block;
	}

	a.fig-btn > .sharing-tools > li.copy-url{
		display: none;
	}

	.side__banner{
		margin-bottom: 0;
	}

	.side__banner > li{
		margin-bottom: 1px;
	}

	.side__banner > li > a.fig-btn{
		margin-bottom: 0;
	}

	.side__banner > li > a.fig-btn > figure > .img{
		height: auto;
		width: auto;
	}

	.side__banner a.fig-btn > div > strong.lbl{
	}

	ul.fig-btn-list{
		height: auto !important;
		margin-right: -10px;
		margin-left: -10px;
	}

	ul.fig-btn-list > li{
		left: auto !important;
		margin-bottom: 1px !important;
		position: relative !important;
		top: auto !important;
		width: auto;
	}

	ul.fig-btn-list > li.full > a.fig-btn > figure > .img{
		height: auto;
		width: auto;
	}

	ul.fig-btn-list > li.rows-3{
		border: none;
		height: auto;
	}

	ul.fig-btn-list > li.rows-3 > a.fig-btn{
		height: auto;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}

	ul.fig-btn-list > li.rows-3 > a.fig-btn > figure{
		float: left;
		width: 42%;
	}

	ul.fig-btn-list > li.rows-3 > a.fig-btn > figure > .img{
		width: 100%;
	}

	ul.fig-btn-list > li.rows-3 > a.fig-btn > div{
		padding-left: 45%;
	}

	ul.fig-btn-list > li.rows-3 > a.fig-btn > div > .dsc{
		display: none;
	}

	ul.fig-btn-list > li.lbl-visible{
		border: none;
		margin-bottom: 15px !important;
	}

	ul.fig-btn-list > li.lbl-visible > a.fig-btn > div{
		height: auto;
	}

	#success-top-promotions{
		margin-left: -10px;
		margin-right: -10px;
	}

	#success-top-promotions > div{
		float: none;
		width: auto;
	}

	#success-top-promotions > div:nth-child(odd){
		padding-right: 0;
	}

	#success-top-promotions > div:nth-child(even){
		padding-left: 0;
	}

	#success-top-promotions > div > a{
		margin-bottom: 1px;
	}

	#success-top-promotions > div > a > figure{
		height: auto;
	}

	#main footer.article-footer{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		margin: 30px 0 25px 0;
		padding: 15px 0 0 0;
	}

	#main footer.article-footer > a{
		float: none;
		margin: 0 auto 0 0;
		-webkit-order: 1;
		order: 1;
		width: auto;
	}

	#main footer.article-footer > .sharing-tools{
		float: none;
		-webkit-order: 0;
		order: 0;
		text-align: right;
	}

	#main footer.article-footer > .sharing-tools > li{
		display: inline-block !important;
		float: none;
	}

	#main footer.article-footer > .sharing-tools > li.copy-url{
		display: none !important;
	}

	#main footer.article-footer > .sharing-tools > li > a{
		background: url("../img/sharing-tools-sp.png") no-repeat 0 0;
		background-size: 145px 25px;
		height: 25px;
		width: 25px;
	}

	#main footer.article-footer > .sharing-tools > li.twitter > a{
		background-position: -40px 0;
	}

	#main footer.article-footer > .sharing-tools > li.line > a{
		background-position: -80px 0;
	}

	#main footer.article-footer > .next-recommend > h4{
		border-bottom: none;
		margin-bottom: 0;
	}
	#main footer.article-footer > .next-recommend > .recommend-articles > li{
		border-bottom: 2px solid #e4e4e4;
		float: none;
		width: auto;
	}
	#main footer.article-footer > .next-recommend > .recommend-articles > li:first-child{
		border-top: 2px solid #e4e4e4;
	}
	#main footer.article-footer > .next-recommend > .recommend-articles > li > a{
		min-height: 75px;
		padding: 5px 0 5px 85px;
	}
	#main footer.article-footer > .next-recommend > .recommend-articles > li > a > figure{
		height: 75px;
		top: 5px;
		width: 75px;
	}


	/* CVボタン */
	.cv-area{
		margin-top: 0 !important;
		padding: 0 10px;
	}

	.cv-area > p.cvtext{
		font-size: 16px !important;
	}

	.cv-area .btn{
		height: auto;
		padding: 8px 0;
		font-size: 16px;
		line-height: 1.4em;
		margin: 0 0 45px;
	}

	/***********************************************************************************************************************
	* TOPページ
	***********************************************************************************************************************/
	/*ピックアップ*/
	.pickup{
		width: 100%;
		margin-bottom: 0px;
	}

	.pickup .f-left,
	.pickup .f-right{
		width: 100%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #cbc9c9;
	}

	.f-left .pickup__article{
		left: 0px;
		margin-left: 0px;
	}

	.pickup__article figure{
		width: 100%;
		margin-left: 0px;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	.pickup__article figure > div{
		display: none;
	}

	.pickup__article img{
		width: 100%;
		min-width: 100%;
		min-height: 0px;
	}

	.pickup__article__info{
		position: absolute;
		bottom: 15px;
		left: 0px;
		padding: 0 15px;
	}

	.pickup__article__info h2{
		font-size: 114%;
		font-weight: bold;
		line-height: 1.5em;
		color: #fff;
	}

	.pickup__article__info i{
		margin-right: 5px;
	}

	.pickup__article__info p{
		font-size: 71.5%;
		line-height: 2.2em;
	}

	/*タブ*/
	.swiper-container{
		margin-left: -10px;
		margin-right: -10px;
		width: -webkit-calc(100% + 20px);
		width: calc(100% + 20px);
		overflow: hidden !important;
		border-bottom: 1px solid #ececee;
	}

	.padding-no-sp .swiper-container{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		overflow: hidden !important;
		border-bottom: 1px solid #ececee;
	}

	.tab-article{
		letter-spacing: normal;
		margin-bottom: 0px;
	}

	.tab-article li{
		float: left;
		display: block;
		width: auto;
		border-left: none;
		letter-spacing: normal;
		padding: 0;
	}

	.tab-article li a{
		position: relative;
		display: inline-block;
		padding: 25px 12px 25px 14px;
		font-size: 87%;
		font-weight: bold;
		line-height: 1em;
		white-space: nowrap;
		text-decoration: underline;
	}

	.tab-article li a.active{
		font-weight: bold;
		color: #6ebb30;
	}

	.tab-article li a:hover{
		text-decoration: none;
	}

	.tab-article li a::after{
		content: "";
		position: absolute;
		right: 0px;
		top: 40%;
		width: 1px;
		height: 20%;
		background: #ececee;
	}

	.tab-article li:last-child a::after{
		display: none;
	}

	.tab-article li i{
		margin-right: 3px;
	}

	.swiper-button-prev{
		position: absolute;
		background: rgba(0, 0, 0, 0.6) 0 0 no-repeat;
		width: 15px;
		height: 100%;
		top: 0px;
		left: 0px;
		margin: 0;
	}

	.swiper-button-prev.swiper-button-disabled{
		display: none;
	}

	.swiper-button-prev::after{
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		content: "";
		position: absolute;
		left: 3px;
		top: 50%;
		width: 6px;
		height: 6px;
		-webkit-transform: rotate(45deg) translateY(-2px);
		transform: rotate(45deg) translateY(-2px);
		-webkit-transform-origin: right 50%;
		transform-origin: right 50%;
	}

	.swiper-button-next{
		position: absolute;
		background: rgba(0, 0, 0, 0.6) 0 0 no-repeat;
		width: 15px;
		height: 100%;
		top: 0px;
		right: 0px;
		margin: 0;
	}

	.swiper-button-next.swiper-button-disabled{
		display: none;
	}

	.swiper-button-next::after{
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
		position: absolute;
		right: 8px;
		top: 50%;
		width: 6px;
		height: 6px;
		-webkit-transform: rotate(45deg) translateY(-2px);
		transform: rotate(45deg) translateY(-2px);
		-webkit-transform-origin: right 50%;
		transform-origin: right 50%;
	}

	/*記事リスト*/
	.article-list{
		padding: 0;
		border-bottom: 1px solid #ececee;
	}

	.article-list a{
		display: block;
		padding: 7px 10px;
	}

	.article-list__thumb{
		position: absolute;
		width: 75px;
		height: 75px;
		text-align: center;
		overflow: hidden;
	}

	/*
	.article-list__thumb img{
		text-align: center;
		height: 75px;
	}
	*/
	.article-list__info{
		position: relative;
		margin-left: 87px;
		min-height: 55px;
	}

	.article-list__info h2{
		font-size: 92.8%;
		font-weight: normal;
		line-height: 1.4em;
		margin-bottom: 0;
	}

	a:hover .article-list__info h2{
		text-decoration: none;
	}

	.article-list__info p{
		display: none;
	}

	.article-list__info ul{
		position: absolute;
		width: 100%;
		left: 0px;
		bottom: 5px;
		letter-spacing: -0.5em;
		overflow: hidden;
	}

	.article-list__info ul li{
		float: left;
		display: inline-block;
		margin-right: 10px;
		font-size: 64.2%;
		line-height: 1em;
		color: #4da009;
		letter-spacing: normal;
	}

	.article-list__info ul li:last-child{
		margin-right: 0px;
	}

	.article-list__info ul li i{
		margin-right: 2px;
		font-size: 10px;
	}

	.article-list > ul.tags{
		line-height: 1em;
		margin-bottom: 10px;
		margin-top: 0;
		margin-left: 97px;
	}

	.article-list > ul.tags > li{
		margin-right: 10px;
		font-size: 64.2%;
	}

	.article-list > ul.tags > li:last-child{
		margin-right: 0;
	}

	.article-list > ul.tags > li > i{
		margin-right: 2px;
		font-size: 10px;
	}

	/* タブ切り替え型記事リスト */
	#tabbed-article-list{
		border-top: 1px solid #ececee;
		margin-left: -10px;
		margin-right: -10px;
	}

	#tabbed-article-list > .swiper-container{
		float: none;
		margin-top: 0;
		width: auto;
	}

	#tabbed-article-list > .swiper-container > .tab-article{
	}

	#tabbed-article-list > .swiper-container > .tab-article > li{
		border-left: none;
		display: block;
		margin-bottom: 0;
	}

	#tabbed-article-list > .swiper-container > .tab-article > li.active{
	}

	#tabbed-article-list > .swiper-container > .tab-article > li > a{
		background: none;
		color: #888;
		display: inline-block;
		font-size: 87%;
		font-weight: bold;
		line-height: 1em;
		padding: 25px 12px 25px 14px;
		text-align: left;
		white-space: nowrap;
	}

	#tabbed-article-list > .swiper-container > .tab-article > li > a:hover{
		text-decoration: none;
	}

	#tabbed-article-list > .swiper-container > .tab-article > li.active > a{
		background: none;
		color: #4d9d0c;
	}

	#tabbed-article-list > .tab-article-contents{
		padding-left: 0;
	}

	#tabbed-article-list > .tab-article-contents .article-list__info > p{
		display: none;
	}

	#tabbed-article-list .swiper-button-prev{
		left: 10px;
	}

	#tabbed-article-list .swiper-button-next{
		right: 10px;
	}

	.tab-article-contents > li > article.side__banner{
		border-bottom: 1px solid #ececee;
		margin-bottom: 0;
		padding: 7px 10px;
	}

	.tab-article-contents > li > article.side__banner > a{
		display: block;
		position: relative;
		text-align: center;
	}

	.tab-article-contents > li > article.side__banner > a > img{
		display: inline-block;
		max-width: 100%;
	}

	.tab-article-contents > li > article.side__banner > a > dl.overlay{
		background: rgba(0, 0, 0, 0.5);
		bottom: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		line-height: 1.4;
		padding: 10px;
		position: absolute;
		text-align: left;
		width: 100%;
	}

	.tab-article-contents > li > article.side__banner > a > dl.overlay > dt{
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 5px;
	}

	.tab-article-contents > li > article.side__banner > a > dl.overlay > dd{
	}

	/*記事動画*/
	.article-movie{
		padding: 0;
	}

	.article-movie img{
		width: 100%;
	}

	.article-movie__info{
		top: 10px;
		padding: 0 10px;
	}

	.article-movie__info i{
		font-size: 10px;
		margin-right: 2px;
	}

	.article-movie__info p{
		font-size: 71.5%;
		line-height: 1em;
		margin-bottom: 5px;
	}

	/*パラパラ漫画*/
	.article-movie__thumb{
		position: relative;
		width: auto;
		height: auto;
		overflow: hidden;
	}

	.article-movie__thumb__block{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	.article-movie__thumb__block .parapara img{
		float: left;
	}

	.article-movie__setting{
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	.article-movie__setting li{
		margin: 0;
	}

	.article-movie__setting .move{
		display: none;
	}

	.article-movie__setting .volume{
		background: url("../img/movie/volume-off-sp.png") no-repeat;
		background-size: 26.5px 17px;
		width: 26.5px;
		height: 17px;
		cursor: none;
	}

	/* 2018/08/23 add 共通フッターバナー*/
	.sp__banner5 li{
		position: relative;
		margin-bottom: 2px;
	}
		.sp__banner5 li img{width: 100%;}
		.sp__banner5 li a{
			display: block;
		}
		.sp__banner5__info {
			background: rgba(255, 255, 255, 0.8);
			position: absolute;
			left: 0px;
			bottom: 0;
			width: 100%;
			text-align: center;
		}
		.sp__banner5__info h2{
			margin-top: 10px;
			font-weight: normal;
			line-height: 1.5em;
			margin-bottom: 4px;
		}
		.sp__banner5__info p {
			margin: 0 10px 10px 10px;
			width: auto;
		}

	/* end リサイズ */
}


/*---------------------------------------------------------------

2017.5追加、スマホのハンバーガーメニュー内にSNSアイコン追加

-----------------------------------------------------------------*/
.header_sns201705{
	width:100%;
	background-color:#fff;
	text-align:center;
	padding-top:0;
	padding-bottom:15px;
}
.header_sns201705_ttl{
	text-align:center;
	font-size:14px;
	color:#9b8d8c;
}
.header_sns201705_list{
	width:100%;
	text-align:center;
	letter-spacing:-.40em;
}
.header_sns201705_list p{
	display:inline-block;
	letter-spacing:normal;
}
.header_sns201705_list a{
	display:block;
	text-align:center;
	font-size:12px;
	color:#9b8d8c;
}
.header_sns201705_list img{
	width:15%;
}


/*---------------------------------------------------------------

2017.5追加、フッタ前にSNSアイコンリンク

-----------------------------------------------------------------*/
.footer_sns201705{
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}
.footer_sns201705_ttl{
	text-align:center;
	font-size:14px;
	color:#9b8d8c;
}
.footer_sns201705_list{
	text-align:center;
	letter-spacing:-.40em;
}
.footer_sns201705_list li{
	display:inline-block;
	letter-spacing:normal;
	width:50%;
}
.footer_sns201705_list li a{
	display:block;
	text-align:center;
	font-size:12px;
	color:#9b8d8c;
}
.footer_sns201705_list img{
	width:15%;
}



/*---------------------------------------------------------------

2019.5 SPフッターバナー

-----------------------------------------------------------------*/
@media only screen and (max-device-width: 767px){
	.footer__copyright{ padding-bottom: 60px; }
	.footer__copyright.active{ padding-bottom: 0px;}
	#pagetop{ bottom: 80px;}
	#pagetop.active{ bottom: 20px;}
}
.sp-banner-fix{
	z-index: 100;
	position: fixed;
	left: 0px;
	bottom: -70px;
	background: #ebebeb;
	width: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.sp-banner-fix.open{
	bottom: 0px;
}
.sp-banner-fix_flex{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em 0;
}
.sp-banner-fix_close{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10.42%;
	height: 100%;
	cursor: pointer;
}
	.sp-banner-fix_close span{
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -9px 0 0 -9px;
		display: block;
		width: 18px;
		height: 18px;
		text-align: center;
		background: #ccc;
		border-radius: 50%;
	}
	.sp-banner-fix_close span::before,
	.sp-banner-fix_close span::after{
		position: absolute;
		top: 50%;
		left: 22%;
		content: "";
		width: 60%;
		height: 1px;
		background: #000;
	}
	.sp-banner-fix_close span::before{
		transform: translate(-5%,-50%) rotate(45deg);
	}
	.sp-banner-fix_close span::after{
		transform: translate(-5%,-50%) rotate(-45deg);
	}
.sp-banner-fix_text{
	width: 56.25%;
	padding-left: 10.42%;
}
	.sp-banner-fix_text p{
		font-size: 14px;
		line-height: 1.428em;
		font-weight: bold;
		color: #4b3e3d;
	}
.sp-banner-fix_btn{
	width: 33.33%;
}
	.sp-banner-fix_btn a{
		display: block;
		background: #f28715;
		padding: 1em 0 0.8em;
		width: 87.5%;
		font-size: 13px;
		line-height: 1em;
		font-weight: bold;
		color: #fff;
		text-align: center;
		border-radius: 2px;
		border-bottom: 0.2em solid #ce720f;
	}

@media only screen and (max-width: 425px){
	.sp-banner-fix_text p{
		font-size: 2.9166vw;
		line-height: 1.428em;
	}
	.sp-banner-fix_btn a{
		font-size: 2.7083vw;
		line-height: 1em;
	}
}