@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 100%;
	vertical-align:baseline;
	background:transparent;
	font-weight: normal;
	list-style-type: none;
	box-sizing: border-box;
}
body {
	line-height:1;
	font-family: 'YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho','ＭＳ 明朝', 'MS Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
	color: #fff;
	overflow: hidden;
	overflow-y:scroll;
	background-color: #01141F;
	box-sizing: border-box;
	word-wrap: break-word;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .025em;
	line-height: 1.7;
	text-rendering: optimizeLegibility;
}

body a{color: #fff; text-decoration: none;}
body a:hover{color:#6c7c86;}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
main{
	overflow: hidden;
	max-width: 100vw;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	transition: 0.4s ;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

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

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

.side_iframe{
	margin: 0 0 30px;
	height: 2500px;
}

/* ------ 共通 -------- */
.contents{
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 13px;
	padding: 80px 20px 0;
}

.product-order-exp a {
	text-decoration: underline;
	/*background-image: url(https://img21.shop-pro.jp/PA01334/581/etc/arrow.png?cmsp_timestamp=2041092956);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;*/
}

.clear{clear: both;}

.nav_sub a{
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  display: block;
  border: 1px solid #787a7b;
  margin: 0 0 20px;
  font-size: 15px;
	position: relative;
}
.nav_sub a::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_small.svg);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
}
.nav_sub a:hover{
	text-decoration: none;
	background: #1d2931;
	color: #fff;
	opacity: 1;
}
/*インスタグラム表示*/
#instagram-list{
	display: flex;
	padding: 0;
}

#instagram-list li:last-child{
	margin: 0;
}

#instagram-list li img{
	width: 100%;
	object-fit: cover;
}
.insta_account{}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
	.nav_sub{
	  margin: 76px 0 0;
	}
	.nav_sub a{
	  padding: 20px 20px 20px 40px;
	}
	.nav_sub a::before{
		right: 25px;
		top: 17px;
	}
	#main{
		margin-top: 128px;
	}

	#instagram-list{
		margin: 40px 0 10px;
	}
	#instagram-list li img{
		height: 170px;
		min-width: 170px;
	}
	#instagram-list li{
		margin: 0 3% 0 0;
	}
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
	.nav_sub{
	  margin: 50px 0 0;
	}
	.nav_sub a{
		 padding: 20px 70px 20px 20px;
	}
	.nav_sub a::before{
		right: 18px;
    top: 50%;
    margin-top: -14px;
	}
	#main{
		margin-top: 70px;
	}

	#instagram-list{
		margin: 40px 0 10px;
	}
	#instagram-list li:nth-child(3),
	#instagram-list li:nth-child(4),
	#instagram-list li:nth-child(5){
		display: none;
	}
	#instagram-list li img{
		height: 200px;
		min-width: 50%;
	}
	#instagram-list li{
		margin: 0 3% 0 0;
	}
}


/*白色大きいサイズ 右寄せ*/
.top_btn01 a{
	position: relative;
	box-sizing: border-box;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.top_btn01 a span{
	border-bottom: 1px solid #787a7b;
    padding: 0 6px 15px;
    text-align: center;
    display: inline-block;
}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
	.top_btn01{
		margin: 85px 0 0;
		text-align: right;
	}
	.top_btn01 a{padding: 25px 82px 25px 0;}
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
	.top_btn01{
		margin: 60px 0 0;
		text-align: center;
	}
	.top_btn01 a{padding: 25px 84px 25px 0;}
}


.top_btn01 a::after{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_large.svg);
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
	top: 0;
}
.top_btn01 a:hover{
	text-decoration: none;
}

/*白色大きいサイズ 中央、アイコン付き*/
.top_btn02{
	text-align: center;
}
.top_btn02 a{
	position: relative;
	padding: 25px 80px 25px 66px;
	box-sizing: border-box;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.top_btn02 a span{
	border-bottom: 1px solid #787a7b;
	padding: 0 6px 15px;
	text-align: center;
	display: inline-block;
}
.top_btn02 a::after{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_large.svg);
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
	top: 0;
}
.top_btn02 a::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/icon_link.svg);
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	top: 0;
}
.top_btn02 a:hover{
	text-decoration: none;
}

/*黒色大きいサイズ 右寄せ*/
.top_btn03 a{
	position: relative;
	color: #01141F;
	padding: 25px 82px 25px 0;
	box-sizing: border-box;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.top_btn03 a span{
	border-bottom: 1px solid #787a7b;
  padding: 0 6px 15px;
  text-align: center;
  display: inline-block;
}
.top_btn03 a::after{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_b_large.svg);
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
	top: 0;
}

.top_btn03 a:hover{
	text-decoration: none;
}
/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
	.top_btn03{
		text-align: right;
	}
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
	.top_btn03{
		text-align: center;
		margin: 60px 0 0;
	}
}


