@charset "UTF-8";
/* ===================================================================
filename:responsive.css
#For All
=================================================================== */

@media screen and (max-width:767px) {
	
/* common
------------------------------------------------------------------*/
	img {
		max-width:100%;
		height:auto;
		box-sizing:border-box;
	}
	.spWrap {
		max-width:320px;
		margin:0 auto;
	}
	.spaC {
		text-align:center;
	}
	.scroll{
	overflow: auto;
	white-space:nowrap;
	margin:0px 5px 20px 5px;
	border:1px solid #ccc;
	padding:5px;
	}
	.scroll table th{
	}
	.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	 height: 5px;
	}
	.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
	 background: #BCBCBC;
	}
.align-left {
	float:none;
	display:block;
	margin:0 auto 10px auto;
}
.align-right {
	float:none;
	display:block;
	margin:0 auto 10px auto;
}
.align-center {
	text-align:center;
	display:block;
	margin:auto;
}

/* header
------------------------------------------------------------------*/
	.pc {
		display:none !important;
	}
	div {
		box-sizing:border-box;
	}
	p {
		box-sizing:border-box;
	}
	#header {
		background-image:none;
		height: 50px;
		margin: 0;
		border-top:3px solid #000;
		border-bottom:1px solid#ccc;
	    background: -moz-linear-gradient( 90deg, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  		background: -webkit-linear-gradient( 90deg, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  		background: -ms-linear-gradient( 90deg, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
	}
	#header {
		*zoom: 1;
	}
	#header:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
	}
	#header #headerIn {
		width: 100%;
		padding:0 10px;
	}
	#header #headerBtn {
		display:none;
	}
	#header br {
		display:none;
	}
	#header #mainLogo{
		padding-top:15px;
	}
	#header #mainLogo img{
		width:109px;
		height:16px;
	}
	#header #globalNavi {
		display:none;
	}
	#header .contactBtn{
		display:block;
		padding-top:10px;
		width:90px;
		margin-bottom:0;
	}
	#header .contactBtn a{
		display:block;
		text-align:center;
		font-size:12px;
		padding:5px 0;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		width:90px;
	    border-radius: 5px;
		border:1px solid #00a5e4;
		background: #6bc1ea; /* Old browsers */
		background: -moz-linear-gradient(top,  #6bc1ea 0%, #0c97dc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #6bc1ea 0%,#0c97dc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #6bc1ea 0%,#0c97dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc1ea', endColorstr='#0c97dc',GradientType=0 ); /* IE6-9 */
	}

	#globalNaviSp {
		*zoom: 1;
	}
	#globalNaviSp:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
	}
	#globalNaviSp li{
		float:left;
		width:50%;
		box-sizing:border-box;
		background:url(../_img/sp/menu.png) 95% center no-repeat #00a5e4;
		background-size:6px 10px;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		margin-bottom:0;
	}
	#globalNaviSp li:nth-child(even){
		border-right:none;
	}
	#globalNaviSp li a{
		color:#fff;
		display:block;
		box-sizing:border-box;
		width:100%;
		height:40px;
		line-height:40px;
		padding-left:10px;
		text-decoration:none;
	}
	
/* footer
------------------------------------------------------------------*/
	.pagetop {
   		width: 100%;
		padding-right:10px;
	}
	#footer #footerIn {
    		width: 100%;
		padding:10px;
	}
	#footer #footerIn a.footer_banner{
    float: none;
    text-align: center;
	}
	#footer #footerIn ul{
		padding:10px 0 0 0;
	}
	#footer #footerIn ul li{
		margin-bottom:10px;
	}
	#copyrights p{
		width:100%;
		text-align:center;
	}
	
/* common
------------------------------------------------------------------*/
#container {
    min-width: 100%;
}

#pathNavi {
    padding-top: 20px;
	padding-left:10px;
}

