@charset "utf-8";
html>body .jp {
font-family: "I-OTFゴシックオールドPro L","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/* -moz-opacity: 0;
opacity: 0;*/
}
.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }
body {
font-size: 1.3rem;
}
h1,h2,h3,h4,h5{
font-size: 1.3rem;
}
.ex {
font-family: 'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}
@-webkit-keyframes fadeInEntryAnime {
0% {
-webkit-transform: scale(0.85) translate(0, -6px);
transform: scale(0.85) translate(0, -5px);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes fadeInEntryAnime {
0% {
-webkit-transform: scale(0.85) translate(0, -5px);
transform: scale(0.85) translate(0, -5px);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
body .ovuqhllxczephdv > footer {
clear: both;
}
#breadcrumb {
text-align: right;
font-size: 1rem;
color:#bababa;
margin-bottom:35px;
}
#breadcrumb div {
display: inline-block;
}
#breadcrumb div a {
color:#595757;
}
#page-top {
background:url(../img/btn_gotop.png) no-repeat;
position: fixed;
bottom:50px;
right:20px;
display: block;
width: 35px;
height:35px;
cursor: pointer;
z-index: 10;
}
.vrylvpktoetu {
display: none;
}
@media screen and (min-width: 737px){
#contents{
min-width: 860px;
}
#contents.contents_default {
width: 860px;
margin:0 auto;
}
.contents_default {
min-width: 860px;
}
#contents.contents_default p{
line-height: 2;
}
/*シングルページ-スキンケア基準*/
#contents.skincarestep #contents.single h1 {
font-size: 1.6rem;
font-family: 'TradeGothicW01-Extended';
letter-spacing: 1px;
color:#000000;
padding: 20px 0;
}
}
@media screen and (max-width: 736px){
#contents {width: 100%;min-width: 0;}
#contents.contents_inner, #contents .contents_inner {
padding:0 15px;
box-sizing: border-box;
}
#contents.contents_default {
line-height: 2;
font-size: 1.1rem;
}
}
/**************** single ****************/
/*---------- single ----------*/
#contents.single{font-size: 1.1rem;}
#contents.single h2{margin:0; font-size: 1.3rem; line-height:1.7;}
#contents.single h3{font-size: 14px; margin: 10px 0; }
#contents.single h4{font-size: 14px; margin: 0 0 10px 0; font-size: 11px; }
#contents.single p{margin: 0 0 40px 0;line-height: 2em;letter-spacing: 0.1em;}
#contents.single_nav{border-top: 1px solid #ccc;padding:10px 0 0;}
.tglBd{display: none;font-size:11px;line-height: 2em;letter-spacing: 0.1em;}
/*-- single item --*/
#contents.single .singleL{float: left; width:365px;margin:50px 0 40px;position:relative;}
#contents.single .singleL .item_icon{position:absolute;left:10px;top:8px;}
#contents.single .singleR{float: right; width:430px; margin: 50px 0px 40px 0px}
#contents.single .singleR h2{font-size: 1.7rem;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height: 1.4;margin-top:3px;}
#contents.single .singleR p{margin: 0 0 30px 0;}
#contents.single .add1{margin: 0 0 40px 0;}
#contents.single .add1 p{display: none; margin: 0 0 20px 0}
#contents.single .add1 p.tgl{display: block; cursor: font-size:9px;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-weight: bold; letter-spacing: 1px;margin: 0 0 5px 0;cursor:pointer;}
*+html #contents.single .add1 p.tgl{font-weight:normal;}
html>/**/body #contents.single .add1 p.tgl { font-weight /*\**/: normal\9 ;}
#contents.single .add2 p{margin:20px 0;font-size:11px !important;line-height:17px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#contents.single .add2 {margin:20px 0;font-size:10px !important;text-align:justify;line-height:17px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#contents.single .add2 a{display: block;}
#contents.single .singleR p{font-size: 1.2rem;line-height: 2em;letter-spacing: 0.1em;text-align: justify;}
#contents.single .singleR p:first-child{margin-bottom: 0;}
#contents.single .singleR .price{font-size: 1.3rem;letter-spacing:1px;margin-bottom:3px;}
#contents.single .singleR .usage_rules,#contents.single .singleR .ingredient{font-size: 1.1rem;margin:0 0 2px;color:333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight:bold;letter-spacing:1px;}
#contents.single .singleR p.inci{margin-top:-30px;}
div.lang-jp #contents.single .singleR p.inci{display:none;}
/*-- single item --*/
/*ニュース系下部ナビ*/
#pagenav_wrap {
overflow:hidden;
}
@media screen and (min-width: 737px){
#pagenav_wrap .pagenav_title {
font-size: 1.2rem;
float: left;
padding-top: 40px;
padding-right: 7px;
}
#topicft {
float: left;
padding-top: 40px;
}
#topicft li {display: inline-block;}
#topicft li.link{clear: both;}
#topicft li a {
font-size: 1.2rem;display: block; display:inline-block;padding: 0 5px; margin: 0 0 0 15px;font-family:'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;text-align:center;}
#topicft li.link a {display: block;padding: 0 10px; margin: 0 5px 5px 0;}
}
@media screen and (max-width: 736px){
#pagenav_wrap .pagenav_title {
font-size: 1.2rem;
padding-top: 40px;
padding-right: 7px;
}
#topicft {
padding-top: 10px;
}
#topicft li {display: inline-block;}
#topicft li.link{clear: both;}
#topicft li a {
font-size: 1.2rem;display: block; display:inline-block;padding: 0; margin: 0 15px 0 0 ;font-family:'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;text-align:center;}
#topicft li.link a {display: block;padding: 0 10px; margin: 0 5px 5px 0;}
}
/*--- 原料ページ ---*/
#inghd{margin: 0 0 20px 0}
#inghd h1{font-size: 1.6rem; padding: 0 0 20px 0;}
#inghd #inghdL{width: 360px; float: left; line-height: 1.9; padding: 30px 0 0;font-size:1.3rem;}
#inghd #inghdL p:first-child {
margin-bottom: 30px;
}
#inghd #inghdR{width: 340px; float: right;}
.ing {width: 188px; float: left; padding: 30px 0 75px;margin-left:36px;letter-spacing: 1.5px;}
.ing h2{line-height: 145px; text-align: center; height: 145px;padding:10px 0;}
.ing h2 a{display: block;}
.ing img{max-width: 188px; max-height: 135px; line-height: 145px; text-align: center;}
.ing p{font-size:1.2rem;padding:5px 0 0;}
div.lang-en .ing p{font-size:11px;padding:5px 0 0;height:130px;}
.ingline .ing:nth-of-type(4n+1){
clear: both;
margin-left: 0;
}
.ingline .ing:nth-of-type(n + 5){
border-top: 1px solid #e6e6e6;
}
.ing span.inci{font-size:9px;display:block;padding:15px 0 0;color:#808080;letter-spacing: 0.1em;}
.ingbox{border-top: solid 1px #a5a5a5; padding: 20px 0px; }
.ingbox h1{cursor: pointer; font-size: 1.3rem; line-height: 1.5; }
.ingbox h1 span{display: block; width: 30px; float: left;}
.ingline{display: none;}
/*--- メッセージ ---*/
.experience_bnr li{float: left;margin: 0 22px 28px 0;width: 31%;font-family:'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;}
.experience_bnr li.last{margin: 0 0px 28px 0;}
.experience_bnr li.clearline{}
.experience_bnr li a img{border: 1px solid #ccc;width:100%;}
.experience_bnr li h4{letter-spacing:2px;}
.experience_bnr li span{letter-spacing:1px;font-size:10px;}
.experience_bnr li span{letter-spacing:1px;font-size:10px;}
#experience .linkcolor{color:#999;}
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img {max-width: 100%; display: block; }
.bx-wrapper .bx-viewport {background: #fff; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: -25px; width: 100%; }
.bx-wrapper .bx-loading {min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager {text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 15px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a {background: #989798; line-height:40px; overflow:hidden; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e5e4e4; }
.bx-wrapper .bx-prev {left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next {right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover {background-position: 0 0; }
.bx-wrapper .bx-next:hover {background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled {display: none; }
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px; }
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
/*add*/
#subnavhd .sml{position:absolute;right:10px;top:2px;color:#ccc;float:right;font-size:9px;letter-spacing:0;}
.workshop h2{padding-top:0;padding: 5px 0;font-weight:bold; }
#page-links{margin:20px 0 0;}
.page-tab{border: 1px solid #808080;float:left;width:140px;text-align: center;height:19px;line-height: 20px;background:#fff;font-family:'TradeGothicW01-Extended';font-size:10px;margin-right:4px;}
a .page-tab{border: 1px solid #808080;opacity:0.7;filter:alpha(opacity=70);}
#flash{width:697px;height:450px;background:url() no-repeat;margin:30px auto 0;position:relative;}
#flash img{position:absolute;top:0;left:0;z-index:1;}
#knowmore{margin:40px 0;}
#knowmore p{margin-bottom:10px;}
#topicft li.auto{float:none; }
#topicft li.auto a{display: block; width: 411px; padding: 0 10px; margin: 0 5px 5px 0; font-family: 'TradeGothicW01-Extended'; font-size:10px; letter-spacing: 1px; }
#topicft li.prof{margin-top:20px;}
#topicft li.prof a{display: block; width: 203px; padding: 0 10px; margin: 0 5px 5px 0; font-size:10px; letter-spacing: 1px; }
#topicft li.prof a span{font-size:13px;}
/* experience */
#experience p{margin-bottom:20px;font-size:11px;}
#experience h1{font-weight:bold; padding:5px 0 10px;}
#experience h2{padding:10px 0 30px;font-size:14px;letter-spacing:0.2em;}
#experience .profile img{width:730px; margin-top: 20px; }
#experience .profile .txt {margin-top: 20px; padding-bottom: 50px; }
#experience .messagebox3 {width: 730px; padding-bottom: 20px; }
#experience .messagebox2 {width: 730px; padding-bottom: 40px; }
#experience .LimgRight {float: right; display: inline; width: 330px; }
#experience .LtxtLeft {float: left; display: inline; width: 370px; }
#experience .LHimgLeft {float: left; display: inline; width: 420px; }
#experience .LHtxtRight {float: right; display: inline; width: 280px; }
#experience .LtxtRight {float: right; display: inline; width: 370px; }
#experience .LimgLeft {float: left; display: inline; width: 320px; }
#experience .StxtRight {float: right; display: inline; width: 470px; }
#experience .StxtLeft {float: left; display: inline; width: 470px; }
#experience .SimgLeft {float: left; display: inline; width: 231px; }
#experience .SimgRight {float: right; display: inline; width: 231px; }
#experience .titletxt{font-weight: bold; margin:0 0 15px; font-size:13px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#experience .asking {margin-bottom: 20px; }
#experience .para10 {margin-top: 10px; }
#experience .capitem,#experience .cap {font-size:10px;line-height: 1.8em;}
#experience .handwriting {padding:20px 0 50px; }
#experience .anniv-box {margin:20px 0 40px; padding-bottom: 0px; width: 730px; border-bottom: 1px solid #E6E6E6; }
#experience .anniv-box .left {float: left; width: 590px; margin-right: 40px; }
#experience .anniv-box .right {float: left; width: 100px; }
#experience .anniv-profile {padding: 40px 0; width: 730px; border-top: 1px solid #E6E6E6; }
#experience .anniv-profile .left {float: left; width: 578px; margin-right: 40px; }
#experience .anniv-profile .right {float: left; width: 110px; }
#experience .capbox {padding: 20px 0 40px; }
#experience .messagebox {margin-top: 35px; }
#experience .messagebox .img {float: left; display: inline; width: 117px; }
#experience .messagebox .txt {float: right; display: inline; width: 590px; }
#contents.single #experience h3.title {padding: 20px 0 0; font-weight:bold; font-size:12px; }
#experience .polaroid-box { margin-top:30px; padding-bottom:30px; width:730px; }
#experience .polaroid-box img{vertical-align: bottom;}
#experience .polaroid-box .inner { float:left; width:221px; margin-right:33px; }
#experience .polaroid-box .innerlast { float:left; width:221px; }
#experience .polaroid-box .txtbg {
float:left; width:221px; background:url(../../../uploads/2013/03/img-polaroid-bg.jpg) no-repeat; }
#experience .polaroid-box .txtbgshort {
float:left; width:221px; background:url(../../../uploads/2013/03/img-polaroid-bg-short.jpg) no-repeat; }
#experience .polaroid-box .txt {
font-size:10px; float:left; display:inline; margin:0 16px; height:115px;line-height: 1.5em;letter-spacing: 0.1em; }
#experience .polaroid-box .txtshort {
font-size:10px; float:left; display:inline; margin:0 16px; height:95px;line-height: 1.5em; }
/* privacy */
#contents.single #plain_bd p{margin:0px;}
#plain_bd dt {font-weight: bold; margin: 25px 0 15px; }
#plain_bd dd {border-bottom: 1px solid #e6e6e6; padding-bottom: 25px; }
#contents.single #plain_bd p.contact {border: 1px solid #e6e6e6; text-align: center; margin: 20px auto 0; padding: 20px; width: 60%; }
#plain_bd .day {text-align: right; }
#plain_bd dd.last {border-bottom: none; }
#plain_bd dd ol {margin: 10px 0 0 30px; }
#plain_bd dd li {margin: 5px 0 0 1.6em; }
#plain_bd dd li span {font-weight: bold; margin-left: -1.6em; }
/* recruit */
#contents #contents.single #recruit h2.title { font-weight:bold; }
#recruit .title2 {font-weight:bold; margin-top:20px; }
#recruit .list { margin-top:20px }
#recruit .list li { padding:10px 0 30px; }
#recruit .list li .pagelink2 {font-weight:bold; margin-top:20px; }
#recruit .list2 li { margin:5px 0 0 1em; }
#recruit .list2 li span{ margin:0 0 0 -1em }
#recruit .para { margin-top:5px; }
#recruit .para2 { margin-top:15px; }
#recruit .para3 { margin-top:25px; }
#recruit .para4 { margin-top:25px; padding-bottom:45px; }
#recruit #header-nav ul { z-index:20; }
#recruit .title-contents3 { z-index:10; }
#contents.single #recruit p {margin: 10px 0 0 0; }
#recruit .recruit-info-title{border-bottom:1px solid #e6e6e6;padding-bottom:15px;margin-bottom: 60px;}
#recruit h3{ margin:0px 0px 0px 0px; }
#recruit h2.title{padding-bottom:3px;font-size: 13px;}
#recruit p.day{margin-top:5px !important; }
#recruit_container{width:730px; margin:17px auto 0 auto;}
#recruit{width:730px;margin:0 auto; font-family: 'Trade Gothic W01 Roman',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;}
#recruit_container #contents{width:730px;margin:0 auto;float:none;}
.no-side #header_sub{display:none;}
/* workshop index style */
#contents #workshop_bnr .workshop_bnr_post {width: 200px; height: auto; float: left; padding:0; margin: 0px 20px 28px 0; font-family: 'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif; }
#contents #workshop_bnr .workshop_bnr_post img{width: 100%;box-sizing:border-box;border:1px solid #ccc;}
#contents #workshop_bnr .workshop_bnr_post h2 {width: 100%;box-sizing:border-box;display: block;margin: 0 auto 6px;font-size: 1.1rem;}
#contents #workshop_bnr .workshop_bnr_post br {display: none;}
#contents #workshop_bnr .workshop_archive_post{width: 32%;height: auto;float: left;padding: 55px 0 0 0;margin: 0px 12px 0 0;font-family:'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;}
#contents #workshop_bnr .creturn{margin: 0;}
#contents #workshop_bnr .ws_vol{margin: 5px 0 2px 0;font-size:1.2rem;display: block;}
#contents #workshop_bnr .ws_date{margin: 0 0 4px 0;font-size:1rem;display: block;}
#contents #workshop_bnr .workshop_archive_post img{width: 100%;border:1px solid #ccc;}
#contents #workshop_bnr .workshop_archive_post h2 {width: 100%;display: block;margin: 3px auto 0;font-size: 10px;letter-spacing: 1px;letter-spacing: 1px 9;}
.rie-prof-in-wsindex{margin:48px 0 0 0;}
.rie-prof-in-wsindex li#rie-prof{border: 1px solid #ccc;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;width: 186px;display: block;padding: 5px 10px;margin-bottom:0px;}
/* workshop 各記事用style */
li#rie-prof {
border: 1px solid #ccc;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
width: 186px;
display: block;
padding: 5px 10px;
margin-bottom: 30px;
}
@media screen and (min-width: 737px){
#product1,#product2,#product3,#product4{width:730px;margin:0 auto;margin-bottom:60px;}
#profile #workshop h2{font-weight:bold;}
#profile #workshop p{line-height:1.5;font-size: 1rem;}
.ws-movie{padding:35px 0 50px;height:307px;width:550px;margin:0 auto;}
.ws_pr_img{display:block;height:100px;text-align: center;padding:20px 0 0;display:table-cell;vertical-align: middle;}
.ws_pr_img a{display:block;text-align: center;}
.ws_pr_img img{max-width:100%;height:auto;max-height:95px;}
.ws_pr_text,.sold_text{display:block;margin:10px 0 0;height:60px;font-size:10px;border-bottom: 1px solid #E6E6E6;}
.discontinued{color:#999;}
.ws_step{border-top:1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;padding:20px 10px;height:50px;}
#product1 .ws_item, #product1 .ws_itemR,#product3 .ws_item, #product3 .ws_itemR{float:left;width:152px;margin-right:40px;}
#product1 .ws_itemR,#product3 .ws_itemR{margin-right:0;}
#product1 .ws_pr_img,#product3 .ws_pr_img{width:152px;}
#product1 .ws_pr_img a,#product3 .ws_pr_img a{width:152px;}
#product1 .ws_pr_img img,#product1 .ws_pr_img img{max-width: 152px}
#product3 .ws_pr_text,#product3 .sold_text{height:70px;}
#product1 .sold_img{padding:9px 0 5px;}
#product3 .sold_img{padding:9px 0 5px;;}
#product2 .ws_item, #product2 .ws_itemR{float:left;width:210px;margin-right:40px;}
#product2 .ws_itemR{margin-right:0;}
#product2 .ws_pr_img{width:210px;}
#product4 .ws_pr_img a{width:210px;}
#product2.ws_pr_img img{max-width:210px;}
#product4 .ws_item, #product4 .ws_itemR{float:left;width:122px;margin-right:30px;}
#product4 .ws_itemR{margin-right:0;}
#product4 .ws_pr_img{width:122px;}
#product4 .ws_pr_img a{width:122px;}
#product4 .ws_pr_img img{max-width:122px;}
#product4 .ws_item_double {float:left;width:274px; margin-right:30px;}
#product4 .ws_pr_text,#product4 .sold_text{height:70px;}
}
/* skincare step */
@media screen and (min-width: 737px){
#skincare-step #contents, #skincare-step-concentrate #contents{
margin-top: 70px;
width: 730px;
}
}
#step_title{font-size:22px;font-family:'TradeGothicW01-Extended';letter-spacing: 1px;}
#skincare-content{margin: 38px 0 0 0; }
#skincare-content h2{margin-top:40px;font-family:'TradeGothicW01-Extended';font-weight:normal;font-size:14px;}
#skincare-content h2 span{font-family: "I-OTFゴシックオールドPro L";font-size:11px;}
#skincare-content h2 span.trd{font-family:'TradeGothicW01-Extended';letter-spacing: 1px;font-size:9px;}
#skincare-content p{display:inline;margin:0;height:0;}
#skincare-content .step_toop{margin:0 0 -15px;font-family:'TradeGothicW01-Extended';font-weight:normal;font-size:12px;position:relative;z-index:2;letter-spacing: 1px;}
.skincare-sub-title {margin:0; }
.product-box {border: 1px solid #656666; clear: both; }
.thum-wrapper{float: left; width: 300px;margin:30px 39px 30px 25px;}
.img-link{float: left;width:120px;height:120px;text-align: center;display:table-cell;vertical-align: middle; }
.img-link img{max-width:120px;max-height:120px;}
.text-link {display: block; float: left; font-size:11px;width:130px; padding: 15px 0 0 20px; }
.separateflow-wrapper{margin: 0px 0; }
.product-box-wrapper-l{float: left; width: 360px; }
.product-box-wrapper {float: right; width: 360px; }
#product-include-wrapper {width: 360px; float: left;}
#box01,#box02,#box07,#box09,#box11 {width: 730px; height: 180px; }
#box04,#box13 {height: 180px; }
#box03,#box05,#box06{padding:10px 0;height:380px;}
#box08,#box10,#box12 {height: 180px; }
#boxc01 {width: 360px; height: 180px; }
.pt25{padding-top:25px;}
.pt40{padding-top:40px;}
#box05 .step_toop{margin: 0 0 -20px 20px;}
#thum-13 {float: left;padding:50px 0px 0 80px;width: 220px;}
#thum-13 img{max-width:150px;max-height:150px;}
#thum-20,#thum-22{width:600px;}
#thum-20 .text-link,#thum-22 .text-link{width:300px;}
#sub-title-02,#sub-title-05{float: left; width:49.3%; }
#sub-title-15{float: left; width:50%; }
#skincare-content #sub-title-03,#skincare-content #sub-title-06,#skincare-content #sub-title-08,#skincare-content #sub-title-10{float: left; width: 100%;margin-right:-190px; }
#sub-title-04,#sub-title-07,#sub-title-09{float: left; width: 73.7%;}
#skincare-content h2.sub-title-c {float: left; margin:45px -190px 5px 0; width: 50%; }
#arrow-01{float:left; margin:-2px 0 10px; }
#arrow-02,#arrow-05,#arrow-06,#arrow-13,#arrow-14,#arrow-16,#arrow-17,.arrow-c01{float:left; margin:-1px 0 10px; }
#arrow-03,#arrow-09,#arrow-15{float: left; margin:-1px 0 -90px 170px; }
#arrow-04,#arrow-10{margin:-2px 0 10px 20px;}
#arrow-07{margin:-2px 0 10px 10px;}
#arrow-11,#arrow-12{margin:-2px 0 10px 220px; }
#thum-12,#thum-06,#thum-15{float:none;}
.line_or{border-top:1px solid #666;position:relative;width:93%;margin:40px 10px 20px;}
#arrow-07{position:absolute;right:-30px;top:-5px;}
.line_orand{border-top:1px solid #666;position:relative;width: 210px; margin:40px 10px 20px 138px;}
#arrow-04,#arrow-10{position:absolute;left: -110px;top:-5px;}
#overlay{background-color: #666; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;position:fixed;width:100%;height:100%;z-index: 99998;top:0;left:0;display:none;}
#step_single{width:730px;height:70%;position:fixed;top:15%;left:50%;margin-left:-365px;z-index: 99999;display:none;}
#btn_close{position:fixed;left:50%;top:17%;margin-left:320px;z-index: 99999;display:none;}
#contents #form h2,#contents #phone h2{font-weight:bold;margin:30px 0 10px;}
#form{border-bottom:1px solid #666;padding:40px 0;}
#phone .number{font-size:21px;}
#form p{margin-bottom:20px;}
.form_l{width:200px;height: 30px;float:left;display:block;}
.forml_r_l{width:450px;}
#form #submit{border:0;width:160px;height:30px;background:#666;color:#fff;}
div.wpcf7-validation-errors{border:none;color:#ff0000;margin:40px 0;padding:0;}
span.wpcf7-not-valid-tip{border:none;color:#ff0000;margin:0;padding:0;display:block;width:auto;position:relative;top:0;left:0;font-size:11px;}
div.wpcf7-mail-sent-ok{border:none;margin:40px 0;padding:0;text-align: center;}
div.wpcf7{margin-bottom:40px;}
#skincare-content-sp{display:none;}
/* dictionary */
#dic_single{width:366px;font-size:11px;line-height: 2em;letter-spacing: 0.1em;}
#dic_single .cat{font-size:12px;margin:10px 0 10px;}
.dic_back{margin:60px 0 0;font-size:9px;}
.dic h1{font-size:14px;font-weight:bold;margin:0 0 25px;}
.dic h2{font-size:14px;font-weight:bold;margin:0 0 15px;}
.dic h3{font-size:13px;font-weight:normal;margin:0 0 15px;}
.dic h3 span{border:1px solid #ccc;padding:2px 5px 1px 5px;}
.dicbox{width:100%;margin:0 0 50px;font-size: 12px;line-height: 2em;letter-spacing: 0.1em;}
.dicbox_child{float:left;width:240px;margin-right:45px;}
.dic_box_child_middleline{width:220px;margin-right:55px}
.dic_box_child_endline{width:170px;margin-right:0;}
*+html .dic_box_child_endline{width:173px;margin-right:-4px;}
.dicbox_child p{float:left;width:210px;margin:2px 20px;}
.dicbox_child p a:hover{background:#e6e6e6;}
.dicbox li{list-style: none; float: left; width: 200px; margin-right: 67px;padding:0 0 0 20px; }
.dicbox .dic_cat_titles{font-size:13px;}
.dicbox li.dic_middleline_small{width:160px;margin-right: 95px;}
.dicbox li.dic_endline_small{width:80px;margin-right:0;}
*+html .dic h3 {margin-top:12px;}
/* development スキンケア開発基準 */
#development .development h1 {
margin-bottom: 40px;
font-size: 1.6rem;
font-weight: bold;
}
#development .development p {
margin-bottom: 40px;
line-height: 2em;
letter-spacing: 0.1em;
}
/* profile */
#profile {font-size:11px;margin:20px 0 80px;overflow: hidden;}
#profile h2{
font-size: 2.2rem;
line-height: 1.2;
margin-bottom: 25px;
letter-spacing: 0.2em;
}
#profile h2 span{display:block;font-size:14px;}
#profile p{margin-bottom:20px;}
#profile h3{font-family:'Trade Gothic W01 Roman',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;font-size:12px;font-weight:bold;margin:30px 0 20px;}
#profile .profileL{float:left;width:330px;}
#profile .profileL img{width:100%;height: auto}
#profile .profileR{float:left;width: 515px;}
#profile p.mb0{margin-bottom:0;}
#profile .sign {
text-align: right;
padding-right: 60px;
}
.rie_style{line-height:1.7;font-size:1.3rem;text-align:justify;margin-left:60px;letter-spacing: 1px;}
.rie_style span {font-size:1.3rem;}
/* profile in creative director page */
.rie_block{overflow:hidden;}
.rie_block #profile{overflow:hidden;margin-bottom:30px;}
#contents .rie_block #workshop_archive .workshop_archive_post {padding-top:25px;}
.makeup_artist_title{margin: 23px 0 40px 0;height: 20px;position: relative;padding: 4px 0 0 20px;color: #fff;letter-spacing: 2px;vertical-align: bottom;line-height: 16px;background: #656666;clear:both;font-size: 15px;font-family: 'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;}
#contents.officialArtistPage .profile{font-size:1.3rem;margin:20px 0 60px 0;clear:both;overflow:hidden;}
#contents.officialArtistPage .profile .position_en{font-size:1rem;line-height: 1.2;margin-bottom:3px;letter-spacing:0.2em;}
#contents.officialArtistPage .profile .position{font-size:1rem;line-height: 1.2;margin-bottom:20px;letter-spacing:0.2em;}
#contents.officialArtistPage .profile h2{font-size:2.2rem;line-height: 1.2;margin-bottom:3px;letter-spacing:0.2em;}
#contents.officialArtistPage .profile p.name_ja{font-weight:bold;font-size:1rem;margin-bottom:20px;letter-spacing:0.2em;}
#contents.officialArtistPage .profile p{margin-bottom:40px;}
#contents.officialArtistPage .profile .profileL{float:left;width:210px;}
#contents.officialArtistPage .profile .profileR{float:left;width: 650px;}
#contents.officialArtistPage .profile p.mb0{margin-bottom:0;}
#contents.officialArtistPage .specialProfile{font-size:1.3rem;margin:20px 0 60px 0;clear:both;overflow:hidden;}
#contents.officialArtistPage .specialProfile .position_en{font-size:1rem;line-height: 1.2;margin-bottom:3px;letter-spacing:0.2em;}
#contents.officialArtistPage .specialProfile .position{font-size:1rem;line-height: 1.2;margin-bottom:20px;letter-spacing:0.2em;}
#contents.officialArtistPage .specialProfile h2{font-size:1.9rem;line-height: 1.2;margin-bottom:3px;letter-spacing:0.2em;}
#contents.officialArtistPage .specialProfile p.name_ja{font-weight:bold;font-size:1rem;margin-bottom:20px;letter-spacing:0.2em;}
#contents.officialArtistPage .specialProfile p{margin-bottom:40px;}
#contents.officialArtistPage .specialProfile p.mb0{margin-bottom:0;}
@media screen and (min-width: 737px){
#contents.officialArtistPage .specialProfile .profileL{float:left;width:210px;}
#contents.officialArtistPage .specialProfile .profileR{float:left;width: 650px;}
#contents.officialArtistPage .profileTwoColL {
float: left;
width:50%;
padding-right: 20px;
box-sizing:border-box;
}
#contents.officialArtistPage .specialProfile .profileL{
width:35%;
}
#contents.officialArtistPage .specialProfile .profileR{
width:65%;
box-sizing: border-box;
padding-left: 15px;
}
#contents.officialArtistPage .profileTwoColR {
float: right;
width:50%;
padding-left: 20px;
box-sizing:border-box;
clear: none;
}
}
.bottomTxt {
clear: both;
padding-top: 20px;
}
.to_aoyama{width:100%;text-align:right;font-size:1rem;}
html>/**/body .makeup_artist_title{font-family/***/:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif¥9;}
html>/**/body .profile h3{font-family/***/:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif¥9;}
/* about */
#abourContent {
font-size: 1.2rem;
line-height: 2;
text-align: center;
}
#abourContent h1{
font-size: 2rem;
line-height: 1.6;
margin: 40px 0 20px;
letter-spacing: .2em;
}
#abourContent h1 span {
font-size: 1.6rem;
display: block;
}
#abourContent p{
letter-spacing: 0.2em;
}
#abourContent #about-slider {
margin-bottom: 45px;
}
#abourContent #about-slider img {
width: 100%;
}
#abourContent .about_txt {
margin-bottom: 100px;
}
#abourContent h2 {
letter-spacing: 0.2em;
margin-top: 46px;
font-size: 1.4rem;
margin-bottom: 6px;
}
#abourContent .about_nav {
margin-top: 40px;
}
#abourContent .about_nav li {
display: inline-block;
}
#abourContent .about_nav li a{
display: block;
width: 210px;
text-align: center;
border:1px solid #595757;
padding: 6px 0;
margin:0 10px;
-webkit-transition: color .7s ease, background-color .7s ease, border .7s ease;
transition: color .7s ease, background-color .7s ease, border .7s ease;
}
#abourContent .only_sp {
display: none;
}
@media screen and (min-width: 737px){
#abourContent .about_nav li a:hover {
background-color: #111;
color:#fff;
border:1px solid #888;
}
}
#catBd .about_concept{margin-top:10px;width:100%;}
#catBd .about_txt{line-height:2em;letter-spacing:0.1em;margin-top:15px;}
#pageFooterNav {
clear: both;
}
#pageFooterNav .wsqvuoelijTtl {
font-size: 1.2rem;
margin-bottom: 5px;
}
.footer_back {
text-align: left;
margin-top: 100px;
font-size: 1rem;
}
.wp-pagenavi {
margin:0 auto;
padding: 50px 0 20px;
text-align: center;
}
/*---catalog ---*/
.catalog {
position: relative;
}
@media screen and (min-width: 737px){
.catalog #breadcrumb {
position: absolute;
right: 0;
top:0;
}
}
.catalog_description {
margin: 12px 0 44px 0;
line-height: 1.6;
padding-bottom: 12px;
}
.catalogbox{
width:33%;
box-sizing: border-box;
float: left;
margin-bottom:50px;
padding:0 20px 0;
}
.catalogbox_wrapeer {
overflow: hidden;
padding: 0 10px;
}
#contents .catalogbox:nth-of-type(3n+1){
clear: both;
}
.catalog_title{
background: #b5b5b5;
color: #fff;
height: 2.2rem;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
padding-left: 6px;
}
.catalog_top{
margin-top:18px;
}
.catalog_inner{
margin-top:18px;
}
.catalog_inner_left{
width:175px;
float:left;
}
.catalog_inner_left img{
box-shadow:0px 2px 4px #ccc;
}
.catalog_inner_right{
float:left;
}
*+html .catalog_inner_right{
width:42%;
}
.catalog_inner_right img{
display: block;
width: 10px;
text-align: center;
margin: 0 auto 4px auto;
}
.catalog_inner_right img.pdf_icon{
width:20px;
display:inline;
padding-right:4px;
vertical-align:middle;0}
.catalogbox .download_title{
font-size: 10px;
color: #999;
letter-spacing: 0;
text-align: center;
padding: 8px 0px 0 0px;
display: block;
}
*+html .catalogbox .download_title{
font-size: 11px;
}
.catalogbox .download_buttons li{
width: 100%;
background: #fff;
border: 2px solid #dfdfdf;
text-align: center;
line-height: 1.2;
letter-spacing: 1px;
margin: 6px 0 7px 0;
}
.catalogbox .download_buttons li span{
font-size:10px;
}
.catalogbox .download_buttons li a:hover{
background: #dfdfdf;
}
.catalogbox .download_buttons li a{
padding: 7px 0 3px 0;
display:block;
width:100%;
font-size: .8rem;
}
#sitemap .contents {
clear: both;
padding-top: 40px;
line-height: 2em;
}
#sitemap .contents h2 {
border-bottom: 1px solid #e6e6e6;
padding: 0 0 3px 0;
}
#sitemap .contentsBox h2 {
margin-top: 20px;
}
#sitemap .contentsBox h3 {
margin-top: 10px;
}
#sitemap .contentsBox {
float: left;
width: 190px;
margin-right: 25px;
}
#sitemap .contentsBox ul {
margin-top: 10px;
font-size: 92%;
padding-left: 2px;
}
#sitemap .contentsBox ul li {
margin-top: 5px;
}
#sitemap .mr0 {
margin-right: 0px;
}
.sitemap_next_line_first{margin-top:30px;}
#sitemap .pt20 {
padding-top: 20px;
}
/*ショップページ共通 左にナビ*/
#contents.shop_page {
overflow: hidden;
}
#contents.shop_page .detail{
float:right;
width:77%;
letter-spacing: 0.1em;
line-height: 2;
}
#shop_nav {
float:left;
width:23%;
}
#shop_nav dl {
margin-bottom: 36px;
}
#shop_nav dt {
font-size: 1.1rem;
margin: 0 0 5px;
}
#shop_nav .list {
font-size: 1.1rem;
}
#shop_nav .list dt {
text-decoration: underline;
}
#shop_nav .list dd {
padding: 9px 0 0 11px;
}
#shop_nav dd input[type=text]{
border:1px solid #595757;
margin: 0 6px 0 0;
width: 122px;
padding: 3px 12px;
font-size: 1.1rem;
}
#shop_nav dd input[type=image]{
width: 12px;
position: relative;
top:2px;
}
#shop_nav .location_search {
margin-bottom: 36px;
}
#shop_nav .location_search a{
font-size: 1.1rem;
display: inline-block;
padding-right: 5px;
line-height: 2.5;
}
#shop_nav .location_search a .kjegcxuoeocwih {
position: relative;
right:-7px;
top:3px;
font-size: 1.5rem;
}
#contents.shop_page .title {
font-size: 1.4rem;
padding-bottom: 30px;
border-bottom:1px solid #bababa;
}
#contents.shop_page .shop_list {
border-bottom:1px solid #bababa;
padding:25px 0;
width: 100%;
overflow: hidden;
}
#contents.shop_page .shop_list dt {
font-size: 1.5rem;
float: left;
width: 25%;
line-height: 1.5;
}
#contents.shop_page .shop_list dt a {
text-decoration: underline;
display:block;
}
#contents.shop_page .shop_type_txt {
font-size: 1rem;
}
#contents.shop_page .shop_type_icn {
background-color:#bababa;
color:#fff;
font-size: 0.8rem;
text-decoration: none;
padding: 3px 5px;
line-height: 1.2;
display: inline-block;
letter-spacing: 0;
margin-bottom: 3px;
}
#contents.shop_page .shop_list dd {
font-size: 1.1rem;
float: left;
width: 75%;
padding-left: 70px;
box-sizing: border-box;
}
#contents.shop_page .shop_list dt.notdetail {
width: 100%;
}
.shopL{float:left;width:28%;box-sizing:border-box;padding: 0 40px 0 0;}
.shopC{float:left;width:47%;box-sizing:border-box;padding: 0 56px 0 0;}
.shopR{float:left;width:25%;box-sizing:border-box;padding: 0;text-align: right;
padding-top: 20px;}
#map_canvas{width: 100%;height: 140px;border: 1px solid #ccc;margin-bottom: 13px;box-sizing: border-box;}
.shopR p{clear:both;}
.g_map{text-align: right;margin:-10px 0 20px;font-size: 1.1rem;}
.shop_news{border-top:1px solid #eee;padding:30px 0 0 20px;margin-top:40px;}
.shop_info_list{border-top: 1px solid #e6e6e6;padding-top: 20px;}
.concept_shop{border: 1px solid #e6e6e6;width: 102px;margin-top: 2px;height: 22px;font-size: 10px;text-align: center;font-family: 'TradeGothicW01-Extended';}
#contents.shop_page h1{
font-size:1.4rem;
line-height: 1.5;
}
#contents.shop_page .shopC {
font-size: 1rem;
}
#contents.shop_page .shopC p {
margin-bottom: 20px;
}
#contents.shop_page .shoplink_official {
background-color: #595757;
text-align: center;
color:#fff;
display: block;
padding: 6px 0;
}
/* shop */
#contents.shop_page .detail {position: relative;}
.fss_head{font-size:12px;line-height: 1em;display: block;}
.shop_top_header_L{width: 75%;float: left;font-size: 1.1rem;}
.shop_top_header_R{float:right;width: 22%;}
.shop_top_header_R #map_canvas{width: 100%;height:117px;margin-top:96px;}
.shop_top_tel_block{margin:0;}
.shop_top_to_fsssite{width: 100%;text-align:center;display: block;line-height: 30px;letter-spacing: 0;font-family:'TradeGothicW01-Extended';font-size:1rem;
background-color: #595757;
color:#fff;
margin-top: 18px;
}
.shop_top_img{float: left;box-sizing:border-box;padding: 0 15px 0 0;width: 50%;}
.shop_top_img img{width:100%;}
.flagshopdata{font-family:'TradeGothicW01-Extended',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
letter-spacing:1px;float: left;width:50%;padding: 0 15px 0 0;box-sizing:border-box;}
.aoyama_shop{font-size:15px;margin: 2px 0px 14px 0;}
.fss_detail{letter-spacing:0px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:2;}
.fss_detail em{font-size:11px;float: left;width: 53px;}
.zip{font-family:'TradeGothicW01-Extended';display: block;}
.three_notice{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 10px;letter-spacing: 0px;color: #999;line-height: 1.4;display: block;float: right;margin:42px 0 10px 0;text-align: right;}
.address_en_shop{font-family:'Trade Gothic W01 Roman',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;}
.shop p.shop_descripstion{line-height:1.6em;}
#shopbox_wrapp{clear:both;border:2px solid #656666;}
#gmap {
width:100%;
height:500px;
}
.shop_news_global .shopR{
display: none;
}
.shop_news_global .shoplink{
text-align: center;
}
.shop_news_global #poatBd_global {
border-bottom:1px solid #bababa;
}
.shop_news_global #poatBd_global > h1 {
padding: 15px 0;
}
.shop_news_global #poatBd_global article{
padding: 25px 0;
}
.shop_news_global #poatBd_global .shop_news_global {
display: none;
}
@media screen and (max-width: 736px){
#abourContent {
font-size: .9rem;
text-align: center;
}
#abourContent p {
padding: 0 20px;
}
#abourContent h1{
font-size: 1.4rem;
margin-bottom: 12px;
}
#abourContent h1 span {
font-size: 1.1rem;
}
#abourContent #about-slider {
margin-bottom: 20px;
}
#abourContent #about-slider img {
width: 100%;
}
#abourContent .about_txt {
padding: 0 15px;
}
#abourContent h2 {
padding: 0 20px;
margin-top: 60px;
font-size: 1.3rem;
margin-bottom: 3px;
}
#abourContent .about_nav {
margin-top: 20px;
}
#abourContent .about_nav li {
display: block;
}
#abourContent .about_nav li a{
display: block;
margin:0 auto 15px;
width: 90%;
text-align: center;
border:1px solid #595757;
padding: 10px 0;
}
#abourContent .menu_p {
text-align: justify;
}
#abourContent .only_pc {
display: none;
}
#abourContent .only_sp {
display: block;
}
#catBd .about_concept{margin-top:10px;width:100%;}
#catBd .about_txt{line-height:2em;letter-spacing:0.1em;margin-top:15px;}
.footer_back {
text-align: left;
margin-top: 70px;
font-size: 1rem;
}
}
.pc_hidden{display:none;}
.sp_hidden {display:block;}
@media screen and (max-width: 736px){
#FS2_ItemDetail #breadcrumb {
text-align: left;
margin-left: 15px;
}
#page-top{display: none;}
/**************** common ****************/
body,html{width: 100%; overflow-x: hidden; }
#container {width: 100%; }
h3.sptitle{margin: 5px 0 0 5px;font-family: 'TradeGothicW01-Extended';letter-spacing:2px;}/* スマホロゴ */
.pc_hidden{display:block;}
.sp_hidden {display:none;}
/**************** index ****************/
#panel {margin: 10px 0 50px 0; }
#panel > li {float: left; width: 50%; text-align: center; }
#panel li ul{width: 100%; overflow: hidden; font-size: 10px;}
#panel li ul img{width: 100% ; }
#panel li ul li img {margin:0;}
.top_panel_skincare, .top_panel_scalp, .top_panel_base, .top_panel_point, .top_panel_tools, .top_panel_innercare{float: left; width: 50%; text-align: center;margin:0;}
.top_panel_tools{clear:both;}
.panel_img{height:auto;oveflow:visible;margin-top: 13px;}
#topics_include {width:90%; padding-top:0px; margin-top:0;}
#topics_include .topinclude_time {display:inline; font-size: 10px;}
#topics_include div{float:none;width:100%;margin:44px 0%;font-size:10px;-webkit-text-size-adjust: none;}
#topics_include div h3{text-align:center;}
#topics_include ul li{margin:10px 0 0;line-height: 1.6;font-size: 12px;letter-spacing: 0;overflow:hidden;clear:both;display: inline-block; width: 100%;margin-right:0; vertical-align:top;}
#topics_include ul li img{width:54%; height:auto; display:block;float:left;border:1px solid #bbb;margin-right:6px;}
#topics_include .top_include_left ul li img {width: 34%;}
#topics_include p.btn_morenews { margin-top:30px;}
#topics_include p.btn_morenews a { margin-bottom: 30px;}
/**************** page ****************/
#subnavhd {margin:0;height:26px; }
#catBdK{margin: 0 0 10px 0}
.carpnl{width: 100px; float: left; margin: 0 30px; height: auto; font-size: 10px;overflow:visible;}
.carpnl .ex{text-align: center; margin:10px 0px;}
.carpnl .thumb{vertical-align: bottom; position: relative; width: 90px; height: 100px;margin:0 auto;}
.carpnl .detail{margin-right:-5px;}
.carpnl img{width: 100%; vertical-align: bottom; position: absolute; bottom: 0px}
#catBd {width: 100%; margin: 30px 0 0 0; }
#catBdL {float: none; width: 250px; margin:40px auto 0 auto; line-height: 1.7; font-size: 11px; }
#cathd img{width: 100%; height: auto;}
#step{padding: 10px 0; width: 85%; margin: 40px auto 0 auto; -webkit-text-size-adjust: none;}
#step li{text-align: center; margin: 30px 0 30px; font-size:11px; letter-spacing: 1px;}
#subnavhd li.catname {float: none; margin:0; color: #fff; text-align: center; }
#subnavhd li.catname h1 {padding: 1px 0 0 0; font-size: 12px;}
#subnavhd li.catname h1 img{max-width:220px;padding:0 5px;}
#subnavft {margin:5px;}
/* rhythm */
.rhythm_block{width:80%;margin:0 auto;}
.rhythm_block ul li {float: left;width: 40%;margin-right: 10%;margin-top: 20px;}
#contents .msgarea h1 img {width: 320px; margin-left: -10px;}
#contents{min-height: auto;margin:0 0 60px;}
.to_top{display:none;}
/**************** category ****************/
.menu-category_header-container{display: none;}
#contents .post {width: 160px; height: 190px; float: left; padding: 55px 0 0 0; }
#contents .post img{width: 70px }
#contents .post h2 {width: 146px; letter-spacing: 1.5px; text-align: left; }
#subnav_detail li {float: none; margin: 0 0 20px 0; }
#subnav_detail li a {display: block; height: 20px; line-height: 20px; padding:0; border: 1px solid #fff; text-align: center; width: 143px; margin: 0 auto; }
.to_makeup_artist{letter-spacing: 1px;border: 1px solid #ccc;width: 56%;padding: 1%;float:none;margin:20px auto;}
.to_profiles{margin-top:20px;}
.to_profiles a img{width:80%;margin:20px 10% 0 10%;}
.to_profile_first{float:none;margin-right:0;}
.award_inproduct{display:none;}
/* special */
#contents .msgarea {margin: 0; padding: 10px; }
#contents .msgarea h1 img{width:330px; margin-left: -10px}
#contents .msgarea p img{max-width: 100%; margin: 0 0 20px 0}
#msgft li a {display: block; width: 185px; border: 1px solid #717071; padding: 0 10px; margin: 0 5px 5px 60px; }
.listthumb{width:160px;}
/**************** single ****************/
#contents.single .singleR {float: none; width: 100%; margin:0 auto; }
#contents.single .singleR h2 {font-size: 1.4rem; width: 100%; margin: 10px auto 2px auto; text-align:left;}
#contents.single .singleR p {margin: 0 0 20px 0;font-size: 1.1rem; }
#contents.single .singleR img{max-width: 100%;height:auto;}
#contents.single .singleL {float: none; width: 100%; text-align: center;margin:0; }
#contents.single .singleL img{float: none; width: 50%; }
#single_nav{margin:0 40px;border-top: 1px solid #808080}
#contents.single .singleL .item_icon{top:0;left:;}
#contents.single .singleR p.inci {
margin-top: -20px;
}
/*--- 原料ページ ---*/
#inghd{margin: 0;padding: 0 15px; }
#inghd h1{font-size: 1.6rem; border-bottom: 1px solid #ccc; padding: 0 0 20px 0;}
#inghd #inghdL{width: 100%; float: none; padding: 30px 0 0 0;font-size: 1.1rem;}
#inghd #inghdR{width: 100%; float: none;text-align: center;margin: 20px 0 40px;}
.ingbox{width: 90%; padding: 10px 5%}
.ing {width: 100%; float: none; margin: 0 0 20px 0; padding: 0 0 20px 0;}
.ing p {font-size: 1.1rem}
.ingline .ing:nth-of-type(n + 2) {
border-top: 1px solid #e6e6e6;
}
/* experience */
#experience{padding:0 10px;}
#experience p{margin-bottom:20px;}
.msgarea h2{font-weight:bold; }
#experience .profile img{width:100%;height:auto; margin-top: 20px; }
#experience .profile .txt {margin-top: 0px; padding-bottom: 30px; }
#experience .messagebox3 {width:100%;padding-bottom: 20px; }
#experience .messagebox2 {width:100%;padding-bottom: 20px; }
#experience img{width:100%;height:auto;padding-bottom:20px;}
#experience .LimgRight, #experience .LtxtLeft, #experience .LHimgLeft, #experience .LHtxtRight, #experience .LtxtRight, #experience .LimgLeft, #experience .StxtRight, #experience .StxtLeft, #experience .SimgLeft, #experience .SimgRight {float: none;}
#experience .handwriting {padding:150px 10px 0px;width:280px;}
#experience .anniv-box {width:100%;}
#experience .anniv-box .left {float: left; width: 68%; margin-right: 6%; }
#experience .anniv-box .right {float: left; width: 26%; }
#experience .anniv-profile {width:100%;padding: 40px 0; border-top: 1px solid #E6E6E6; }
#experience .anniv-profile .left {float: left; width: 68%; margin-right: 6%; }
#experience .anniv-profile .right {float: left; width: 26%; }
#experience .anniv-box .left img,#experience .anniv-profile img{width:100%;height:auto; margin: 0px; }
#experience .capbox {padding: 0px 0 40px; font-size: 77% !important; }
#experience .messagebox {margin-top: 20px; }
#experience .messagebox .img {float: left; display: inline; width: 25%; }
#experience .messagebox .txt {float: right; display: inline; width: 70%; }
#contents.single #experience h3.title {padding: 20px 0 0; font-weight:bold; font-size:12px; }
#msgft li a{width:175px;}
#experience .polaroid-box img{padding:0;}
#experience .polaroid-box .inner,#experience .polaroid-box .innerlast{float:none;padding:0 40px;}
#experience .polaroid-box .txtbg{margin-bottom:10px;}
.experience_bnr{margin-right:-10px;}
.experience_bnr li,.experience_bnr li.last{margin:0 10px 20px 0;width:46%;height: 260px;}
#experience .experience_bnr img{padding:0;}
/* workshop */
.workshop_wrap #subnavhd .sml {position: absolute; right: 0; top: 20px; color: #ccc; float: right; font-size: 9px; letter-spacing: 0; width: 100%; }
#contents .workshop{width: 90%; padding: 0px; margin:5%; }
#flash{display: none;}
#spflash{}
#product1, #product2, #product3, #product4 {width: 100%; margin: 0 auto; margin-bottom: 60px; }
.witems{width: 100% !important; height: auto !important; text-align: center !important;}
.witems a{text-align: center; }
#topicft li.auto a {display: block; width: 300px; padding:0; margin: 0 auto 5px; font-family: 'TradeGothicW01-Extended'; font-size: 10px; letter-spacing: 1px; }
#topicft li.prof{width: 100%}
#topicft li.prof a{width: 100%; margin:0; padding: 0px; }
.page-tab {width: 48%;}
.workshop_wrap #rie-prof {font-size: 1rem}
.workshop_wrap header{font-size: 1rem}
.workshop_wrap header h2 {font-size: 1.2rem;margin-bottom: 10px}
.workshop_wrap #rie-prof {margin-top:20px;}
.workshop_wrap .ws_step{border-top:1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;padding:20px 10px 30px;}
.ws-movie{padding:10px 0;height:179px;width:300px;margin:0 auto;}
.sold_img{padding:35px 0 0;}
.ws_pr_img img{max-width:100%;height:auto;max-height:110px;}
.ws_pr_text,.sold_text{display:block;margin:10px 0 0;padding-bottom:10px;font-size:1.1rem;border-bottom: 1px solid #E6E6E6;}
.discontinued{color:#999;}
#product4 .ws_item, #product4 .ws_itemR{float:none;width:100%;}
#product4 .ws_item_double {float: none; width: 100%; margin-right: 0; }
#workshop .ws_pr_img {width: 100%;margin:20px 0;display: block;text-align: center;}
/* development スキンケア開発基準 */
#development .development h1 {
margin-bottom: 40px;
font-size: 1.5rem;
font-weight: bold;
}
#development .development h2, #development .development h3 {
font-size: 1.2rem;
}
#development .development p {
font-size: 1.1rem;
}
/* skincare step */
#skincare-content{margin: 38px 0 0 0;}
#skincare-content h2{margin-top:15px;font-size:10px;width: 80%;}
#skincare-content p{display:inline;margin:0;height:0;}
#skincare-content .step_toop{margin:0;font-family: 'TradeGothicW01-Extended';font-weight:normal;font-size:10px;position:relative;z-index:2;color:#999;letter-spacing: 1px;}
.skincare-sub-title {margin: 5px 0 0;height: 48px; }
.product-box {border: 1px solid #E6E6E6; clear: both; }
.thum-wrapper{float: left;width:100%; }
.img-link{float: left;width:100px;text-align: center; }
.text-link {display: block; float: left; font-size: 8px; padding: 0px 0 0 0px; }
.separateflow-wrapper{margin: 0px 0; }
.product-box-wrapper-l{float: left; width: 48%; }
.product-box-wrapper {float: right; width: 48%; }
#product-include-wrapper {width: 40%; float: left; margin: 20px 5px 0 20px; }
#box01 {width: 100%; height: 280px; }
#box03,#box06{width: 96%; height: 380px; padding:2%;overflow: hidden;}
#box02,#box04,#box07{width: 96%; height: 180px; padding:2%;}
#box09,#box11{width: 96%; height: 120px; padding:2%;}
#box05{width: 96%; height: 340px; padding:2%;overflow: hidden;}
#box08,#box10,#box12{width: 96%; height: 180px; padding:2%;}
#thum-01 .text-link{padding-left:0;}
#thum-02 .img-link,#thum-14 .img-link{width:100px;margin-left:0px;padding-top:0px;}
#box03 .text-link,#box06 .text-link{padding-left:0;margin-left:20px;}
#thum-01 {margin: 30px 0 0; padding: 0;width:90%;border:none; }
#thum-01 .img-link {margin: 0 0 0 20px; }
#thum-01 a.text-link{float: left; width: 120px; padding-left: 25px; }
#thum-02 {margin: 20px; padding: 0;width:90%; }
#thum-02 a.text-link{float: left; width: 120px; padding-left: 25px; }
#box05 .step_toop{margin: 20px 0 0px 0px;}
#thum-06,#thum-15 {margin: 20px 0; padding: 0;width:100%;border:none; }
#thum-07,#thum-16 {margin: 0px 0; padding: 0;width:100%;border:none; }
#box03 .img-link,#box06 .img-link {margin: 0 0 0 20px; }
#thum-08 {margin: 20px 0 0 20px; padding: 0;width:40%;border:none; }
#thum-09,#thum-10 {margin: 20px 0 0 20px; padding: 0;width:40%;border:none; }
#thum-03 {margin: 0 10px 0 0; }
#thum-04,#thum-05{margin: 20px 0 0 20px;width:40%; }
#thum-20,#thum-22{width:100%;margin: 15px 5px;}
#thum-13 {float: right; margin: 20px 0 0;width:40% }
#thum-13 a{float: none; padding: 15px 0 0 0; }
#thum-14 {margin: 5px 0 0 0px; clear: both;width:100%;}
#sub-title-02,#sub-title-05,#sub-title-03,#sub-title-06,#sub-title-08{float: left; width: 48.5%; }
#sub-title-04,#sub-title-07,#sub-title-09{float: left; width: 75%;}
#sub-title-08{float: left; width: 80%; }
#skincare-content #sub-title-10{font-size:10px;margin: 15px -30px 0 0;position: relative;width: 100%;}
#thum-17 {margin: 10px 0 0 10px ; }
#thum-18 {margin: 5px 0 0 10px ; }
#thum-19 {margin: 0 150px 0 0; }
#thum-21 {margin: 20px 0 0 20px;width: 70%; }
#thum-23 {margin: 0 15px 0 0; }
#thum-25 {margin: 20px 0 0 10px;width:85%; }
#contents #arrow-01{float:left; margin: 5px 0; }
#contents #arrow-02{float: left; margin: 5px 0; }
#contents #arrow-03{float: left; margin: 5px 0 0 20px; }
#contents #arrow-04,#contents #arrow-09,#contents #arrow-10,#contents #arrow-15{margin: 5px 0 5px 30px; clear: both;max-width:290px; }
#contents #arrow-05{float: left; margin: 5px 0; }
#contents #arrow-06{float: left; margin: 5px 0; }
#contents #arrow-07{display:none;}
#contents #arrow-11{margin: 5px 0 10px 220px; }
#contents #arrow-12{margin: 5px 0 10px 220px; }
#contents #arrow-13{float: left; margin: 5px 0; }
#contents #arrow-14{float: left; margin: 5px 0; }
#contents #arrow-16{float: left; margin: 5px 0; }
#contents #arrow-17{margin: 5px 0; }
#page-links{-webkit-text-size-adjust: none;}
#page-links li{float:left;margin:0 4px 20px 0;}
/*#skincare-content{display:none;}*/
/*あとで消す*/
.old_step {display:none;}
/*あとで消す*/
#skincare-content-sp{display:block;}
#skincare-content-sp img {
width: 300px;
}
#contents .msgarea .concentrate_description{font-size: 11px;width:280px;padding: 0 10px;}
/* concentrate-- */
#boxc01 {width: 328px; height: 100px; padding: 10px 0 0 5px; }
.sub-title-c {float: left; margin: 0 20px 5px 0; width: 228px; }
#thum-c01{width:100%;}
#thum-c02{margin: 22px 10px 0 5px; border-right: 1px solid #E6E6E6; padding: 0px 10px; width:40%; }
.arrow-c01 {float: left; margin: 5px 0 5px 0; }
#thum-02{width:40%; padding: 0px 10px;}
/* shop */#shophd{width:100%;margin:0 0 10px;}
#shophd img{width:100%;}
#shophd p{position:relative;left:0px;top:10px;}
#contents .shop,#shop_single{padding:0 5%;width: 90%;}
.area {float: none;padding:0;width:100%;text-align:left;}
.area_shop{float: none;width: 100%;display:none;}
.area_shopL {float: left; width: 40%; margin:0;font-size:11px;}
.area_shopR {float: right; width: 55%; margin:0;font-size:11px;}
#shopinfo_ft {margin: 60px auto 0; width: 243px; }
.shopL{padding:0 0 20px;}
.shopR {float: none; margin: 0 auto;padding: 40px 0 0;clear: both; text-align:center; }
.shop_more{display: inline;float: none;text-decoration: underline;margin-top:0px;}
.shop_news{padding:30px 0 0;}
.qrcode{border:1px solid #ddd;padding:10px;margin:0 auto 10px auto;width: 72px;float: none;clear: both;}
.g_map{text-align: center;margin:-10px 0 20px;}
.shopbox h2 span {width:100%;}
.fss_detail{clear:both;}
.shop_top_img{display:none;}
.shop_top_header_L{float:none;width:100%;text-align:center;height:auto;}
.shop_top_tel_block{width:50%;float:none;margin:10px auto;}
.shop_top_to_fsssite{float:none;width:80%;margin:10px auto;}
.shop_top_header_R{width:162px;margin:0 auto;float:none;}
.three_notice{float:none;text-align:center;}
.shopbox{border:1px solid #777;margin:-1px 0 0 0;padding-top:0;}
.shopbox h2{padding:10px 0;}
.shopbox h2 span{border:none;padding:0 0 0 16px;text-align:left;width:90%;}
.shopbox h2 span em img{float:right;width:11px;padding-top:4px;}
.area_shop li ul{padding:6%;font-size:10px;line-height:2;}
.area_shopL a {font-size:11px;}
.shopbox .pc_hidden{display:inline;}
.concept_shop{border: 1px solid #e6e6e6;width: 132px;margin-top: 2px;height: 22px;font-size: 10px;text-align: center;font-family: 'TradeGothicW01-Extended';}
.area_shop .concept_shop{width: 106px;}
.area_shopR em{ text-decoration: underline ;color: #999; line-height:3;margin-top: 5px; font-family: 'Trade Gothic W01 Roman',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;}
#shopinfo_ft .to_shoptop{display:none;}
.area_shop > li p.shop_notice {
padding: 0 20px;display:block;
}
.shop_top_header_sp_L { width: 49%; float: left; margin-right: 5%; margin-bottom: 20px;}
.shop_top_header_sp_L img {width: 100%;}
.shop_top_header_sp_R { width: 45%; float: left; font-size: 11px;margin-bottom: 20px;}
.shop_top_header_sp span.zip {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.shop_top_header_sp .shop_top_tel_block { width: 100%; margin: 2px auto; }
.shop_top_header_sp h3.aoyama_shop {margin: 0;line-height:1;}
.shop_top_header_sp .fss_detail {line-height: 1.2;}
.shop_top_header_sp .fss_detail em {font-size: 10px;float: left;width: 43px;}
/* sitemap */
#sitemap h2{font-size:16px;border:1px solid #ccc; padding:2px 0px 2px 6px !important;}
#sitemap h3{font-size:14px;border-bottom:1px solid #ccc;}
#sitemap .contents{width:90%;margin:5%;}
#sitemap .contentsBox{width:90%;margin:5%;}
#sitemap .contentsBox ul li{width:90%;margin:5%;}
/* about */
#catBd .about_concept{margin-top:10px;width:300px;padding:0 10px;}
#catBd .about_txt{line-height:2em;letter-spacing:0.1em;margin-top:15px;width:300px;padding:0 10px;}
/**************** profile ****************/
#contents.profile_page .profileR {float: left;width:100%;}
#contents.profile_page .profileL {float: left;width: 100%;}
#contents.profile_page .profileL img{width:100%;}
#contents.profile_page .rie_style{width:100%;margin:10px auto;font-size: 1.1rem}
#contents.profile_page .rie_style span{font-size: 1.1rem}
#contents.profile_page .sign {
padding:0 20px 0 0;
}
#profile {margin-bottom: 20px}
#profile h2 {font-size: 1.6rem;}
#pageFooterNav .wsqvuoelijTtl {
margin: 40px 0 0 0;
font-size: 14px;
border-top: #ccc 1px solid;
padding: 10px;
letter-spacing: 3px;
}
#workshop_bnr{margin:0;}
#contents #workshop_bnr .workshop_bnr_post {margin:0 0 20px 0;width:50%;padding: 0 5px 0 10px;line-height: 1.3;box-sizing:border-box;}
#contents #workshop_bnr .workshop_bnr_post:nth-of-type(even){
padding: 0 10px 0 5px;
}
#contents #workshop_bnr .workshop_bnr_post:nth-of-type(2n+1){
clear: both;
}
#contents #workshop_bnr .workshop_bnr_post img{width: 100%;border:1px solid #ccc;box-sizing:border-box;}
#contents #workshop_bnr .workshop_bnr_post h2 {width: 100%;display: block;margin: 3px auto 0;font-size: 10px;letter-spacing: 1px;}
#contents #workshop_bnr .workshop_bnr_post br {display: none;}
#contents.officialArtistPage .profile {margin: 0px 0 40px 0;}
#contents.officialArtistPage .profile .profileR {float: none;width:100%;margin:0;font-size: 1.1rem;}
#contents.officialArtistPage .profile h2{font-size:1.6rem;}
#contents.officialArtistPage .profile h2 span{font-size:1rem;}
#contents.officialArtistPage .profile p{margin-bottom:20px;}
#contents.officialArtistPage .profile .profileL {float: none;width:100%;margin:0;}
#contents.officialArtistPage .profile .profileL img{width:40%;margin:10px auto;}
#contents.officialArtistPage .specialProfile {margin: 0px 0 40px 0;}
#contents.officialArtistPage .specialProfile .profileR,#contents.officialArtistPage .specialProfile .bottomTxt {float: none;width:100%;margin:0;font-size: 1.1rem;}
.profileR,#contents.officialArtistPage .specialProfile .bottomTxt {padding: 0;}
#contents.officialArtistPage .specialProfile h2{font-size:1.6rem;}
#contents.officialArtistPage .specialProfile h2 span{font-size:1rem;}
#contents.officialArtistPage .specialProfile p{margin-bottom:20px;}
#contents.officialArtistPage .specialProfile .profileL {float: none;width:100%;margin:0;}
#contents.officialArtistPage .specialProfile .profileL img{width:40%;margin:10px auto;}
/**************** dictionary ****************/
div#contents.dic{width:90%;margin:0 5%;}
.dic_box_child_middleline {margin-top:20px;}
.dic_box_child_endline{margin-top:20px;}
/**************** recruit ****************/
#recruit_container{width:100%;margin:0 0;}
#recruit_container #contents{width:100%;margin:0 0;}
#recruit{width:90%;margin:0 5%;}
.no-side #header_sub{display:none;}
/**************** catalog ****************/
.catalog_description {
margin:0 0 30px;
line-height: 1.6;
font-size: 1.1rem;
padding-bottom: 12px;
}
.catalogbox_wrapeer {
padding: 0 ;
}
#cataloglist .contents_inner {
padding: 0 15px;
}
.catalogbox{
width:100%;
float: none;
margin:0 0 50px;
padding:0;
}
.catalogbox .download_buttons li{
width:100%;
box-sizing: border-box;
}
.catalog_inner_left{
width:52%;
float:left;
}
.catalog_inner_left img{
width:100%;
height: auto;
}
.catalog_inner_right{
float:right;
width:42%;
box-sizing: border-box;
margin-right: 8px;
}
.catalogbox .download_title{
font-size: 10px;
}
}
@media screen and (max-width: 736px){
#contents.shop_page {
overflow: hidden;
}
#contents.shop_page .detail {
float: none;
width: 100%;
}
#contents.shop_page #shop_nav {
float: none;
width: 100%;
padding-top: 0px;
text-align: center;
}
#contents.pagemap #shop_nav {
border-top:none;
}
#contents.shop_page #shop_nav dl, #shop_nav .location_search {
margin: 36px 0 0;
}
#contents.shop_page #shop_nav dt {
margin: 0 0 15px;
}
#contents.shop_page #shop_nav .list dd {
padding: 0 0 15px;
margin:0 15px;
}
#contents.shop_page #shop_nav .list .pc_all {
display: none;
}
#contents.shop_page #shop_nav dd input[type=text] {
width: 60%;
padding: 5px 12px;
}
#contents.shop_page #gmap {
width:100%;
height:300px;
}
#contents.shop_page .shop_list dt {
font-size: 1.1rem;
width: 40%;
}
#contents.shop_page .shop_list dd {
font-size: 1rem;
float: left;
width: 60%;
padding-left: 30px;
box-sizing: border-box;
}
/*店舗詳細*/
#contents.shop_page .shopL {
float: none;
width: 100%;
box-sizing: border-box;
padding: 0 0 20px;
}
#contents.shop_page .shopL h1 {
font-size: 1.1rem
}
#contents.shop_page .shopC {
float: none;
width: 100%;
box-sizing: border-box;
padding: 0;
font-size: 1rem
}
#contents.shop_page #map_canvas {
width: 50%;
height: 180px;
border: 1px solid #ccc;
margin:0 auto;
}
#contents.shop_page .shopR .g_map {
margin:0;
font-size: 1.0rem;
}
#contents.shop_page .shopR {
width: 100%;
}
}
#contact #contents {
font-size: 1.3rem;
}
#contact #contents p {
margin-bottom:20px;
}
#contact #contents ul {
width:400px;
}
#contact #contents li a{
margin-bottom: 20px;
display: block;
background-color: #c5c5c5;
text-align: center;
padding:15px 20px;
position: relative;
color:#595757;
}
#contact #contents li a::after {
display: block;
content:">";
position: absolute;
right:10px;
top:10px;
font-size: 1.8rem;
}
@media screen and (max-width: 736px){
#contact #contents {
font-size: 1.1rem;
}
#contact #contents ul{
width: 100%;
}
#contact #contents li a::after {
font-size: 1.2rem;
}
}
/*NEWS PAGE SNS BTN*/
.newsshare {
display: inline-block;
position: relative;
}
.newsshare .shareBtn {
background-color: #595758;
padding: 5px 10px 4px 18px;
line-height: 1;
position: relative;
font-size: 10px;
color:#fff;
cursor: pointer;
z-index: 2;
}
.newsshare .shareBtn:before {
content:"+";
display: block;
position: absolute;
left: 8px;
top:4px;
color:#fff;
font-size: 9px;
}
@media screen and (min-width: 737px){
.newsshare:hover .shareBtn:before{
content: "-";
}
.newsshare:hover .snsBtn{
display: block;
}
}
.newsshare .snsBtn {
padding: 26px 2px 2px 10px;
display: none;
position: absolute;
bottom:-28px;
right: 0;
white-space: nowrap;
-webkit-animation: fadeInEntryAnime ease-in-out .28s;
animation: fadeInEntryAnime ease-in-out .28s;
z-index: 1;
}
.newsshare .snsBtn a {
display: inline-block;
width:15px;
height: 15px;
padding-left: 3px;
text-align: center;
}
header #news-breadcrumb-wrap {
text-align: right;
}
header #news-breadcrumb-wrap #breadcrumb {
display: inline-block;
float: none;
}
header #news-breadcrumb-wrap .newsshare {
display: inline-block;
}
#footer-newsshare {
margin:25px 0 0;
}
#footer-newsshare.newsshare .snsBtn {
right: auto;
left: 0;
padding: 26px 10px 2px 2px;
}
#footer-newsshare.newsshare .snsBtn a {
padding: 0 3px 0 0;
}
@media screen and (max-width: 736px){
/*NEWS PAGE SNS BTN*/
.newsshare .snsBtn {
bottom: -39px;
}
.newsshare .snsBtn a {
font-size: 15px;
padding: 0 0 0 15px;
width: 22px;
height: 22px;
}
#footer-newsshare.newsshare .snsBtn a {
padding: 0 15px 0 0;
}
.newsshare.open .shareBtn:before{
content: "-";
}
.newsshare.open .snsBtn{
display: block;
}
}