@charset "utf-8";

/*初期化の設定
------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}

body{
	line-height: 1;
}

ol, ul{
	list-style: none;
}

blockquote, q{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after{
	content: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*基本レイアウト
------------------------------------------------------------------------------*/
html, body{
}

/*基本フォント設定
------------------------------------------------------------------------------*/
body{
	font-size: 14px;
	*font-size: small;
	*font: x-small;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'sans-serif';
	line-height: 1.6em;
	color: #000;
	min-width: 1050px;
}

/* コンバージョンタグによって生成されるページ下部の隙間解消 */
body > img,
body > iframe{
	display: block;
	height: 0px;
	overflow: hidden;
}

/* /コンバージョンタグによって生成されるページ下部の隙間解消 */

img{
	vertical-align: bottom;
}

br{
	letter-spacing: 0;
}

a{
	color: #000;
	text-decoration: none;
	word-break: break-all;
	word-wrap: break-word;
}

a:hover{
	text-decoration: none;
}

a:focus{
	outline: thin dotted;
}

a:hover, a:active{
	outline: 0;
}

table{
	font-size: inherit;
}

pre, code, kbd, samp, tt{
	font: inherit;
	*font-size: 108%;
	line-height: 100%;
}

strong{
	font-weight: bold;
}

textarea, input{
	font: inherit
}

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

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

.under{
	text-decoration: underline;
	color: #008BCC;
}

.under:hover{
	text-decoration: none;
}

p.under{
	color: #000;
}

a.linkno{
	color: #000;
}

ol{
	list-style-type: decimal;
	padding-left: 1.5em;
}

/*共通の設定
------------------------------------------------------------------------------*/

/*■文字の設定*/
.font10{
	font-size: 71.5% !important;
}

/*10px*/
.font11{
	font-size: 78.5% !important;
}

/*11px*/
.font12{
	font-size: 86% !important;
}

/*12px*/
.font13{
	font-size: 92.8% !important;
}

/*13px*/
.font16{
	font-size: 114% !important;
}

/*16px*/
.font18{
	font-size: 128.5% !important;
}

/*18px*/
.font20{
	font-size: 143% !important;
}

/*20px*/
.font22{
	font-size: 157.1% !important;
}

/*22px*/
.font24{
	font-size: 171.5% !important;
}

/*24px*/
.font26{
	font-size: 186% !important;
}

/*26px*/
.font28{
	font-size: 200% !important;
}

/*28px*/
.font30{
	font-size: 214.2% !important;
}

/*30px*/
.font32{
	font-size: 228.5% !important;
}

/*32px*/
.font38{
	font-size: 271.4% !important;
}

/*38px*/

.line-h{
	line-height: 1em !important;
}

.line-h12{
	line-height: 1.2em !important;
}

.line-h13{
	line-height: 1.3em !important;
}

.line-h14{
	line-height: 1.4em !important;
}

.line-h15{
	line-height: 1.5em !important;
}

.line-h16{
	line-height: 1.6em !important;
}

.line-h18{
	line-height: 1.8em !important;
}

.line-h20{
	line-height: 2.0em !important;
}

.fontN{
	font-weight: normal !important;
}

.fontB{
	font-weight: bold !important;
}

.clr-red{
	color: #ff1e1e;
}

.clr-blue{
	color: #20209D;
}

.clr-blue--type2{
	color: #1F1F9D;
}

.clr-yellow{
	color: #FFFF00;
}

.clr-green{
	color: #878787;
}

.clr-green--type2{
	color: #444444;
}

.clr-green--type3{
	color: #138A13;
}

/*■配置の設定*/

/*縦位置*/
.vertical-t{
	vertical-align: top !important;
}

.vertical-m{
	vertical-align: middle !important;
}

.vertical-b{
	vertical-align: bottom !important;
}

/*横位置*/
.align-r{
	text-align: right !important;
}

.align-l{
	text-align: left !important;
}

.align-c{
	text-align: center !important;
}

/*■マージン、パディング設定*/
.mg-t5{
	margin-top: 5px !important;
}

.mg-t10{
	margin-top: 10px !important;
}

.mg-t15{
	margin-top: 15px !important;
}

.mg-t20{
	margin-top: 20px !important;
}

.mg-t25{
	margin-top: 25px !important;
}

.mg-t30{
	margin-top: 30px !important;
}

.mg-t35{
	margin-top: 35px !important;
}

.mg-t40{
	margin-top: 40px !important;
}

/*下マージ*/
.mg-b0{
	margin-bottom: 0px !important;
}

.mg-b1{
	margin-bottom: 1px !important;
}

.mg-b3{
	margin-bottom: 3px !important;
}

.mg-b5{
	margin-bottom: 5px !important;
}

.mg-b10{
	margin-bottom: 10px !important;
}

.mg-b15{
	margin-bottom: 15px !important;
}

.mg-b20{
	margin-bottom: 20px !important;
}

.mg-b25{
	margin-bottom: 25px !important;
}

.mg-b30{
	margin-bottom: 30px !important;
}

.mg-b35{
	margin-bottom: 35px !important;
}

.mg-b40{
	margin-bottom: 40px !important;
}

.mg-b45{
	margin-bottom: 45px !important;
}

.mg-b50{
	margin-bottom: 50px !important;
}

.mg-b55{
	margin-bottom: 55px !important;
}

.mg-b60{
	margin-bottom: 60px !important;
}

.mg-b65{
	margin-bottom: 65px !important;
}

.mg-b70{
	margin-bottom: 70px !important;
}

.mg-b75{
	margin-bottom: 75px !important;
}

.mg-b80{
	margin-bottom: 80px !important;
}

.mg-b85{
	margin-bottom: 85px !important;
}

.mg-b90{
	margin-bottom: 90px !important;
}

.mg-b95{
	margin-bottom: 95px !important;
}

.mg-b100{
	margin-bottom: 100px !important;
}

.mg-b150{
	margin-bottom: 150px !important;
}

.mg-b200{
	margin-bottom: 200px !important;
}

/*右マージン*/
.mg-r5{
	margin-right: 5px !important;
}

.mg-r10{
	margin-right: 10px !important;
}

.mg-r15{
	margin-right: 15px !important;
}

.mg-r20{
	margin-right: 20px !important;
}

.mg-r30{
	margin-right: 30px !important;
}