.moreLink {
    *zoom: 1;
}
.moreLink:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.content h1, .content #subArea h2 {
    margin: 0 0 15px 0;
    font-size:18px;
    font-weight: bold;
    border-bottom: 3px solid #747272;
    padding: 3px 0 3px 10px;
}
.content #mainArea.full .subTitle {
    width: 100%;
}
.content #mainArea.full .subTitle h3 {
    width: 100%;
}
#mainArea.full {
    width: 100%;
    margin: 20px auto 0 auto;
}
#mainArea.full2 {
    width: 100%;
}
#mainArea p {
	padding:0 10px;
}
#mainArea .container .row p {
	padding:0;
}
#mainArea {
    float: none;
    width: 100%;
}
#subArea {
    float: none;
    width: 100%;
}
.bottomShadow {
    display: none;
}
.bookmark {
    display: none;
}
#importantInfo {
    position: fixed;
    left: -150px;
    top: 50%;
	margin-top:-60px;
}
/* toppage
------------------------------------------------------------------*/
	#wrapper {
		width: 100%;
	}
	.top_title {
		width:100%;
		padding:150px 10px 0;
		font-size:16px;
		box-sizing:border-box;
	}
	.top_contact,
	.top_partner {
		width: 100%;
	}
	.top_contact,
	.top_partner {
		padding:0 10px;
	}
	#topElementBox .copy{
		padding:10px;
	}
	/* clearfix */
	#mainSlideSp {
		*zoom: 1;
	}
	#mainSlideSp:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
	}
	#mainSlideSp .element {
		width:33.33%;
		float:left;
		padding:5px;
	}
	#serviceTop {
		width: 100%;
	}
	h2.toptitle span, h3.toptitle span {
		margin-left: 15px;
		padding: 0 5px;
		font-weight: bold;
		font-size: 14px;
	}
	h4.toptitle {
		margin-left: 10px;
		font-size:100%;
	}
	#serviceTop .elements {
		padding:0 10px;
		margin: 0 0 20px 0;
	}
	#serviceTop .element {
		width: 48%;
		float: left;
		margin: 0 4% 10px 0;
	}
	#serviceTop .element:nth-child(even) {
		margin: 0 0 0 0;
	}
	#serviceTop .element .img{
		text-align:center;
	}
	#serviceTop .element a {
		box-sizing:border-box;
	}
	#serviceTop .element .btn span{
		font-size:10px;
		padding:5px 10px;
	}
	#serviceTop .elements2 {
		padding:0 10px;
		margin: 0 0 20px 0;
	}
	#serviceTop .elements2 .element2 {
		width: 48%;
		float: left;
		margin: 0 4% 10px 0;
	}
	#serviceTop .elements2 .element2:nth-child(even) {
		margin: 0 0 0 0;
	}

	#sideSearchBox {
		width: 95%;
		margin: 0px auto 30px auto;
		padding: 10px;
		border: 3px solid #d1f0fc;
	}
	#sideSearchBox h2{
		float:none;
	}
	#sideSearchBox p {
		width:278px;
		margin: 0 auto;
	}
	#sideSearchBox p .searchInput {
		background-image: none;
		border:1px solid #ccc;
		border-radius:5px;
		width: 70%;
		padding:7px 5px;
		height: auto;
	}
	#sideSearchBox p.word{
		text-align:left;
	}
	#sideSearchBox p.word span{
		display:block;
	}
	#sideSearchBox #btnProductsSearch {
		display:block;
		margin-top:10px;
	}
	#mainArea #productsCategory #productList {
		margin: 0 auto 30px auto;
		padding:0 10px;
	}
	#mainArea #productsCategory #productList .element {
		margin: 0 4% 10px 0;
		box-sizing: border-box;
		float: left;
		width: 48%;
	}
	#mainArea #productsCategory #productList .element:nth-child(even) {
		margin: 0 0 0px 0;
	}
	#mainArea #productsCategory #productList .element .logo {
		display:block;
		margin: 0 auto 10px auto;
		width:80px;
		padding:0;
	}
	#mainArea #productsCategory #productList .element .txt {
		margin-bottom:0;
		text-align:center;
	}
	#mainArea #originalBrand #brands {
		margin: 0 0 30px 0;
		padding:0 10px;
	}
	#mainArea #originalBrand #brands .element {
		margin: 0 0 10px 0;
		float: none;
		width: 100%;
	}
	#mainArea #originalBrand #brands .element .logo {
		height: auto;
		padding: 0;
	}
	#mainArea #taskList {
		margin: 0 0 30px 0;
		padding:0 10px;
	}
	#mainArea #taskList .element {
		margin: 0 0 10px 0;
		float: none;
		width: 100%;
	}
	/* clearfix */
