@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

* {
	padding: 0;
	margin: 0;

	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		    box-sizing: border-box;
}

html {
	font-size: 100%;   /* 基本のフォントサイズを16pxとする */
	overflow-y: scroll;
	padding: 0;
	margin: 0;
	text-align: center;
}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}




img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/* wordpressのcssを解除する試み */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
}

.entry-content h1 {
	font-size: 49px;
	line-height: 1.225;
	margin-bottom: 30px;
}
.entry-content h2 {
	font-size: 39px;
	line-height: 1.54;
	margin-bottom: 30px;
}
.entry-content h3 {
	font-size: 31px;
	line-height: 1.452;
	margin-bottom: 30px;
}
.entry-content h4 {
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 30px;
}
.entry-content h5 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 30px;
}
.entry-content h6 {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 30px;
}


.entry-content ul li {
	margin-left: 1em;
	list-style-type: disc;
}






/* ------ Body ------ */

body {
	font-family: YuGothic,     /* For Mac */
               "Yu Gothic",  /* For Windows */
               "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",  /* For Mac Fallback */
               Meiryo,  /* For Windows Fallback */
               sans-serif;
	color: #383636;
	font-size: 16px;
	line-height: 2em;
	text-align: center;
	letter-spacing: -0.001em;
	/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;
	/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: YuGothic,     /* For Mac */
               "Yu Gothic",  /* For Windows */
               "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",  /* For Mac Fallback */
               Meiryo,  /* For Windows Fallback */
               sans-serif;
}

/* ------ Anchor ------ */

a {
	outline: none;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #555;
	text-decoration: none;
}
a:hover {
	color: #555;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

/*-----------------------------------------------------	*/


/*	for all						*/


/*-----------------------------------------------------	*/


/* ------ General Settings ------ */




img {                 /* フルードイメージ対応 */
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}
p {
}
.img {
	text-align: center;
}
.text-center {
	text-align: center;
}
.imgline {
	border: solid 1px #000;
}
body {
	background-color: #fff;
}


/* YouTube対応のcss */

.doga {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.doga iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	 font-family: 'icomoon';
	 src: url('fonts/icomoon.eot?afgnnj');
	 src: url('fonts/icomoon.eot?afgnnj#iefix') format('embedded-opentype'),
		 url('fonts/icomoon.ttf?afgnnj') format('truetype'),
		 url('fonts/icomoon.woff?afgnnj') format('woff'),
		 url('fonts/icomoon.svg?afgnnj#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;
}



/* ------ Column ------ */

.row {
	max-width: 1050px;
	margin: 0 auto;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */

.col {
	float: left;
	margin-left: 1%;
}

/* 左端のカラムの左マージンを削除 */

.col:first-child,
.col.left {
	margin-left: 0;
}

/* カラムの左右を入れ替えるための設定 */

.col.right {
	float: right;
	margin-left: 1%;
}

/* 各カラムの幅を％で設定 */

.one-second {width: 49.5%;}
.one-third {width: 32.66666666%;}
.two-third {width: 66.33333333%;}
.one-four {width: 24.25%;}
.one-fifth {width: 19.2%;}
.one-logo {width: 60%;}
.one-info {width: 39%;}
.two-logo {width: 75%;}
.two-info {width: 23%;}

/* 2016/02/01：トップページの修正 */

.two-t_infol {
	width: 30%;
	text-align: center;
	border-right: 1px solid #999;
}
.two-t_right {
	width: 65%;
	margin-left: 5%;
}

/*  カートに入れるボタンの大きさ指定
------------------------------------------------------------------ */
input[type="image"] {
    width: 250px;
    max-width: 250px;
}


/* このピクセルになったら消える　現れる
------------------------------------------------------------------ */


@media screen and (max-width: 1025px) {     /* このピクセルになったら消える */
	.pc_only {
		display:none;
	}
}
@media screen and (min-width: 1024px) {     /* このピクセルになったら現れる */
	.pc_hide {
		display:none;
	}
}







/* Header
------------------------------------------------------------------------------------------------------------- */

#container header {
	width: 100%;
	background-color: #fff;
	padding-top: 10px;
}
#container header .row {
	position: relative;
}
#container header .row:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
}
div#container header .row h1 {
	width: 253px;
	height: 80px;
	margin-top: 0px;
	margin-left: 30%;
}

/* ------ レスポンシブのサイトでスマホの時だけtelリンクを有効にする ------ */

.tel-link {
	font-family: 'Roboto Condensed', Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 200%;
	font-weight: 800;
}


/* ------ Article ------ */

article {
	padding-bottom: 5px;
}


/* iPhone6を横にした時にcolは、縦一列になる指定 */


/* iPhone6を横サイズは、667 */

@media screen and (min-width: 320px) and (max-width: 667px) {
	.nenmatu, .nenmatu2 {
		width: 95%;
	}
	.nenmatu2 p {
		font-size: 0.875em;
		line-height: 115%;
		font-weight: 500;
	}
}



/* header.phpから移植
------------------------------------------------------------------------------------------------------------- */

