/* beauty */
#fh5co-section.baraka {
	margin-top:40px;
}
.baraka .inner .mainArea .whiteBox > h2 {
    line-height: 1.2;
}
.baraka h2.mgnB-1em {
    margin-bottom: 1em;
}
.baraka h2 {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 1rem;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
}
.baraka h3 {
    font-size: 2.2rem;
    text-align: center;
    margin-bottom: 1.8rem;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
}
.baraka h4 {
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 0.5rem;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
}
.baraka .fc_gold {
    color: #d4c27c;
}
.baraka .text {
    margin-bottom: 30px;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.3;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
    font-weight: bold;
    text-align: left;
}
.baraka .imgbox {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}
.baraka .pos-c-c {
    margin-left: auto;
    margin-right: auto;
}

.baraka .wdth-50-100 {
    width: 50%;
}
.baraka .mgnB-1em {
    margin-bottom: 1em;
}
.baraka .b_gold {
    border: 2px solid #d4c27c;
}

.baraka img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.baraka .pctb-al_center {
    text-align: center;
}
.baraka .moonbox2 {
    padding: 30px 60px;
    margin-bottom: 30px;
    margin-top: 0;
}
.baraka .moonbox2_col.moon_icon {
    width: 30%;
    vertical-align: middle;
}
.baraka .moonbox2_col {
    display: table-cell;
}
.baraka .moonbox2_col.arw {
    position: relative;
    width: 25px;
    text-indent: -9999px;
    background: url(https://baraka-style.com/_common/images/arw_m.png) 0 0 repeat-y;
    background-size: 25px 5px;
}
.baraka .moonbox2_col.arw:before {
    top: 0;
    background: url(https://baraka-style.com/_common/images/arw_t.png) 0 0 no-repeat;
    background-size: 25px 25px;
}
.baraka .moonbox2_col.arw:before, .moonbox2_col.arw:after {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
}
.baraka .moonbox2_col.arw:after {
    bottom: 0;
    background: url(https://baraka-style.com/_common/images/arw_b.png) 0 0 no-repeat;
    background-size: 25px 25px;
}
.baraka .moonbox2_col.arw:before, .moonbox2_col.arw:after {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
}
.baraka .moonbox2_col.point {
    padding: 0 0 0 15px;
    vertical-align: middle;
}

.baraka .columnlist.banner2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.baraka .columnlist.banner2.pcCol2 .column {
    float: none;
    display: inline-block;
    width: 440px;
    margin: 0 15px 30px 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.baraka .columnlist .column a {
    text-decoration: none;
}
.baraka a {
    color: #000;
    transition: all .25s ease;
}
.baraka .columnlist.banner2 .column img {
    width: 100%;
    height: auto;
}
.baraka .columnlist.banner {
    width: 626px;
    margin: 0 auto;
}
.baraka .columnlist.banner .column {
    width: 283px;
    margin: 0 15px 30px;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}

.baraka .columnlist .column {
    float: left;
}
.moonbox2_row {
    display: table;
    margin-bottom: 2em;
}
.baraka .moonbox2_col.point ul {
    list-style-type: disc;
    padding-left: 1em;
}
.baraka .moonbox2_col.point ul li {
	font-size:12px;
	text-align:left;
}

.baraka ul.other_list {
	padding-left:10px;
	padding-right:10px;
	list-style:none;
	text-align:center;
	overflow:visible;
}

.baraka ul.other_list li {
	width:40%;
	margin-left:25%;
}

/* benefit deadsea */
.fc_blue {
    color: #00c1e0;
}
.baraka > .benefit > .deadsea h3 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: #00c1e0;
    font-size: 23px;
    font-size: 2.3rem;
	clear:left;
}
.sectionBox2 {
    margin-bottom: 30px;
}
.imgTextBox > div:first-child {
    margin-right: 20px;
}
.imgTextBox .photo {
    float: left;
    width: 330px;
}
.imgTextBox .text {
    float: left;
    width: 740px;
    padding: 0 0 0;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.5;
}
.blueBox {
    padding: 30px;
    background-color: #e5f1ef;
    margin-bottom: 30px;
    margin-top: 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
	overflow:auto;
}
.whiteBox {
    padding: 30px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
	overflow:auto;
}

.whiteshadowbox {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.whiteshadowbox > div.frame_blue {
    padding: 25px;
    border: 2px solid #00c1e0;
    border-radius: 10px;
}
.whiteshadowbox h3 {
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: normal;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.3;
    color: #41220E;
}
.whiteshadowbox h4 strong {
    color: #00c1e0;
}
.whiteshadowbox h5 {
    margin: 25px 0;
    font-size: 18px;
    font-size: 1.8rem;
    ffont-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
.whiteshadowbox .point {
    width: 180px;
    height: 180px;
    margin: 25px auto 20px;
    padding-top: 65px;
    background: url(../../assets/img/benefit/deadsea_img_04_pc.png) center top no-repeat;
    text-align: center;
    line-height: 1.3;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;
}

.columnlist .column a {
    text-decoration: none;
}
.columnlist.banner2 .column img {
    width: 100%;
    height: auto;
}
.columnlist.banner2 {
    width: 900px;
    margin: 0 auto;
}
.columnlist::after {
    content: "";
    display: block;
    clear: both;
}
.columnlist.banner2.pcCol4 .column {
    width: 209px;
    margin: 0 21px 30px 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.columnlist.banner2.pcCol4 .column:nth-child(4n) {
    margin-right: 0;
}

.columnlist.banner2.pcCol2 .column {
    width: 440px;
    margin: 0 20px 30px 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.columnlist.banner2.pcCol2 .column:nth-child(2n) {
	margin-right:0px;
}

.columnlist .column a {
    text-decoration: none;
}
.columnlist.banner {
    width: 626px;
    margin: 0 auto;
}
.columnlist.banner .column {
    width: 283px;
    margin: 0 15px 30px;
}

.columnlist.banner .column {
    width: 283px;
    margin: 0 15px 30px;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.columnlist .column {
    float: left;
}
.columnlist.banner .column img {
    width: 100%;
    height: auto;
}
.inner {
    margin: 0 auto;
}

/* benefit frankincense */
.orangeshadowbox {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #fff4d8;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.imgTextBox > div:first-child {
    margin-right: 20px;
}

.imgTextBox .text {
    float: left;
    /*width: 490px;*/
    padding: 0 0 0;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.5;
}
.imgTextBox > div:first-child {
    margin-right: 20px;
}
.imgTextBox .photo.b_gold img {
    border: 1px solid #ddc379;
}
.orangeshadowbox {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #fff4d8;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.orangeshadowbox .point {
    width: 180px;
    height: 180px;
    margin: 25px auto 20px;
    padding-top: 78px;
    background: url(../../assets/img/benefit/frankincense_img_04_pc.png) center top no-repeat;
    text-align: center;
    line-height: 1.1;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: bold;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
    color: #ddc379;
}
.orangeshadowbox p strong {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
    line-height: 1.2;
}
.sectionBox2 {
    margin-bottom: 30px;
}
.sectionBox2::after, .whiteBox::after, .blueBox:after {
    content: '';
    display: block;
    clear: both;
}
h3 {
    margin-left: auto;
    margin-right: auto;
    color: #ddc379;
    font-size: 23px;
    font-size: 2.3rem;
}
.tb_show, .sp_show {
    display: none;
}

/* benefit jade */
.greenBox {
    padding: 30px;
    background-color: #e0efd8;
    margin-bottom: 30px;
    margin-top: 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.whiteshadowbox > div.frame_green {
    padding: 25px;
    border: 2px solid #33b26d;
    border-radius: 10px;
}
.ul_center {
    text-align: center;
}
.jade .ul_center ul {
	list-style-type:none;
	padding-left:10px;
}
.ul_center ul {
    display: inline-block;
}
.ul_center ul li {
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

/* benefit jasmine */

/* benefit lotus */
.pinkshadowbox {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #ffedeb;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.pinkshadowbox .point {
    width: 180px;
    height: 180px;
    margin: 25px auto 20px;
    padding-top: 78px;
    background: url(../../assets/img/benefit/lotus_img_04_pc.png) center top no-repeat;
    text-align: center;
    line-height: 1.1;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: bold;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
    color: #ff9fc5;
}
/* benefit peppermint */
.peppermintshadowbox {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #e4f1f2;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.peppermintshadowbox .point {
    width: 180px;
    height: 180px;
    margin: 25px auto 20px;
    padding-top: 78px;
    background: url(https://baraka-style.com/assets/img/benefit/peppermint_img_04_pc.png) center top no-repeat;
    text-align: center;
    line-height: 1.1;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: bold;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
    color: #5ad8a6;
}

/* benefit pomegranate*/
.baraka .redBox {
    padding: 30px;
    background-color: #fbdcda;
    margin-bottom: 30px;
    margin-top: 0;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.redBox h3 {
    width: 730px;
    color: #e70012;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
}
.redBox .text .ta_left {
    text-align: left;
}
.redBox .text {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.3;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
    font-weight: bold;
	text-align: center;
}
.redBox .text2 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    text-align: left;
}
.whiteshadowbox > div.frame_red {
    padding: 25px;
    border: 2px solid #e70012;
    border-radius: 10px;
}
.pomegranate .whiteshadowbox .point {
    width: 180px;
    height: 180px;
    margin: 25px auto 20px;
    padding-top: 32px;
    background: url(../../assets/img/benefit/pomegranate_img_03_pc.png) center top no-repeat;
    text-align: center;
    line-height: 1.3;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    color: #e70012;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
}
.whiteshadowbox .imgTextBox .photo.b_red img {
    border: 1px solid #e70012;
}

/* benefit rose */
.rose .orangeshadowbox {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #fbe0e9;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
    text-align: center;
}
.rose .orangeshadowbox .point {
    width: 180px;
    height: 180px;
    margin: 25px auto 20px;
    padding-top: 78px;
    background: url(https://baraka-style.com/assets/img/benefit/rose_img_04_pc.png) center top no-repeat;
    text-align: center;
    line-height: 1.1;
    font-size: 2.6rem;
    font-weight: bold;
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-feature-settings: "palt";
    color: #d551b4;
}
.rose h3 {
    /*width: 700px;*/
    margin-left: auto;
    margin-right: auto;
    color: #d551b4;
    font-size: 23px;
    font-size: 2.3rem;
	text-align: center;
}
.rose .fc_gold {
    color: #d551b4;
}
.banner_60-100_shadow {
    width: 60%;
    margin: 0 auto 30px auto;
}
.banner_60-100_shadow a {
    display: block;
    box-shadow: 3px 4px 5px 0px rgba(64, 34, 15, 0.55);
}
.whiteBox .ta_left {
    text-align: left;
}

@media screen and (min-width: 768px) {/* PC */
	.columnlist.pcCol4 .column {
		width: 23.5%;
		margin-left: 2%;
		margin-bottom: 30px;
	}
	
	.columnlist .column {
		float: left;
	}
	.columnlist.pcCol4 .column:nth-child(4n + 1) {
		margin-left: 0;
		clear:left;
	}
	.columnlist.pcCol2 .column:nth-child(2n + 1) {
		margin-left: 0;
	}
}
@media screen and (min-width: 992px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (min-width:1025px) {
}
@media screen and (min-width:1920px) {
}
@media screen and (max-width: 767px) {/* SP */
	.baraka .text {
		margin-bottom: 30px;
	}
	.baraka .pctb-al_center {
		text-align: left;
	}
	.baraka .b_gold {
		border-bottom-width: 1px;
	}
	.baraka .moonbox2 {
		padding: 20px 0px;
	}
	.baraka .moonbox2 {
		padding: 20px 15px;
		margin-bottom: 1em;
		padding: 1em;
	}
	.baraka .columnlist.banner2 {
		width: 100%;
		margin: 0 auto;
	}
	.baraka .columnlist.banner2.spCol1 .column {
		width: 100%;
		margin: 0 0 4vw;
	}
	.baraka .columnlist.banner {
		width: 100%;
		margin: 0 auto;
	}
	.baraka .columnlist.banner .column {
		float: none;
		width: 283px;
		max-width: 100%;
		margin: 0 auto 30px;
	}
	.baraka ul.other_list {
		padding-left:10px;
		padding-right:10px;
		list-style:none;
	}
	
	.baraka ul.other_list li {
		width:100%;
		margin-left:0%;
	}
	.baraka > .benefit > .deadsea h3 {
		width: 100%;
		font-size: 17px;
		font-size: 4.7vw;
		line-height: 1.3;
	}
	.about-section img.display-right {
		float: left;
		padding-right: 40px;
		padding-left: 0;
	}
	.inner {
		width:100%;
	}
	.imgTextBox .photo img {
		width: 100%;
		max-width: 428px;
	}
	.imgTextBox .text {
		float: none;
		width: 100%;
		margin-top:10px;
	}
	h3 {
		width: 100%;
		font-size: 17px;
		font-size: 4.7vw;
		line-height: 1.3;
	}
	.sp_show {
		display: block;
	}
	.deadsea h3 {
		width: 100%;
	}
	.columnlist.banner2 {
		width: 100%;
		margin: 0 auto;
	}
	.columnlist.banner2.pcCol4 .column {
		width:48%;
		margin-right:0px;
	}
	.columnlist.banner2.pcCol4 .column:nth-child(2n + 1) {
		margin-right:10px;
	}
	.columnlist.banner2.pcCol2 .column {
		width: 100%;
		margin-right:0px;
	}
	.columnlist.banner {
		width: 100%;
	}
	.columnlist.banner .column {
		width: 100%;
		margin-right:0px;
		margin-left:0px;
	}
	.imgTextBox .text {
		float: none;
		width: 100%;
	}
	.jade .whiteshadowbox > div.frame_green h3 {
		text-align:left;
	}
	.whiteshadowbox {
		
	}
	.redBox h3 {
		width: 100%;
		color: #e70012;
		font-size: 16px;
		font-size: 4.9vw;
		line-height: 1.3;
	}
	.imgTextBox .photo {
		float:none;
		width: 100%;
		max-width: 428px;
	}
	.imgTextBox .photo img {
		width: 100%;
		max-width: 428px;
	}
	.whiteshadowbox .imgTextBox .photo {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.rose h3 {
		width: 100%;
		font-size: 17px;
		font-size: 4.7vw;
		line-height: 1.2;
	}
	.rose .orangeshadowbox h3 {
		width: 100%;
		font-size: 18px;
		font-size: 4.8vw;
		line-height: 1.2;
	}
}
@media screen and (max-width: 480px) {
}