/*白色大きいサイズ 中央*/
.top_btn04{
	text-align: center;
}
.top_btn04 a{
	position: relative;
	box-sizing: border-box;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.top_btn04 a span{
	border-bottom: 1px solid #787a7b;
	padding: 0 6px 15px;
	text-align: center;
	display: inline-block;
}
.top_btn04 a::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_large.svg);
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	top: 0;
	-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.top_btn04 a:hover{
	text-decoration: none;
}
/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
	.top_btn04{
		margin: 100px 0 0;
	}
	.top_btn04 a{
		padding: 28px 82px 28px 82px;
	}
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
	.top_btn04{
		margin: 80px 0 0;
	}
	.top_btn04 a{
		padding: 22px 40px 28px 82px;
	}
}


/*白色大きいサイズ 中央*/
.btn_oem01{
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  display: block;
  border: 1px solid #01141F;
	color: #01141F;
  margin: 0 0 20px;
  padding: 20px 20px 20px 40px;
  font-size: 15px;
	position: relative;
}
.btn_oem01::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_b_small.svg);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	right: 25px;
	top: 17px;
	-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn_oem01:hover{
	text-decoration: none;
	background: #01141F;
	color: #fff;
}
.btn_oem01:hover::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_small.svg);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	right: 25px;
	top: 17px;
}

/*白色大きいサイズ 中央 角丸*/
.btn_oem02{
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	display: block;
	border: 1px solid #01141F;
	color: #01141F;
	position: relative;
	border-radius: 6px;
}
.btn_oem02::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_b_small.svg);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn_oem02:hover{
	text-decoration: none;
	background: #01141F;
	color: #fff;
}
.btn_oem02:hover::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_small.svg);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	right: 25px;
	top: 17px;
}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
	.btn_oem02{
		margin: 75px 0 20px;
		padding: 20px 20px 17px 40px;
		font-size: 17px;
		text-align: center;
	}
	.btn_oem02::before{
		right: 25px;
		top: 17px;
	}
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
	.btn_oem02{
		margin: 50px 0 20px;
    padding: 20px 20px 17px 20px;
    font-size: 17px;
	}
	.btn_oem02::before{
		right: 20px;
		top: 33px;
	}
}


/* ------ タイトル -------- */
#top_pickup_news h2, #top_lineup h2, #oem_works h2, #oem_contact h2{
	font-size: 24px;
	text-align: center;
	margin: 0 0 0;
}
#top_pickup_news h2 span, #top_lineup h2 span, #oem_works h2 span, #oem_contact h2 span{
	display: block;
	font-size: 16px;
	margin: 12px 0 0;
}


/*紺色 左揃え*/
#top_info h2, #about_box03 h2, #concept_lade04 h2{
	color: #01141F;
	margin: 0;
	font-size: 24px;
}
#top_info h2 span, #about_box03 h2 span, #concept_lade04 h2 span{
	display: block;
	font-size: 16px;
	margin: 12px 0 0;
}

/*白色 左揃え*/
/*紺色 左揃え*/
#footer_container01 h2, #about_lade02 h2, #about_box02 h2, #about_box04 h2, #about_box05 h2, #about_box06 h2, .pickup h2, #about_box07 h2, .pickup h2, .wrap_box h2{
	margin: 0;
	font-size: 24px;
}
#footer_container01 h2 span, #about_lade02 h2 span, #about_box02 h2 span, #about_box04 h2 span, #about_box05 h2 span, #about_box06 h2 span, #about_box07 h2 span, .pickup h2 span, .wrap_box h2 span {
	display: block;
	font-size: 16px;
	margin: 2px 0 0;
}


/* ------ フッター -------- */

#footer_container01{
	max-width: 1020px;
	margin: 0 auto;
}
.footer_insta_wrap{}
.footer_sns a{
	position: relative;
	background: #CDD4E0;
	display: inline-block;
	color: #1D253B;
	box-sizing: border-box;
}
.footer_sns a:hover{
	opacity: 0.8;
}
.footer_fb{
  margin-right: 2%;
}
.footer_fb::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/icon_fb_b.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	left: 26px;
	top: 28px;
}

.footer_tw{
	margin-right: 2%;
}
.footer_tw::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/icon_tw_b.svg);
	width: 20px;
	height: 16.25px;
	background-repeat: no-repeat;
	background-position: center;
	left: 28px;
	top: 30px;
}
.footer_youtube::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/icon_youtube_b.svg);
	width: 22px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: center;
	left: 27px;
	top: 33px;
}

.footer_fb::after, .footer_tw::after, .footer_youtube::after{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_b_small.svg);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	right: 30px;
	top: 24px;
}


#footer_nav{
	width: 100%;
	background: #cdd4e0;
	text-align: center;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	box-sizing: border-box;
}
#footer_nav a{
	color: #0F1422;
}
#footer_nav a:hover{
	opacity: 0.8;
	text-decoration: none;
}