#containerhead {
	width: 100%;
	color: #000;
	background-color: #fff;
	height: 165px;
	text-align: center;

}
#hcpc {
	margin: 0 auto;
	max-width: 1050px;
	padding-left: 0px;
	padding-right: 15px;
}
#hdlist {
	font-size: 12px;
	position: relative;     /* 親要素をposition:relativeとする */
	text-align: center;
	width: 100%;
	margin-top: .5em;
}
#hdlist #slowlogopc {
	float: left;
	margin-left: 20px;
}
#hdlist ul {
	float: right;
	overflow: hidden;
}
#hdlist ul li {
	display: inline;
	margin-left: -1px;
	padding: 0 7px 0 11px;
	border-left: 1px #f5f5f5 solid;
	list-style-type: none;
	zoom: 1;
}
#hdlist a {color: #000;outline: none;}
#hdlist a:link {color: #000;text-decoration: none;}
#hdlist a:visited {color: #999;text-decoration: none;}
#hdlist a:hover {color: #999;text-decoration: underline;}
#hdlist a:active {text-decoration: underline;}


#containerhead #hdlist .icon {  /* アイコンの指定 */
	font-family: 'icomoon';
	font-size: 1em;
	margin-left: 0px;
	margin-right: 5px;
}



/* contents コンテンツの幅を決定
------------------------------------------------------------------------------------------------------------- */
.contents {
    max-width: 1090px;
    margin: 0 auto;
}


/* main2box.phpから移植
------------------------------------------------------------------------------------------------------------- */

#main2box {
    text-align: center;
    max-width: 100%;
}

#main2box div a:hover {
    text-decoration: none;
}

#main2box .leftbox {
    float: left;
    width: 32.899999%;
    overflow: hidden;
    height: 17em;
}

#main2box .leftbox:hover img {
  opacity: 0.7;
  filter: alpha(opacity=90);
  -moz-opacity:0.6;
}

#main2box .leftboxbig {
	float: left;
	width: 70%;
	overflow: hidden;
}
#main2box .rightboxsmall {
	float: left;
	width: 29.999999%;
	overflow: hidden;
}
#main2box .rightbox .imgright1p {
	margin-left: 0%;
}
.barleft3 {border-left: 1px solid #aaa;}
.psentence {
  line-height: 1.4em;
  padding-left: 5px;
}




/* blog.phpから移植
------------------------------------------------------------------------------------------------------------- */

.cornerzoon {
	margin: 0 auto;
}
.cornerzoon  a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=90);
	-moz-opacity:0.6;
}

.slow3info {
	font-size: 1em;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 30px;
	font-weight: 700;
	color: #000;
}
.corner3 {
	text-align: left;
}
.blogblock {
	float: left;
	width: 32.333333%;      /* 細かく割り出した数値 */
	overflow: hidden;     /* はみ出た部分は表示されない */
	margin-right: 0.5%;     /* 右側に隙間を空ける */
	height: 320px;
}
.blogblock img {margin-bottom: 7px;}




/* コーナー3分割の文字入れ設定 */
.relative1 {
	position: relative;
}
.relative2 {
    background-color: #fff;
    left: 0;
    max-width: 230px;
    padding: 3px 0 3px 3px;
    position: relative;
    top: 0px;
}


.topcornerH2 {
	font-size: 1.5em;
	padding-right: 50px;
	margin-bottom: .5em;
}

.psent {        /* トップページの写真文章指定 */
	text-align: left;
	font-size: inherit;
	line-height: 1.8em;
	margin-top: 0.2em;
}

.cornerdate {
	text-align: left;
	color: #888;
	font-size: 90%;
	font-weight: 700;
	line-height: 1.2em;
}

.cornerpsent {
	font-size: 95%;
	line-height: 1.6em;
	margin-top: 0.2em;
	padding-right: 80px;
}



/* ミニ商品一覧
-----------------------------------------------------------	*/


#sidrlist {
	font-size: 0.75;
	margin-left: 0.5em;
}




/* corner4.phpから移植
------------------------------------------------------------------------------------------------------------- */

#newcube {
  margin-top: 12em;
}

#newcube .clbox,
#newcube .crbox {
    float: left;
    max-width: 220px;
    display: block;
    overflow: hidden;
    background: #000;    /* hover時に写真を暗くする */
}

#newcube .clbox img,
#newcube .crbox img {
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
#newcube .clbox a:hover img,
#newcube .crbox a:hover img {
    opacity: 0.6;
    transition-duration: 0.3s;
}


