@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('../font/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight.eot');
    src: url('../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Black.eot');
    src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../font/NotoSansCJKjp-Black.ttf')  format('truetype');
}
@font-face{ 
      font-family: 'WebSymbolsLigaRegular';
          src: url('../fonts/websymbolsligaregular.eot');
          src: url('../fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
               url('../fonts/websymbolsligaregular.woff') format('woff'),
               url('../fonts/websymbolsligaregular.ttf') format('truetype'),
               url('../fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}

@font-face {
    font-family: 'ionicons';
    font-style: normal;
    src: url('../fonts/ionicons.eot');
    src: url('../fonts/ionicons.eot?#iefix') format('embedded-opentype'), url('../fonts/ionicons.woff') format('woff'), url('../fonts/ionicons.ttf') format('truetype');
}

/* ----------------copyright-Signature.default.css */

/* --------------------------初期設定------------------------ */

/* ----------------クリアフィックス */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0.1em;

}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/

}
  html {

}
*{
	text-align: justify;
	text-justify: inter-ideograph;
}
p{
	text-align: justify;
	text-justify: inter-ideograph;
}
/* ----------------リンク画像ボーダー */

a img {
	border: none;
}
a:hover img {
	border: none;
}
a{

	outline:none;
}
/* ----------------フォーム */

form {
	margin: 0px;
}
/* ----------------グローバルメニューリストひな形 */

/* ----------------画像置換ひな形 */

#mative_price_subtitle1 {
	background-image: url(../img/mative_price_subtitle1.jpg);
	width: 400px;
	height: 35px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
a,a:link,a:visited {
	color: #000 ;
	text-decoration:none;
	font-weight:normal;
}

a:hover {
	color: #a2a0a0;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* ----------------ロールオーバーひな形 */

#tempo a {
	width: 100px;
	height: 9px;
	background-image: url(../img/mative_menu_marugoto.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
	font-size: 0px;
	margin-bottom: 10px;
	vertical-align: bottom;
	display: block;
}

#tempo a:hover {
	width: 100px;
	height: 9px;
	background-image: url(../img/mative_menu_marugoto_on.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
	font-size: 0px;
	margin-bottom: 10px;
	vertical-align: bottom;
	display: block;
}
/* --------------------------初期設定ここまで------------------------- */
.has-lines_blue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.has-lines_blue:before {
    margin-right: 20px;
}
.has-lines_blue:after {
    margin-left: 20px;
}
.has-lines_blue:before, .has-lines_blue:after {
    content: '';
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #a2a0a0;
    min-width: 20px;
    display: inline-block;
    vertical-align: middle;
	border-radius:0px;
}
.youtubevideo{
  position:relative;
  width:100%;

}
.youtubevideo iframe{
  position:absolute;
  top:0;
  right:0;
  width: 100% ;

}
/* --------------------------サイト別初期設定------------------------ */

/* ----------------body設定 */
html,body{

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}
body{
font-family: "Noto Sans Japanese" , "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	line-height: 1.8;
	scrollbar-darkshadow-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color: white;
	scrollbar-base-color: white;
	scrollbar-face-color: white;
	scrollbar-track-color: white;
	font-size: 12px;
	color:#333;
	background-repeat:repeat;
	font-weight: normal;
	text-align: center;
	background-position:center center;
	position:relative;

}
.top_glyph{
font-family: 'WebSymbolsLigaRegular', serif;
color:#fff;
font-size:12px;
margin-right:5px;
}
.top_glyph_2{
font-family: 'WebSymbolsLigaRegular', serif;
color:#116A3A;
font-size:12px;
margin-right:5px;
}
.glyph{
font-family: 'WebSymbolsLigaRegular', serif;
color:#fff;
font-size:20px;
}
.glyph_2{
font-family: 'WebSymbolsLigaRegular', serif;
color:#116A3A;
font-size:20px;
}
.glyph_sns{
font-family: 'WebSymbolsLigaRegular', serif;
color:#000 !important;
font-size:18px;
padding-right:5px;
vertical-align: bottom;

}
.glyph_sns a{
font-family: 'WebSymbolsLigaRegular', serif;
color:#000 !important;
font-size:16px;
}
.glyph_1 a{
font-family: 'WebSymbolsLigaRegular', serif;
color:#fff !important;
font-size:20px;
font-weight:normal !important;
}
.glyph_2 a{
font-family: 'WebSymbolsLigaRegular', serif;
color:#116A3A !important;
font-size:20px;
}
.glyph_3{
font-family: 'WebSymbolsLigaRegular', serif;
color:#fff;

}
.glyph_4{
font-family: 'WebSymbolsLigaRegular', serif;
color:#a2a0a0;

}
.snip1562 {

border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'BenchNine', Arial, sans-serif;
    font-size: 1em;
    font-size: 22px;
    line-height: 1em;

    outline: none;
    padding: 2px 3px 0px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
}

.snip1562:before,
.snip1562:after {
  border-color: transparent;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 24px;
  position: absolute;
  width: 24px;
}

.snip1562:before {
  border-color: #000;
  border-left-width: 1px;
  border-top-width: 1px;
  left: -5px;
  top: -5px;
}

.snip1562:after {
  border-bottom-width: 1px;
  border-color: #000;
  border-right-width: 1px;
  bottom: -5px;
  right: -5px;
}

.snip1562:hover,
.snip1562.hover {

}

.snip1562:hover:before,
.snip1562.hover:before,
.snip1562:hover:after,
.snip1562.hover:after {
  height: 100%;
  width: 100%;
}

.search-box{
	border:1px solid #a2a0a0;
	border-radius:15px;
	padding:3px 10px;

}
.search-box .btn{
	background-color:#f3f3f5 !important;
	border:0px solid #ccc;
	font-size:9px;
}
.search-box input{
	border-top:none;
	border-left:none;
		border-right:none;
	border-bottom:0px solid ccc !important;
	border-width: 0px;
	font-size:10px;
}
.search-box:before{
	content: "\f4a4";
	font-family: ionicons;
	font-size:12px;
	margin-right:5px;
	line-height:1;
	color:#000;
}
.cart_icon:before {
	content: "\f3f8";
	font-family: ionicons;
	font-size:17px;
	margin-right:5px;
	line-height:1;
}
.search_icon:before {
	content: "\f4a4";
	font-family: ionicons;
	font-size:12px;
	margin-right:5px;
	line-height:1;
	color:#000;
}
.br:before {
	content: "\A" ;
	white-space: pre ;
}
.br_both:before {
	content: "\A" ;
	white-space: pre ;
}
.menusmall{
	font-size:10px;
	
}
.font-ant {
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);

}
.header_rsv a{
color:#fff !important;
font-size:14px  !important;
font-weight:bold;
	
}
.scroll{
	text-indent:-8000px;
}
.scroll:after {
    border-right: 2px solid #00A0E9;
    border-bottom: 2px solid #00A0E9;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.scroll:after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    bottom: 20px;
    left: 50%;
    -webkit-animation: 2s arrow infinite ease;
    animation: 2s arrow infinite ease;
}

#page_home{
	background-color:#fff;

}