/*左右マージン*/
.mg-r-l5{
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.mg-r-l10{
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.mg-r-l15{
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.mg-r-l20{
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.mg-auto{
	margin: 0 auto;
}

/*全てのマージン*/
.pg{
	padding: 0 10px;
}

.pg-right10{
	padding-right: 10px !important;
}

/*左右パディング*/
.pg-r-l5{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.pg-r-l10{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.pg-r-l15{
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.pg-r-l20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.pg-r-l30{
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/*上下パディング*/
.pg0{
	padding: 0 !important;
}

.pg-t-b5{
	padding: 5px 0 !important;
}

.pg-t-b10{
	padding: 10px 0 !important;
}

.pg-t-b15{
	padding: 15px 0 !important;
}

.pg-t-b20{
	padding: 20px 0 !important;
}

/*■テキスト装飾設定*/
.f-left{
	float: left !important;
}

.f-right{
	float: right !important;
}

/*■ハック関連*/

/*段落ち回避用ハック*/
.cfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cfix{
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .cfix{
	height: 1%;
}

.cfix{
	display: block
}

/*段落ち回避用ハック*/
.cfixH::after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}

.cfixH{
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .cfixH{
	height: 1%;
}

.cfixH{
	display: block
}

.hover{
	display: block;
	cursor: pointer;
}

.a-over:hover,
.hover:hover{
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-decoration: none;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	/* transition: background-color .5s ease,border .5s ease; */
}

.toggle-btn.open{
}

.toggle-contents{
	display: none;
}

.hidden{
	display: none;
}

.posiR{
	position: relative !important;
}

.posiA{
	position: absolute !important;
}

.font-google{
	font-family: 'Oswald', sans-serif;
}

.font-google2{
	font-family: 'Ropa Sans', sans-serif;
}

/*■テキストリスト*/
ol.list_number > li{
	list-style: decimal outside;
	margin-left: 2em;
	padding: 0 0 0.5em 0;
}

/*レイアウトの設定
------------------------------------------------------------------------------*/

/* ページタイトルh1 */
body > h1{
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 0;
	white-space: nowrap;
	width: 1px;
}

/* リンク  */
.link-arrow{
	position: relative;
	display: inline-block;
	padding-left: 1em;
	text-decoration: none;
	line-height: 1.75em;
}

.link-arrow::after{
	content: "";
	position: absolute;
	top: 7px;
	left: 6px;
	width: 0px;
	height: 0px;
	border: 3px solid transparent;
	border-left: 5px solid #14a83b;
}

.link-arrow > span{
	position: relative;
}

.link-arrow > span::after{
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color: #000;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.link-arrow:hover > span::after{
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

.link-under{
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.link-under::after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color: #000;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.link-under:hover::after{
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.link-under-reverse{
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.link-under-reverse::after{
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color: #000;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.link-under-reverse:hover::after{
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

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

.header__logo{
	padding: 12px 0;
}

.header__logo a{
	display: block;
	background: url("../img/header/logo.svg") no-repeat;
	width: 170px;
	height: 48px;
	text-indent: -200%;
	white-space: nowrap;
	overflow: hidden;
}

.header__navi{
	position: absolute;
	right: 0px;
	top: 27px;
	font-size: 86%;
}

.header__navi li{
	float: left;
	margin-left: 30px;
}

/*201705追加*/
.header__navi li.last{
	margin-left:10px;
}

.header__navi li i{
	font-size: 14px;
	margin-right: 5px;
}

.header__navi li br{
	display: none;
}

.header__navi__menu a{
	font-weight: bold;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color: #555;
}

.header__navi__menu.active a{
	opacity: 0.3;
}

.header__navi__menu.active a.active{
	opacity: 1;
}

/*201808追加*/
.banner-area{
    background: #f6f6f6;
}
.footer-banner-list{
	letter-spacing: -0.4em;
	position: relative;
	padding: 45px 0 40px;
	/*padding: 15px 0 50px;*/
}
	.footer-banner-list li{
		display: inline-block;
		width: 50%;
		padding: 0 10px 10px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footer-banner-list li:nth-child(2n){
		padding: 0 0px 15px 10px;
	}
	.footer-banner-list li img{width: 100%;}


/*フッター*/
body > footer{
}

/*フッターバナーエリア*/
.footer__banner{
	position: relative;
	background: #f6f6f6;
	padding: 45px 0 40px;
}

.footer__banner ul{
	position: relative;
	height: 270px;
}

.footer__banner ul li{
	position: absolute;
	top: 0px;
	width: 337px;
	height: 272px;
}

.footer__banner__bg1{
	background: url("../img/footer/banner1.png") no-repeat;
	background-size: 100%;
	left: 0px;
}

.footer__banner__bg2{
	background: url("../img/footer/banner2.png") no-repeat;
	background-size: 100%;
	left: 347px;
}

.footer__banner__bg3{
	background: url("../img/footer/banner3.png") no-repeat;
	background-size: 100%;
	left: 694px;
}

.footer__banner__bg4{
	background: url("../img/footer/banner5.jpg") no-repeat;
	background-size: 100%;
	left: 694px;
}
.footer__banner__bg5{
	background: url("../img/footer/banner5.jpg") no-repeat;
	background-size: 100%;
	left: 694px;
}

.footer__banner ul li a{
	background-color: rgba(255, 255, 255, 0);
	display: block;
	height: 100%;
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-ms-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
	width: 100%;
}

.footer__banner ul li a:hover{
	background-color: rgba(255, 255, 255, 0.5);
}

.footer__banner__info{
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 0px;
	bottom: 2px;
	width: 337px;
	height: 90px;
	text-align: center;
}

.footer__banner__bg1 .footer__banner__info{
	background: rgba(255, 255, 255, 0.8);
}

.footer__banner__info h2{
	margin-top: 10px;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 4px;
}

.footer__banner__info p{
	width: 128px;
}

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

.footer__navi__box{
	width: 750px;
	margin: 0 auto;
}

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

.footer__navi__box nav ul li{
	display: inline-block;
	margin: 10px 0;
	padding: 0 7px;
	border-right: 2px solid #fff;
	line-height: 14px;
	letter-spacing: normal;
}

.footer__navi__box nav ul li.no{
	border: none;
}

.footer__navi__box nav ul li a{
	font-weight: bold;
	color: #fff;
}

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

.footer__navi__box__logo{
	padding: 50px 0 50px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
}

.footer__navi__box__logo p{
	line-height: 1em;
	margin-bottom: 15px;
}

.footer__navi__box__logo h2{
	background: url("../img/footer/logo.svg") no-repeat;
	width: 255px;
	height: 102px;
	margin: 0 auto;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}

.footer__copyright{
	background: #1e1e1e;
	min-height: 50px;
}

#footer-shop-list{
	color: #fff;
	font-size: 12px;
	margin: 0;
	overflow: hidden;
	padding-top: 14px;
	position: relative;
}

#footer-shop-list > dt{
	overflow: hidden;
}

#footer-shop-list > dt > div{
	cursor: pointer;
	float: left;
	text-align: left;
}

#footer-shop-list > dt > div.opener{
}

#footer-shop-list > dt > div.closer{
	display: none;
}

#footer-shop-list > dd{
	display: none;
	margin: 0;
	overflow: hidden;
	padding: 10px 0 30px 10px;
	position: relative;
}

#footer-shop-list > dd > dl{
	float: left;
	font-size: 11px;
	line-height: 1.6em;
	margin: 0;
	width: 16%;
}
#footer-shop-list > dd > dl.hokuriku{
    width:14%;
}
#footer-shop-list > dd > dl.chugoku{
    width:18%;
}
#footer-shop-list > dd > dl > dt{
}

#footer-shop-list > dd > dl > dt > span{
	border-bottom: 1px solid #cfcfcf;
	color: #fff;
	display: none;
	padding: 0 30px 0 10px;
	text-decoration: none;
}

#footer-shop-list > dd > dl > dt > a{
	color: #fff;
	display: inline;
	font-weight: bold;
	margin-left: 10px;
	padding: 0;
	text-decoration: none;
}

#footer-shop-list > dd > dl > dd{
	margin: 0 0 20px 0;
}

#footer-shop-list > dd > dl > dd > ul{
	margin: 0;
	padding-left: 0;
}