#mainArea #taskList .element a{
    *zoom: 1;
}
#mainArea #taskList .element a:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
#mainArea #taskList .element a img{
	margin-left:10px;
}
	#mainArea #taskList .element .txt{
		height:100px;
		display:table-cell;
		font-weight:bold;
		vertical-align:middle;
		padding:0;
		font-size:14px;
	}
	#mainArea #taskList .element .txt br{
		display:none;
	}
	#mainArea #makerPickUp.substance {
		margin: 0px 0 30px 10px;
	}
	#mainArea #makerPickUp.num12 .element {
    width:90px;
		margin: 0 10px 10px 0;
	}
	#mainArea #makerPickUp.num12 .element:nth-child(3n) {
		margin: 0 0 10px 0;
	}
	#mainArea #makerPickUp.num12 .element .img {
    padding: 0;
	}
	#mainArea #makerPickUp .moreLink {
		margin: 0 0 0 0;
	}
	#mainArea #informationBox {
		margin: 0 0 30px 0;
	}
	#informationBox ul li {
		padding: 0 10px 10px 10px;
	}
	#mainArea #informationBox ul li span.date {
		float: none;
		display: block;
		position:relative;
		width: 100%;
		margin-bottom:8px;
	}
	#mainArea #informationBox ul li span.txt {
		float: left;
		display: block;
		position:relative;
		width: 100%;
	}
	#mainArea.top  #informationBox ul li span.txt{
		float: left;
		display: block;
		position:relative;
		width: 100%;
	}
	#informationBox ul li span.category {
		float: none;
		display: block;
		position:absolute;
		top:-25px;
		left:80px;
	}
	#informationBox ul li span.linkTxt {
		float: none;
		width: 100% !important;
		padding:10px 0 0 0;
	}
	#mainArea.top #informationBox ul li span.linkTxt{
		float: none;
		width: 100% !important;
		padding:10px 0 0 0;
	}
	#informationBox .informationBtn {
		text-align: right;
		margin: 15px 10px 30px 0;
	}
	#subArea #bannerArea {
		width: 100%;
		padding:0 10px;
	}
	#subArea #bannerArea p {
		float: none;
		margin:0 0 10px 0;
		text-align:center;
	}
	#subArea #bannerArea img {
		display:inline;
	}

/* pruduct
------------------------------------------------------------------*/

	.searchBox{
	margin-bottom:20px;
	}

	.searchBox table th{
		width:25%;
	}
	.searchBox input{
		width:95%;
		margin:10px 0;
	}
	.searchBox select{
		margin:5px 0;
	}
	.searchBox input[type="radio"]{
		width:1.2em;
		margin-right:5px;
	}
	.searchBox input[type="submit"]{
		width:106px;
		margin:0;
	}
	.searchBox br {
		display:inline;
	}
	#mainArea #categoryList {
		background-image:none;
		width: 100%;
	}
  #mainArea #categoryList .productCategory-leftBox{
    float: none;
    width:100%;
  }
  #mainArea #categoryList .productCategory-rightBox{
    float: none;
    width:100%;
  }

	#mainArea #categoryList h3 {
		margin: 5px 0 15px 10px;
		border-left: 4px solid #3daad1;
		padding-left: 5px;
		font-size: 14px;
		font-weight: bold;
	}
	#categoryList ul {
		box-sizing:border-box;
		padding: 0 0 0px 10px;
		margin: 0 0 0px 0;
	}
	/* clearfix */
	#categoryList ul {
		*zoom: 1;
	}
	#categoryList ul:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
	}
	#categoryList ul li{
		margin: 0 0 15px 0;
	}
	#categoryList ul li ul{
		margin: 0 0 0px 0;
	}
	#categoryList ul li ul li {
		margin: 15px 0 0px 15px;
		float: none;
		display: block;
	}
	.box {
		background-image:none;
		width: 100%;
		margin: 0 -10px 15px 0;
		padding:0 0 0 10px;
	}
	#productsPickup .element {
		display: block;
		width: 145px;
		margin: 0 10px 10px 0;
	}
	#mainArea #productNews ul li {
		padding:0 10px 10px 10px;
	}
	#mainArea #productNews ul li span.date {
		float: none;
		display:block;
		margin-bottom:5px;
	}
	#mainArea #productNews ul li span.txt {
		float: none;
		display: block;
		width: 100%;
	}
	#mainArea #productMaker {
		margin: 0 0 20px 0;
		padding:0 10px;
	}
	#mainArea #productMaker ul{
		margin:0 auto 0 auto;
	}
	#mainArea #productMaker ul li{
		margin-right:10px;
	}
	#mainArea #productMaker ul li img{
		width:90px;
		height:auto;
	}
	.content .makerList {
		margin: 0 0 20px 10px;
	}
	.content .makerList .element {
		float: left;
		margin: 0 10px 0 0;
		width: 145px;
	}
	.sideBox #categoryList ul {
		margin: 0px 0 0px 0px;
	}
	.sideBox #categoryList ul li {
		margin: 0 0px 10px 0;
		float: none;
		width: 100%;
	}
	#productsList, .productsList {
		margin:0 0 20px 10px;
	}
	#productsList .element, .productsList .element {
		display:inline-block;
		vertical-align:top;
		/display:inline;
		/zoom:1;
		width: 145px;
		margin: 0 5px 20px 0;
	}