p#top_back{
font-family: 'Montserrat', sans-serif;
	font-size:16px;
	position:absolute;
	left:10px;
	top:5px;
	color:#fff;
}
#top_back a{
	color:#fff;
}
#top_back span{
	color:#fff;
}
p#top_back_under{
font-family: 'Montserrat', sans-serif;
	font-size:28px;
	display:none;
}
#top_back_under span{
	color:#999;
}
#scroll {
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
}
#layer {
    width: 100%;
    height: 100px;
    position: absolute;
}



#lean_overlay{
  position: fixed; 
  z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 30px;
  height: 30px; 
  background: url(../img/modal_close.png);
  z-index: 11001;
  background-size:cover;
}

.pntsec_main_slidezone{
	height:360px;
	width:100%;


	padding-top:30px;
	margin-top:20px;
	margin-bottom:0px;
	position:relative;
}
.top_main_slick{
	width:100%;
	overflow:hidden;
}
.top_main_slick li{
	margin-right:10px;
	margin-left:10px;

}
.top_main_slick li img{
	width:750px;
	height:auto;
	opacity:0.70;

}
li.slick-current img{
	opacity:1.0;
}
.pntsec_main_slidezone_inner{
		background: #a6d900 -webkit-linear-gradient(top, #a6d900 0%, #ff4454 100%);
    background: #a6d900 linear-gradient(to bottom, #a6d900 0%, #ff4454 100%);
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6d900', endColorstr='#ff4454', GradientType=0);
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
    -webkit-animation: huerotator 3s infinite alternate;
    animation: huerotator 3s infinite alternate;
	position:absolute;
	top:0px;
	width:100%;
	height:365px;
}