#footer-shop-list > dd > dl > dd > ul > li{
	list-style: none;
}

#footer-shop-list > dd > dl > dd > ul > li > a{
	color: #fff;
	margin-left: 20px;
	padding: 0;
	text-decoration: none;
}

.footer__copyright p{
	position: absolute;
	top: 14px;
	right: 0px;
	color: #fff;
}

/*固定リンク*/
.fix-link{
	position: fixed;
	top: 143px;
	right: 0px;
	z-index: 100;
}

.fix-link > nav > ul > li{
	position: relative;
}

.fix-link > nav > ul > li > .balloon{
	background: #68bb26;
	border: 2px solid #fff;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: none;
	font-size: 12px;
	left: -210px;
	line-height: 1.4;
	padding: 15px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 200px;
}

.fix-link > nav > ul > li > .balloon:after{
	background: #68bb26;
	border: 2px solid #fff;
	border-left: transparent;
	border-bottom: transparent;
	content: "";
	height: 20px;
	position: absolute;
	right: -5px;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-50%);
	-moz-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	-o-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 20px;
}

.fix-link > nav > ul > li > .balloon > p{
	margin: 0;
}

.fix-link__contact{
	display: block;
	background: #f28715;
	width: 90px;
	height: 90px;
	font-size: 85.7%;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
	margin-bottom: 9px;
}

.fix-link__contact i{
	margin: 12px 0 9px;
	font-size: 20px;
}

.fix-link__about{
	display: block;
	background: #ff9287;
	width: 90px;
	height: 90px;
	font-size: 85.7%;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
}

.fix-link__about i{
	margin: 17px 0 4px;
	font-size: 20px;
    width:100%;
    text-align:center;
    display:block;
}

/*更新*/
.fix-link__contact,
.fix-link__about{
    height:auto;
    display:flex;
    flex-wrap:wrap;
    padding:12px 0;
    align-items:center;
}
.fix-link__contact i,
.fix-link__about i{
	margin: 0 0 9px;
    width:100%;
    text-align:center;
    display:block;
}
.fix-link__contact i + p,
.fix-link__about i + p{
    width:100%;
    text-align:center;
}


/*ページ遷移ボタン*/
#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{
	position: relative;
	width: 1030px;
	margin: 0 auto;
}

.sp{
	display: none !important;
}

/*コンテンツ*/
#container{
	padding: 74px 0 75px;
}

#container.lower{
	background: #efefef;
	padding-bottom: 49px;
}

/*パンくず*/
#breadcrumbs{
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	margin-bottom: 20px;
}

#breadcrumbs > ol{
	list-style-type: none;
	padding-left: 0;
	overflow: hidden;
	position: relative;
}

#breadcrumbs > ol > li{
	float: left;
}

#breadcrumbs > ol > li > a,
#breadcrumbs > ol > li > span{
	color: #333;
	display: block;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	max-width: 370px;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#breadcrumbs > ol > li > a{
	background: url("/propose/common/img/breadcrumbs-arrow.png") no-repeat right 50%;
	padding-right: 30px;
	text-decoration: underline;
}

#breadcrumbs > ol > li:first-child > a,
#breadcrumbs > ol > li:first-child > span{
	padding-left: 0;
}

#breadcrumbs > ol > li > a > span{
}

#breadcrumbs > ol > li > span{
}

/*メインエリア*/
#main{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	float: left;
	position: relative;
	width: 710px;
}

#main__box{
	background: #fff;
	padding: 40px 40px 1px;
}

/*サイドエリア*/
#side{
	float: right;
	position: relative;
	width: 300px;
}

.side__fix{
	width: 300px;
}

/* スクロール固定領域 */
#side .flex-pos{
	width: 300px;
}

.flex-pos.fixed{
	position: fixed;
	top: 74px;
}

.flex-pos.bottom{
	position: absolute;
	bottom: 0;
}

/*サイドバナー*/
.side__banner{
	margin-bottom: 15px;
}

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

.side__banner > li.special-top-banner{
	margin-bottom: 40px;
}

.side__banner > li > a{
	display: block;
	position: relative;
}

.side__banner > li > a > img{
	max-width: 100%;
}

.side__banner > li > 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;
	width: 100%;
}

.side__banner > li > a:hover > dl.overlay{
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	/* transition: background-color .5s ease,border .5s ease; */
}

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

.side__banner > li > a > dl.overlay > dd{

}

.side__banner2{
	margin-bottom: 15px;
}

.side__banner2 > li{
	margin-bottom: 10px;
	display: table;
}

.side__banner2 > li.special-top-banner{
	margin-bottom: 40px;
}

.side__banner2 > li > a{
	display: block;
	position: relative;
}

.side__banner2 > li > a > img{
	max-width: 100%;
}

.side__banner2 > li > a > .side__article{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 12px;
	top: 16px;
}

.side__banner2 > li > a > .side__article > .title{
	margin-bottom: 2px;
}

.side__banner2 > li > a > .side__article > .link{
	border: 1px solid #fff;
	line-height: 100%;
	padding: 5px 0 3px;
	text-align: center;
}

.side__banner2 > li > a > .side__article02 {
    color: #444;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 16px;
}

.side__banner2 > li > a > .side__article02 > .title{
	margin-bottom: 2px;
}

.side__banner2 > li > a > .side__article02 > .link{
	border: 1px solid #444;
	line-height: 100%;
	padding: 5px 0 3px;
	text-align: center;
}

