/*PC
/**************************************************************************************/

/*common
*******************************************/

body, p, div, a{
	/*font-family: "futura-pt", "brandon-grotesque", "Open Sans" , "Hiragino Sans" , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック","メイリオ", Meiryo, sans-serif;*/
  font-family: "Open Sans", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-weight: 200;
  /*-webkit-font-smoothing: antialiased;*/
}

a{
	text-decoration: none;
}

body{
	color: #413c3a;
	letter-spacing: 0.1em;
	font-size: 14px;
	line-height: 1.8;
	word-wrap:break-word;
}

h2, h3, h4{
	font-weight: normal;
}

li{
	list-style: none;
}

.cf:after {
    content:" ";
    display:block;
    clear:both;
}

.cf_b{
	clear:both;
}

input{
	outline: 0;
}

textarea{
	outline: 0;
}



/* Layout
*********************/

.Margin--0auto{margin: 0 auto;}

/* MarginTop */
.MarginTop--20px{margin-top: 20px;}
.MarginTop--40px{margin-top: 40px;}
.MarginTop--60px{margin-top: 60px;}
.MarginTop--80px{margin-top: 80px;}

/* MarginRight */
.MarginRight--50px{margin-right: 50px;}

/* MarginLeft */
.MarginLeft--10px{margin-left: 10px;}
.MarginLeft--20px{margin-left: 20px;}
.MarginLeft--25px{margin-left: 25px;}
.MarginLeft--40px{margin-left: 40px;}
.MarginLeft--50px{margin-left: 50px;}

/* MarginBottom */
.MarginBottom--00{margin-bottom: 0!important;}
.MarginBottom--5px{margin-bottom: 5px;}
.MarginBottom--10px{margin-bottom: 10px;}
.MarginBottom--12px{margin-bottom: 12px;}
.MarginBottom--20px{margin-bottom: 20px;}
.MarginBottom--30px{margin-bottom: 30px;}
.MarginBottom--40px{margin-bottom: 40px;}
.MarginBottom--60px{margin-bottom: 60px;}
.MarginBottom--80px{margin-bottom: 80px;}

/* Padding */
.Padding--10px{padding: 10px;}
.Padding--20px{padding: 20px;}
.Padding--40px{padding: 40px;}

/* PaddingTop */
.PaddingTop--20px{padding-top: 20px;}
.PaddingTop--30px{padding-top: 30px;}
.PaddingTop--40px{padding-top: 40px;}
.PaddingTop--60px{padding-top: 60px;}
.PaddingTop--80px{padding-top: 80px;}

/* PaddingRight */
.PaddingRight--10px{padding-right: 10px;}
.PaddingRight--20px{padding-right: 20px;}
.PaddingRight--40px{padding-right: 40px;}
.PaddingRight--50px{padding-right: 50px;}

/* PaddingLeft */
.PaddingLeft--10px{padding-left: 10px;}
.PaddingLeft--20px{padding-left: 20px;}
.PaddingLeft--25px{padding-left: 25px;}
.PaddingLeft--40px{padding-left: 40px;}
.PaddingLeft--50px{padding-left: 50px;}

/* PaddingBottom */
.PaddingBottom--5px{padding-bottom: 5px;}
.PaddingBottom--10px{padding-bottom: 10px;}
.PaddingBottom--20px{padding-bottom: 20px;}
.PaddingBottom--30px{padding-bottom: 30px;}
.PaddingBottom--40px{padding-bottom: 40px;}
.PaddingBottom--60px{padding-bottom: 60px;}
.PaddingBottom--80px{padding-bottom: 80px;}

/* TextAlign */
.TextAlign--Center{text-align: center;}
.TextAlign--Right{text-align: right;}
.TextAlign--Left{text-align: left;}
.VerticalAlign--Middle{vertical-align: middle;}

/* Float */
.Fl{float: left;}
.Fr{float: right;}

/* Position */
.PositionRelative{position: relative;}
.PositionAbusolute{position: absolute;}



/* Structure
*********************/

/* width */
.Width--100{width: 100%;}
.Width--220px{width: 220px;}
.Width--270px{width: 270px;}
.Width--490px{width: 490px;}
.Width--580px{width: 580px;}
.Width--690px{width: 690px;}
.Width--900px{width: 900px;}
.Width--1000px{width: 1000px;}
.MaxWidth--1000px{max-width: 1000px!important;}
.MaxWidth--650pxImp{max-width: 650px!important;}
.Width--1014px{width: 1014px;}
.Width--1200px{width: 1200px;}

/* LineHeight */
.LineHeight--10{line-height: 1.0;}
.LineHeight--12{line-height: 1.2;}
.LineHeight--14{line-height: 1.4;}
.LineHeight--15{line-height: 1.5;}
.LineHeight--18{line-height: 1.8;}
.LineHeight--20{line-height: 2.0;}
.LineHeight--22{line-height: 2.2;}
.LineHeight--24{line-height: 2.4;}
.LineHeight--25{line-height: 2.5;}
.LineHeight--30{line-height: 3.0;}

/* Display */
.Display--InlineBlock{display: inline-block;}
.Display--Inline{display: inline;}
.Display--Block{display: block;}
.Display--Table{display: table;}
.Display--TableCell{display: table-cell;}
.Display--Flex{display: flex;}
.Display--None{display: none;}