/* header */
#top-head {


    width: 100%;

    line-height: 1;
    z-index: 999;

}
#top-head a,
#top-head {

    text-decoration: none;

}
#top-head .inner {
    position: relative;
}

 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 0px;

    background: #fff;
    background: rgba(255,255,255,0.98);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
border-bottom: 1px solid #f0efef;
}
#top-head.fixed .logo {

    color: #333;

}
#top-head.fixed #global-nav ul li a {
    color: #333;


}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 11px;
    width: 20px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transition: 0.65s ease-in-out;
    -moz-transition: 0.65s ease-in-out;
    transition: 0.65s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 6px;
}
#nav-toggle span:nth-child(3) {
    top: 12px;
}
/* transition */
#top-head,
#top-head:after,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
    transition: all 0.65s ease;
    -webkit-transition: all 0.65s ease;
    -moz-transition: all 0.65s ease;
    -o-transition: all 0.65s ease;

}
#global-nav ul li a {
	    display: table-cell;
	vertical-align: middle;
text-align: center;
    -webkit-transform: scale(1.001,1);
    -moz-transform: scale(1.001,1);
    -ms-transform: scale(1.001,1);
    -o-transform: scale(1.001,1);
    transform: scale(1.001,1);
    letter-spacing: 0.1em; 