#mainArea .productsList .element p.txt {
	padding:0;
}
#mainArea .productsList .element p.maker {
	padding:0;
}
	.sideBox #categoryList ul li li {
		max-width:260px;
	}
	#subArea p {
		padding:0 10px;
	}
	
	
	#productMain {
		padding:0 10px;
	}
	.content h4 {
		width: 95% !important;
		box-sizing:border-box;
		margin:0 auto 15px;
	}
	#productMain #productMainImg {
		float: none;
		display:block;
		margin: 0 0px 20px 0;
		text-align: center;
	}
	.content .subTitle {
		width: 100%;
	}
	.content .subTitle h3 {
		width: 100%;
	}
	.page {
		line-height:2.0em;
		margin-bottom:40px;
		padding:0 10px;
	}
#shopList {
    width: 100%;
}
#shopList ul {
    margin: 0 0px 0 0;
}
#shopList li {
    float: none;
    margin: 0 auto 15px auto;
    width: 100%;
}
#shopList li.txt {
    width: 100%;
}
#shopList li.txt a {
	margin:0 auto;
}

/* maker
------------------------------------------------------------------*/

.basicBox {
    width: 95%;
	margin:0 auto 15px auto;
	padding:10px;
}
#showcase.box .element {
    float: none;
    width: 100%;
	display:block;
    margin: 15px 0;
	padding-right:10px;
}
#showcase.box .element .img{
    width: 100%;
	display:block;
    margin: 0 0 10px 0;
	text-align:center;
}
#showcase.box .element .img img {
    width: 99px;
}
#showcase.box .element .txt {
    float: none;
	display:block;
    width: 100%;
    margin: 0 0 10px 0;
}
#showcase.box .element .txt p.btn {
    margin: 5px 0 20px 0;
    text-align: right;
}
#productsChildren h5 {
    border-bottom: 1px solid #000;
    padding: 0 0 3px 10px;
}

.makerMenu {
	margin-right:0;
	margin-bottom:20px;
	padding:0 10px;
  width: 100%;
}
.makerMenu li{
	width:145px;
    margin-right: 10px;
	text-align:left;
}
.makerMenu li:first-child {
	width:145px;
    margin-right: 10px;
	text-align:left;
}
.makerMenu li:nth-child(even){
	margin-right:0;
}
.makerMenu li:first-child .list-mark{
  display:inline;
  position:static;
}
.makerMenu li .makername{
  font-size: 10px;
  display:inline;
  text-align: left;
  left:1em;
}

.makerPageShowCaseList {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.makerPageShowCaseList .element {
    display: block;
    width: 305px;
    margin: 10px 5px 10px 5px;
}
.makerPageShowCaseList .element .img{
}

.makerPageShowCaseList .element .txt{
	width:194px;
	margin:0 0 0 0;
}

.makerPageShowCaseList .element .txt p.btn{
	margin:5px 0 0 0;
	text-align:right;
}
.makerRelationList {
	padding:0 10px;
}
.makerRelationList .mediaList li {
    margin: 0 0 10px 0;
}
.makerPagespecialsList {
	padding:0 10px;
}
.full2.multi .makerPagespecialsList ul {
	text-align:center;
    display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.full2.multi .makerPagespecialsList ul li {
	float:none;
	margin:0 auto 15px auto;
  width: 100%;
  min-height: auto;
}
.full2.multi .makerRelationList ul {
	text-align:center;
}
.full2.multi .makerRelationList ul li {
	float:none;
	margin:0 auto 15px auto;
}
#mainArea.full2.multi #informationBox.makerRelationList ul li span.txt {
	width:100%;
}
#mainArea.full2.multi #informationBox h2 {
    font-size: 14px;
	padding-left:10px;
}
#mainArea.full2.multi #informationBox.makerRelationList {
	padding:0;
    float: none;
    width: 100%;
    margin-right: 0;
}
.full2.multi #informationBox.makerRelationList ul {
	text-align:left;
}
.full2.multi #informationBox.makerRelationList ul li {
	width:auto;
}
#mainArea.full2.multi #informationBox.makerRelationListFull ul li span.txt {
    width: 100%;
}
.full2.multi #faqBox h2 {
	padding-left:10px;
	font-size:14px;
}
.full2.multi #faqBox {
    width: 100%;
    float: none;
}
.full2.multi #faqBox .linkList {
	padding:0 10px;
}



/* entry
------------------------------------------------------------------*/

	.entry {
		width: 100%;
	}