/* loopSlider
-----------------------------------------------------	*/
.loopSliderWrap {
	top: 0;
	left: 0;
	height: 250px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	width: 100%;
	height: 250px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlider ul {
	height: 250px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 250px;
	height: 250px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}

/* ------ 年末年始や緊急メッセージ ------ */

.nenmatu {
	color: #F00;
	background-color: #fff;
	text-align: center;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border: solid 1px #f00;
}
.nenmatu2 {
	font-size: 100%;
	color: #F00;
	border: solid 1px #f00;
	width: 85%;
	background-color: #fff;
	text-align: center;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}
.nenmatu2 a {
	padding: 0.2em;
	position: relative;
	display: block;
	text-decoration: none;
	border-radius: 12px;
}
.nenmatu2 a:link, .nenmatu2 a:visited {
	background-color: transparent;
}
.nenmatu2 a:hover, .nenmatu2 a:active {
	text-decoration: none;
	background-color: #fffacd;
}
.nenmatu, .nenmatu2 p {
	font-size: 95%;
	font-weight: 500;
	line-height: 115%;
	margin: 0.5em auto;
	max-width: 1040px;
}
.nenmatu3 {
	color: #F00;
	background-color: #fff;
	text-align: left;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border: solid 1px #f00;
}



/* iPhone6を横にした時にcolは、縦一列になる指定 */


/* iPhone6を横サイズは、667 */

@media screen and (max-width: 667px) {
	.nenmatu, .nenmatu2 {
		margin: 0 auto;
		text-align: left;
		width: 95%;
		padding: 10px;
	}
	.nenmatu2 p {
		font-size: 14px;
		line-height: 115%;
		font-weight: 500;
	}
}

/* categorybox.phpから移植
------------------------------------------------------------------------------------------------------------- */

.categorybox {
	text-align: center;
	margin-top: 30px;
}
.categorybox img {
}
.categorybox a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=90);
	-moz-opacity:0.6;
}


.categorybox a {
	float: left;
	width: 23.0%;
	overflow: hidden;
	border:1px #996600 solid;
	padding: 10px 0;
	margin: 1%;
}




/**------------- 商品ページ：商品タイトル **/
.h3base {
	color: #636161;
	background-image: url(../img/brand/bg_title.jpg);
	background-repeat: no-repeat;
	padding: 11px 0px 18px 32px;
	letter-spacing: 0.2em;
	margin-top: 30px;
	margin-bottom: 30px;
}

/** 商品ページ：商品タイトル **/
.hTitolaria {
	margin: 20px auto 5px;
	text-align: left;
	clear: both;
	width: 100%;
}
.hsmolltitol {
	float: left;
	margin-right: 20px;
}
.hsmolltitol2l {
	float: left;
	margin-right: 20px;
	margin-bottom: 3em;
}
.hsmolltitol3l {
	float: left;
	margin-right: 20px;
	margin-bottom: 4em;
}

.hsmolltitol2dan {
	margin-bottom: 7px;
}

.h2housek-t {
	display:block;
	margin: 0px;
	padding: 0px;
}

/******** 商品２個用 *********/
.b_l_Box {
	text-align: left;
}
.b_l_Box .b_l_Boxl {
	padding: 5px;
	float: left;
	width: 45%;
}
.b_l_Box .b_l_Boxr {
	padding: 5px;
	margin-left: 50%;
}

.b_l_Box2 {
	text-align: left;
}

.b_l_Box2 .b_l_Boxl2 {
	padding: 5px;
	float: left;
	width: 45%;
}
.b_l_Box2 .b_l_Boxr2 {
	padding: 5px;
	margin-left: 50%;
}

.item_box {
	text-align: left;
}
.box1 {
	padding: 5px;
	float: left;
	width: 45%;
}
.box2 {
	padding: 5px;
	margin-left: 50%;
}



/********* ご注意ボックス *********/

.cyui-t {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif;
	color: #40220F;
}

.h4waring {
	font-weight: 500;
	color: #00f;
}
.waring-p {
}
/********* 以上、ご注意ボックス *********/




/**** トップページ下ブランドいろいろ　****/


#brand {
	height: 245px;
}
#brand h2{
	margin: 0px;
	padding: 0px;
}


#brand ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#brand ul li {
	height: 165px;
	width: 14%;
	float: left;
	padding-top: 9px;
}

/**** おすすめボックス　****/
.osusume-box {
	margin-left: 0px;
	height: 98px;
	padding-bottom: 60px;
	clear:both;
}
.osusume-box .p-box {
	margin-left: 150px;
	padding-top: 0px;
}
.osusume-box .osuh3 {
	font-weight: 700;
}

.osusume-box .osup {
	margin-top: 0px;
}

.season {
	color: #777;
	display: block;
	text-align: right;
	margin-left: 10px;
}


/* 右のメニュー
--------------------------------------------------------------------------------*/

#main_left {
	width: 100%;
	margin-top: 20px;
}

#main_button {
	font-size: 80%;
}


/******************** Java　**************************/


#img_eria .contents_ .visual_.mgb0_ #visual_img_ ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#img_eria .contents_ .visual_.mgb0_ #visual_nav_ ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/************** totop **************/


.totop {
	position:fixed;
	top:300px;
	margin:0;
	right:0px;
	height: 50px;
	width: 28px;
}
.buy-st   {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.8;
    *filter: none;
}


/************** toitems **************/


.toitems {
	position:fixed;
	top:350px;
	margin:0;
	right:0px;
	text-decoration: none;
	height: 90px;
	width: 28px;
}

.toitems a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.8;
    *filter: none;
}

#wrapper #main #main_right {
    margin-right: 0%;
    margin-left: 0%;
}
@media screen and (max-width: 640px) {
  #wrapper #main #main_right {
      margin-right: 0px;
      margin-left: 0px;
  }
}

.goods-ad {
	font-size: 11px;
	padding-top: 15px;
	color: #666;
}
.goods-ad a{
	text-decoration: none;
	color: #666;
}
.goods-ad a:hover{
	color: #9A1824;
	text-decoration: underline;
}



/* 商品ページ共通指示
--------------------------------------------------------------------------------*/