.side__banner2 > li > a:hover {
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-decoration: none;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

/*人気記事*/
.side__article{
	padding-bottom: 17px;
}

.side__article__title{
	padding-bottom: 7px;
	margin-bottom: 18px;
	border-bottom: 3px solid #6ebb30;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 40px;
}

.side__article__title:nth-of-type(1){
	margin-top: 0;
}

.side__article__title > small{
	color: #878787;
	display: block;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4;
}

.side__article article{
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}

.side__article a{
	display: block;
}

.side__article a .side__article__thumb{
	background-repeat: no-repeat;
	background-size: cover;
	height: 70px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	width: 70px;
}

.side__article a:hover .side__article__thumb{
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.side__article__thumb img{
	/*height: 70px;*/
	display: none;
}

.side__article__info{
	padding-left: 86px;
	min-height: 70px;
}

.side__article.news .side__article__info{
	padding-left: 0;
	min-height: 0;
}

.side__article__info h3{
	font-weight: normal;
	line-height: 1.3em;
}

a:hover .side__article__info h3{
	text-decoration: underline;
}

.side__article__info p{
	font-size: 86%;
	color: #878787;
	line-height: 1.3em;
	margin-top: 0.5em;
}

.side__article__info p:last-child{
}

.side__article__info p.tag{
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.side__article__info time{
	color: #888;
	font-size: 86%;
	line-height: 1.5em;
}

.side__article__btn-list{
	position: relative;
	display: block;
	height: 38px;
	border: 1px solid #888;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #888;
}

.side__article__btn-list:after{
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-2px);
	-moz-transform: rotate(45deg) translateY(-2px);
	-ms-transform: rotate(45deg) translateY(-2px);
	-o-transform: rotate(45deg) translateY(-2px);
	transform: rotate(45deg) translateY(-2px);
	-webkit-transform-origin: right 50%;
	-moz-transform-origin: right 50%;
	-ms-transform-origin: right 50%;
	-o-transform-origin: right 50%;
	transform-origin: right 50%;
}

/*パンくずリスト*/
.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;
}

/*ページャー*/
.pager{
	text-align: center;
	letter-spacing: -0.5em;
	padding: 30px 0;
}
/*
.pager > .pagination > .prev,
.pager > .pagination > .next{
	display: inline-block;
	height: 24px;
	white-space: nowrap;
	width: 24px;
	color: #eee;
  border: none;
}*/

.pager > .pagination .prev-link{
	background-image: url("../img/pager-prev.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: none;
  width: 26px;
  height: 26px;
  border: none;
  display: block;
  margin: 0 auto;
}

.pager > .pagination .next-link{
	background-image: url("../img/pager-next.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: none;
  width: 26px;
  height: 26px;
  border: none;
  display: block;
  margin: 0 auto;
}

.pager > .pagination{
	margin: 0;
	padding: 0;
	position: relative;
  display: -ms-flexbox;
  display: flex;  
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}

.pager > .pagination > li{
	display: block;
	list-style: none;
	margin: 0 4px;
	letter-spacing: normal;
}

.pager > .pagination > li > a,
.pager > .pagination > li.on > span,
.pager > .pagination > li > span.ellipsis{
	display: inline-block;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	min-width: 24px;
	text-align: center;
}

.pager > .pagination > li > a{
	border: 1px solid #eee;
	color: #000;
	text-decoration: none;
}

.pager > .pagination > li.on > span{
	background: #eee;
	border: 1px solid #eee;
	color: #000;
}

.pager > .pagination > li > span.ellipsis{

}

/***********************************************************************************************************************
* パーツ類
***********************************************************************************************************************/
#page-description{
	margin: 0 auto 25px auto;
	position: relative;
	width: 1030px;
}

#page-description > h1{
	border: 2px solid #6ebb30;
	color: #6ebb30;
	font-size: 16px;
	float: left;
	font-weight: bold;
	left: 70px;
	padding: 5px;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 226px;
}

#page-description > p{
	border-left: 1px solid #e4e4e4;
	/*	color: #888888;*/
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 0 0 343px;
	min-height: 60px;
	padding: 5px 0 5px 20px;
	width: 580px;
}

#main .h2,
#main .hdng-m{
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 15px;
}

#main .h2 > small,
#main .hdng-m > small{
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
}

#main figure#main-fig{
	display: block;
	padding-bottom: 20px;
	position: absolute;
	top: 0;
	width: 710px;
}

#main figure#main-fig > img{
	max-width: 100%;
}

/*main-fig ラベル（とその類似パーツ）*/
#main-fig + .main-fig-label-open,
#main-fig + .main-fig-label-close,
.pickup__article > a > i.emblem,
.article-list > a > i.emblem{
	display: block !important;
	color: #fff;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	left: 10px;
	margin-bottom: 0 !important;
	position: absolute;
	text-align: center;
	top: 10px;
	/*width: 150px;*/
	width: 100px;
}

.article-list > a > i.emblem{
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	left: 10px;
	top: 10px;
	width: 110px;
}

#main-fig + .main-fig-label-open,
.pickup__article > a > i.emblem.main-fig-label-open,
.article-list > a > i.emblem.main-fig-label-open{
	background: rgba(242, 135, 21, 0.9);
}

#main-fig + .main-fig-label-close,
.pickup__article > a > i.emblem.main-fig-label-close,
.article-list > a > i.emblem.main-fig-label-close{
	background: rgba(85, 85, 85, 0.9);
}

.main-fig-label-open,
.main-fig-label-close{
	display: none;
}

.pickup__article > a > i.emblem,
.article-list > a > i.emblem{
	display: block;
	z-index: 1;
}

#main .article-tags{
	letter-spacing: -0.5em;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}

#main .article-tags > li{
	float: left;
	margin-right: 20px;
	font-size: 86%;
	color: #6ebb30;
	letter-spacing: normal;
}

#main .article-tags > li > i{
}

#main .main-fig-label{
	background: #f28715;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	opacity: 0.8;
	position: absolute;
	text-align: center;
	top: 10px;
	left: 10px;
	width: 150px;
}

#main .h3,
#main .hdng-s{
	border-bottom: 1px solid #e4e4e4;
	border-top: 2px solid #6ebb30;
	font-size: 18px;
	/*font-weight: normal;*/
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
	margin-top: 22px;
	padding: 10px 0;
}

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

#main h4.table-caption{
	color: #fff;
	background: #6ebb30;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 12px;
	padding: 4px 10px;
}

#main .h5{
	color: #4e9c0f;
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0 15px 0;
}

#main .h6{
	border-top: 1px solid #6ebb30;
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0 25px 0;
	padding: 5px 0;
}

.research-q{
	border-bottom: 1px solid #515962;
	font-size: 16px;
	font-weight: normal;
	min-height: 42px;
	margin: 0 0 20px 0;
	padding: 0 0 0 43px;
	position: relative;
}

.research-q > span{
	background: #fff;
	display: block;
	line-height: 1.4em;
	padding: 3px 5px 3px 15px;
}

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

.research-q:after{
	background-color: #515962;
	background-position: 0 50%;
	background-repeat: no-repeat;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 43px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main p{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 1em;
}

#main p.note{
	font-size: 12px;
	line-height: 1.6em;
}

#main .mgn{
	margin-left: 20px;
	margin-right: 20px;
}

#main img{
	max-width: 100%;
}