#footer_container02{}
.footer_sub_nav{
	text-align: center;
	font-size: 14px;
}

.footer_sub_nav a:hover{}

.footer_logo, .footer_logo2{
	display: block;
	text-align: center;
}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
	#footer_container01{
		padding: 95px 20px 114px;
	}
	.footer_sns{
		display: flex;
		margin: 60px 0 0;
	}
	.footer_sns a{
		width: 32%;
		height: 78px;
		padding: 26px 28px 26px 60px;
	}
	#footer_nav{
		height: 68px;
		padding: 22px 0;
	}
	#footer_nav a{
		padding: 0 18px;
	}
	.footer_sub_nav{
	  padding: 38px 0 100px;
	}
	.footer_sub_nav a{
		margin: 0 20px;
	}
	.footer_logo, .footer_logo2{
		margin: 0 auto 55px;
		width: 113px;
	}
	.top_lineup_about{
		text-align: center;
		margin: 50px 0 0;
	}

}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
	.top_slider div{
		height: 80vh !important;
	}
	#footer_container01{
		padding: 58px 20px 60px;
	}
	.footer_sns{
		margin: 60px 0 0;
	}
	.footer_sub_nav{
		display: none;
	}
	.footer_sns a{
		width: 100%;
		height: 78px;
		padding: 26px 28px 26px 60px;
		margin-bottom: 20px;
		font-size: 16px;
	}
	#footer_nav{
		display: none;
	}
	#footer_nav a{
		padding: 6px 15px;
    display: inline-block;
	}
	.footer_sub_nav a{
		margin: 0 14px;
	}
	.footer_logo, .footer_logo2{
		margin: 0 auto 36px;
	}
	.footer_logo{
		width: 100px;
	}
	.footer_logo2{
		width: 100px;
	}
	.top_lineup_about{
		margin: 50px 0 0;
	}

	/* ヘッダー 追加 */
	#sp_nav__wrap{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		background: #edeff6;
		border-top: 1px solid #727D7F;
	}
	.sp_nav{
		display: flex;
		justify-content: space-between;
		height: auto;
		align-items: stretch;
		position: relative;
    z-index: 9999;
	}
	.nav-list{
		width: 25%;
		position: relative;
		background: #021420;
	}
	.nav-list::after{
		position: absolute;
		display: block;
		content: "";
		width: 1px;
		height: 75%;
		background-color: #727D7F;
	}
	.nav-list:last-child::after{
		position: absolute;
		display: block;
		content: "";
		width: 1px;
		height: 60%;
		background-color: #727D7F;
		right: 0;
		top: 0;
		bottom: 0;
		left: auto;
		margin: auto;
	}

	.nav-list a{
		line-height: 0;
    letter-spacing: 0;
    display: block;
	}
	.nav-list a img{
		vertical-align: baseline;
	}
}


/* ------ ヘッダーとメイン画像部分 ------ */
#header{font-size: 13px; padding: 0 0 0 0; width: 100%; position: absolute; top: 0; z-index: 99;}
h1{margin-bottom: 10px;}

/* ヘッダー右上のボタン */
ul.shop_menu{overflow: hidden; position: absolute; top: 0; right: 0; background: black; height: 26px; padding: 0 30px; line-height: 30px;}
ul.shop_menu li{float: left; margin-right: 30px;}

/* メインメニュー */
#header nav{
	overflow: hidden;
	position: absolute;
	top: 45px;
	right: 0;
	line-height: 24px;
	padding: 0 60px 20px 0;
}
#header nav li{
	float: left;
	margin-left: 35px;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  font-size: 16px;
}


.cart_nav__wrap{
	background: #fff;
	text-align: right;
}
.hd_account, .hd_cart, .hd_contact{
	color: #00283E;
	position: relative;
	font-size: 15px;
	margin: 0 0 0 20px;
}

.hd__container{
	background-color: #01141F;
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
	.hd_account, .hd_cart, .hd_contact{
		margin: 0 0 0 9px;
	}
}

.hd_contact{
	padding: 5px 0 5px 25px;
}
.hd_contact::before{
	background-image: url(https://m-affably.com/img/common/icon_contact.svg);
	content: "";
	display: inline-block;
	background-size: contain;
	width: 20px;
	height: 13px;
	background-position: bottom left;
	left: 0;
	top: 5px;
	position: absolute;
	background-repeat: no-repeat;
}
.hd_account{
	padding: 5px 0 5px 25px;
}
.hd_account::before{
	background-image: url(https://m-affably.com/img/common/icon_account.svg);
	content: "";
	display: inline-block;
	background-size: contain;
	width: 16px;
	height: 16px;
	background-position: bottom left;
	left: 0;
	top: 4px;
	position: absolute;
	background-repeat: no-repeat;
}
.hd_cart{
	padding: 5px 0 5px 25px;
}
.hd_cart::before{
	background-image: url(https://m-affably.com/img/common/icon_cart.svg);
	content: "";
	display: inline-block;
	background-size: contain;
	width: 20px;
	height: 18px;
	background-position: bottom left;
	left: 0;
	top: 3px;
	position: absolute;
	background-repeat: no-repeat;
}

.home .scroll_off{
    text-align: center;
}
#header nav li.insta{
	margin-left: 35px;
}
#header nav li.tw{
	margin-left: 20px;
	padding: 1px 0;
}
#header nav li.fb{
	margin-left: 20px;
}
#header nav li.youtube{
	margin-left: 20px;
}
.globalMemuPc img{
	max-width: 19px;
}