.margin10 {padding: 10px;}
.howtoBox {border: solid 12px #f5f5f5;margin-bottom: 20px;}
.tenBox {border: 3px double #333;}    /* 点線ダブル */
.tentenBox {border: 3px dotted #eee;}    /* 点線どっと線 */
.tenBox5 {border: 1px dashed #dbc5b0;}    /* 点線ダブル */
.cyui-t {font-size: 130%;color: #663300;padding-top: 5px;}
.waring-p {font-size: 110%;}
.spec_komidashi {font-weight: 700;font-size: 102%;}

.h3string,
.h5column-t,
.h5column-t2 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: .5em 0 .5em 0;
}



.h3bath_winter,
.h3kusu,
.h3shirakiya2,
.h3umi,
.h3shirakiya,
.h4fukin,
.h3edison,
.h3common,
.h3Mri,
.h3fukin {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 1em;
}



.h3bath_winter,
.h4kusu,
.h4umi,
.h4Mri,
.h4common,
.h4shirakiya {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 3em 0 1em 0;
}

.imgshita {        /* ------------------ 全部共通のトップ画像の下の幅 ----------------- */
	margin-bottom: 50px;
}
.tensenbox {        /* ------------------ 全部共通の点線ボックス ----------------- */
	padding: 10px 20px;
	border: 1px dashed #dbc5b0;
	max-width: 640px;
}
.h3big {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0em 0 1em 0;
}	





/* スペックボックス
----------------------------*/
.specbox {margin: 20px 0px 0px;}
.specbox .spect {font-weight: 700;font-size: 102%;}




/* 商品ページ下の他の商品紹介指示
----------------------------*/

.othersBox {
    width: 100%;
    font-size: 80%;
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}
.othersBox .othersBox-s {
	text-align: left;
	margin: 10px 0px;
}
.othersBox .othersBox-s img {
	margin-bottom: 7px;
}
.othersBox .othersBox-s .others01,
.othersBox .othersBox-s .others02,
.othersBox .othersBox-s .others03 {
	text-align: center;
	overflow: hidden;
	width: 21%;
	float: left;
	margin-right: 5%;
}
.othersBox .othersBox-s .others04 {
	text-align: center;
	overflow: hidden;
	width: 21%;
	float: left;
}

.othersBox p {
	font-size: 0.875em;
	line-height: 1.4em;
}

/* ベングト＆ロッタ系
--------------------------------------------------------------------------------*/

#h3bengtaria {
	width: 550px;
	height: 100px;
	display:block;
	background: url(../img/other/bengtlotta.jpg) no-repeat 0px 0px;
	float: left;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#h3bengtaria .h3bengt {
	letter-spacing: 0.1em;
	margin-left: 115px;
	margin-top: 0px;
	padding-top: 0px;
}

.ben-itembox2-p {
	margin-left: 10px;
	padding-top: 20px;
}
.ben-itembox2-p2 {
	margin-left: 10px;
	padding-top: 20px;
}
.ben_other {
	display: block;
	padding-top: 20px;
	padding-left: 70px;
}


/* #kitchin キッチン系
--------------------------------------------------------------------------------*/

.h3noda {
	font-size: 19px;
	color: #663300;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.h4noda {
	font-size: 14px;
	color: #363838;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.brown12 {
	font-size: 12px;
	color: #663300;
	text-decoration: underline;
}

.w-space {
	width: 24px;
	height: 80px;
	float: right;
}

.howto-use {
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}


/* ご利用ガイド
--------------------------------------------------------------------------------*/

.hmidashi {
	background:url(../img/komono/backlinedouble.gif)  repeat-x;
	height: 65px;
}
.hmidashi-p {
	padding-top: 7px;
}



.sub_p {
	font-size: 110%;
	display: block;
	font-weight: normal;
	margin-left: 0em;
	margin-bottom: 0.5em;
}
.goriyo_gide p .red {
	color: #C03;
}

.s_L_box_p {
	font-size: 110%;
	font-weight: 700;
	display: block;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 1em;
}

.td-bordercolor {
	border: 1px solid #CCC;
}

.haisou_p {
	font-size: 115%;
	display: block;
	padding-top: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}









/* #privacy プライバシーポリシー
--------------------------------------------------------------------------------*/

#privacy {
	padding-left: 30px;
	padding-top: 37px;
	line-height: 1.8em;
}

#privacyback {
	background-color: #f9f9f2;
	padding: 7px;
}

#privacy #privacyback .hr01 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #dedebc;
}




/* #tokutei 特定商取引法に基づく表示
--------------------------------------------------------------------------------*/

#tokutei {
}


#tokutei .goodh2 {
	margin: 0px;
	font-size: 16px;
	text-align: center;
}

#tokutei .happa {
	font-size: 14px;
}

#tokutei .tokuaria {
	line-height: 160%;
	font-style: normal;
	font-size: 100%;
	margin-top: 30px;
}

#tokutei .tokuBox {
	clear: both;
	background-image: url(../img/komono/line570.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-bottom: 30px;
}

#tokutei .tokuBox .tokuLeft {
	width: 20%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#tokutei .tokuBox .tokuLeft .t-smoll-left {
	float: left;
	text-align: center;
	padding-top: 0px;
}

#tokutei .tokuBox .tokuLeft .t-smoll-right {
	width: 100%;
	margin-right: 10px;
}