font-weight: normal;
}
#global-nav {
	background-color:;
}
.header_header_outer:after{
    content: '';
    height: 15px;
    background: repeating-linear-gradient(45deg, #FAEF36, #FAEF36 6px, white 6px, white 12px, #36A5DD 12px, #36A5DD 18px,white 18px, white 24px, #1AA199 24px, #1AA199 30px,white 30px, white 36px,#36A5DD 36px, #36A5DD 42px,white 42px, white 48px);
    width: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* bottom: -2px; */
    display: block;
}
.fixed.header_header_outer:after{
    content: '';
    height: 0px;
    background: repeating-linear-gradient(45deg, #FAEF36, #FAEF36 6px, white 6px, white 12px, #36A5DD 12px, #36A5DD 18px,white 18px, white 24px, #1AA199 24px, #1AA199 30px,white 30px, white 36px,#36A5DD 36px, #36A5DD 42px,white 42px, white 48px);
    width: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* bottom: -2px; */
    display: block;
}
/* ----------------header設定 */

.header{
position: relative;
background: #FFF;
padding-bottom:15px;
width: 100%;
padding-top:45px;
}
.header:before {
position: absolute;
content: '';
border-top: 0px solid #FFF;
width: 100%;
}
.header:after {
position: absolute;
top: 3px;
content: '';
border-top: 0px solid #000;
width: 100%;
}
.header h1{
	width:420px;
	margin:0 auto;
	}
.header h1 img{
	width:100%;
	height:auto;
}
.main_menu{
	width:1080px;
	margin:0 auto;
    font-family: 'AlteHaasGrotesk';
	font-weight:normal;
	padding-top:10px;
	margin-top:30px;
	padding-bottom:5px;

position: relative;
height:40px;
z-index:1;
}
.main_menu:before{
position: absolute;
top: 59px;
content: '';
	border-top: 0px solid #000;
width: 100%;
z-index:2;
height:3px;
display:block;
}
.main_menu li{
	float:left;
	width : -webkit-calc(100% / 5) ;
    width : calc(100% / 5) ;
	color:#000;

	font-size:0.85rem;
	line-height:1.2;
	height:40px;
	display:table;
	font-weight:bold;
z-index:1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}

.main_menu li span{
	    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.05deg);

	}
.main_menu li ul li span{
 display: block;
 vertical-align: middle;
   border-bottom:1px dotted #a2a0a0;
   padding-bottom:15px;
 text-align:center;
	}	
	
.main_container{
	width:1080px;
	margin:0 auto;
	}
.fixed .header{
	padding-top:20px;
	background: transparent;
}
.fixed .header h1{
	width:180px;
	margin:0 auto;
	}
.fixed	.main_menu{
	width:1080px;
	margin:0 auto;
	border-top: 0px solid #000;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	border-bottom: 0px solid #000;
position: relative;

z-index:1;
}
.fixed	.main_menu li{
	float:left;
	width : -webkit-calc(100% / 5) ;
    width : calc(100% / 5) ; 
	font-size:12px;
	line-height:1.2;
	height:40px;
	display:table;
	font-weight:bold;
z-index:1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}
.fixed	.main_menu li ul li {
    float: left;
    width: 100%;
    width: 100%; 
    font-size: 0.35rem;
    line-height: 1.2;
    height: auto;
    display: table;
    font-weight: bold;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fixed .main_menu:before {
    position: absolute;
    top: 59px;
    content: '';
    border-top: 0px solid #000;
    width: 100%;
    z-index: 2;
    height: 3px;
    display: block;
}
/* ----------------///header設定 */

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1080px;
  margin: 10px auto 0px;

}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu ul li ul li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;

  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 0%;
  left: 0;
  margin: 0;
  padding: 0;
  padding-top:13px;
}
.dropmenu li ul li{
  width: 100%;
  background-color:rgba(255,255,255,0.85);
  padding-top:5px;
  padding-bottom:5px;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  text-align:center;
  padding-bottom:0px;


}
.dropmenu li ul li:last-child  a span{
	border-bottom:none;
}

	
.dropmenu li:hover > a{
  text-align:center;
}
.dropmenu li a:hover{

}
#fade-in2 li ul{
  opacity: 0;
  top: 0%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.fixed .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 0;
  margin: 0;
  padding: 0;
  padding-top:0px;
}
.submenu{

}
.submenu ul{
	position:absolute;
	top:10px;
	right:10px; 
}
.submenu ul li{
	float:left;
	font-size:11px;
	padding-top:8px;
}
.submenu ul li:nth-of-type(1) a:after{
	content:'|';
	margin-left:5px;
	margin-right:5px;

}
.submenu ul li:nth-of-type(2) a:after{
	content:'|';
	margin-left:5px;
	margin-right:5px;

}
.submenu ul li:nth-of-type(4){
	padding-top:0px;
}
.cart_search{
	position:absolute;
	top:45px;
	right:10px;
	padding-top:0px;
}
.head_res a{ 
	padding:4px 13px;
	padding-top:12px;
	border:0px solid #a2a0a0;
	line-height:1;
	font-size:8px;
	margin-left:10px;
	background-color:#f0f0f0;
	border-radius:10px;
}
.head_res{
	margin-left:10px;
	margin-bottom:15px;
text-align: right;
}
.head_res img{
	width:20px;
	height:auto;
	margin-right:3px;
}
.my_svg path{

}
.submenu p span{


}
#lean_overlay{
  position: fixed; 
  z-index:1000; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 480px;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../img/share/modal_close.png);
  z-index: 102;
}
#div787 p{
	text-align:center;
	font-size:9px;
    font-family: 'Noto Sans Japanese';
	font-weight:300;
	margin-bottom:15px;
}
#div787 p.pop_rsv_title{
	font-size:16px;
}

/* ----------------footer設定 */

/* ----------------///footer設定 */
/* ----------------top設定 */
.parenthesis_top {
  position: relative;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis_top::before,
.parenthesis_top::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis_top::before {
  top: 0;
  left: 0;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
}
.parenthesis_top::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}
.top_pickup{
		padding-bottom:30px;
}
.top_pickup h2{
    text-align: center;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0 auto;
    margin-bottom: 30px;
}

.top_pickup ul li{
	float: left;
    width: -webkit-calc((100% - 135px)/ 4);
    width: calc((100% - 135px) / 4);
	margin-right:45px;
	margin-bottom:30px;
}
.top_pickup ul li:nth-of-type(4n){
	margin-right:0px;
}
.top_pickup ul li img{
	width:100%;
	height:auto;
}
.stripe_underline {
    position: relative;

}
.stripe_underline:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 15px;
    background: repeating-linear-gradient(45deg, #FAEF36, #FAEF36 6px, white 6px, white 12px);
    z-index: 1;
}