/* スマホ用メニュー（PC非表示）*/
/*　ハンバーガーボタン　*/
.hamburger {
	display: block;
	position: absolute;
	z-index: 9999;
	margin: auto;
	right: 0;
	left: 0;
	top: 0;
	width: 42px;
	height: 48px;
	cursor: pointer;
	text-align: center;
	bottom: 0;
}
.hamburger p{
	font-size: 11px;
	position: absolute;
	bottom: -3px;
	left: 2px;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 22px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-25deg);
  -moz-transform   : rotate(-25deg);
  transform        : rotate(-25deg);
}

.hamburger.active span:nth-child(2) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(25deg);
  -moz-transform   : rotate(25deg);
  transform        : rotate(25deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : -1;
  top  : -120vh;
  left : 0;
	color: #00283e;
	background: #ffffff;
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
	height: 100vh;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
	display: none;
}

nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 20px 20px;
	width: 100%;
	transition: .4s all;
	text-align: left;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.sp__menu__main li{
	position: relative;
}
.sp__menu__main li:not(.category_list)::after {
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_b_small.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	right: 15px;
	top: 23px;
	background-size: cover;
}
p.store_link{
	padding: 40px 20px 0;
	background: #cdd4e0;
}
p.store_link a{
	background: #01141F;
	display: inline-block;
	width: 100%;
	padding: 20px 0 23px;
}
/* Icon */
.cp_actab:not(.no_subgroup)::after {
	transform: rotate(90deg);
}

.sp__menu__main li:nth-child(odd){
	background: #fff;
}
.sp__menu__main li:nth-child(even){
	background: #CDD4E0;
}
.sp__menu__main li.store_link{
	background: #00283e !important;
	color: #fff;
}
.sp__menu__main li.store_link a{
	color: #fff;
}


nav.globalMenuSp ul li a {
  display: block;
  color: #00283e;
  text-decoration :none;
}
nav.globalMenuSp ul li.category_list{
	background: #fff;
	position: relative;
	padding: 20px 20px 20px 40px;
}
nav.globalMenuSp ul.cp_actab-content li.category_list{
	background: none;
}

nav.globalMenuSp ul li.category_list::before{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 1px;
	left: 20px;
	top: 50%;
	background: #013e41;
}

.sp__menu__sub{
	background: #CDD4E0;
	padding: 40px 20px 20px !important;
	margin: 0 !important;
}
.sp__menu__sub li{
	padding: 0!important;
}
.sp__menu__sub li a{
	background-color: #FFFFFF;
	margin: 0 0 12px !important;
	padding: 15px 25px !important;
	font-size: 14px;
	position: relative;
}
.sp__menu__sub li a::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_b_small.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	right: 17px;
	top: 16px;
	background-size: contain;
}
.globalMenuSp .sp__menu__sns{
	display: none;
}
.globalMenuSp.active .sp__menu__sns{
	display: block;
	background: #cdd4e0;
  padding: 0 0 100px !important;
}
.sp__menu__sns a{
	display: inline-block;
	width: 22px;
	margin: 30px 20px 50px;
}
.sp__menu__sns a img{
  vertical-align: middle;
}
.sp__menu__sns_insta{}
.sp__menu__sns_tw{}
.sp__menu__sns_fb{}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 1;
	height: 100vh;
	z-index: 999;
	margin: 0;
	top: 0;
}
nav.globalMenuSp.active .nav_list{
	overflow: scroll;
	display: block;
	height: 100%;
	padding: 0 0 100px;
}

.sp__menu__logo_in{
	background-color: #fff;
	height: 70px;
}
.sp__menu__logo_in img{
	position: absolute;
	left: 15px;
	top: 19px;
	max-width: 116px;
}
nav.globalMenuSp.active ul{
	display: block;
	margin: 0 auto 0;
}
.header_open{
	overflow: hidden;
}


li.cp_actab{
	position: relative;
}
li.cp_actab:not(.category_list)::after {
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_b_small.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	right: 15px;
	top: 18px;
	background-size: cover;
}
li.cp_actab.store_link:not(.category_list)::after {
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_small.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	right: 15px;
	top: 18px;
	background-size: cover;
}

/* Icon */
.cp_actab:not(.no_subgroup)::after {
	transform: rotate(90deg);
}