.full2 .entry {
    width: 100%;
}
	.youtube {
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}
	.youtube iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}

	.entry img {
		box-sizing:border-box;
	}
	.entry .productDetail {
		width: 95%;
		margin:0 auto;
	}
	.entry .productDetail th {
		width: 30%;
	}
	.box02 {
		padding: 10px;
		margin:0 10px 20px 10px;
	}
#makerCategory br{
	display:inline;
}
	#productRelation .left {
		float: none;
		width: 100%;
		margin-bottom:20px;
	}
	#productRelation h4 {
		width: 100%;
	}
	#productRelation .right {
		float: none;
		width: 100%;
	}
	#subArea h2.sideBoxTitle {
		background-image:none;
		background-color:#1984ad;
		border: none;
    font-size: 14px;
    margin-bottom:0px;
    padding:5px 0 5px 10px;
	}
	#subArea .bottomShadow {
		display: none;
	}
.entry .bg_grey {
    margin: 10px 2px 10px 2px;
}
.entry h2 {
    /* background: url(../_img/master/bg_h2.jpg) 10px 10px no-repeat #F5F5F5; */
    line-height: 1.6em;
    border: 1px solid #ccc;
	margin: 25px 5px 10px 5px;
	padding:5px 10px 5px 10px !important;
}
.entry h3 {
    background: url(../_img/master/bg_h3.jpg) 10px 10px no-repeat #F5F5F5;
    line-height: 1.6em;
    border: 1px solid #ccc;
	border-radius:5px;
	margin: 25px 5px 10px 5px;
	padding:2px 10px 5px 30px !important;
}
.entry h2.entryTitle {
    background: url(../_img/master/bg_h2.jpg) 10px 10px no-repeat #F5F5F5;
    line-height: 1.6em;
    border: 1px solid #ccc;
	margin: 25px 5px 10px 5px;
	padding:5px 10px 5px 25px !important;
}
.mediaIn {
    padding: 0 10px 30px 10px;
}
/* special
------------------------------------------------------------------*/
.content #mainArea.full2 .subTitle {
    width: 100%;
}
.content #mainArea.full2 .subTitle h3 {
    width: 100%;
}
#tab ul {
    *zoom: 1;
}
#tab ul:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
#tab ul li {
		display: block;
		width:45%;
		margin: 0 15px 0 0;
	}
	#tab ul li {
		display: block;
		width:45%;
		margin: 0 15px 0 0;
	}
	#tab ul li a{
		display:block;
	}
.full2 .bannerList {
    display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.full2 .bannerList .element {
    display: block;
    float: none;
    margin: 0 auto 10px auto;
    width: 210px;
    text-align: center;
}
.full2 .bannerList .element .txt {
  text-align: left;
}
a.noImgBanner {
    width: 100%;
}

table.basic {
    width: 95%;
    margin: 0 auto 15px auto;
}
.entry h4 {
    margin: 20px 4px 10px;
}

/* service
------------------------------------------------------------------*/

.landing .basicServiceLayout table {
    margin: 0 auto 20px auto;
    width: 100%;
}
.landing .basicServiceLayout .serviceList .service-img {
  top:-10px;
  right:-10px;
  width:60px;
  height: auto;
}
.landing .basicServiceLayout .serviceList .iR {
  position:absolute;
  float:none;
  top:-10px;
  right:-10px;
  width:60px;
  height: auto;
}

/* support
------------------------------------------------------------------*/

.basicBox.noTitle {
    padding: 10px;
    width: 95%;
	margin:0 auto 20px;
	border-bottom:1px solid #ccc;
}
.filesMakerList li {
    display: block;
    width: 145px;
    margin: 10px 10px 10px 0;
}
.filesMakerList.supportContent li {
    display: block;
    margin: 10px;
}
#mes {
    background: url(../_img/company/photo.jpg) no-repeat center top;
    margin: 30px 0 35px 0;
    padding: 330px 10px 0 10px;
}

/* contact
------------------------------------------------------------------*/

.contactBox {
    width: 100%;
}
.full .basicBox {
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    width: 100%;
}
.btn {
    margin-bottom: 20px;
}