#main figure.img-full{
	display: block;
	margin: 22px 0;
	text-align: center;
}

#main figure.img-full > img{
	max-width: 100%;
}

#main figure.single-img{
	display: block;
	margin: 22px 0;
	text-align: center;
	width: 350px;
}

#main figure.single-img > img{
	max-width: 100%;
}

#main figure.single-img > figcaption{
	color: #888888;
	font-size: 12px;
	line-height: 1.5;
	margin: 5px 0 0 0;
	text-align: left;
}

#main .img-parallel{
	margin: 22px 0;
	overflow: hidden;
	position: relative;
}

#main .img-parallel > li{
	float: left;
}

#main .img-parallel > li:nth-child(even){
	margin-left: 10px;
}

#main .img-parallel > li > figure.single-img{
	margin-bottom: 0;
	margin-top: 0;
}

#main .block{

}

#main .block.img-r,
#main .block.img-l,
#main .block.movie-r,
#main .block.movie-l{
	overflow: hidden;
	position: relative;
}

#main .block.img-r > div,
#main .block.img-l > div,
#main .block.movie-r > div,
#main .block.movie-l > div{
	float: right;
	margin-bottom: 25px;
	width: 350px;
}

#main .block.img-r > div:first-child,
#main .block.img-l > div:first-child,
#main .block.movie-r > div:first-child,
#main .block.movie-l > div:first-child{
	float: left;
}

#main .block.img-r > .media-block,
#main .block.img-l > .media-block{
	text-align: center;
}

#main .block.img-r > .media-block img,
#main .block.img-l > .media-block img{
	max-width: 100%;
}

#main .block.movie-r > .media-block iframe,
#main .block.movie-l > .media-block iframe{
	width: 350px;
	height: 240px;
}

#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{
	color: #888888;
	font-size: 12px;
	line-height: 1.5;
	margin: 5px 0 0 0;
}

#main .youtube-iframe{
	margin: 22px 0;
	position: relative;
}

#main .youtube-iframe > iframe{
	height: 400px;
	width: 710px;
}

#main .youtube-iframe > p.caption{
	color: #888888;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
}

#main .youtube-parallel{
	margin: 22px 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#main .youtube-parallel > li{
	float: left;
	position: relative;
}

#main .youtube-parallel > li:nth-child(odd){
}

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

#main .youtube-parallel > li > .youtube-iframe{
	margin: 0;
	width: 350px;
}

#main .youtube-parallel > li > .youtube-iframe > iframe{
	height: 240px;
	width: 350px;
}

#main table.collabo-summary{
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 100%;
}

#main table.collabo-summary > caption{
	border-bottom: 1px solid #e4e4e4;
	border-top: 2px solid #6ebb30;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 20px;
	margin-top: 22px;
	padding: 10px 0;
	text-align: left;
}

#main table.collabo-summary > tbody > tr > th,
#main table.collabo-summary > tbody > tr > td{
	border: 1px solid #e4e4e4;
	padding: 10px;
}

#main table.collabo-summary > tbody > tr > th{
	background: #eee;
	white-space: nowrap;
}

#main table.collabo-summary > tbody > tr > th > span{
	border-left: 4px solid #6ebb30;
	display: block;
	font-weight: normal;
	padding-left: 10px;
	text-align: left;
}

#main table.collabo-summary > tbody > tr > td{

}

#main p > a,
#main p > a:visited{
	color: #4496f2;
	text-decoration: underline;
}

#main p > a:hover{
	color: #06e;
}

.btn{
	background-color: #f28715;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 0 0 5px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.btn.col-green-reverse{
	background-color: #fff;
	border: 2px solid #6ebb30;
	color: #6ebb30;
}

.btn:hover{
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.btn.col-green-reverse:hover{
	background-color: #6ebb30;
	color: #fff;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
}

#main a.btn,
#main a.btn:visited,
#main a.btn:hover{
	color: #fff;
	text-decoration: none;
}

#main a.btn.col-green-reverse,
#main a.btn.col-green-reverse:visited{
	color: #6ebb30;
}

#main a.btn.col-green-reverse:hover{
	color: #fff;
}

.btn.large{
	font-size: 18px;
	height: 46px;
	line-height: 46px;
}

.btn.giant{
	font-size: 20px;
	height: 80px;
	line-height: 30px;
	margin: 10px 0;
	padding: 10px 0;
}

.btn.w20per{
	width: 20%;
}

.btn.w50per{
	width: 50%;
}

.btn.w60per{
	width: 60%;
}

.btn.w70per{
	width: 70%;
}

.btn.w80per{
	width: 80%;
}

.btn.w90per{
	width: 90%;
}

.btn.w620{
	width: 620px;
}

.btn.center{
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
}

.btn.arrow-r-fff:after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	display: block;
	height: 12px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-3px);
	-moz-transform: rotate(45deg) translateY(-3px);
	-ms-transform: rotate(45deg) translateY(-3px);
	-o-transform: rotate(45deg) translateY(-3px);
	transform: rotate(45deg) translateY(-3px);
	-webkit-transform-origin: right 50%;
	-moz-transform-origin: right 50%;
	-ms-transform-origin: right 50%;
	-o-transform-origin: right 50%;
	transform-origin: right 50%;
	width: 12px;
}

.btn.large.arrow-r-fff:after,
.btn.giant.arrow-r-fff:after{
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

.btn.arrow-r-green:after{
	border-top: 2px solid #6ebb30;
	border-right: 2px solid #6ebb30;
	content: "";
	display: block;
	height: 12px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-3px);
	-moz-transform: rotate(45deg) translateY(-3px);
	-ms-transform: rotate(45deg) translateY(-3px);
	-o-transform: rotate(45deg) translateY(-3px);
	transform: rotate(45deg) translateY(-3px);
	-webkit-transform-origin: right 50%;
	-moz-transform-origin: right 50%;
	-ms-transform-origin: right 50%;
	-o-transform-origin: right 50%;
	transform-origin: right 50%;
	width: 12px;
}

.btn.large.arrow-r-green:after,
.btn.giant.arrow-r-green:after{
	border-top: 3px solid #6ebb30;
	border-right: 3px solid #6ebb30;
}

.btn.arrow-r-green:hover:after{
	border-color: #fff;
}

.btn-parallel{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	width: 620px;
}

.btn-parallel > a{
	float: left;
	font-size: 17px !important;
	width: 305px;
}

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

.frame-btn{
	border: 1px solid #f28715;
	color: #f28715 !important;
	cursor: pointer;
	display: inline-block;
	font-size: 92.8%;
	line-height: 22px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	padding: 0 1em;
	text-decoration: none !important;
}

.frame-btn i{
	padding-left: 5px;
}

a:hover .frame-btn,
a.frame-btn:hover{
	background-color: #f28715;
	color: #fff !important;
}

a.fig-btn{
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}