.stripe_underline span {
    z-index: 5;
    position: relative;
    font-family: 'AlteHaasGrotesk';
	font-weight:normal;
	letter-spacing:0.1em;
font-size: 15px;
}
.stripe_underline2 {
    position: relative;

}
.stripe_underline2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 15px;
    background: repeating-linear-gradient(45deg, #73C6D3, #73C6D3 6px, white 6px, white 12px);
    z-index: 1;
}
.stripe_underline2 span {
    z-index: 5;
    position: relative;
	background-color:#fff;
	padding-left:20px;
	padding-right:20px;
}

.ribbon:after{
	content: " ";
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-width: 9px 7px;
	border-style: solid;
	border-color: #FAEF36;
	border-right-color: transparent;

}

/* ----------------detail設定 */

.item_detail_left{
	float:left;
    width: -webkit-calc((100% - 60px)/ 2);
    width: calc((100% - 60px) / 2);
	margin-right:60px;
}
.item_detail_right{
	float:left;
    width: -webkit-calc((100% - 60px)/ 2);
    width: calc((100% - 60px) / 2);
	margin-right:0px;
}

.item_detail_zone{
	padding-top:60px;
	padding-bottom:200px;
}

.bx-product a{
	
	float:left;
    width: -webkit-calc((100% - 45px)/ 4);
    width: calc((100% - 45px) / 4);
	margin-right:15px;
	margin-bottom:15px;
	line-height:1;
}
.bx-product a img{
	width:100%;
	height:auto:
}
.bx-product a:nth-of-type(4n){
	margin-right:0px;
}

.product_quantity{
	text-align:right;
	padding-top:30px;

}
.pt20{
  padding-top: 20px;
}
.inverse{
  background: #000;
  padding: 20px 0;
  color: #fff;
}
.select-wrap {
    position: relative;
	text-align:right;
}
.control-label{
	padding-right:2px;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 33px;
    color: #7F878C;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    width:80px;
    border-radius:3px;
}
.form-group{
	text-align:right;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}
.item_detail_information{
	padding-bottom:30px;
	margin-bottom:30px;
	padding-left:30px;
	padding-right:30px;
}
.parenthesis {
  position: relative;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before,
.parenthesis::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before {
  top: 0;
  left: 0;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
}
.parenthesis::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}

/* ----------------detail設定 */
/* ----------------list設定 */

/* ----------------list設定 */
/* ----------------その他共通設定 */

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

.has-lines {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.has-lines:before,
.has-lines:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;

}
.has-lines:before {
  margin-right: 20px;
}
.has-lines:after {
  margin-left: 20px;
}
.has-lines2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.has-lines2:before,
.has-lines2:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
	border-top: 1px solid #a2a0a0;

  min-width: 20px;
  display: inline-block;
  vertical-align: middle;

}
.has-lines2:before {
  margin-right: 20px;
}
.has-lines2:after {
  margin-left: 20px;
}
.has-lines3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.has-lines3:before,
.has-lines3:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
	border-top: 1px dotted #a2a0a0;

  min-width: 20px;
  display: inline-block;
  vertical-align: middle;

}
.has-lines3:before {
  margin-right: 20px;
}
.has-lines3:after {
  margin-left: 20px;
}

.boleft {
    left: 0;
}
.boright {
    right: 0;
}
.top-border {
    position: absolute;
    height: 1px;
    width: 22%;
    background-color: #333;
}

/* ----------------body設定 */














/* ----------------body設定 */

.spbr{
	display:none;
}
/* ----------------テキストリンク設定 */


.sp_only{
	display:none;
}
#shiro_back_bottom{
	display:none;
}
.scroll{
	text-indent:-8000px;
}
.scroll:after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.scroll:after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    bottom: 5px;
    left: 50%;
    -webkit-animation: 2s arrow infinite ease;
    animation: 2s arrow infinite ease;
	margin-left:-20px;
}
.course_popup p{
	font-size:10px;
	text-align:center;
	font-weight:bold;
}
@-webkit-keyframes arrow {
	0%,100% {
    bottom: 30px;
	}
	50% {
    bottom: 20px;
	}
}
@keyframes arrow {
	0%,100% {
    bottom: 30px;
	}
	50% {
    bottom: 20px;
	}
}
.gotop{
    position: fixed;
    right: 30px;
    bottom: 15px;
}
.gotop a{ 	
	font-size:12px;
}
.gotop a {

    width: 40px;
    height: auto;
    display: block;
}
.gotop a svg{
	fill: #000;
    display: block;
}