.specials {
    width: 100%;
}
.specials ul{
    width: 100% !important;
}
.specials ul.clearfix li{
	width:50%;
}
.specials td {
	box-sizing:border-box;
}
.specials .programtable td{
	font-size:10px;
}
.specials .bg_yazirusi {
    font-size: 10px;
    line-height: 18px;
    padding: 0px 0px 0px 20px;
    margin: 0;
    list-style: none;
}
.specials .left_box {
    float: none;
    width: 100%;
}
.specials .right_box {
    float: none;
    width: 100%;
}
.layoutTable th {
	width:25%;	
}
.layoutTable td {
	width:75%;	
}
.layoutTable td span{
	display:block;
}
.layoutTable td input[type="text"]{
	width:96.5%;
	margin:0 0 10px 0;
}
.layoutTable td input[name="addr1"]{
	width:96.5% !important;
	margin:0 0 10px 0 !important;
}
.layoutTable td input[name="company"]{
	width:96.5% !important;
	margin:0 0 10px 0 !important;
}
.layoutTable td input[type="button"]{
	margin:0 0 10px 0;
}
.layoutTable td  input.IMEOn {
	width:70px;
	margin:0 5px 10px 5px;
}
.layoutTable td  input[name="name[0]"], .layoutTable td  input[name="name[1]"], .layoutTable td  input[name="name2[0]"], .layoutTable td  input[name="name2[1]"] {
	width:70px;
	margin:0 5px 10px 5px;
}
.layoutTable td  input[name="tel[0]"], .layoutTable td  input[name="tel[1]"], .layoutTable td  input[name="tel[2]"], .layoutTable td  input[name="post[0]"], .layoutTable td  input[name="post[1]"] {
	width:50px;
	margin:0 5px 10px 5px;
}
.layoutTable td  input[name="post[1]"] {
	width:60px;
	margin:0 5px 10px 5px;
}
.layoutTable td textarea{
	width:96.5%;
}
/* service
------------------------------------------------------------------*/

.full100Wrapper {
    width: 100% !important;
}
#pathNavi {
    width: 100% !important;
}
.content h1 {
    width: 100% !important;
	font-size:16px;
	padding:0 10px 5px !important;
	box-sizing:border-box;
}
.attributes.mm {
	padding:0 10px !important;
}
.attributes li {
    font-weight: normal !important;
	font-size:10px;
}
.landing .basicServiceLayout h2 {
	padding-left:0 !important;
}
.landing .entry .basicServiceLayout h2 span {
    width: 100%;
    font-size: 14px;
    height: auto;
    line-height: 1.6em;
    padding:5px 10px 5px 35px;
    box-sizing: border-box;
}
.landing .basicServiceLayout .inner {
    width: 100% !important;
    margin: auto;
	padding:0 10px;
}
#mainArea.landing .basicServiceLayout .inner p{
    padding: 0;
}
.landing .basicServiceLayout .tag span {
    font-size: 10px !important;
    font-weight: normal !important;
	margin-bottom:10px;
}
#mainArea.landing .basicServiceLayout .serviceList div p.servicetit {
  padding:0 10px;
  font-size:14px;
}
#mainArea.landing .basicServiceLayout .serviceList div p.servicetxt {
  padding:0 10px;
}
.landing .entry .basicServiceLayout .serviceMenu ul{
	width:300px;
	margin:0 auto;
}
.landing .entry .basicServiceLayout .serviceMenu ul li:nth-child(odd){
	width:145px;
	margin-right:10px !important;
	margin-bottom:10px !important;
}
.landing .entry .basicServiceLayout .serviceMenu ul li:nth-child(even){
	width:145px;
	float:right;
	margin-right:0 !important;
	margin-bottom:10px;
}
.landing .entry .basicServiceLayout h3 {
    text-align: left;
    font-size: 16px !important;
	padding:0 10px !important;
}
.landing .basicServiceLayout .bgblue {
    background-color: #daf5ff;
    padding: 10px 0;
    margin-bottom: 0px;
}
.landing .basicServiceLayout .bgblue li.float_left{
	width:45%;
}
#mainArea.landing .basicServiceLayout .inner p.point {
    padding: 6px 0 5px 10px;
    margin: -20px 0 20px -10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.0em;
    border-radius: 5px 0 0 0;
}
.landing .basicServiceLayout .separate03 .col {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
}
.landing .basicServiceLayout .separate03 .col.thumbnail {
    width: 92% !important;
    float: none !important;
	box-sizing:content-box;
	margin:0 auto 20px auto !important;
}