a.fig-btn,
a.fig-btn:visited,
a.fig-btn:hover{
	color: #333;
	text-decoration: none !important;
}

a.fig-btn > figure{
	background: #000;
	display: block;
	overflow: hidden;
	position: relative;
}

a.fig-btn > figure:hover{
	background: #333;
}

a.fig-btn.fig-ytube:hover > figure:after{
	background: #000 url("/propose/common/img/ico-fig-btn-ytube-play.png") no-repeat 50% 50%;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.rgba a.fig-btn.fig-ytube:hover > figure:after{
	background-color: rgba(0, 0, 0, 0.5);
}

a.fig-btn.fig-ytube.sns-open > figure:after{
	background-image: none;
}

a.fig-btn > figure > img{
	display: none;
}

a.fig-btn > figure > .img{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 200px;
	opacity: 0;
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-ms-transform: scale(0.7, 0.7);
	-o-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
	width: 350px;
}

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

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

a.fig-btn.fig-ytube > figure > .length{
	background: #000;
	color: #fff;
	font-size: 12px;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 10px;
	text-align: center;
	z-index: 1;
}

.rgba a.fig-btn.fig-ytube > figure > .length{
	background: rgba(0, 0, 0, 0.5);
}

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

a.fig-btn > div{
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	bottom: 0;
	color: #fff;
	padding: 10px;
	text-shadow: 0 0 1px #333;
}

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

a.fig-btn > div > ul.tags,
a.fig-btn > div > small.tags{
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 5px;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
}

a.fig-btn.fig-ytube:hover > div > small.tags{
	opacity: 0.5;
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
}

a.fig-btn.lbl-dsc-separated > div > small.tags,
a.fig-btn.pc-lbl-dsc-separated > div > small.tags{
	color: #fff;
	left: 10px;
	position: absolute;
	top: -2em;
}

a.fig-btn > div > ul.tags > li{
	display: inline-block;
	margin-right: 5px;
}

a.fig-btn > div > ul.tags > li > i.fa,
a.fig-btn > div > small.tags > i.fa{
	font-style: normal;
	margin-right: 5px;
}

a.fig-btn.lbl-dsc-separated ul.tags,
a.fig-btn.pc-lbl-dsc-separated ul.tags{
	display: block;
	position: absolute;
	left: 10px;
	bottom: 0px;
	width: 100%;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	z-index: 4;
}

a.fig-btn.lbl-dsc-separated ul.tags > li,
a.fig-btn.pc-lbl-dsc-separated ul.tags > li{
	display: inline-block;
	margin-right: 8px;
}

a.fig-btn.lbl-dsc-separated ul.tags > li > i.fa,
a.fig-btn.pc-lbl-dsc-separated ul.small.tags > li > i.fa{
	font-style: normal;
	margin-right: 5px;
}

a.fig-btn > div > strong.lbl{
	display: block;
	font-size: 16px;
	font-weight: bold;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
}

a.fig-btn.fig-ytube:hover > div > strong.lbl{
	opacity: 0.5;
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
}

a.fig-btn > div > time{
	display: none;
}

a.fig-btn > div > p.dsc{
	display: none;
	margin-top: 1em;
	line-height: 1.5;
}

a.fig-btn > .sns-launcher{
	border: 1px solid #fff;
	display: block;
	left: 12px;
	position: absolute;
	top: 12px;
	z-index: 4;
}

a.fig-btn.sns-open > .sns-launcher,
a.fig-btn > .sns-launcher:hover{
	background-color: #fff;
}

a.fig-btn > .sns-launcher:after{
	color: #fff;
	content: "シェア";
	display: block;
	font-size: 12px;
	line-height: 1em;
	padding: 2px;
	text-align: center;
}

a.fig-btn.sns-open > .sns-launcher:after,
a.fig-btn > .sns-launcher:hover:after{
	color: #333;
}

a.fig-btn > .sharing-tools{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 3;
}

a.fig-btn.sns-open > .sharing-tools{
	display: block;
}

a.fig-btn > .sharing-tools > li{
	display: inline-block;
	height: 100%;
	position: relative;
	width: 60px;
}

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

a.fig-btn > .sharing-tools > li > span{
	background: url("/propose/common/img/ico-fig-btn-sharing-tools.png") no-repeat 0 0;
	background-size: 171px 25px;
	display: block;
	height: 25px;
	left: 50%;
	margin: -13px 0 0 -13px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 50%;
	white-space: nowrap;
	width: 25px;
}

a.fig-btn > .sharing-tools > li.facebook > span{
	background-position: 7px 0;
}

a.fig-btn > .sharing-tools > li.twitter > span{
	background-position: -45px 0;
}

a.fig-btn > .sharing-tools > li.line > span{
	background-position: -98px 0;
}

a.fig-btn > .sharing-tools > li.copy-url > span{
	background-position: -150px 0;
}

.side__banner > li > a.fig-btn > figure > .img{
	height: 220px;
	opacity: 0.8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	width: 300px;
}

.side__banner a.fig-btn > div > strong.lbl{
	font-size: 14px;
	line-height: 1.5em;
}

ul.fig-btn-list{
	overflow: hidden;
	position: relative;
}

ul.fig-btn-list > li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	width: 350px;
}

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

ul.fig-btn-list > li.full{
	width: 100%;
}

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

ul.fig-btn-list > li.rows-3{
	border: 1px solid #d8d8d8;
	height: 620px;
}

ul.fig-btn-list > li.rows-3 > a.fig-btn{
	height: 620px;
}

ul.fig-btn-list > li.rows-3 > a.fig-btn > div{
	position: relative;
	color: #333333;
	text-shadow: none;
}

ul.fig-btn-list > li.rows-3 > a.fig-btn > div > small.tags{
	color: #fff;
	left: 10px;
	position: absolute;
	top: -2em;
}

ul.fig-btn-list > li.rows-3 > a.fig-btn > div > .lbl{
	font-weight: normal;
}

ul.fig-btn-list > li.rows-3 > a.fig-btn.fig-ytube:hover > div > strong.lbl{
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
}

ul.fig-btn-list > li.rows-3 > a.fig-btn > div > time{
	color: #888888;
	display: block;
	font-size: 12px;
	line-height: 1em;
	margin-top: 1em;
}

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

ul.fig-btn-list > li.lbl-visible{
	border: 1px solid #d8d8d8;
}

ul.fig-btn-list > li.lbl-visible > a.fig-btn > div{
	position: relative;
	color: #333333;
	text-shadow: none;
	height: 8em;
	box-sizing: border-box;
}

ul.fig-btn-list > li.lbl-visible > a.fig-btn > div > small.tags{
	color: #fff;
	left: 10px;
	position: absolute;
	top: -2em;
}

ul.fig-btn-list > li.lbl-visible > a.fig-btn > div > .lbl{
	display: block;
	font-weight: normal;
}