/* Button */
.Btn--Large{
	margin: 0 auto;
	padding: 18px 0;
	width: 345px;
	height: 60px;
	text-align: center;
	background: #fff url(../img/common/arrow_2.gif) no-repeat 315px 50%;
	border: 1px solid #e9eaea;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.Btn--MegaMenu{
	padding: 13px 0;
	width: 445px;
	color: #FFF;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.Btn--MegaMenu--Small{
	padding: 13px 0;
	width: 220px;
	color: #FFF;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.Btn--MegaMenu--Small--Online{
	padding: 13px 0;
	width: 241px;
	color: #FFF;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.Btn--MegaMenu--Small--blog{
	padding: 13px 0;
	width: 220px;
	color: #413c3a;
	background-color: #fff;
	text-align: center;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.Btn--alignLeft{
	text-align: left!important;
	padding-left: 12px;
}


/* Skin
*********************/

/* Background */
.fontSmoothing-antialiased{-webkit-font-smoothing: antialiased;}
.Bg--White{background-color: #fff;}
.Bg--Gray0{background-color: #f3f4f4;}
.Bg--Gray1{background-color: #c1c1c1;}
.Bg--Black1{background-color: #1f1a19;}
.Bg--Black2{background-color: #413c3a;}
.Bg--Pink{background-color: #ea6da4;}
.BgImg--Arrow--Minimam{background: url(../img/common/arrow_3.gif) no-repeat 0px 50%;}
.BgImg--Arrow--Minimam--white{background: url(http://www.gemme.jp/user_data/packages/default/img/common/arrow_4.gif) no-repeat right 20px;}
.BgImg--Arrow--Small{background: url(http://www.gemme.jp/user_data/packages/default/img/common/arrow_1.gif) no-repeat right;}
.BgImg--Arrow--Large{background: url(../img/common/arrow_2.gif) no-repeat 670px 50%;}

/* Border */
.Border--1px{border: 1px solid #e9eaea;}

.BorderRight--white--1px{border-right: 1px solid #fff;}

.BorderBottom--Black1--1px{border-bottom: 1px solid #413c3a;}
.BorderBottom--Gray1--1px{border-bottom: 1px solid #c9cacb;}
.BorderBottom--white--1px{border-bottom: 1px solid #fff;}


/* Links */
.LinkText--Pink:link{color: #413c3a;}
.LinkText--Pink:visited{color: #413c3a;}
.LinkText--Pink:hover{color: #ea6da4;}

.LinkText--Opacity:link{color: #413c3a;}
.LinkText--Opacity:visited{color: #413c3a;}
.LinkText--Opacity:hover{
	opacity: 0.5;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}



.LinkText--Opacity--white:link{color: #fff;}
.LinkText--Opacity--white:visited{color: #fff;}
.LinkText--Opacity--white:hover{
	opacity: 0.5;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.LinkBackground--Pink:link{color: #413c3a;}
.LinkBackground--Pink:visited{color: #413c3a;}
.LinkBackground--Pink:hover{
	background: #ea6da4 url(http://www.gemme.jp/user_data/packages/default/img/common/arrow_2_ON.gif) no-repeat 314px 50%;
	z-index: 9999;
	color: #FFF;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.LinkBackground--Opacity--White:link{color: #fff;}
.LinkBackground--Opacity--White:visited{color: #fff;}
.LinkBackground--Opacity--White:hover{
	background-color: rgba(255,255,255,0.4);
	z-index: 9999;
	color: #FFF;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.LinkBackground--Opacity--White--event:link{color: #fff;}
.LinkBackground--Opacity--White--event:visited{color: #fff;}
.LinkBackground--Opacity--White--event:hover{
	background-color: rgba(255,255,255,0.5);
	z-index: 9999;
	color: #FFF;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.LinkBackground--Opacity--White--blog:link{color: #413c3a;}
.LinkBackground--Opacity--White--blog:visited{color: #413c3a;}
.LinkBackground--Opacity--White--blog:hover{
	background-color: rgba(255,255,255,0.4);
	z-index: 9999;
	color: #413c3a;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}


/* Fonts
*********************/

/* FontFamily */
.FontFamily--YuGothic{font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}/* body,p,aなどで要素指定してはいるものの、念のため残しておきます */
.FontFamily--futura{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 300;
}
.FontFamily--BrandonGrotesque{font-family: "brandon-grotesque";}

/* FontWeight */
.FontWeight--Normal{font-weight: normal;}
.FontWeight--lighter{font-weight: lighter;}
.FontWeight--bold{font-weight: bold;}
.FontWeight--bolder{font-weight: bolder;}

/* LetterSpacing */
.LetterSpacing--1em{letter-spacing: 0.1em;}
.LetterSpacing--2em{letter-spacing: 0.2em;}
.LetterSpacing--3em{letter-spacing: 0.3em;}
.LetterSpacing--4em{letter-spacing: 0.4em;}
.LetterSpacing--5em{letter-spacing: 0.5em;}

/* FontSize */
.FontSize--6px{font-size: 6px;}
.FontSize--8px{font-size: 8px;}
.FontSize--10px{font-size: 10px;}
.FontSize--11px{font-size: 11px;}
.FontSize--12px{font-size: 12px;}
.FontSize--13px{font-size: 13px;}
.FontSize--14px{font-size: 14px;}
.FontSize--16px{font-size: 16px;}
.FontSize--18px{font-size: 18px;}
.FontSize--20px{font-size: 20px;}
.FontSize--22px{font-size: 22px;}
.FontSize--24px{font-size: 24px;}
.FontSize--26px{font-size: 26px;}

/* Color */
.Color--Pink{color: #ea6da4;}
.Color--white{color: #fff;}
.Color--Black1{color: #413c3a;}


/* icon-fonts
*********************/

/* arrow <span class="icon-ico--arrow"></span> */
@font-face {
    font-family: 'icomoon';
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/arrow/icomoon.eot?2dja6b');
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/arrow/icomoon.eot?2dja6b#iefix') format('embedded-opentype'),
        url('../fonts/arrow/icomoon_2dja6b.ttf') format('truetype'),
        url('../fonts/arrow/icomoon_2dja6b.woff') format('woff'),
        url('http://www.gemme.jp/user_data/packages/default/fonts/arrow/icomoon.svg?2dja6b#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-ico--arrow"], [class*=" icon-icon-ico--arrow"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ico--arrow:before {
    content: "\e900";
}

/* plus <span class="icon-ico--plus"></span> */
@font-face {
    font-family: 'icomoon';
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/plus/icomoon.eot?yb1uh4');
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/plus/icomoon.eot?yb1uh4#iefix') format('embedded-opentype'),
        url('../fonts/plus/icomoon_yb1uh4.ttf') format('truetype'),
        url('http://www.gemme.jp/user_data/packages/default/fonts/plus/icomoon.woff?yb1uh4') format('woff'),
        url('http://www.gemme.jp/user_data/packages/default/fonts/plus/icomoon.svg?yb1uh4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-icon-ico--plus"], [class*=" icon-icon-ico--plus"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ico--plus:before {
    content: "\e901";
}

/* instagram <span class="icon-instagram"></span> */
/* facebook <span class="icon-facebook2"></span> */
@font-face {
    font-family: 'icomoon';
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/SNS/icomoon.eot?c7fjnd');
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/SNS/icomoon.eot?c7fjnd#iefix') format('embedded-opentype'),
        url('../fonts/SNS/icomoon_c7fjnd.ttf') format('truetype'),
        url('../fonts/SNS/icomoon_c7fjnd.woff') format('woff'),
        url('http://www.gemme.jp/user_data/packages/default/fonts/SNS/icomoon.svg?c7fjnd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook2:before {
    content: "\fb";
}
.icon-instagram:before {
    content: "\e903";
}

/* mainasu <span class="icon-ico--mainasu"></span>  */
@font-face {
    font-family: 'icomoon';
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/mainasu/icomoon.eot?3opkd7');
    src:    url('http://www.gemme.jp/user_data/packages/default/fonts/mainasu/icomoon.eot?3opkd7#iefix') format('embedded-opentype'),
        url('../fonts/mainasu/icomoon_3opkd7.ttf') format('truetype'),
        url('http://www.gemme.jp/user_data/packages/default/fonts/mainasu/icomoon.woff?3opkd7') format('woff'),
        url('http://www.gemme.jp/user_data/packages/default/fonts/mainasu/icomoon.svg?3opkd7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ico--mainasu:before {
    content: "\e905";
}





/*Top
*******************************************/

/* header
*********************/
.header__LogoArea{
	height: 95px;
	border-bottom: 1px solid #c9cacb;
	position: relative;
}

.header__logo{
	position: absolute;
	top: 34px;
	left: 50px;
  text-align: left;
  width:260px;
}

.header__logo img{
}

/*.header__logo.header__logo--gemmeonline img,
.header__logo.header__logo--gemmeevent img,
.header__logo.header__logo--gemmeaoyama img,
.header__logo.header__logo--gemmeblog img,
.header__logo.header__logo--gemmecontact img{
  height:18px;
  width:auto;
}

.header__logo img.header__serviceLogo{
  height:18px;
  width:auto;
  border-left: 1px solid #ea6da4;
  border-right: 1px solid #ea6da4;
  margin-left: 10px;
  padding: 0 10px;
}*/


/* 以下、ヘッダーロゴバリエーションのサイズ指定　start */
/*.header__logo--gemmestore{
	width: 200px;
	height: 18px;
}

.header__logo--gemmeonline{
	width: 320px;
	height: 18px;
}

.header__logo--gemmeevent{
	width: 320px;
	height: 18px;
}

.header__logo--gemmeaoyama{
	width: 320px;
	height: 18px;
}

.header__logo--gemmeblog{
	width: 320px;
	height: 18px;
}

.header__logo--gemmecontact{
	width: 320px;
	height: 18px;
}*/
/* ヘッダーロゴバリエーションのサイズ指定　end */

.header__description{
	text-align: center;
	padding: 35px 0 10px;
}

.header__sublogo{
	position: absolute;
	top: 32px;
	right: 50px;
  font-family: "futura-pt";
}

.header__gnav{
	text-align: center;
	padding-top: 26px;
	margin-bottom: 26px;
}

.header__gnav ul li a{
	font-family: "futura-pt";
}

.header__gnavImg--on{
  display:none;
}

.header__gnav__list > a:hover .header__gnavImg {
  display:none;
}

.header__gnav__list > a:hover .header__gnavImg--on {
  display:inline;
}

.underGnavBorder{
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #e9eaea;
}

.header__gnav--FirstPadding{margin: 0 5.45% 0 0;}
.header__gnav--Padding{margin: 0 5.45%;}
.header__gnav--LastPadding{margin: 0 0 0 5.45%;}

/* オンラインショップメガメニュー表示 */
.header__gnav__list .header__gnav__list__child{
	position: absolute;
	opacity: 0;
	top: 183px;
	left: 0;
	visibility: hidden;
	transition: .3s;
}

/* メガメニュー　オンラインショップ */
.header__gnav__list.active .header__gnav__list__child{
/*.header__gnav__list:hover .header__gnav__list__child{*/
	top: 183px;
	left: 0;
	visibility: visible;
	opacity: 1;
	z-index: 9998;
}

.header__gnav__list__child--box{
	max-width: 1240px;
	min-width: 1000px;
	padding: 0 20px 0;
}

.header__gnav__list__child--ttl{
	-webkit-flex-direction: row;
    	-ms-flex-direction: row;
        	flex-direction: row;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-align-items: flex-end;
	        align-items: flex-end;
	padding-right: 5px;
	padding-left: 5px;
}

.header__gnav__list__child--links--box--content1{
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.header__gnav__list__child--links--box--content2{
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	width: 900px;

/*
	-webkit-align-items: center;
	        align-items: center;
*/
}

.directLinklBtn--Item{
	width: 296px;
	padding: 18px 0;
    color: #FFF;
    background-color: rgba(255,255,255,0.2);
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.rotateMegaMenuArrowIcon{
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*.header__gnav__list__child--Btn:hover .rotateMegaMenuArrowIcon{
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}*/

/* おすすめ商品 */
.header__gnav__list__child--imgs{
	width: 280px;
	/*height: 316px;*/
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow: hidden;
}
.header__gnav__list__child--imgs a {
	display: block;
	padding: 15px;
}
.header__gnav__list__child--imgs a ._image {
	line-height: 0;
}
.header__gnav__list__child--imgs a ._icon {
	text-align: left;
	margin-top: 10px;
	border-top: 1px solid #eaeaea;
	padding-top: 15px;
	line-height: 0;
}
.header__gnav__list__child--imgs a ._title {
	text-align: left;
	padding-top: 10px;
	color: #413c3a;
}

/* ここから一階層目の話 */
.header__gnav__list__child--tabList{
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.header__gnav__list__child--tabList > li > a{
	color: #FFF;
}

.header__gnav__list__child--Btn{
	width: 445px;
    color: #FFF;
    background-color: #ee8ab6;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}


.header__gnav__list__child--Btn--Link{
	line-height: 3.8;
}



/* ここからイニシャルの話 */
.header__gnav__list__child__initial{
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-align-items: center;
	        align-items: center;
	background-color: #f2a7c8;
	padding: 20px;
}

/*
.initialBtn{
	background-color: #f2a7c8;
}
*/
/* Add for jquery.ui */
.ui-tabs-active .header__gnav__list__child--Btn--Link {
	background-color: #f2a7c8;
}


.secondRow{
	padding: 0 20px 20px 20px;
}

.header__gnav__list__child__initial__unit{
	display: flex;
	width: 48px;
	height: 48px;
	border: #fff 1px solid;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	color: #FFF;
}

.header__gnav__list__child__initial__unit:hover{
	color: #ea6da4;
	background-color: #fff;
}



/* ここからアイテムの話 */
.header__gnav__list__child__item {
	padding: 10px;
	background-color: #f2a7c8;
}
.header__gnav__list__child__itemChild{
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	/*background-color: #f2a7c8;*/
	/*padding: 10px 10px 0 10px;*/
	padding: 0;
}

.header__gnav__list__child--item__unit{
	width: 140px;
	height: 44px;
	background-color: #ee8ab6;
}


.header__gnav__list__child--item__unit:hover{
	background-color: #fbe2ed;
}

.header__gnav__list__child--item__unit--Link{
	color: #FFF;
	line-height: 3.8;
}

.header__gnav__list__child--item__unit--Link:hover{
	color: #EA6DA4;
}
/* Add for jquery.ui */
.ui-tabs-active .header__gnav__list__child--item__unit--Link {
	background-color: #fbe2ed;
	color: #EA6DA4;
}

.header__gnav__list__child--item__final{
	background-color: rgba(255,255,255,0.4);
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-align-items: center;
	        align-items: center;
	/*padding: 0 10px 10px 10px;*/
	z-index: 9999;
}

.header__gnav__list__child--item__final__List{
	background-color: #fbe2ed;
    padding: 10px 5px 0 5px;
    margin: 0 auto;
}

.header__gnav__list__child--item__finalUnit{
    background-color: #EA6DA4;
    margin-bottom: 6px;
}

.allSeeBtnPositionRelative{
	position: relative;
}

.allSeeBtnPosition-bag{
	position: absolute;
	top: 10px;
    right: 5px;
}

.allSeeBtnPosition-porch{
	position: absolute;
	top: 10px;
    right: 5px;
}

.allSeeBtnPosition-charm{
	position: absolute;
	top: 130px;
    right: 5px;
}

.allSeeBtnPosition-strap{
	position: absolute;
	top: 190px;
    right: 5px;
}

.allSeeBtnPosition-phone{
	position: absolute;
	top: 10px;
    right: 5px;
}

.allSeeBtnPosition-accesary{
	position: absolute;
	top: 10px;
    right: 5px;
}







.header__gnav__list__child--item__final__List {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.header__gnav__list__child--item__final__List .header__gnav__list__child--item__finalUnit {
    display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
    width: 135px;
    line-height: 50px;
    text-align: center;
    margin: 0 5px 10px 5px;
}

.header__gnav__list__child--item__final__List .header__gnav__list__child--item__finalUnit a{
	color: #fff!important;
}

.MegaMenuFinalLinkHover:hover{
	opacity: 0.5;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}

.thirdItemLankCursorOFF{
	cursor: default
}


/* メガメニュー　イベント */
.nowEventTtl{
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-align-items: flex-end;
	        align-items: flex-end;
}

.nowEventContent{
	margin-bottom: 15px;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.header__gnav__list__child--links--box--content3{
	-webkit-align-content: space-between;
	        align-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	height: 214px;
}

.header__gnav__list__child--imgs2{
	width: 280px;
	height: 216px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow: hidden;
}

/* メガメニュー　フラッグシップストア */
.FlagTtl{
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
}

.header__gnav__list__child--links--box--content4{
	-webkit-align-content: space-between;
	        align-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	height: 154px;
}

.header__gnav__list__child--brandImg{
	height: 154px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-align-items: flex-start;
    		align-items: flex-start;
}

.header__gnav__list__child--brandCopy{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.header__gnav__list__child--imgs3{
	width: 280px;
	height: 154px;
	overflow: hidden;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.storeIMG{
	height: 152px;
	overflow: hidden;
}

/* ブログ */
.header__gnav__list__child--blogArticle{
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}
.header__gnav__list__child--blogArticle a{
	display: block;
	min-height: 176px;
}

.header__gnav__list__child--blogArticle__readMore{
	position: absolute;
	right: 20px;
	bottom: 23px;
}


/* main
*********************/

.main--Slider li{
	background: center / cover no-repeat;
	padding-top: 35%;
}

.MainVisual{
	/*border-top: 1px solid #e9eaea;*/
	border-bottom: 1px solid #e9eaea;
}

.pickUpItemImg{
	height: 220px;
    overflow: hidden;
}


/* blog
*********************/

.blog__img{
	width: 622px;
}

.blog__text{
	width: 378px;
}

.blog__content{
	-webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.blog{
	border-bottom: 1px solid #e9eaea;
}

/* pickup item
*********************/

.pickUpItem__box{
	-webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.pickUpItem__unit{
	width: 330px;
	position: relative;
}

.pickUpItem__tag{
	width: 64px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}


/* news
*********************/

.news__date{
	width: 120px;
}

.news__ttl{
	width: 560px;
	background: url(../img/common/arrow_2.gif) no-repeat 550px 50%;
}

.news__ToList{
	width: 105px;
}

.news{
	border-top: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
}



/* footer
*********************/
.footer{
  text-align: left;
  /*margin-top:40px;*/
}

.footer__SiteMap{
	border-top: 1px solid #e9eaea;
}

.initialSelect > li{
	display: inline-block;
	padding-right: 9px;
}

.itemSelect__content{
	margin-bottom: 20px;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
}

.itemSelect__contentText{
	width: 643px;
}

.initialSelect li a{
	color: #413c3a;
}

.initialSelect li a:hover{
	opacity: 0.5;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.itemSelect__contentText > ul a{
	color: #413c3a;
}

.itemSelect__contentText > ul a:hover{
	opacity: 0.5;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.itemSelect__content > li{
	display: block;
}

.itemSelect__content--BagContent > li{
	display: inline-block;
	padding-right: 28px;
}

.arrowIconBg{
	width: 12px;
	height: 15px;
	background: url(../img/common/arrow_3.gif) no-repeat 2px 6px;
}

.footer__SiteMap--online{
	width: 696px;
	border-right: 1px solid #a0a0a0;
}

.footer__SiteMap--other{
	width: 304px;
}

.footer__CopyRight{
	padding: 10px 0;
  word-wrap: break-word;
}



/*購入完了ページからFAQへののアンカーリンク調整
/**************************************************************************************/
#completeMail{
	padding-top: 30px;
	margin-top: -30px;
}

.faqCompleteMailBreak-SP{
	display: none;
}



/*ブログ記事本文　「商品はこちら！」ボタンのスタイル
/**************************************************************************************/
.blogItemLeadButton {
    width: 345px;
    margin: 20px auto ;
    display: block;
    vertical-align: top;
}

.blogItemLeadButton--Pink {
    background-color: #ea6da4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ea6da4;
    color: #fff!important;
    font-size: 125%;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
    line-height: 58px;
    cursor: pointer;
    text-decoration: none
}

.blogItemLeadButton--Pink:hover{
	opacity: 0.5;
}

#instafeed a img{
	text-decoration: none;
    display: inline-block!important;
    margin: 1px;
    width: 160px!important;
    height: 160px!important;
}




/*マイぺ　ログインページ
/**************************************************************************************/

.Button--White01--myPageLogin {
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ea6da4;
    color: #ea6da4;
    font-size: 125%;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
    line-height: 58px;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}

.myPageLoginFlow__InputAddress {
    border: solid 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 18px;
    width: 100%;
}

.LoginArea__LoginInputItem--style {
    width: 50%;
    margin: 0 auto;
}





/*メガメニュー　右サイドimg制御
/**************************************************************************************/



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

/*common
*******************************************/

.Width--635px--SP{width: 635px;}
.Width--275px--SP{width: 275px;}
.OverFlow--Hidden{overflow: hidden;}


/* メガメニュー　共通 */
.header__gnav__list__child--box{
	width: 1000px;
}


/* メガメニュー　オンライン */
.header__gnav__list__child--imgs{
	display: none;
}

.MegaOnline .header__gnav__list__child--links--box{
	width: 100%;
}

.MegaOnline .header__gnav__list__child--Btn{
	width: 475px;
}

.tabChild--initial{
	width: 960px;
}

.tabChild--item{
	width: 960px;
}

.MegaOnline .header__gnav__list__child--links--box--content1{
	width: 100%;
}

.MegaOnline .header__gnav__list__child--links--box--content2{
	width: 100%;
}

.MegaOnline .Btn--MegaMenu--Small--Online{
	width: 260px;
}

.header__gnav__list__child--imgs2{
	display: none;
}

.header__gnav__list__child--imgs3{
	display: none;
}

#instafeed a img{
	text-decoration: none;
    display: inline-block!important;
    width: 160px!important;
    height: 160px!important;
}

}




/*iPad,SP
/**************************************************************************************/



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

/*common
*******************************************/


/* Structure
*********************/
.Display--None--SP{display: none;}
.Display--Block--SP{display: block;}
.Display--Flex--SP{display: flex;}
.Display--Flex--SP--IMPORTANT{display: flex!important;}
.Display--Inline--SP{display: inline;}
.Display--InlineBlock--SP{display: inline-block;}

.TextAlign--Center--SP{text-align: center;}
.TextAlign--Left--SP{text-align: left!important;}


/* Layout
*********************/
.Width--48-5--SP{width: 48.5%;}
.Width--84--SP{width: 84%;}
.Width--86--SP{width: 86%;}
.Width--90--SP{width: 90%;}
.Width--95--SP{width: 95%;}
.Width--100--SP{width: 100%;}

.Height--50px--SP{height: 50px}

.Margin--0auto--SP{margin: 0 auto;}

.Margin--Top0--SP{margin-top: 0!important;}
.Margin--Top4--SP{margin-top: 4%;}
.Margin--Top30px--SP{margin-top: 30px;}

.Margin--Bottom6--SP{margin-bottom: 6%;}
.Margin--Bottom7--SP{margin-bottom: 7%;}
.Margin--Bottom8--SP{margin-bottom: 8%;}
.Margin--Bottom30px--SP{margin-bottom: 30px;}
.Margin--Bottom60px--SP{margin-bottom: 60px;}

/* MarginRight */
.MarginRight--20px--SP{margin-right: 20px;}
.MarginRight--50px--SP{margin-right: 50px;}

/* MarginLeft */
.MarginLeft--10px--SP{margin-left: 10px;}
.MarginLeft--20px--SP{margin-left: 20px;}
.MarginLeft--25px--SP{margin-left: 25px;}
.MarginLeft--40px--SP{margin-left: 40px;}
.MarginLeft--50px--SP{margin-left: 50px;}

.Padding--None--SP{padding: 0;}
.Padding--Top7--SP{padding-top: 7%;}
.Padding--Top8--SP{padding-top: 8%;}
.Padding--Top10--SP{padding-top: 10%;}
.Padding--Left15px--SP{padding-left: 15px;}
.Padding--Left30px--SP{padding-left: 30px;}
.Padding--Left45px--SP{padding-left: 45px;}
.Padding--Bottom2--SP{padding-bottom: 2%;}
.Padding--Bottom4--SP{padding-bottom: 4%;}
.Padding--Bottom6--SP{padding-bottom: 6%;}
.Padding--Bottom7--SP{padding-bottom: 7%;}
.Padding--Bottom8--SP{padding-bottom: 8%;}
.Padding--Bottom15--SP{padding-bottom: 15%;}
.Padding--Bottom5px--SP{padding-bottom: 5px;}
.Padding--Top30px--SP{padding-top: 30px;}
.Padding--Bottom30px--SP{padding-bottom: 30px;}

/* PaddingRight */
.PaddingRight--10px--SP{padding-right: 10px;}
.PaddingRight--20px--SP{padding-right: 20px;}
.PaddingRight--40px--SP{padding-right: 40px;}
.PaddingRight--50px--SP{padding-right: 50px;}

.Float--None--SP{float: none;}

.Position--Static--SP{position: static;}


/* Skin
*********************/

.LinkText--Opacity--white--SP:link{color: #fff;}
.LinkText--Opacity--white--SP:visited{color: #fff;}
.LinkText--Opacity--white--SP:hover{
	opacity: 0.5;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	    -ms-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}

.Background--None--SP{background: none;}
.Bg--Black1--SP{background-color: #1f1a19;}
.Bg--Black2--SP{background-color: rgba(0,0,0,0.8);}
.Bg--White--SP{background-color: #fff;}

.Border--None--SP{border: none;}
.BorderTop--Black1--1px--SP{border-top: 1px solid #1f1a19;}
.BorderTop--Gray1--1px--SP{border-top: 1px solid #e9eaea;}
.BorderBottom--Black1--1px--SP{border-bottom: 1px solid #1f1a19;}
.BorderBottom--Gray1--1px--SP{border-bottom: 1px solid #e9eaea;}

.Color--white--SP{color: #fff;}

.FontSize--12px--SP{font-size: 12px;}
.FontSize--14px--SP{font-size: 14px;}
.FontSize--16px--SP{font-size: 16px;}

/* Button */
.Btn--Large--SP{
	margin: 0 auto;
	padding: 18px 0;
	width: 90%;
	height: 60px;
	text-align: center;
	background: #fff url(../img/common/arrow_2.gif) no-repeat 90% 50%;
	border: 1px solid #e9eaea;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}


.Vvar{
	padding: 0 2px;
}

.FontFamily--futura-SP{
	font-family: "futura-pt",sans-serif!important;
	font-style: normal;
	font-weight: 300;
}

.underGnavBorder{
	display: none!important;
}


/*Top
*******************************************/

/* header
*********************/

.pickUpItemImg{
	height: auto;
}

.header--SP{
	height: 65px;
	z-index: 9999;
	background-color: #FFF;
	border-bottom: 1px solid #c9cacb;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.header__LogoArea{
	width: 313px;
	height: 25px;
}

.humbergerMenutTxt{
	position: absolute;
	top: 6px;
	right: -6px;
	margin-bottom: 2px;
}

.header__gnav__SP__menu-trigger,
.header__gnav__SP__menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.header__gnav__SP__menu-trigger {
	position: relative;
	width: 28px;
	height: 44px;
}
.header__gnav__SP__menu-trigger span {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #1f1a19;
}

.header__gnav__SP__menu-trigger span:nth-of-type(1) {
	top: 28px;
	right: 0;
}

.header__gnav__SP__menu-trigger span:nth-of-type(2) {
	bottom: 6px;
	right: 0;
}

/* 以下、ハンバーガーのアニメーション　start */
.header__gnav__SP__menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(5.5px) rotate(-45deg);
	transform: translateY(5.5px) rotate(-45deg);
}

.header__gnav__SP__menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: translateY(-3.5px) rotate(45deg);
	transform: translateY(-3.5px) rotate(45deg);
}

.header__gnav__SP__menu-trigger.active span:nth-of-type(2)
/* ハンバーガーのアニメーション　end */


.header__gnav__SP__list__content{
	-webkit-align-items: center;
	        align-items: center;
	-webkit-align-content: center;
	          align-content: center;
}

.header__gnav__SP__list__content2{
	-webkit-align-items: center;
	        align-items: center;
	-webkit-align-content: center;
	          align-content: center;
}

.header__gnav__SP__list__content2--2{
	-webkit-align-items: center;
	        align-items: center;
	-webkit-align-content: center;
	          align-content: center;
}

.header__gnav__SP__list__content2--2--1{
	-webkit-align-items: center;
	        align-items: center;
	-webkit-align-content: center;
	          align-content: center;
}

.header__gnav__SP__list__content > li:nth-of-type(1){
	width: 47.85%;
}

.header__gnav__SP__list__content > li:nth-of-type(2){
	width: 47.85%;
}

.header__gnav__SP__list__content > li:nth-of-type(3){
	width: 4.3%;
}

.header__gnav__SP__list__content2 > li:nth-of-type(1){
	width: 95.5%;
}

.header__gnav__SP__list__content2 > li:nth-of-type(2){
	width: 4.5%;
}

.header__gnav__SP__list__content2--2 > li:nth-of-type(1){
	width: 95.2%;
}

.header__gnav__SP__list__content2--2 > li:nth-of-type(2){
	width: 4.8%;
}

.header__gnav__SP__list__content2--2--1 > li:nth-of-type(1){
	width: 95%;
}

.header__gnav__SP__list__content2--2--1 > li:nth-of-type(2){
	width: 5%;
}

.activeColor1{
	background-color: #413c3a;
	color: #fff;
}

.activeColor2{
	background-color: #afb1b3;
	color: #fff;
}

.activeColor3{
	background-color: #f3f4f4;
}

/* スマホハンバーガーの中身 */
.gnavDropDown{
    display:none;
    z-index: 9999;
    background-color: #FFF;
    text-align: left;
}

.gnavHumbergerLineHeight{
	line-height: 50px;
}

.header__gnav__SP__list__2{
	display: none;
}

.header__gnav__SP__list__2--1{
	display: none;
	width: 85%;
	margin: 25px auto 0;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.header__gnav__SP__list__2--1--Box {
	width: 100%;
	margin-bottom: 5%;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.header__gnav__SP__list__2--1--Box > li{
	display: flex;
	width: 58px;
	height: 58px;
	border: #c9cacb 1px solid;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

.header__gnav__SP__list__2--1--Box > li > a{
	color: #413c3a;
}

.header__gnav__SP__list__2--2{
	display: none;
}

.header__gnav__SP__list__2--2--1{
	display: none;
}
.header__gnav__SP__list__2--2--2{
	display: none;
}
.header__gnav__SP__list__2--2--3{
	display: none;
}
.header__gnav__SP__list__2--2--4{
	display: none;
}
.header__gnav__SP__list__2--2--5{
	display: none;
}
.header__gnav__SP__list__2--2--6{
	display: none;
}

.header__logo img{
  height:18px;
  width:auto;
}

.header__logo.header__logo--gemmeonline img,
.header__logo.header__logo--gemmeevent img,
.header__logo.header__logo--gemmeaoyama img,
.header__logo.header__logo--gemmeblog img,
.header__logo.header__logo--gemmecontact img{
  height:13px;
  width:auto;
}

.header__logo img.header__serviceLogo{
  height:14px;
}

/* 以下、ヘッダーロゴバリエーションのサイズ指定　start */
.header__logo--gemmestore{
	width: 194px;
	height: auto;
}

.header__logo--gemmeonline{
	width: 260px;
	height: 18px;
}

.header__logo--gemmeevent{
	width: 260px;
	height: 18px;
}

.header__logo--gemmeaoyama{
	width: 260px;
	height: 18px;
}

.header__logo--gemmeblog{
	width: 260px;
	height: 18px;
}

.header__logo--gemmecontact{
	width: 260px;
	height: 18px;
}
/* ヘッダーロゴバリエーションのサイズ指定　end */

.slideMenu{
	width: 100%;
	padding: 8px 0 0;
	border-bottom: 1px solid #c9cacb;
}

.slideMenu__ListBlock > li{
	display: inline-block;
	margin: 5%;
}

.slideMenu__ListItem{
  line-height:0;
}

.slideMenu__ListBlock > li > a{
	display: block;
	color: #413c3a;
}

.main--Slider li{
	width: 100%;
	padding-top: 60%;
	height: 0;
}

.pickUpItem__unit{
	width: 48.5%;
	position: relative;
}

.pickUpItem--Slider > li > a > img{
	width: 100%;
	height: auto;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	width: 6px;
	height: 6px;
}

.blog__img{
	width: 100%;
}

.blog__text{
	width: 100%;
	padding: 6%;
}

.blog__content{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-align-content: flex-start;
	        align-content: flex-start;
}

.news__content {
    background: url(../img/common/arrow_2.gif) no-repeat 98% 30%;
}

.footer__SiteMap--other > p > a{
	color: #fff!important;
}

.faqCompleteMailBreak-SP{
	display: inline-block;
}

}


/*============================
PageTop
============================*/
.PageTop{
  position:fixed;
  bottom:60px;
  left:50%;
  display:none;
}

.PageTop__Button{
  position:absolute;
  left:425px;
}

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

.PageTop{
  position:fixed;
  bottom:10px;
  left:auto;
  right:10px;
  display:none;
}

.PageTop__Button{
  position:relative;
  left:0;
}

.PageTop__Button img {
  width:40px;
  height:auto;
}

}




/*SP調整用
/**************************************************************************************/



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


/* Structure
*********************/

.Width--100--ADJUST{width: 100%;}
.Width--90--ADJUST{width: 90%;}
.margin-0auto--SP{margin: 0 auto;}

.Display--None--ADJUST{display: none;}
.Display--Block--ADJUST{display: block;}
.Display--Flex--ADJUST{display: flex;}
.Display--Inline--ADJUST{display: inline;}

.Padding--00--ADJUST{padding: 0!important;}
.Padding--Top10--ADJUST{padding-top: 10%;}

.TextAlign--Center--ADJUST{text-align: center;}
.TextAlign--left--SP{text-align: left;}

.Float--None--ADJUST{float: none;}

.FontSize--11px--ADJUST{font-size: 11px;}
.FontSize--12px--ADJUST{font-size: 12px;}
.FontSize--14px--ADJUST{font-size: 14px;}
.FontSize--16px--ADJUST{font-size: 16px;}
.FontSize--18px--ADJUST{font-size: 18px;}

#instafeed a img{
	text-decoration: none;
    display: inline-block!important;
    margin: 1px;
    width: 32.5%!important;
    height: 32.5%!important;
}

}


.LeadArea{
  text-align:center;
  padding:40px 0 30px;
}
.LeadArea__title{
  margin-bottom:30px;
}
.LeadArea__titleImg{
}
.LeadArea__txt{
  font-size:116%;
  line-height:2.3;
}
.LeadArea__txt--sp{
  display:none;
}
.OnlineMenu{
  padding:30px 0;
}
.OnlineMenu__inner{
  max-width:1014px;
  margin:0 auto;
  overflow:hidden;
}
.OnlineMenu__item{
  width:49.5%;
  float:left;
  margin-top:10px;
}
.OnlineMenu__item:nth-child(even){
  float:right;
}
.OnlineMenu__item--sml{
  width:32.6%;
  margin-right:1.1%;
}
.OnlineMenu__item--sml:nth-child(even){
  float:left;
}
.OnlineMenu__item--sml:last-child{
  margin-right:0;
}
.OnlineMenu__subItem{
  clear:both;
}
.OnlineMenu__initialMenu{
  width:100%;
  display:none;
}
.OnlineMenu__initialMenu--listPage{
  display:block;
  max-width: 1000px;
  margin:0 auto 100px;
}
.OnlineMenu__initialMenu--sp{
  display:none;
  margin-bottom:50px;
}
.OnlineMenu__initialMenuItem{
  background-color: #ccc;
}
.OnlineMenu__link{
  font-family: "futura-pt";
  line-height: 3.8;
  display:block;
  background-color: #ed8cb7;
  color:#fff;
  text-align:center;
  border-radius: 2px;
}
.OnlineMenu__link:hover{
  background-color: #f2a7c8;
}
.OnlineMenu__link::after{
  content:'';
  display:inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align:middle;
  margin-left:5px;
  position: relative;
  top: -2px;
}
.OnlineMenu__link--down:after{
  content:'';
  display:inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  vertical-align:middle;
  margin-left:5px;
  position: relative;
  top: -4px;
}
.OnlineMenu__featureBanner{
  margin: 10px auto 0;
  max-width: 1014px;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.OnlineMenu__featureBannerLink{
  display:block;
  width: 49.5%;
}
.OnlineMenu__featureBannerImg{
  width:100%;
  height:auto;
}

.OnlineMenu__featureBanner--SP{
  display: none;
}



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

.LeadArea{
  width:90%;
  margin:0 auto;
}
.LeadArea__title{
  margin-bottom:20px;
}
.LeadArea__titleImg{
  max-width: 390px;
  width:100%;
  height:auto;
}
.LeadArea__txt{
  font-size:100%;
  line-height:1.8;
  text-align: left;
}
.LeadArea__txt--pc{
  display:none;
}
.LeadArea__txt--sp{
  display:inline;
}
.OnlineMenu{
  padding:30px 0;
}
.OnlineMenu__inner{
  max-width:1014px;
  width:90%;
}
.OnlineMenu__item{
  width:100%;
  float:none;
}
.OnlineMenu__item:nth-child(even){
  float:none;
}
.OnlineMenu__item--sml{
  width:100%;
  margin-right:0;
}
.OnlineMenu__item--sml:nth-child(even){
  float:none;
}
.OnlineMenu__link{
  font-family: "futura-pt";
  line-height: 3.8;
  display:block;
  background-color: #ed8cb7;
  color:#fff;
  text-align:center;
  border-radius: 2px;
}
.OnlineMenu__link:hover{
  background-color: #f2a7c8;
}
.OnlineMenu__link::after{
  content:'';
  display:inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align:middle;
  margin-left:5px;
  position: relative;
  top: -2px;
}

.OnlineMenu__initialMenu{
  display:none;
}

.OnlineMenu__initialMenu--sp{
  display:flex;
}

.OnlineMenu__featureBanner--SP{
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f3f4f4;
}
.OnlineMenu__featureBannerLink--SP{
  width: 90%;
  margin: 0 auto 15px;
}
.OnlineMenu__featureBannerLink--SP:last-child{
  margin-bottom: 0;
}
.OnlineMenu__featureBannerImg--SP{
  width:100%;
  height:auto;
}

}