.landing .basicServiceLayout .separate03 {
    margin-right: auto;
}
 .content #mainArea.landing .entry .basicServiceLayout h4 {
	width:100% !important;
    margin:20px 0px 10px;
	font-size:16px !important;
}
.landing .basicServiceLayout .serviceList {
    margin-bottom: 20px;
}
#mainArea.landing .basicServiceLayout .inner .serviceList a p.servicetit {
    font-size: 14px;
    width: 100%;
    height: auto;
    display: block;
    padding:10px;
    margin-right: 0;
	margin-bottom:0;
}
#mainArea.landing .basicServiceLayout .inner .serviceList a p.servicetxt {
    font-size: 12px;
    height: auto;
    width: 100%;
    padding:10px;
    display: block;
}
.landing .basicServiceLayout .separate02 {
    margin-right: auto;
}
.landing .basicServiceLayout .separate02.mgb60 {
	margin-bottom:0px !important;
}
.landing .basicServiceLayout .separate02 .col {
    width: 92% !important;
	box-sizing:content-box;
    float: none;
    margin-right: 0;
    margin-bottom: 20px !important;
}
.landing .basicServiceLayout .separate02 .iR {
    float: none !important;
	display:block;
    margin:0 auto 10px auto !important;
}
.landing .basicServiceLayout .inner .iR {
    float: none !important;
	display:block;
    margin:0 auto 10px auto !important;
}
.landing .basicServiceLayout .itemArea .bluetit {
    font-size: 16px;
}
#mainArea.full2.landing .basicServiceLayout .flex .col03 {
    width: 100%;
    margin-right: 0;
}
#mainArea.full2.landing .basicServiceLayout .flex .col02 {
    width: 100%;
    margin-right: 0;
}
.landing .basicServiceLayout .thumbnail {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 20px 10px;
    margin-bottom: 20px;
}
.landing .basicServiceLayout .thumbnail .fL{
	float:none;
	display:block;
	margin:0 auto 10px;
}
.landing .basicServiceLayout .thumbnail .w630{
	width:100%;
}

.full2 #productsList, .full2 .productsList {
    margin-left: 10px;
	overflow:hidden;
}
.full2 .productsList .element.last {
    margin-right: 10px;
}
.landing .basicServiceLayout .itemArea .leftBox {
    float: none;
    width: 100%;
    margin-right: 0;
}
.landing .basicServiceLayout .itemArea .rightBox {
    float: none;
    width: 100%;
}
.landing .basicServiceLayout .itemArea .price {
    position: static;
}

/* news
------------------------------------------------------------------*/

.linkListDate li {
	position:relative;
	margin-bottom:20px;
}
.newsList ul li span.category {
    float: none;
    display: block;
	position:absolute;
	top:-5px;
	left:95px;
}
.linkListDate li .date {
    float: none;
    display: block;
    width: 70px;
}
.linkListDate li .txt {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
}
.newsList ul li span.txt {
    float: none;
    display: block;
    width: 100%;
}
.newsList ul li span.linkTxt {
    float: none;
    display: block;
    width: 100% !important;
}
.map {
  width: 100%;
  height:200px;
}
.prof-th {
  width:20%;
}

/* TOP Pick Up
------------------------------------------------------------------*/
#mainArea .top_pickup {
  width: 100%;
  margin-bottom:20px;
}
#mainArea .top_pickup.case {
  float: none;
}
#mainArea .top_pickup.special {
  float: none;
}
/* clearfix */
#mainArea .top_pickup .box {
    margin-bottom:20px;
    min-height: 0;
}
#mainArea .top_pickup .box img{
  max-width: 300px;
}
#mainArea .top_pickup .box p{
  padding-left:0;
}
#mainArea .top_pickup .box p.tit{
  font-size: 13px;
}
#mainArea .top_pickup.special img{
  display: block;
  float: none;
  margin:0 auto 10px auto;
}



.showCaseBox .flex .element .showCaseTitle .tit {
    width: 100%;
    min-height: 0;
    display: block;
}
.showCaseBox h2 .subItem {
    position: static;
    font-size: 10px;
    margin-top: 5px;
}
.showCaseBox .flex .moreBtn span{
  width:80%;
}
.showCaseBox .showCase.flex .moreBtn span{
  width:80%;
}
.showCaseBox .flex {
  padding: 0 10px;
}
.showCaseBox .flex .element {
    width: 100%;
    margin: 10px 0;
}
.showCaseBox .showCase.flex .element {
    width: 100%;
    margin: 10px 0;
}
.showCaseBox .flex .element .showCaseTitle .detailArea {
    position: static;
    margin-top: 5px;
    text-align: right;
}
.showCaseBox .flex .element .showCaseTitle .detailArea p.detail {
  margin-bottom:0;
}
.showCaseBox .flex .element .showCaseTitle .detailArea p.detail .name {
  text-align: left;
}
.showCaseBox .flex .element a .contArea .thumb {
  max-width: 30%;
  height: auto;
}
.showCaseBox .flex .element a .contArea .txt {
    overflow: visible;
}