#tokutei .tokuBox .tokuRight {
	width: auto;
	padding-left: 23%;
}



/* #footer
--------------------------------------------------------------------------------*/


#footer {
	color: #fff;
	font-size: 80%;
	background-color: #999;
	padding: 30px 10px 50px 10px;
	margin: 0px auto;
}


#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover,
#footer a:active {
	color: #fff;
	font-weight: bold;
}

#footcategry {
	color: #fff;
	padding: 0 30px 0 30px;
	margin: 0px auto;
}

#footcategry ul li {
	color: #fff;
	margin-left: 15px;
	margin-bottom; 5em;
}

#footcategry .barleft {
	border-left: 1px solid #fff;
}

#footcategry .footmidashi {
	font-weight: 700;
	font-size: 110%;
	text-indent: -0.3em;
}

#footcategry .linkindent {
	text-indent: 0em;
}

#footcategry .linkright {
	text-indent: 4em;
}

#footcategry .pmark {
	color: #ffff99;
}

.finner hr {
	overflow: hidden;
	width: 980px;
	border-top: 1px solid #dcdcdc;
	margin: 50px 0;
	float: left;
}


address {
	text-align: left;
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size: 95%;			 /*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
}




#footerinfo {
	background:url(../img/bg_twig_footer.gif) 50% top repeat-x;
	padding:0 0 25px 0;
}



/*footer ad*/
#footerad {
	height:250px;
	overflow: hidden;
	position: relative;
	width:100%;
	padding:0 0;
	margin:0 auto;
}
#footerad a.prev {position: absolute;top:150px;left: 10px;z-index:20;}
#footerad a.next {position: absolute;top: 150px;right: 10px;z-index:20;}

#footerad .items {
	clear: both;
	position: absolute;
	width: 20000em;
	left: 0px;
	top: 0px;
	padding-left:25px;
}

#footerad .items .footeradbox {
	float: left;
	width: 176px;
}

#topics {
	width:100%;
	max-width:1150px;
	margin:5px auto 0 auto;
}


#topics .box .entry {
	background-color:#fff;
	border-radius:5px;
	padding-top:15px;
	margin:0 0.5%;
	width:19%;
	height:185px;
	float:left;
	}

#topics .box .entry:hover {
	background-color:#dfdfdf;
	}

#topics .box ul {
	padding:0 5px 25px 5px;
	height:160px;
	position:relative;
	}

#topics .entry ul img{
	width:100% !important;
	height:auto !important;
	}

#topics .box ul .cp {
	line-height:18px;
	letter-spacing:0.01em;
	display:block;
	float:left;
	white-space:nowrap;
}

#topics .box ul .ex {
	font-size: 0.9em;
	letter-spacing:0.07em;
	line-height:1.3;
	display:block;
	padding:8px 10px 0 10px;
	clear:both;
}

#topics .box ul .ex strong{
	font-size:1.2em;
	display:block;
	margin-bottom:5px;
}

#topics .box ul:hover {

}

#topics .box ul a:hover {
	text-decoration:none;
}

#topics .box ul .date {
	position:absolute;
	bottom:5px;
	right:20px;
	z-index:900;
}

#footerbrand {
	clear:both;
	width:470px;
	margin:0 auto;
	padding:25px 0 13px 0;
}

#footerbrand li{
	float:left;
	margin-right:45px;
}

#copyright {
	padding-top: 5px;
}









/* sidebar.phpから移植
------------------------------------------------------------------------------------------------------------- */


#sidrlist {
    font-family: 'icomoon';
    text-align: left;
}
#sidrlist #b_kitchen,
#sidrlist #b_bath,
#sidrlist #b_housekeep,
#sidrlist #b_aroma,
#sidrlist #b_zakka,
#sidrlist #b_fabric,
#sidrlist #sale {
    padding-bottom: 5px;
}


#sidrlist .formget p {
}
#sidrlist ul {
	margin-bottom: 1em;
}
#sidrlist ul li {
    padding: 5px 0px;
    position: relative;
    font-size: 14px;
    border-top: solid 1px #eeeeee;
    text-align: left;
    margin-left: 1em;
}
#sidrlist ul li:hover {
  background-color: #f5f5f5;
  transition: background-color 800ms;
}

#sidrlist ul li a {
	outline: none;
}
#sidrlist ul li a:link,
#sidrlist ul li a:visited {
	color: #555;
	text-decoration: none;
}
#sidrlist ul li a:hover,
#sidrlist ul li a:active {
	color: #333;
	text-decoration: none;
}


#sidrlist .icon-right:before {
	color: #ccc;
	content: "\ea04";
	padding-right: 0.5em;
	margin-left: 0.5em;
}


#sidrlist h4 {
    padding-bottom: 5px;
}

#sideinfo {
	margin: 30px 0 10px 0;
}
#sideinfo img {
	width: 95%;
}

.cashless5percent:hover img {
  opacity: 0.7;
  filter: alpha(opacity=90);
  -moz-opacity:0.6;
  transition: background-color 800ms;
}

ul li.s-s-li:hover {       /* フィルターをかける */
	-webkit-filter: brightness(0.8);
	-moz-filter: brightness(0.8);
	-o-filter: brightness(0.8);
	-ms-filter: brightness(0.8);
	filter: brightness(0.8);
} 