li.cp_actab:nth-child(odd){
	background: #fff;
}
li.cp_actab:nth-child(even){
	background: #CDD4E0;
}
li.cp_actab.store_link{
	background: #00283e !important;
	color: #fff;
}
li.cp_actab.store_link a{
	color: #fff;
}

li.category_list{
	background: #fff;
	position: relative;
	padding: 20px 20px 20px 40px;
}
nav.globalMenuSp ul.cp_actab-content li.category_list{
	background: none;
}

.cp_actab .cp_actab-content.no_subgroup {
	display: none;
}
li.category_list::before{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 1px;
	left: 20px;
	top: 50%;
	background: #013e41;
}

ul.cp_actab-content li.category_list {
    background: none;
}
/*アコーディオンメニュー*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	position: relative;
	display: block;
	cursor: pointer;
	color: #013e41;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	/*-webkit-transition: max-height 0.5s;*/
	/*transition: max-height 0.5s;*/
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 100% !important;
}

.cp_actab .cp_actab-content.no_subgroup {
	display: none;
}


/* メイン画像スライダー */
.bx-wrapper .bx-viewport{border: none !important; box-shadow: none !important;}
.bx-wrapper {
        width: 100% !important;
	position: relative !important;
	margin: 0px !important;
	padding: 0 !important;
	*zoom: 1 !important;
}
.bx-wrapper img {
	width: 100% !important;
	height: auto !important;/*auto又は100%に指定・縦横比を維持する*/
	display: block !important;
}
.bx-wrapper .bx-pager {/*ページャーの表示位置など*/
	position: absolute !important;
	bottom: -30px !important;
	width: 100% !important;
}