ul.fig-btn-list > li.lbl-visible > a.fig-btn.fig-ytube:hover > div > strong.lbl{
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
}

ul.fig-btn-list > li ul.tags{
	overflow: hidden;
	position: relative;
}

ul.fig-btn-list > li ul.tags > li{
	float: left;
	margin-right: 12px;
}

/*CVボタン*/
#main .cv-area{
	margin-top: 30px;
}

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

#success-top-promotions{
	overflow: hidden;
	position: relative;
}

#success-top-promotions > div{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
}

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

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

#main footer.article-footer{
	border-top: 1px solid #e4e4e4;
	margin: 60px 0 50px 0;
	padding: 25px 0 0 0;
	position: relative;

	/*
	margin: 30px 0 50px 0;
	padding: 25px 0 0 0;
	*/
}

#main footer.article-footer a{
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

#main footer.article-footer > a{
	border: 1px solid #888;
	color: #888;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
}

#main footer.article-footer a:hover{
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#main footer.article-footer > .sharing-tools{
	position: absolute;
	right: 0;
	top: -40px;
}

#main footer.article-footer > .sharing-tools > li{
	float: left;
}

#main footer.article-footer > .sharing-tools > li.line{
	display: none;
}

#main footer.article-footer > .sharing-tools > li > a{
	background: url("../img/sharing-tools.png") no-repeat 0 0;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 40px;
}

#main footer.article-footer > .sharing-tools > li.facebook > a{
}

#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 > .sharing-tools > li.copy-url > a{
	background-position: -120px 0;
}