/* footer.phpから移植
------------------------------------------------------------------------------------------------------------- */
#headerInner .headerfixmenu .icon {  /* アイコンの指定 */
	font-family: 'icomoon';
	font-size: 1.4em;
	margin-left: 0px;
	margin-right: 5px;
}


/* footer
-----------------------------------------------------	*/
.footer {
	width: 100%;
	height: auto;
	text-align: center;
	/* 画像ファイルの指定 */
	background-image: url(https://www.slow3.jp/img/footer/backimg.jpg);
	/* 画像を常に天地左右の中央に配置 */
	background-position: center center;
	/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
	/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #464646;
}
#footzoon {
	color: #fff;
	max-width: 1050px;
	padding: 10px 10px 50px 10px;
	text-align: left;
	margin: 0 auto;
	height: auto;
	overflow: visible;
}
#footerlogo {
	margin-top: 2em;
	margin-bottom: 2em;
}

#footaria {
	font-size: 12px;
	line-height: 1.8em;
	height: auto;
}
#footaria a {color: #fff;}
#footaria a:hover{color: #eee;}


#footaria address {
	text-align: center;
	padding-top: 1em;
	margin-top: 3em;
	border-top: solid 1px #eee;
}




/* blog .widget_archive
---------------------------------------------------------- */

.widget_archive {
	margin-bottom: 5em;
	clear: both;
}
.widget_archive ul {
	padding-left: 0em;
	margin-bottom: 0em;
}
.widget_archive ul li {
	list-style: outside none none;
	margin-bottom: 0em;
	margin-left: 0em;
	display: inline-block;
}

.widget_archive a {
	text-decoration: none;
	position: relative;
	display: block;
	font-size: inherit;
	border: solid 1px #ccc;
	border-radius: 7px;      /* 角を丸くする */
	padding: 5px 10px;
	text-align: center;
	margin-right: 7px;
	margin-bottom: 5px;
}



.widget_archive a:link,
.widget_archive a:visited {
	text-decoration: none;
	background-color: #fff;
}
.widget_archive a:hover,
.widget_archive a:active {
	border: solid 1px #999;
	background-color: #fff0f4;
}









/* blog .widget_categories
---------------------------------------------------------- */

.widget_categories {
	clear: both;
	margin-bottom: 0em;
	margin-top: 0em;
}
.widget_categories ul {
	padding-left: 0em;
	margin-bottom: 0em;
}
.widget_categories ul li {
	list-style: outside none none;
	margin-bottom: 0em;
	margin-left: 0em;
	display: inline-block;
}

.widget_categories a {
	text-decoration: none;
	position: relative;
	display: block;
	font-size: inherit;
	border: solid 1px #ccc;
	border-radius: 7px;      /* 角を丸くする */
	padding: 5px 10px;
	text-align: center;
	margin-right: 7px;
	margin-bottom: 5px;
}



.widget_categories a:link,
.widget_categories a:visited {
	text-decoration: none;
	background-color: #fff;
}
.widget_categories a:hover,
.widget_categories a:active {
	border: solid 1px #999;
	background-color: #fff0f4;
}






/* blog ブログ次へ前へ
---------------------------------------------------------- */

.paging {
}

.paging .tugihe a,
.paging .maehe a {
	border: 1px solid #999;
	border-radius: 5px;      /* 角を丸くする */
	color: #999;
	display: block;
	float: left;
	font-size: inherit;
	font-weight: 500;
	margin-bottom: 5px;
	margin-right: 2px;
	padding: 5px 10px;
	position: relative;
	text-align: center;
	width: 140px;
}
.paging .mannaka a {
	border: 1px solid #999;
	border-radius: 5px;      /* 角を丸くする */
	color: #999;
	display: block;
	float: left;
	font-size: inherit;
	font-weight: 500;
	margin-bottom: 5px;
	margin-right: 2px;
	padding: 5px 10px;
	position: relative;
	text-align: center;
	width: 50px;
}

