@charset "utf-8";

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: normal;

}
html {
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.blockquote {
	quotes: none;
}
.bold_red {
	color: #F30;
}
.bold {
	font-weight: bold;
}
.bold-red-m {
	color: #C00;
	font-weight: bold;
}
.margin {
	margin-top: 2em;
	margin-bottom: 2em;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: small;
	line-height: 140%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #C00;
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color: #C00;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
.clear {
	clear: both;
	float: none;
}
.br {
	padding-bottom: 2%;
}
#fixedBox {
	background-image: url(../img/glo/navibar.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100%;
}
#fixedBoxt {
	background-image: url(../img/glo/navibar.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100%;
}
#header-area {
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.9);
}
#header {
	clear: both;
	float: none;
	text-align: left;
}
.header-layout {
	margin-right: auto;
	margin-left: auto;
	padding-top: 2%;
	width: 100%;
	text-align: center;
	padding-bottom: 2%;
}
.header-layout-sub {
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}
.header-logo {
	clear: both;
	float: none;
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 8000;
}

.top-header-image-area {
	width: 100%;
	height:120vh;
	background-repeat: no-repeat;
	background-size: 100% auto;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position:relative;
}

.top-movie-area{
    position: absolute;
    top:30%;
	left:0;
    color: white;
    overflow: hidden;
    width: 100%;
	padding-top:2em;
	padding-bottom:2em;
	font-size:500%;
}
.topconcept-movie-area{
    position: absolute;
    top:25%;
	left:0;
    color: white;
    overflow: hidden;
    width: 100%;
	padding-top:2em;
	padding-bottom:2em;
	font-size:500%;
}

i {
	font-size: 100%;
/*	color: #FFFFFF;*/
	font-family: foundation-icons;
}
.top-movie-area a{ text-decoration:none;color: #243e72;}
.top-movie-area a:link{}
.top-movie-area a:visited{}
.top-movie-area a:hover{}
.top-movie-area a:active{}

.topconcept-movie-area a{ text-decoration:none;color: #FFFFFF;}

.mplay{position: relative;}
.mplay a{}
.mplay i{	font-size: 600%;
	color: #243e72;
	font-family: foundation-icons;

}

.top-header-area{padding-top: 10px;padding-bottom:10px;width: 100%; position:absolute;top:0;	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.9);
}
.top-header-areab{ text-align:left;width:60%;margin-right: auto;margin-left: auto;padding-top:4em;padding-bottom:4em;}
.top-header-areab a{color:#333333;font-size:150%;}
.top-header-areab a:hover{text-decoration: none;}
.top-header-areab .logo{width:300px;padding-bottom:5px;display: inline-block;vertical-align: middle;text-align: center;}
.top-header-areab img{width:100%;}
.top-header-areab h1{font-size:100%;}
.top-header-areab ul{float:right;padding-top:1em;}
.top-header-areab li{display: inline-block;vertical-align: bottom;margin-left:3em;}
.top-header-areab li span{display: block;font-size:50%;}

.top-header-areab li {position: relative;}

.top-header-areab li a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width:100%;
  height: 1px;
  background-color: #222222;
  display: block;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.4s;
}

.top-header-areab li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1)
}




.top-header-area{padding-top: 10px;padding-bottom:10px;width: 100%; position:absolute;top:0;	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.9);
}
.top-header-area{ text-align:center;}
.top-header-area .logo{width:300px;margin-right: auto;margin-left: auto;padding-bottom:5px;}
.top-header-area img{width:100%;}
.top-header-area h1{font-size:60%;}



.item-header-bg {
	/*background-image: url(../img/bg/bg.jpg);*/
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top: 4%;
	padding-bottom: 2%;
}
.company-header-bg {
 background-image: url(../img/bg/hbg.jpg);
 background-size: 100%;
 background-attachment: fixed;
 background-repeat: no-repeat;
 padding-top: 7%;
 padding-bottom: 7%;
}