/* ----------フッター--------- */
footer{}
footer .inner{width: 980px; margin: 0 auto;}
footer .home{display:block; width: 20px; height: 16px; margin-bottom: 10px;}
footer nav{width: 240px; float: left; line-height: 1.6; margin-right: 40px;}
footer nav:nth-of-type(3){margin-right: 0 !important;}
footer nav h3{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #333;}
footer ul.sns li{float: left; margin: 10px 12px 0 0;}
footer ul.bnr{margin-top: -20px; float: right;}
p.copy{clear: both; padding-top: 10px; width: 100%; height: 60px; text-align: center; font-size: 11px; color: #8b94a2;}

/* 下層ページ２カラム用 */
.contents_wrapper{
	clear: both;
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* サイドバー */
.sidebar{}
.sidebar h3{
	margin: 0 0 10px;
  font-size: 15px;
}
.side_link01{
	margin: 0 0 40px;
border-bottom: 1px solid #787a7b;
padding: 0 0 40px;
}
.side_link01 li{
	position: relative;
	padding: 7px 0 7px 10px;
	font-size: 14px;
}
.side_link01 li::after{
	content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 1px;
    top: 16px;
    left: 3px;
    background: #fff;
}
.side_link02 li{
	padding: 7px 0 7px 10px;
	font-size: 14px;
}


/* ぱんくずリスト */
.bread{height: 30px; line-height: 30px; margin: 50px 0 40px;}
.bread li{display: inline; font-size: 13px; margin-left: 5px;}

#product_all__wrap{
	margin-top: 128px;
	max-width: 1020px;
	width: 100%;
	margin: 128px auto 0;
	padding: 0 20px;
	box-sizing: border-box;
}

/* アロマの使い方 */
.howto {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
.howto a {
	color: #FFF;
	background-color: #070D19;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 14px;
	padding-left: 20px;
	text-decoration: none;
	width: 270px;
	text-align: center;
	border: 1px solid #070D19;
}
.howto a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #070D19;
	border: 1px solid #070D19;
}
/* アロマの使い方：商品詳細用 */
.howto2 {
	clear: both;
	margin-top: 0px;
	margin-bottom: 20px;
}
.howto2 a {
	text-decoration: underline;
	background-image: url(https://img21.shop-pro.jp/PA01334/581/etc/free03_mark1.gif?cmsp_timestamp=202706111520);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}
.howto2 a:hover {
	text-decoration: none;
}

/* フリーページ共通 */
.freepage{font-size: 15px; line-height: 24px;}
.freepage h3, .freepage h4{font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.freepage h3{font-size: 39px; margin: 30px 0 60px;}
.freepage h4{clear: both; font-size: 23px; padding: 22px 0; margin-bottom: 30px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.freepage h4 span{margin-left: 50px; font-size: 29px;}
.freepage p{font-size: 15px; margin: 25px 0 90px; line-height: 24px;}
.freepage p.mb30{margin-bottom: 30px !important;}
.freepage .mb70{margin-bottom: 70px !important;}
.freepage .mb120{margin-bottom: 120px;}
.freepage strong{font-weight: bold;}
.freepage .fl{float: left;}
.freepage .fr{float: right;}
.freepage .clr{clear: both;}
.freepage a{text-decoration: underline;}
.freepage .list01 li {list-style-type:disc; margin-left:25px;}

/* 熊野の香りができるまで */
.freepage .f1_leftbox{width: 380px; float: left;}
.freepage .f1_leftbox ul li{margin-bottom: 30px; line-height: 24px; font-size: 15px;}
.freepage .f1_rightbox{float: right;}
.freepage ul.flow{margin-right: -30px; margin-bottom: 90px; overflow: hidden;}
.freepage ul.flow li{width: 320px; height: 290px; float: left; margin-right: 30px; text-align: center;}
.freepage ul.flow li img{display: block; margin-bottom: 20px;}
.freepage ul.flow li p{margin-top: 10px;}
.freepage .flow_last_txt{clear: both; margin: 0  0 90px  !important; text-align: center; line-height: 50px; font-size: 18px; font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.freepage .flow_last_txt span{font-size: 24px; font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.freepage .flow_last_txt_sp{display: none;}

/* エムアファブリーについて */
.freepage h4.underbar{font-weight: bold; font-size: 15px; padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid #333; border-top: none; font-family: "メイリオ","Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Meiryo, Osaka, sans-serif;}
.freepage h4.green{font-family: "メイリオ","Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Meiryo, Osaka, sans-serif; padding: 10px 0 10px 10px; border-top: 1px dotted #333; border-bottom: 1px dotted #333; background: #e6f2ee; font-size: 17px; line-height: 30px; font-weight: bold;}
.freepage h4.green span{font-size: 15px; margin-left: 0; font-weight: normal;}
.freepage h5{font-size: 17px; font-weight: bold;}
.freepage h5 img{margin-right: 10px;}
.freepage h5 span{font-size: 13px; margin-left: 20px; color: #666;}
.freepage h5 + article{border: 1px solid #ccc; padding: 16px; margin: 10px 0 50px;}
.freepage h5 + article p{margin: 0 0 20px;}
.freepage h5 + article p:last-child{margin: 0;}
.freepage .set{margin-left: 30px !important;}
.freepage .menu_ttl{font-size: 18px; font-weight: bold;}
.freepage .space_ttl{font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 29px; line-height: 42px; margin-top: 80px;}
.freepage .space_ttl + img{margin-bottom: 40px;}
.freepage .space_txt{margin: 0 0 20px;}
.freepage .space_img{margin: 0 20px 60px;}
.freepage .space_txt02{width: 400px; margin: 0 20px 0 0;}
.freepage ul.list_dot li {
	background-image: url(https://img21.shop-pro.jp/PA01334/581/etc/list_mark.png?cmsp_timestamp=202706113030);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	padding-left: 35px;
}

/* 私たちの想い*/
.freepage .free04 p{margin: 0 0 20px 0;}
.freepage .free04 .img01{width: 380px; margin:60px auto 180px;}
.freepage .free04 .img02{margin-bottom: 30px;}

/* アロマ使い方 */
.freepage h3.h3_1{
	font-size: 27px;
	line-height: 1.6;
}
.freepage h4.h4_use_ttl{
	font-size: 20px;
	font-weight: bold;
	background-image: url(https://img21.shop-pro.jp/PA01334/581/etc/free03_mark1.gif?cmsp_timestamp=202706111520);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 20px;
	padding-left: 22px;
}
.freepage h5.h5_01{margin-left: 5px; margin-bottom: 15px;}
.freepage ul.list_dot2 {
	margin-bottom: 70px;
	margin-left: 0px;
}
.freepage ul.list_dot2 li {
	background-image: url(https://img21.shop-pro.jp/PA01334/581/etc/list_mark.png?cmsp_timestamp=202706113030);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	padding-left: 35px;
}
.ml50 {	margin-left: 50px;}

/* おすすめ商品と人気商品(下層ページ用） */
section.pickup{clear: both; overflow: hidden; margin-bottom: 40px;}
section.pickup h3{
	width: 100%;
text-align: left;
padding: 6px 0 0px;
font-size: 16px;
}
section.pickup h3 + p{
	margin: 12px 0 40px;
	text-align: right;
	font-size: 16px;
}
section.pickup dl{font-size: 12px; float: left; width: 118px; height: auto; margin-right: 20px;}
section.pickup dl:last-child{margin-right: 0;}
section.pickup dd{margin-bottom: 20px; height: auto;}
section.pickup dt{text-align: left;}



#jump01, #bnr01, #bnr02, #menu{margin-top: -90px; padding-top: 90px;}


.products_link{
	font-size: 15px;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	display: inline-block;
	text-align: center;
	width: 100%;
	max-width: 624px;
	border: 1px solid #787a7b;
	padding: 17px 0;
	margin: 0 0 50px;
}


/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
#header{font-size: 13px; padding: 0 0 0 0; width: 100%; position: fixed !important; top: 0; z-index: 99;}
#sp_nav__wrap{
	display: none;
}
.home .scroll_off{
	background-color: rgb(1 20 31 / 0%);
	transition: 0.4s ;
}
.home .scroll{
	background-color: #01141F;
	transition: 0.4s ;
}
.globalMemuPc a{
	color: #fff;
}
.globalMemuPc a:hover{
	text-decoration: none;
}
.hamburger{
	display: none;
}
.sp{
	display: none;
}
.hd__container{
	padding: 30px 60px 24px;
}
.cart_nav__wrap{
	padding: 5px 40px;
}
.contents_right{max-width: 624px; width:60%; float: right;}
.sidebar{max-width: 266px; width:35%; float: left;}

#hd__container h1{
	margin: 0;
	max-width: 166px;
}
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
body{padding-top: 0;}
.contents{
	width: 100%;
	margin: 0;
        padding: 0%;
	line-height: 1.6;
	font-size: 13px !important;
}
.globalMemuPc{
	display: none;
}
.pc{
	display: none;
}
#hd__container h1{
	max-width: 100%;
	margin: 0;
	width: 100%;
	text-align: left;
	background: #021420;
	padding: 18px 20px 12px;
}

/* ----------ヘッダー--------- */
#header{
	font-size: 13px;
	padding: 0 0;
	width: 100%;
	height: auto;
	border-bottom: none;
	text-align: center;
}
h1{margin-bottom: 10px;}
#header h1 img{width:100%; height: auto; max-width: 116px;}

p.sp_btn{z-index: 99999; display: block; overflow: hidden; width: 95%; padding: 0 3% 0 2%; height: 40px;
box-shadow:rgba(207, 207, 207, 0.80) 0px 0px 2px 1px;
-webkit-box-shadow:rgba(207, 207, 207, 0.80) 0px 0px 2px 1px;
-moz-box-shadow:rgba(207, 207, 207, 0.80) 0px 0px 2px 1px;
position: fixed; top: 0; left: 0; background: #ffffff;}
p.sp_btn span.sp_txt{font-size: 14px; display: inline-block; margin: 13px auto 0;}
p.sp_btn img.sp_mark{width: 16px; float: right; margin-top: 10px;}
nav.sp_menu{overflow: auto; z-index: 9999; clear: both; height: 330px; display: none; padding: 5px 0; width: 100%; position: fixed; top: 40px; background: #fff; border-bottom: 1px solid #ccc;}
nav.sp_menu ul li{width: 90%; height: 30px; padding: 0 2% 0 8%; margin: 0; background: url(https://img21.shop-pro.jp/PA01334/581/etc/sp_arrow.gif?cmsp_timestamp=2147) no-repeat 15px 10px; background-size: 6px 9px; line-height: 30px; text-align: left;}

.hd__container{
	padding: 0;
}
.cart_nav__wrap{
	padding: 5px 10px;
}
.hd_account, .hd_cart, .hd_contact{
	font-size: 11px;
}
.hd_cart::before {
	width: 15px;
	height: 13px;
	background-position: bottom left;
	background-position: bottom left;
	left: 3px;
	top: 3px;
}
.hd_account::before {
	width: 12px;
	height: 13px;
	background-position: bottom left;
	left: 5px;
	top: 4px;
}
.hd_contact::before {
	width: 17px;
	height: 15px;
	background-position: bottom left;
	left: 0;
	top: 1px;
}

/* メイン画像スライダー */
.slider{width: 100% !important; height: auto !important; margin: 0 !important;padding: 0 20px;box-sizing: border-box;}

/* ----------フッター--------- */
footer{margin: 0; padding: 0 0 170px; font-size: 13px;}
footer .inner{width: 92%; margin: 0 4%;}
footer .home{display:block; width: 20px; height: 16px; margin-bottom: 10px;}
footer nav{width: 240px; float: none; line-height: 1.6; margin-right: 0px; margin-bottom: 20px;}
footer nav:nth-of-type(3){margin-right: 0 !important;}
footer nav h3{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #333;}
footer ul.sns li{float: left; margin: 10px 12px 40px 0;}
footer ul.bnr{clear: both; margin-top: 0px; float: none;}
footer ul.bnr li{float: left; margin-right: 15px;}
p.copy{clear: both; padding-top: 10px; width: 100%; height: 50px; text-align: center;}

/* ----------サイドメニュー--------- */
.sidebar{width: 100%;}


/* 下層ページ２カラム用 */
.contents_wrapper{clear: both; width: 100%; margin:  0;}
.contents_right{
	width: 100%;
  margin: 0;
  float: none;
}
.sidebar{/*display: none;*/}

/* ぱんくずリスト */
.bread{min-height: 30px; height: auto; margin: 0px 0 20px; padding: 0 4%;}

/* おすすめ商品と人気商品(下層ページ用） */
section.pickup{clear: both; overflow: hidden; margin-bottom: 40px;}
section.pickup h3{
	width: 100%;
	text-align: left;
	padding: 13px 0 20px;
	border-top: 1px dotted #333;
	font-size: 16px;
	}
section.pickup h3 + p{
	margin: 0 0 40px;
text-align: right;
font-size: 16px;
}
section.pickup dl{overflow: hidden; font-size: 12px; float: left; width: 48%; height: auto; margin-right: 4%; margin-bottom: 6%;}
section.pickup dl:nth-child(odd){margin-right: 0;}
section.pickup dd{margin-bottom: 10px; height: auto;}
section.pickup dt{text-align: left;}

/* フリーページ共通 */
.freepage{font-size: 13px; line-height: 20px;}
.freepage h3, .freepage h4{font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.freepage h3{font-size: 22px; margin: 20px 0 40px;}
.freepage h4{clear: both; font-size: 14px; padding: 16px 0; margin-bottom: 20px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.freepage h4 span{margin-left: 10px; font-size: 18px;}
.freepage p{font-size: 13px; margin: 25px 0 40px; line-height: 20px;}
.freepage p.mb30{margin-bottom: 15px !important;}
.freepage .mb70{margin-bottom: 30px !important;}
.freepage .mb120{margin-bottom: 60px;}
.freepage strong{font-weight: bold;}
.freepage .fl{float: left;}
.freepage .fr{float: right;}
.freepage .clr{clear: both;}
.freepage a{text-decoration: underline;}
.freepage .list01 li {list-style-type:disc; margin-left:25px;}

/* 熊野の香りができるまで */
.freepage .f1_leftbox{width: 100%; float: none;}
.freepage .f1_leftbox ul li{margin-bottom: 20px; line-height: 20px; font-size: 13px;}
.freepage .f1_rightbox{float: none;}
.freepage .f1_rightbox figure{float: left; width: 49%; margin-right: 2%; margin-bottom: 4%;}
.freepage .f1_rightbox figure:nth-of-type(2){margin-right: 0;}
.freepage ul.flow{margin-right: 0; margin-bottom: 40px; overflow: hidden;}
.freepage ul.flow li{width: 100%; height: auto; float: none; margin-right: 0; margin-left: 0; text-align: center;}
.freepage ul.flow li img{display: block; width: 100%; height: auto; margin-bottom: 20px;}
.freepage ul.flow li p{margin-top: 10px;}
.freepage .flow_last_txt{display: none;}
.freepage .flow_last_txt_sp{display: block; clear: both; margin: 0  0 40px  !important; text-align: center; line-height: 30px; font-size: 16px; font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.freepage .flow_last_txt_sp span{font-size: 22px; font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}

/* エムアファブリーについて */
.freepage iframe{width: 100%; height: 300px;}
.freepage h4.underbar{font-weight: bold; font-size: 15px; padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid #333; border-top: none; font-family: "メイリオ","Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Meiryo, Osaka, sans-serif;}
.freepage h4.green{font-family: "メイリオ","Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Meiryo, Osaka, sans-serif; padding: 10px; border-top: 1px dotted #333; border-bottom: 1px dotted #333; background: #e6f2ee; font-size: 15px; line-height: 25px; font-weight: bold;}
.freepage h4.green span{font-size: 13px; margin-left: 0; font-weight: normal;}
.freepage h5{font-size: 17px; font-weight: bold;}
.freepage h5 img{margin-right: 10px;}
.freepage h5 span{font-size: 13px; margin-left: 20px; color: #666;}
.freepage h5 + article{border: 1px solid #ccc; padding: 20px; margin: 10px 0 30px;}
.freepage h5 + article p{margin: 0 0 10px;}
.freepage h5 + article p br{display: none;}
.freepage h5 + article p:last-child{margin: 0;}
.freepage .set{margin-left: 0px !important;}
.freepage .set br{display: block;}
.freepage .menu_ttl{font-size: 15px; font-weight: bold;}
.freepage .menu_ttl + br{display: block;}
.freepage .space_ttl{font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 22px; line-height: 30px; margin-top: 30px; text-align: center; float: none !important;}
.freepage .space_ttl + img{margin-bottom: 20px; float: none !important; width: 100%; height: auto;}
.freepage .space_txt{margin: 0 0 20px;}
.freepage .space_img{margin: 0 0 20px !important; float: none !important;}
.freepage .space_txt02{width: 100%; margin: 0 0 30px; float: none !important;}
.freepage h4.green + .fl{float: none !important;}

/* 私たちの想い*/
.freepage .free04 p{margin: 0 0 20px 0;}
.freepage .free04 .img01{width: 100%; height: auto; margin:40px auto;}
.freepage .free04 .img02{margin-bottom: 30px;}
}



/* ----------右側の追従ボタン--------- */
.right_btn{
	position: fixed !important;
	bottom: 66px;
	z-index: 90;
	right: 0;
}
.right_btn a{
	display: block;
}
.right_btn a img{
	vertical-align: bottom;
}