#main footer.article-footer > .next-recommend{
	clear: both;
	padding-top: 10px;
}
#main footer.article-footer > .next-recommend > h4{
	border-bottom: 1px solid #e4e4e4;
	border-top: 2px solid #6ebb30;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 0;
}
#main footer.article-footer > .next-recommend > .recommend-articles{
	overflow: hidden;
	position: relative;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li{
	float: left;
	width: 50%;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li:nth-child(odd){
	clear: both;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li > a{
	display: block;
	min-height: 100px;
	position: relative;
	padding-left: 140px;
	padding-right: 10px;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li > a:hover{
	opacity: 1;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li > a > figure{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 100px;
	left: 0;
	opacity: 1;
	position: absolute;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	top: 0;
	width: 130px;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li > a:hover > figure{
	opacity: 0.7;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li > a > .info{
}
#main footer.article-footer > .next-recommend > .recommend-articles > li > a > .info > p{
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
#main footer.article-footer > .next-recommend > .recommend-articles > li > a:hover > .info > p{
	text-decoration: underline;
}

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

.pickup .f-left,
.pickup .f-right{
	position: relative;
	width: 50%;
	overflow: hidden;
}

.pickup__article{
	background: #222;
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 0px;
	width: 765px;
	max-height: 400px;
	overflow: hidden;
}

.f-left .pickup__article{
	left: 100%;
	margin-left: -765px;
}

.pickup__article a{
	display: block;
}

.pickup__article figure{
	position: relative
}

.pickup__article figure div,
.pickup__article img{
	min-width: 765px;
	min-height: 400px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-ms-transform: scale(0.7, 0.7);
	-o-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
	opacity: 0;
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
}

.pickup__article figure div{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
	background-size: 765px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.pickup__article img.active + div,
.pickup__article img.active{
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

.pickup__article img.ie9 + div,
.pickup__article img.ie9{
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.pickup__article:hover img + div,
.pickup__article:hover img{
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.pickup__article:hover img.ie9 + div,
.pickup__article:hover img.ie9{
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

.pickup__article__shadow{
	background: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	-ms-transition: opacity .25s ease-out;
	-o-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	opacity: 0.2;
	-ms-filter: alpha(opacity=20);
	filter: alpha(opacity=20);
}

.pickup__article a:hover .pickup__article__shadow{
	background: #333;
	opacity: 0.5;
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
}

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

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

.pickup__article__info i{
	display: inline-block;
	font-size: 11px;
	color: #fff;
	margin-right: 7px;
}

.pickup__article__info p{
	display: inline-block;
	font-size: 86%;
	font-weight: bold;
	line-height: 2.2em;
	color: #fff;
}

.pickup__article__info > ul.tags{
	margin: 5px 0 3px;
	position: relative;
	overflow: hidden;
	letter-spacing: -0.5em;
}

.pickup__article__info > ul.tags > li{
	display: inline-block;
	margin-right: 20px;
	font-size: 86%;
	color: #fff;
	letter-spacing: normal;
}

.pickup__article__info > ul.tags > li > i{
	margin-right: 4px;
}

/*タブ*/
.tab-article{
	letter-spacing: -0.5em;
	margin-bottom: 15px;
}

.tab-article li{
	display: inline-block;
	border-left: 1px solid #ececee;
	letter-spacing: normal;
}

.tab-article li a{
	display: inline-block;
	padding: 0 20px 0 15px;
	line-height: 34px;
	color: #888;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

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

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

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

.tab-article-contents > li{
	opacity: 0;
	display: none;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

.tab-article-contents > li.block{
	display: block;
}

.tab-article-contents > li.active{
	opacity: 1;
}

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

#main .article-list a,
#main .article-list a:visited,
#main .article-list a:hover{
	color: #333;
	text-decoration: none;
	display: block;
	overflow: hidden;
	position: relative;
}

.article-list__thumb{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	width: 130px;
	height: 100px;
	text-align: center;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	overflow: hidden;
}

.article-list a:hover .article-list__thumb{
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.article-list__thumb img{
	display: none;
	/*
	text-align: center;
	height: 100px;
	*/
}

/*
.article-list a:hover img{
	-ms-filter: alpha(opacity=50);
		filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: opacity .5s ease;
	   -moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		 -o-transition: opacity .5s ease;
			transition: opacity .5s ease;
}
*/
.article-list__info{
	position: relative;
	margin-left: 156px;
	min-height: 71px;
}

.article-list__info h2{
	font-size: 114%;
	font-weight: normal;
	line-height: 1.6em;
	margin-bottom: 5px;
}

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

.article-list__info p{
	font-size: 86%;
	line-height: 1.4em;
	margin-bottom: 0 !important;
	color: #888;
}

/*
.article-list__info ul{
	cursor: default;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	letter-spacing: -0.5em;
}
	.article-list__info ul li{
		display: inline-block;
		margin-right: 20px;
		font-size: 86%;
		color: #4da009;
		letter-spacing: normal;
	}
		.article-list__info ul li i{
			margin-right: 4px;
		}
		*/
.article-list > ul.tags{
	margin-top: 5px;
	margin-left: 156px;
	position: relative;
	overflow: hidden;
	letter-spacing: -0.5em;
}

.article-list > ul.tags > li{
	display: inline-block;
	margin-right: 20px;
	font-size: 70%;
	color: #4da009;
	letter-spacing: normal;
}

.article-list > ul.tags > li > i{
	margin-right: 4px;
}

/* タブ切り替え型記事リスト */
#tabbed-article-list{
	overflow: hidden;
	position: relative;
}

#tabbed-article-list > .swiper-container{
	float: left;
	margin-top: 10px;
	width: 140px;
}

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

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

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

#tabbed-article-list > .swiper-container > .tab-article > li > a{
	background: #f6f6f6;
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	padding: 7px 0;
	text-align: center;
}

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

#tabbed-article-list > .swiper-container > .tab-article > li.active > a{
	background: #6ebb30;
	color: #fff;
	font-weight: bold;
}

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

#tabbed-article-list > .tab-article-contents .article-list__info > p{
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

#tabbed-article-list > .tab-article-contents .article-movie__thumb > img{
	max-width: 100%;
}

/*記事動画*/
.article-movie{
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #ececee;
}

.article-movie a{
	display: block;
	position: relative;
}

.article-movie__info{
	position: absolute;
	top: 32px;
	left: 0px;
	padding: 0 23px;
}

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

.article-movie__info i{
	display: inline-block;
	font-size: 11px;
	color: #fff;
	margin-right: 3px;
}

.article-movie__info p{
	display: inline-block;
	font-size: 86%;
	font-weight: bold;
	line-height: 1em;
	color: #fff;
	margin-bottom: 10px;
}

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

.article-movie__thumb__block{
	position: absolute;
	top: 0px;
	left: 0px;
}

.article-movie__thumb__block video{
	width: 710px;
}

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

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

.article-movie__setting li{
	float: left;
	margin-left: 15px;
}

.article-movie__setting .move{
	display: block;
	background: url("../img/movie/start.png") no-repeat;
	width: 16px;
	height: 18px;
	cursor: pointer;
}

.article-movie__setting .move.active{
	background: url("../img/movie/stop.png") no-repeat;
}

.article-movie__setting .volume{
	display: block;
	background: url("../img/movie/volume-off.png") no-repeat;
	width: 30px;
	height: 18px;
	cursor: pointer;
}

.article-movie__setting .volume.active{
	background: url("../img/movie/volume-on.png") no-repeat;
}




/***********************************************************************************************************************
* リサイズ	1180px以下から800pxまで
***********************************************************************************************************************/
@media screen and (max-width: 1530px){
	.pickup__article,
	.f-left .pickup__article{
		left: 0%;
		margin-left: 0px;
		width: 100%;
	}

	.pickup__article img{
		width: 100%;
	}

	.footer__navi{
		background: url("../img/footer/bg.jpg") center center no-repeat;
		background-size: 1530px;
	}

	.pickup__article figure{
		width: 765px;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 1030px){
	header, footer{
		width: 1030px;
	}

	.pickup{
		width: 1030px;
	}
}

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

}

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

}

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

}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print{
	*{ /*background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;*/
	}

	/* Black prints faster: h5bp.com/s */
	a, a:visited{
		text-decoration: underline;
	}

	/*a[href]:after { content: " (" attr(href) ")"; }*/
	/*abbr[title]:after { content: " (" attr(title) ")"; }*/
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{
		content: "";
	}

	/* Don't show links for images, or javascript/internal links */
	pre, blockquote{
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead{
		display: table-header-group;
	}

	/* h5bp.com/t */
	tr, img{
		page-break-inside: avoid;
	}

	img{
		max-width: 100% !important;
	}

	@page{
		margin: 0.5cm;
	}

	p, h2, h3{
		orphans: 3;
		widows: 3;
	}

	h2, h3{
		page-break-after: avoid;
	}

	body{
		-webkit-print-color-adjust: exact;
	}

	.wrap, #container{
		width: 100%;
	}
}


/*
 * ヘッダー上固定メッセージ 
 */
.fixed-msg-area {
  background-color: #f0e1d8;
  text-align: center;
  padding: 15px;
  position: relative;
  display: none;
  border-bottom: 2px solid #6ebb30;
}
.fixed-msg-area.enable {
  display: block;
}
.fixed-msg-area p {
  font-size: 13px;
  line-height: 1.6;
}
.fixed-msg-area p a {
  color: #5e5452;
  margin-left: 1em;
  text-decoration: underline;
}
.fixed-msg-area .btn-close {
  display: block;
  position: absolute;
  top: 5px;
  right: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.fixed-msg-area .btn-close:before, .fixed-msg-area .btn-close:after {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background: #555;
  position: absolute;
  transform: rotate(0deg);
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}
.fixed-msg-area .btn-close:before {
  transform: translate(1px, 10px) rotate(-315deg) scale(0.8);
}
.fixed-msg-area .btn-close:after {
  transform: translate(1px, 10px) rotate(315deg) scale(0.8);
}
.bnr_shop_floating {
  position: fixed;
  width: 502px;
  left: calc(50% - 251px);
  bottom: 20px;
  z-index: 50;
  display: none;
}
.bnr_shop_floating.enable {
  display: block;
}
.bnr_shop_floating_image {
  position: relative;
  width: 502px;
  margin: 0 auto;
  height: 95px;
  z-index: 50;
  background-color: #fff;
}
.bnr_shop_floating_image a {
  display: block;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.bnr_shop_floating_image a:hover {
  opacity: .6;
}
.bnr_shop_floating_close {
  position: absolute;
  left: -12px;
  top: -12px;
  cursor: pointer;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.bnr_shop_floating_image .for_pc {
  display: block;
}
.bnr_shop_floating_image .for_sp {
  display: none;  
}
body > header._is_head_banner_enabled{
  border-top: none;
}
body.propose_banner_on #container{
  padding-top: 124px;
}
body.propose_ec_bnr_on {

}
@media only screen and (max-device-width: 767px){
  body.propose_banner_on #container{
    padding-top: 120px;
  }
  body.propose_ec_bnr_on #pagetop {
    bottom: 120px;
  }
  .fixed-msg-area {
    padding-left: 24px;
  }
  .fixed-msg-area p {
    text-align: left;
    font-size: 3.47vmin;
  }
  .fixed-msg-area p a {
    display: block;
    margin-left: 0;
  }
  .fixed-msg-area .btn-close {
    top: calc(50% - 20px);
    right: 16px;
  }
  .fixed-msg-area .btn-close:before, .fixed-msg-area .btn-close:after {
    width: 24px;
  }
  .bnr_shop_floating {
    position: fixed;
    width: 86%;
    z-index: 50;
    bottom: 40px;
    left: 7%;
  }
  .bnr_shop_floating_image {
    max-width: 100%;
    height: auto;
  }
  .bnr_shop_floating_image a {
    max-width: 100%;
  }
  .bnr_shop_floating_image a img{
    max-width: 100%;
  }
  .bnr_shop_floating_image .for_pc {
    display: none;
  }
  .bnr_shop_floating_image .for_sp {
    display: block;  
  }
}