.paging .mannaka a:link,
.paging .mannaka a:visited,
.paging .tugihe a:link,
.paging .tugihe a:visited,
.paging .maehe a:link,
.paging .maehe a:visited {
	text-decoration: none;
	background-color: #fff;
	background: -moz-linear-gradient(top, #fff, #f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
	background: -webkit-linear-gradient(top, #fff, #f5f5f5);
	background: linear-gradient(to bottom, #fff, #f5f5f5);
}
.paging .mannaka a:hover,
.paging .mannaka a:active,
.paging .tugihe a:hover,
.paging .tugihe a:active,
.paging .maehe a:hover,
.paging .maehe a:active {
	border: solid 1px #999;
	background-color: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5, #dcdcdc);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dcdcdc));
	background: -webkit-linear-gradient(top, #f5f5f5, #dcdcdc);
	background: linear-gradient(to bottom, #f5f5f5, #dcdcdc);
}









/*
■ PC：横幅769px以上
■ タブレット（android）：横幅768px
■ スマートフォン（android）：横幅640px
PCとタブレットの横幅は1024以上でも769以上でも良いでしょう。
*/
/* iPhone6を横にした時にcolは、縦一列になる指定 */
/* iPhone6を横サイズは、667 */



/*1025px以上 */
@media only screen and (min-width: 1025px) {
	body.cart #header a.logo{
		height: 80px;
	}

	#slowsearch {
		display: none;
	}
}
/*737px以上 */
@media only screen and (min-width: 737px) {
	.page-lineup nav li:nth-child(8n) {
		margin: 1em 0 3em 0;
	}
}






@media screen and (min-width: 770px) and (max-width: 1149px) {
	.cornerzoon {
		margin: 0 5px;
	}
	.relative2 {
		top: -30px;
		left: 7px;
		max-width: 230px;
	}
	.psent {
		padding-right: 10px;
		padding-left: 10px;
	}
	.blogblock {
		float: left;
		width: 32.3%;      /* 細かく割り出した数値 */
	}
}


@media screen and (min-width: 968px) {
	#hdlist {
		position: relative;
		top: 0;
	}
}





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

	#headcontainer {
		background-color: #fff;
		position: relative;     /* 親要素をposition:relativeとする */
		margin: 0 auto;
	}
	header {
	}
	#slowlogo {
		margin: 0 auto;
		width: 50%;
	}

	#m-menu {
		 background: #fff;
	}
	#m-menu #middlenav {
		 width: 99.99999%;
		 margin: 5px auto;
		 overflow: hidden;
		 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		 /* シャドーにする */
		 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		 -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		 -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	}
	#m-menu #middlenav ul {
		 list-style: none;
		 overflow: hidden;
	}
	#m-menu #middlenav li a {
		 background-color: #ff00ff;
		 background: -moz-linear-gradient(top, #fff, #f5f5f5);
		 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
		 background: -webkit-linear-gradient(top, #fff, #f5f5f5);
		 background: linear-gradient(to bottom, #fff, #f5f5f5);
		 border-right: 1px dotted #383636;
		 color: #383636;
		 display: block;
		 float: left;
		 font: 400 13px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
		 padding: 5px;
		 text-align: center;
		 text-decoration: none;
		 text-transform: uppercase;
		 width: 16.666666%;
		 /*TRANSISTIONS*/
		 -webkit-transition: background 0.5s ease;
		 -moz-transition: background 0.5s ease;
		 -o-transition: background 0.5s ease;
		 -ms-transition: background 0.5s ease;
		 transition: background 0.5s ease;
	}

	/*HOVER*/

	#m-menu #middlenav li a:hover {
		 background-color: #cd5c5c;
		 background: -moz-linear-gradient(top, #f5f5f5, #dcdcdc);
		 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dcdcdc));
		 background: -webkit-linear-gradient(top, #f5f5f5, #dcdcdc);
		 background: linear-gradient(to bottom, #f5f5f5, #dcdcdc);
	}

	/*SMALL*/

	#m-menu #middlenav small {
		 font: 100 11px/1 Helvetica, Verdana, Arial, sans-serif;
		 text-transform: none;
		 color: #aaa;
	}

	/*BORDER FIX*/

	#m-menu #middlenav li:last-child a {
		 border: none;
	}

	.othersBox {
		max-width: 100%;
		padding: 0 10px;
	}


	.othersBox p {
		line-height: 1.4em;
	}
	#center p {
		width: 100%;          /* 文章は、短めに設定 */
	}

}



/*-----------------------------------------------------	*/
/*	footer for (1024)768px				*/
/*-----------------------------------------------------	*/

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

	/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
	body {
	}

	#main_right {
		padding: 0px;
	}

	/* ------ Column ------ */
	/* 左右に25pxの余白を設定 */
	.row {
		padding: 0 10px;
	}



	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}


	div#container header .row h1 {
		width: 190px;
		margin: 0 auto;
		padding-top: 5px;
	}

	img {
		margin: 0 auto;
	}


	#hcpc {
		height: 0px;
	}
	#slowlogo {
		width: 70%;
		text-align: center;
	}
	#m-menu #middlenav li a {
		  width: 50%;
		  font: 400 12px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
		  padding-top: 6px;
		  padding-bottom: 6px;
	}
	#m-menu #middlenav li:nth-child(even) a {
		  border-right: none;
	}
	#m-menu #middlenav li:nth-child(5) a, nav li:nth-child(6) a {
		  border-bottom: 1px solid #fff;
	}


	.categorybox a {
		width: 23.0%;
	}
}




/*タブレット用 */
@media screen and (min-width: 641px)  and (max-width: 769px) {
	.cornerzoon {
		margin: 0 5px;
	}

	.relative2 {
		top: 0px;
		left: 0px;
		padding: 3px 0px 3px 10px;
	}
	.blogblock {
		float: left;
		width: 32.3%;      /* 細かく割り出した数値 */
	}
}



/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus */
/* iPhone6 Plus ブラウザサイズ ： 414 × 736 ピクセル */
@media screen and (min-width: 376px)  and (max-width: 640px) {

	.relative2 {
		position: relative;
		top: 0px;
		left: 5px;
		background-color: white;
		max-width: 100%;
		padding: 3px;
		max-width: 230px;
	}
	.blogblock {
		width: 49.5%;
		height: 270px;
	}
}










/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus */

/* 640px = 40em */
@media screen and (max-width: 640px) {
	/* ------ Column ------ */
	/* 左右に25pxの余白を設定 */
	.row {
		padding: 0 5px;
	}
	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col, .col.left, .col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}



	#hcpc {
		height: 0px;
	}
	#slowlogo {
		width: 70%;
		text-align: center;
	}
	#m-menu #middlenav li a {
		  width: 50%;
		  font: 400 12px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
		  padding-top: 6px;
		  padding-bottom: 6px;
	}

	#center p {
		width: 100%;
	}

	/* main2box.php
	-----------------------------------------------------------	*/
	#main2box .leftbox,
	#main2box .rightbox {
		width: 49.599999%;
		font-size: 90%;
        height: 15em;
	}
	#main2box .rightbox .imgright1p {
		margin-left: none;
	}

	/* corner4.php
	-----------------------------------------------------------	*/
	#newcube .clbox,
	#newcube .crbox {
		width: 49.999999%;
		overflow: hidden;
	}

	.categorybox a {
		width: 47.999999%;
	}


	/* ミニ商品一覧
	-----------------------------------------------------------	*/
	#miniitems,
	#sidrlist {
		font-size: 105%;
		padding-left: 0.5em;
	}

	#roopslider {
		display: none;
	}


	/* 商品紹介での商品写真は中央揃え */
	.row .one-second img {
		text-align: center;
	}






	/*itemlist */
	#topitemlist .tx-center>.day.col-pc-12 {font-size:4em;letter-spacing:-0.08em; line-height:1.5em;}

	div.left {
		position: absolute;
		top: 0;
		left: 0
	}


	#main_right {
		width: 100%;
	}


	#special .prev, #special .next {
		width: 20%;
		background: none;
	}
	#topics div.box div:nth-child(5) {
		display: none
	}
	#announce {
		margin-top: 0;
		padding:0 5%;
	}
	#announce .shipinfoti {
		float: none;
		width: 100%;
	}
	#announce .shipinfo .day {
		font-size: 1.2em;
		line-height: 2.4em;
	}

	#feature {
		width: 94%;
		padding: 0 3%;
	}


	.goods-ad {
		display: inherit;
	}


	/* 商品ページ共通指示
	--------------------------------------------------------------------------------*/

	.margin10 {
		padding: 10px;
	}
	.waring-p {
		font-size:  90%;
	}


	/* 商品ページ下の他の商品紹介指示
	----------------------------*/

	.othersBox {
		max-width: 100%;
		padding: 0px;
	}
	.othersBox p {
		line-height: 1.4em;
	}
	.othersBox .othersBox-s {
		font-size: 110%;
	}
	.othersBox .othersBox-s img {
		margin-bottom: 7px;
	}
	.othersBox .othersBox-s .others01,
	.othersBox .othersBox-s .others02,
	.othersBox .othersBox-s .others03 {
		margin-right: 0%;
	}
	.othersBox .othersBox-s .others01,
	.othersBox .othersBox-s .others03 {
		width: 49.5%;
		float: left;
		margin-right: 0%;
	}

	.othersBox .othersBox-s .others02,
	.othersBox .othersBox-s .others04 {
		width: 49.5%;
		float: left;
	}



	/*サイドバナー*/
	#sidr ul.pickArea .pickupFea li {
		float:left;
		padding-top:2px;
		padding-bottom:2px;
	}

	#sidr ul.pickArea .pickupFea li:nth-child(odd) {
		padding-right:2px;
	}

	#sidr ul.pickArea .pickupFea li:nth-child(even){
		padding-left:2px;
	}



	/*商品ページ*/

	#detail,
	#detail #spec,
	#detail #info,
	#detail #cartbox,
	#detail div#im,
	#cartbox .cart.koumoku .itemtext,
	#detail div#im div.imL div,
	div#detail div.im div.imL.imL1 div,
	div#detail div.im div.imL.imL2 div,
	div#detail div.im,
	div#im div#imS,
	div.imS {width:100% !important;}

	div.mAdArea img {width:100%;height:auto;}
	/* footer
	-----------------------------------------------------	*/
	
	footer {
		height: 90em;
	}
	#footzoon {
		height: 100%;
	}
	#footaria address {
		width: 98%;
	}
}






/* ブiPhone 6：ブラウザサイズ ：375 × 667 ピクセル */
@media screen and (max-width: 375px) {
	.relative2 {
		position: relative;
		top: 0px;
		left: 5px;
		background-color: white;
		max-width: 100%;
		padding: 3px;
	}
	.blogblock {
		width: 49.5%;
	}
	.blogblock img {margin-bottom: 2px;}
	.psent {
		font-size: inherit;
		padding-right: 10px;
		padding-left: 10px;
	}
	.cornerpsent {
		font-size: 95%;
		padding-right: 0px;
	}
	.slow3info {
		color: #000;
		font-size: 1em;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 20px;
	}


	.paging .tugihe a {
		margin-right: 1%;
		padding: 10px 10px;
		width: 43%;
	}
	.paging .maehe a {
		margin-right: 0%;
		padding: 10px 10px;
		width: 43%;
	}
	.paging .mannaka a {
		margin-right: 1%;
		padding: 10px 10px;
		width: 12%;
	}

	/* footer
	-----------------------------------------------------	*/
	
	footer {
		height: 80em;
	}
}