.specialBox .special {
  padding: 0 10px;
}
.specialBox .special ul li a {
    *zoom: 1;
}
.specialBox .special ul li a:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.specialBox .special ul li a .tag{
  display: inline-block;
  float: none;
  margin-right: 10px;
  min-width: 0;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  padding: 3px 10px;
  margin-right: 10px;
}
.specialBox .special ul li a span{
  display: block;
  overflow: hidden;
}


.specialBox .special .moreBtn span{
  width:80%;
}
.specialBox .special p.aR{
  margin-top: 20px;
}

.pickups {
  padding: 0 10px;
}
.pickups .pickup {
  display: block;
  padding-bottom: 10px;
}
.pickups .pickup .pickupTitle {
  padding: 5px;
  float: none;
  width: 100%;
  text-align: center;
  margin-right: 0;
  margin-bottom: 10px;
}
.pickups .pickup .pickupTitle p{
  display: inline-block;
}
.pickups .pickup .pickupTitle p:first-child{
  border-bottom: none;
  border-right: 1px solid #fff;
  margin-bottom: 0;
}
.pickups .pickup p {
  padding: 10px;
}


}
@media screen and (min-width: 480px) and (max-width:767px) {
.separate {
	padding:0 10px;
}
.col img {
  display:block;
  margin:auto;
  max-width:100%;
}
/* clearfix */
.separate02 {
	margin-right:0px;
}
.separate02 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
.separate03 {
	margin-right:-3%;
}
.separate03 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
.separate04 {
	margin-right:-3%;
}
.separate04 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
.separate05 {
	margin-right:-3%;
}
.separate05 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full .separate02 {
	margin-right:0px;
}
#mainArea.full .separate02 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full .separate03 {
	margin-right:0px;
}
#mainArea.full .separate03 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full .separate04 {
	margin-right:-3%;
}
#mainArea.full .separate04 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full .separate05 {
	margin-right:-3%;
}
#mainArea.full .separate05 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full2 .separate02 {
	margin-right:0px;
}
#mainArea.full2 .separate02 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full2 .separate03 {
	margin-right:0px;
}
#mainArea.full2 .separate03 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full2 .separate04 {
	margin-right:-3%;
}
#mainArea.full2 .separate04 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full2 .separate05 {
	margin-right:-3%;
}
#mainArea.full2 .separate05 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
}
@media screen and (max-width:479px) {
/* toppage
------------------------------------------------------------------*/
#serviceTop .elements2 .element2 {
	width:100%;
}
#serviceTop .elements2 .element2:nth-child(even) {
	margin: 0 4% 10px 0;
}

/* specials
------------------------------------------------------------------*/
.showCaseBox .element{
	width:100%;
	margin:10px 5px 10px 5px;
}
.showCaseBox .element .img {
    width: 32%;
    margin: 0 1% 0 0;
    text-align:center;
}
.showCaseBox .element .txt {
    width: 66%;
    overflow:hidden;
}
.makerPageShowCaseList .element{
	width:100%;
	margin:10px 5px 10px 5px;
}
.makerPageShowCaseList .element .img {
    width: 32%;
    margin: 0 1% 0 0;
    text-align:center;
}
.makerPageShowCaseList .element .txt {
    width: 66%;
    overflow: hidden;
}

.separate {
	padding:0 10px;
}
.col img {
  display:block;
  margin:auto;
  max-width:100%;
}

/* clearfix */
.separate02 {
	margin-right:0;
}
.separate02 .col{
	width:100%;
	float:none;
	margin-right:0;
}
.separate03 {
	margin-right:0;
}
.separate03 .col{
	width:100%;
	float:none;
	margin-right:0;
}
.separate04 {
	margin-right:-3%;
}
.separate04 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
.separate05 {
	margin-right:-3%;
}
.separate05 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full .separate02 {
	margin-right:0;
}
#mainArea.full .separate02 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full .separate03 {
	margin-right:0px;
}
#mainArea.full .separate03 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full .separate04 {
	margin-right:-3%;
}
#mainArea.full .separate04 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full .separate05 {
	margin-right:-3%;
}
#mainArea.full .separate05 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full2 .separate02 {
	margin-right:0px;
}
#mainArea.full2 .separate02 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full2 .separate03 {
	margin-right:0px;
}
#mainArea.full2 .separate03 .col{
	width:100%;
	float:none;
	margin-right:0px;
}
#mainArea.full2 .separate04 {
	margin-right:-3%;
}
#mainArea.full2 .separate04 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
#mainArea.full2 .separate05 {
	margin-right:-3%;
}
#mainArea.full2 .separate05 .col{
	width:47%;
	float:left;
	margin-right:3%;
}
}


@media screen and (min-width:768px) {
	.sp {
		display:none !important;
	}
	#globalNaviSp{
		display:none;
	}
}