.gotop a:hover svg{
	fill: #666;
    display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* --------------------------サイト別初期設定ここまで----------------------- */
/* --------------------------レイアウトコンテナ設定ここから----------------------- */















/* ipad
=================================*/
@media screen and (max-width:1440px)
{
#uflo_3rd_menu{
	width:1280px;
	margin:0 auto;
}
}
@media screen and (max-width:1280px)
{
#uflo_3rd_menu{
	width:1080px;
	margin:0 auto;
}
}
/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus */
@media screen and (max-width:750px)
{
	.br:before {
	content: " " ;
	white-space: pre ;
}
	.gotop{
    position: fixed;
    right: 15px;
    bottom: 15px;
	z-index:10;
}
	/* OPEN / CLOSE BTNS */
.menu-btn {
z-index: 9999999;
    display: inline;
    font-size: 30px;

}
.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}
.btn-open:after {
    color: #000;
    content: "\f20e";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.btn-open:hover:after {
    color: #000;
}
.btn-close:after {
    color: #000;
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.btn-close:hover:after {
    color: #000;
}
/* OVERLAY */
.overlay {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
    overflow: auto;
    width: auto;
    height: 100%;
    background: rgba(0,0,0,0.85);
	left:0;
}
.overlay .menu {
    margin: 2% auto;
	padding-top:100px;

}
.overlay .menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
	text-align:center;
}
.overlay .menu .spf_r_main_menu{
	padding-top:100px;
}
.overlay .menu ul li a {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
	letter-spacing:0.02em;
}
.overlay .menu ul ul {
    margin-top: 50px;
}
.overlay .menu ul ul li {
    position: relative;
    float: none;
    margin: 0;
    width: 100%;
    border: 0;
}
.overlay .menu ul ul li a {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
}
.overlay .menu ul ul li a:hover {
    color: #34b484;
}
body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	scrollbar-darkshadow-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color: white;
	scrollbar-base-color: white;
	scrollbar-face-color: white;
	scrollbar-track-color: white;
	font-size: 12px;
	color:#333;
	background-repeat:repeat;
	font-weight: normal;
	text-align: center;
	background-position:center center;
	width:320px;

}
.scroll:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    margin: auto;
    bottom: -20px;
    left: 50%;
    -webkit-animation: 2s arrow infinite ease;
    animation: 2s arrow infinite ease;
	margin-left:-10px;
	margin-bottom:-30px;

}

.sp_only{
	display:block;
}





#page_home{
	background-color:#fff;
	background-repeat:no-repeat;
	max-width:100vw;
	max-height:100vh;
	position:relative;
	height:100%;
}
#pc_contanainer{
	width:100%;
	height:100%;
	position:relative;

}


.pc_only{
	display:none;
}

#yurt_sns {
    position: absolute;
    right: 5px;
    top: 360px;
    z-index: 80;
}
.sp_only{
	display:block;
}
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
		background-color:rgba(255,255,255,0.8);
    }
    #mobile-head {

        width: 100%;
        height: 46px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
		width:120px;
		margin:0 auto;
		float:none;
		padding-top:10px;
	

    }
	    #top-head .logo img{
			width:100%;
			height:auto;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -650px;
        background: rgba(255,255,255,0.95);
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		padding-bottom:20px;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {

        position: static;

    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: table;
        color: #333;
        padding: 5px 0;
	    text-align: center;


    }
    #nav-toggle {
        display: block;
	top: 20px;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 7px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 7px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(690px);
        -webkit-transform: translateY(690px);
        transform: translateY(690px);
    }