.companyb-header-bg {
background-image: url("../img/bg/bg.jpg");
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top: 4%;
	padding-bottom: 4%;
}
.companyb-header-bg h3{font-size:150%;}
.company-header-bg img{ padding:5px; background-color:#ffffff;}

.item-header-bg h3 span{display:block;padding-top:1.5em;}

.news-day-b {
	font-size: 11px;
	text-align: left;
	padding-bottom: 1%;
}
.news-text-b {
	text-align: left;
}
.news-topics-area {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	text-align: center;
	clear: both;
	float: none;
	padding-bottom: 2%;
}
.news-topics-area-b {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	text-align: center;
	clear: both;
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 2%;
}
.news-topics-area-c {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	text-align: center;
	clear: both;
	float: none;
	padding-bottom: 2%;
 padding-top:2%;
}
.news-topics-area-c iframe{width:90%; overflow: scroll;margin-right: auto;margin-left: auto;}

.banner-h {margin-top:2em;margin-bottom:2em;}
.banner-h img{width:900px;height:auto;}
.banner img:hover{transition: all 0.4s;opacity: .8;}

.reca{position: relative;}
/*.reca:before {position: absolute; top:-2em;content:"NEW";font-size:80%;color: #9F0002;}*/

.res-rec-h a{position: relative;}
/*.res-rec-h a:before{position: absolute; top:-1em;left:-4em;content:"NEW";font-size:80%;color: #9F0002;}*/
.navi-li:nth-of-type(4) a{position: relative;width: 100%;text-align: center;}
/*.navi-li:nth-of-type(4) a:before {position: absolute;top:-2em;left:0;content:"NEW";width: 100%;font-size:11px;color: #9F0002;}*/


#wk{margin-top:-30px;padding-top:30px;}
#jp{margin-top:-30px;padding-top:30px;}
#film{margin-top:-30px;padding-top:30px;}

.news {
	float: right;
	width: 85%;
	text-align: left;
}
.news-text {
	float: left;
}
.news-right {
	float: left;
	width: 80%;
	padding-left: 15px;
}
.news-day {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 11px;
}
.news-day-f {
	font-size: 11px;
	padding: 3px;
	margin-bottom: 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.news-topics {
	background-color: #F90;
	width: 50px;
	font-size: 11px;
	color: #FFF;
	float: left;
	text-align: center;
}
.news-main-text {
	float: left;
	margin-bottom: 2%;
}
.news-main-text-f {
	margin-bottom: 2%;
	margin-top: 2%;
	text-align: left;
}
.news-topics-area img {
	float: left;
	width: 50px;
}
.feed-layout {
	clear: both;
	float: none;
	padding-top: 2%;
	margin-top: 5px;
	width: 100%;
}
.layout-line {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #262626;
	border-bottom-color: #262626;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 2%;
	margin-bottom: 2%;
}
.menu-layout {
	margin-right: auto;
	margin-left: auto;
	color: #F5F5F5;
	text-align: left;
	width: 900px;
}
.header-menu-area {
	padding-top: 5px;
	width: 100%;
}
.header-menu-area h1 {
	font-size: 11px;
	padding-left: 10px;
	color: #ab8e72;
	float: left;
}
.sub-top-naviarea {
	float: right;
	font-size: 9px;
}
.sub-top-list {
	background-image: url(../img/glo/dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
li h2 {
	float: left;
	vertical-align: middle;
}
.menu {
}
.menu li a {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2%;border-radius:5px;
}
.menu li a:hover{ transition:0.5s;}

.page-h {
	background-color: #F8F8F8;
	padding-top: 2%;
	margin-bottom: 2%;
	padding-bottom: 2%;
}
.page-top-area {
	padding-top: 3%;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
}
.page-top-area h4 {
	margin-bottom: 2%;
}
.page-info-area {
}
.page-info-area-about {
}
.page-info-areab table {
	width: 700px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.page-info-areab td {
	width: 80%;
	padding: 10px;
}
.page-info-areab th {
	width: 20%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.page-info-area table {
	width: 700px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.page-info-area td {
	width: 80%;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 10px;
}
.page-info-area th {
	width: 20%;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.rec-info-layout {
	text-align: left;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.rec-head{
	font-weight: bold;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 2em;
	margin-bottom: 2em;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #73af96;
	padding-left: 1em;
}

.rec-info-layout{
	text-align: left;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.rec-info-layout h5{font-weight: bold;font-size: 130%;padding-top:1em;padding-bottom:2em;}

.rec-left{
float:left;
	width:74%;
}
.rec-left p{padding-bottom:2em;}

.rec-right{
	float:right;
	width:22%;
}
.rec-right img{
	width:100%;
	padding-bottom: 1em;
}

.rec-left ul{}
.rec-left li{
	padding-bottom: 2em;
	background-image: url(../recruit/img/sign.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1em;
}
h6{
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px dotted #333333;
	margin-bottom: 3%;
}

.info-box {
	border: 1px solid #CCC;
	padding: 2%;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F8F8F8;
	margin-top: 2%;
	margin-bottom: 2%;
}
.info-box h5 {
	font-size: medium;
	font-weight: bold;
	padding-bottom: 2%;
	padding-top: 2%;
}
.info-box img {
	float: right;
	width: 15%;
	padding-left: 3%;
}
.rec-photo {
	padding-top: 2%;
	padding-bottom: 2%;
}
.info-box li {
	padding-bottom: 1em;
	background-image: url(../recruit/img/sign.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1em;
}
.rec-photo ul {
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.rec-photo li {
	display: table-cell;
}
.rec-photo img {
	width: 200px;
	padding-right: 1%;
	padding-left: 1%;
}
.sub-navi-area {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	margin-top: 2%;
}
.sub-navi-button {
	width: 460px;
	float: right;
	padding-right: 15px;
}
.sub-navi-aw {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}
.sub-navi-ss {
	background-image: url(../items/img/item-bar2014ss.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 45px;
}
.top-navi-area-bg {
}
.top-navi-area-bg ul {
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-bottom: 2%;
}
.top-navi-area-bg li {
	display: table-cell;
}
.top-navi-area-bg img {
	width: 450px;
}
.movie-area {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0%;
	padding-bottom: 2%;
}
.movie-area h3 {
	padding-bottom: 1%;
	font-size: 130%;
	margin-bottom: 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 100%;
}
.nav-content {
	margin-top: 75px;
}
.image-left {
	float: left;
	margin-right: 10px;
}
.image-right {
	float: right;
}
.image-margin {
	padding-top: 2%;
	padding-bottom: 2%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 65%;
}
.map-img img{border:1px solid #cccccc;margin-top:1em;margin-bottom:1em;}
.about-map {
	margin-bottom: 2%;
}
.content-area {
	padding-top: 2%;
}
.content-areab {
	padding-bottom: 2%;
}
.navi-li {
}
.menu ul {
	text-align: center;
}
.top-slide-area {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1%;
	margin-top: 2%;
}
.wideslider-layout {
}
.slide-area {
	padding: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.top-concept-area {
width: 100%;
padding-top: 2em;
padding-bottom: 0em;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
font-size: 110%;
line-height: 200%;
color: #222222;
position: relative;
background-image: url(../img/bg/bg.jpg);
}
.contents-area-news {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	margin-top: 2%;
}


.top-concept-area-central {
    float: left;
    width: 50%;
    padding-top: 0.5em;
}
.top-concept-area-side {
    float: right;
    width: 48%;

}

.two-column-left{float:left;width:46%;padding:2%;}
.two-column-right{float:right;width:46%;padding:2%;}

.top-concept-area h4{font-size:150%;font-weight:bold;padding-bottom:1em;padding-top:1em;}


.text-layout {
width:1400px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4%;
	padding-top: 2%;
}
.text-layout-up {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}
.br-text {
	margin-bottom: 2%;
}
.wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1%;
	clear: both;
	float: none;
}
.h-main {
	text-align: center;
	width: 100%;
	font-size: 230%;
	padding-bottom: 2%;
 font-weight: bold;
}
.h-sub-h {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.h-mail {
	text-align: center;
	width: 100%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom: 3%;
	font-size: large;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #333;
	padding-top: 40px;
	padding-bottom: 40px;
}
.sub-navi-thum {
}
.sub-navi-thum ul {
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
	padding-bottom: 0%;
}
.sub-navi-thum ul li {
	display: table-cell;
	margin: 1%;
}
.sub-navi-thum ul li:last-child {
}
.box {
	padding: 10px;
}
.box table {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F8F8F8;
	margin-bottom: 10px;
}
.box th {
	width: 10%;
	background-color: #EEE;
}
.box td {
	text-align: left;
	padding-left: 10px;
}
.box img {
	width: 45px;
}
.brand-area{margin-bottom:2%;padding:2%;}
.brand-area h4{
padding:1em;
 font-weight: bold;
 font-size: 150%;

}
.brand-area p{margin-top:1em;margin-bottom:1em;line-height: 250%;}



/* 隠しコンテンツのCSS */
.item-stock {
	position: relative;
	display: none;/* ライトボックス表示するコンテンツは消しておきます */
	width: 500px;/* 隠しコンテンツの横幅 */
	height: auto;
	padding-top: 10px;
}
.item-stock img {
	width: 95%;
}
.item-th {
	color: #FFF;
	background-color: #333;
}
.item-tda {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-tdb {
	padding: 10px;
}
.top-cor-area {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	margin-top: 5%;
}
.top-cor-area ul {
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
	padding-bottom: 0%;
	margin-bottom: 2%;
}
.top-cor-area ul li {
	display: table-cell;
}
.top-cor-area ul li:last-child {
}
.top-cor-area ul img {
	width: 210px;
}
.pickup-area {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
}
.pickup-area img {
	padding-bottom: 2%;
}

.pickup-area-l{}
.pickup-area-l ul{display: table;}
.pickup-area-l li{display: table-cell;}
.pickup-area-l img{width:90%;}
.pickup-area-l h4{margin-bottom:1em;}

.pickup-item {
	background-color: #999;
	width: 225px;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
}
.pickup-info {
	background-color: #efefef;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pickup-image {
}
.pickup-info-title {
	background-color: #FFF;
	padding-bottom: 5px;
}
.pickup-ribbon {
	background-image: url(../img/ribbon.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	height: 90px;
	width: 225px;
}
.pickup-layout {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}
.pickup-layout-top {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}
.pick-area-bg {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1%;
	width: 95%;
	padding-top: 1%;
}
.itemlist-area {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2%;
}
.list-banner-area{
 width: 92%;
 margin-right: auto;
 margin-left: auto;
 border: 10px solid #F3F8FB;
 padding:2em;
}
.list-banner-area ul{display:table;}
.list-banner-area li{display:table-cell;}
.list-banner-area li img{width:80%;}

.single-banner{text-align: center;}
.single-banner img{width:auto;}


.itemlist-item {
	width: 225px;
	float: left;
	margin-right: 1%;
	margin-left: 2%;
}
.itemlist-items {
	background-color: #fff;
	width: 225px;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	border: 1px solid #EFEFEF;
	padding-bottom: 1%;
}
.itemlist-items-master {
	background-color: #fff;
	width: 225px;
	padding: 1%;
	margin-right: 1%;
	margin-left: 1%;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	float: left;
}

.itemlist-items-five{
background-color: #fff;
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
 margin-bottom:1%;
	float: left;
	padding-bottom: 1%;
}


.itemlist-items-five img{width:100%;}

.itemlist-items-four{
background-color: #fff;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
 margin-bottom:1%;
	float: left;
	padding-bottom: 1%;
}
.itemlist-items-four img{width:100%;}

.h-item {
	width: 523px;
}
.itemlist-mat {
}
.item-name {
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 10px;
}
.itemlist-info {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.itemlist-image {
	width: 225px;
	height: 333px;
}
.itemlist-info-title {
	padding-bottom: 5px;
}
.itemlist-ribbon {
}
.itemlist-ribbon-nokori {
	background-image: url(../items/img/nokori.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	height: 90px;
	width: 225px;
}
.itemlist-ribbon-tuika {
	background-image: url(../items/img/tuika.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	height: 90px;
	width: 225px;
}
.itemlist-ribbon-osusume {
	background-image: url(../items/img/osusume.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	height: 90px;
	width: 225px;
}
.itemlist-ribbon-ninki {
	background-image: url(../items/img/ninki.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	height: 90px;
	width: 225px;
}
.itemlist-layout {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	padding-left: 1%;
	text-align: center;
	padding-bottom: 0%;
	width: 1000px;
}
.itemlist-layout-m {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	padding-left: 1%;
	text-align: center;
	padding-bottom: 0%;
	width: 1000px;
}


.stock-info {
	background-image: url(../items/img/shipping-fast.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 45px;
	background-color: #F8F8F8;
}
.stock-info-new {
	background-image: url(../items/img/shipping-araival.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 45px;
	background-color: #F8F8F8;
}
.contents-area {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	margin-top: 2%;
}



.contents-area-about {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}
.contact-layout {
}
.contact-area {
}
.subbutton {
	background-image: url(../img/button.jpg);
	background-repeat: no-repeat;
	width: 380px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF;
	height: 95px;
}
.hbg {
	background-image: url(../items/img/hsbg.jpg);
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 16px;
	font-weight: bold;
}
.acc-photo {
	padding-top: 2%;
	padding-bottom: 2%;
}
.acc-photo ul {
}
.acc-photo li {
	display: inline;
}
.acc-photo img {
	width: 250px;
	padding-right: 1%;
	padding-left: 1%;
}
#page-up {
	font-size: 10px;
	text-align: left;
	position: fixed;
	z-index: 15;
	padding: 10px;
	right: 10px;
	top: 85%;
}
.messe-area {
	text-align: left;
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.messe-area p{line-height: 250%;}

.messe-area  h4{text-align: center;padding-top:1em;padding-bottom:1em;font-size:150%;}

.messe-li-right {
	text-align: right;
}
.contact-button-area {
	padding-top: 1%;
	margin-bottom: 2%;
}
.sp-line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-bottom: 3%;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: medium;
}
.sp-lineb {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-bottom: 2%;
	padding-bottom: 5px;
}
.sp-bottom-text {
	display: block;
	padding-bottom: 2%;
}
.footer {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-color: #EFEFEF;
}
.footer-logo {
	float: left;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
}
.footer-area {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1%;
	padding-top: 1%;
}
.footer-left {
	float: left;
	text-align: left;
	height: 210px;
	padding-top: 2%;
	background-color: #FEFEFE;
	padding-right: 5px;
	padding-left: 5px;
}
.footer-access {
	float: left;
}
.footer-info {
	float: left;
	width: 155px;
	font-size: 70%;
	margin-right: 5px;
}
.footer-right {
	float: right;
	background-image: url(../img/glo/cl-bg.png);
	padding-top: 2%;
	text-align: left;
	padding-right: 5px;
	padding-left: 10px;
	width: 710px;
	height: 210px;
}
.footer-banner {
	padding-bottom: 10px;
}
.footer-banner-area {
	float: right;
	width: 213px;
	margin-right: 5px;
}
#copyright {
	color: #333;
	background-color: #F8F8F8;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sns-area {
}
.sns-area h4{text-align: left;margin-left:1em;}

.sns-banner-area {
	border-radius: 10px;
}
.sns-banner-area img {
	margin-bottom: 2%;border-radius: 7px;
}
.sns-banner-area h4 {
	margin-bottom: 2%;
	background-color: #FFF;
	width: 100%;
	padding-top: 1em;
	padding-right: 0%;
	padding-bottom: 1em;
	padding-left: 0%;

}
.insta-area {
	background-color: #eaeaea;
	padding: 2%;
	border-radius: 10px;
	width: 96%;
}
.insta-area h4 {
	padding: 2%;
	border-radius: 10px;
	background-color: #9CC8C1;
	margin-bottom: 2%;
}
.insta-area a:link {
	color: #fff;
}
.insta-area a:hover {
	color: #fff;
}
.insta-area a:visited {
	color: #fff;
}
.page-thumnail {
}
.page-thumnail ul {
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.page-thumnail li {
	display: table-cell;
}
.page-thumnail img {
	width: 95%;
}
.page-thumnail-mini {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
.page-thumnail-mini ul {
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.page-thumnail-mini li {
	display: table-cell;
}
.page-thumnail-mini img {
	width: 95%;
}
.comapny-info-area {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
}
.comapny-info-area table {
	background-color: #FFF;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.comapny-info-area th {
	background-color: #222222;
	color: #FFF;
}
.comapny-info-area td {
	padding: 10px;
	font-weight: normal;
	text-align: left;
}
.comapny-info-area h4 {
	padding-top: 2%;
	padding-bottom: 2%;
	font-weight: bold;
	font-size: medium;
}

i {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display:inline-block;
  vertical-align:middle;
}
.sns{text-align: center;padding-top:0.5em;padding-bottom:0.5em;	font-size:320%;}
.sns li {border:none; padding: 0.5em;border-radius:7px;margin-top:0em;margin-bottom:0.5em;margin-right: auto;margin-left: auto;color: #000000;display: inline-block;text-align: center;}
.sns a{color:#222222;}
.sns a:hover{color:#222222;}