.main_menu li {
    float: none;
  width: 100%; 
    font-size: 0.85rem;
    line-height: 1.2;
	height:auto;
    display: table;
    font-weight: bold;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-bottom:15px;
}
.main_menu {
	height:auto;
	    border-top: 0px solid #000;
		border-bottom:0px solid #000;
}
.main_menu li:last-child{
	margin-bottom:10px;
}
.main_menu li ul li:last-child{
	margin-bottom:0px;
}
.main_menu li ul li span {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 0px dotted #a2a0a0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 0px;
    z-index: 3;

}
.dropmenu {
    list-style-type: none;
    width: 100%;
    margin: 10px auto 0px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top:auto;
  left: auto;
  margin: 0;
  padding: 0;
  padding-top:0px;
  padding-bottom:10px;
}
.dropmenu li ul li{

  background-color:transparent;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:0px;
         float: left;
		 		    width : -webkit-calc(100% / 2) ;
    width : calc(100% / 2) ;
	font-size:14px;
}
.menusmall {
    font-size: 8px !important;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  text-align:center;
  padding-bottom:0px;


}
.dropmenu li ul li:last-child  a span{
	border-bottom:none;
}

	
.dropmenu li:hover > a{
  text-align:center;
}
.dropmenu li a:hover{

}
#fade-in2 li ul{
  opacity: 100;
  top: 0%;
  visibility: visible;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.fixed .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 0;
  margin: 0;
  padding: 0;
    padding-top: 20px;
    padding-bottom: 10px;
}
.main_menu li span {
display: block;
    vertical-align: middle;
    text-align: center;
border-bottom: 0px dotted #a2a0a0;
}
.main_menu:before {
    position: absolute;
    top: 59px;
    content: '';
    border-top: 0px solid #000;
    width: 100%;
    z-index: 2;
    height: 3px;
    display: block;
}
.header {
    position: relative;
    background: #FFF;
    border-top: 0px solid #000;
    width: 100%;
    padding-top: 0px;
	padding-bottom:10px;
}
.main_menu li span br{
	display:none;
}
.main_menu li span br:before{
	content:'';
	width:1rem;
}
.fixed #mobile-head {
    width: 100%;
    height: 40px;
    z-index: 999;
    position: relative;
}
.fixed .header {
    padding-top: 0px;
	    position: relative;
        background: rgba(255,255,255,0.8);
    border-top: 0px solid #000;
    width: 100%;
}
#top-head.fixed .logo {
		width:120px;
		margin:0 auto;
		float:none;
		padding-top:10px;
	

    }
.fixed	#nav-toggle {
	top:20px;
}
.fixed .header{


}

.fixed .header h1{
	width:150px;
	margin:0 auto;
	}
.fixed	.main_menu{
	width:100%;
	margin:0 auto;
	border-top: 0px solid #000;
	padding-top:0px;
	margin-top:30px;
	padding-bottom:0px;
	border-bottom: 0px solid #000;
position: relative;

z-index:1;
}
.fixed	.main_menu li{
    float: none;
  width: 100%; 

	height:auto;

    z-index: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-bottom:15px;
	
}
.fixed	.main_menu li ul li {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    float: left;
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
    font-size: 14px;
}
.fixed .main_menu:before {
    position: absolute;
    top: 59px;
    content: '';
    border-top: 0px solid #000;
    width: 100%;
    z-index: 2;
    height: 3px;
    display: block;
}
.fixed #global-nav {
	padding-top:0px;
}
.fixed.open #global-nav {
    -moz-transform: translateY(693px);
    -webkit-transform: translateY(693px);
    transform: translateY(693px);
}
#global-nav ul li:first-child{
	margin-bottom:5px;
	
}
#global-nav ul li ul li:first-child{
	margin-bottom:0px;
	
}
.submenu ul li{
		 		    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ; 
}
.submenu ul li:last-child{
		 		    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ; 
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;

}
.head_res a {
	font-size:12px;
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.submenu ul li:nth-of-type(1) a:after {
    content: '';
    margin-left: 0px;
    margin-right: 0px;
}
.submenu ul {
	border-top:1px dashed #ccc;
}
.header_header_outer:after {
    content: '';
    height: 10px;
    background: repeating-linear-gradient(45deg, #FAEF36, #FAEF36 6px, white 6px, white 12px, #36A5DD 12px, #36A5DD 18px,white 18px, white 24px, #1AA199 24px, #1AA199 30px,white 30px, white 36px,#36A5DD 36px, #36A5DD 42px,white 42px, white 48px);
    width: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* bottom: -2px; */
    display: block;
	margin-bottom:5px;
}
/* ----------------top設定 */

.stripe_underline:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 10px;
    background: repeating-linear-gradient(45deg, #FAEF36, #FAEF36 6px, white 6px, white 12px);
    z-index: 1;
}

}