@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

* img{
	vertical-align:bottom;
}

html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
	background:#f0f8ff;
	color:#666666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a img{
	border:none;
}

/* header */

.outheader{
	width:100%;
	height:205px;
	float:left;
	background:url(../img/bg_header.png) no-repeat top center;
	/*position:absolute;
	z-index:1;*/
}

header{
	width:960px;
	height:205px;
	margin-right:auto;
	margin-left:auto;
}

/* logo */

.logo img{
	width:960px;
	height:65px;
}

/* outnav */

.outnav ul{
	list-style:none;
	float:left;
	width:536px;
}

.outnav ul li{
	float:left;
	margin-right:3px;
}

/* nav_01 */

#nav_01 a{
	width:48px;
	height:30px;
	display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../img/nav_01.png) no-repeat top left;
}

#nav_01 a:hover{
	background:url(../img/nav_01_on.png) no-repeat top left;
}

/* nav_02 */

#nav_02 a{
	width:114px;
	height:30px;
	display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../img/nav_02.png) no-repeat top left;
}

#nav_02 a:hover{
	background:url(../img/nav_02_on.png) no-repeat top left;
}

/* nav_03 */

#nav_03 a{
	width:150px;
	height:30px;
	display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../img/nav_03.png) no-repeat top left;
}

#nav_03 a:hover{
	background:url(../img/nav_03_on.png) no-repeat top left;
}

/* nav_04 */

#nav_04 a{
	width:160px;
	height:30px;
	display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../img/nav_04.png) no-repeat top left;
}

#nav_04 a:hover{
	background:url(../img/nav_04_on.png) no-repeat top left;
}

/* nav_05 */

#nav_05 a{
	width:48px;
	height:30px;
	display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../img/nav_05.png) no-repeat top left;
}

#nav_05 a:hover{
	background:url(../img/nav_05_on.png) no-repeat top left;
}

/* search */

.search{
	float:right;
	text-align:right;
	width:400px;
}

/* Googleカスタム検索のスタイル指定 */

.gsc-control-cse {
	 padding: 0em!important;
	 background:none!important;
	 border:none!important;
 }

/* container */

.container{
	width:100%;
	/*height:100%;*/
	float:left;
	background:url(../img/bg_main.png) repeat-y top center;
}

/* main */

.main{
	width:960px;
	margin-right:auto;
	margin-left:auto;
}

.main>section{
	margin-top:200px;
}

/* footer */

.outfooter{
	width:100%;
	height:190px;
	clear:both;
	/*float:left;*/
	background:url(../img/bg_footer.png) no-repeat bottom center;
	/*position:absolute;
	bottom:0px;*/
}

footer{
	width:960px;
	height:55px;
	padding-top:135px;
	margin-right:auto;
	margin-left:auto;
}

footer ul{
	list-style:none;
	/*margin-top:130px;*/
}

footer ul li{
	float:left;
	margin-right:1em;
	font-size:1em;
	line-height:1.5;
}

footer a{
	color:#ffffff;
	text-decoration:none;
}

footer a:hover{
	text-decoration:underline;
}

/* btn_phone PC、電話をかけるボタン。タブレットでは非表示 */

.btn_phone{
	display:none;
}

/* headline */

/* hd_01 */

.hd_01{
	border-left:10px solid #d91044;
	border-bottom:1px solid #cccccc;
	padding-left:20px;
	font-size:1.2em;
	line-height:1.5;
	margin-bottom:1em;
}

/* hd_02 */

.hd_02{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.2em;
	line-height:1.5;
	margin-bottom:1em;
}

/* hd_03 */

.hd_03{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.1em;
	line-height:1.5;
	margin-bottom:1em;
}

/* hd_04 */

.hd_04{
	clear:both;
	width:calc(100% - 1.5em);
	font-size:1em;
	margin-bottom:1em;
	color:#d91044;
}

.hd_04 {
	position: relative;
	padding: .5em .75em;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.hd_04::before,
.hd_04::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.hd_04::before {
	border-top: 15px solid #ccc;
}
.hd_04::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}

/* hd_05 */

.hd_05{
	clear:both;
	width:calc(100% - 1.5em);
	font-size:1em;
	margin-bottom:1em;
	color:#ffffff;
}

.hd_05 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	background:url(../img/bg_hd5_02.png) no-repeat top left;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.hd_05::before,
.hd_05::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.hd_05::before {
	border-top: 15px solid #ccc;
}
.hd_05::after {
	margin-top: -2px;
	border-top: 15px solid #12bbfe;
}

/* hd_06 */

.hd_06{
	clear:both;
	width:calc(100% - 1.5em);
	font-size:1em;
	margin-bottom:1em;
	color:#ffffff;
}

.hd_06 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	background:url(../img/bg_wave.png) no-repeat top left;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.hd_06::before,
.hd_06::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.hd_06::before {
	border-top: 15px solid #ccc;
}
.hd_06::after {
	margin-top: -2px;
	border-top: 15px solid #006787;
}


/* heading08 */

#heading08{
	position:relative;
	/*margin:0 0px;*/
	padding:0 10px 0 55px;
	font:bold 1.5em/50px Arial, Helvetica, sans-serif;
	color:#666666;
	/*background:#c9caca;*/
	z-index:1;
	margin-bottom:30px;
	/*border-top-right-radius: 10px;    /* 右上 */
	/*border-bottom-right-radius: 10px; /* 右下 */
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background-size: 4px 4px;
	
}
#heading08:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:50px;
	border-right:#fff solid 2px;
	background:#d91044;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
#heading08:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:50px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}




/* tex */

.tx_01{
	font-size:1em;
	line-height:1.5;
	margin-bottom:1em;
}






/* トップページ用 */

/* header */

.header_top{
	position:absolute;
	z-index:2;
	top:0px;
}


.img_top{
	width:960px;
	height:480px;
	margin-top:80px;
	margin-right:auto;
	margin-left:auto;
	/*position:absolute;*/
	z-index:1;
	margin-bottom:30px;
}

/* feature 商品等の紹介 */

.feature{
	width:990px;
	float:left;
	color:#ffffff;
}

.feature ul{
	list-style:none;
}

.feature ul li{
	float:left;
	width:300px;
	height:225px;
	margin-right:30px;
	margin-bottom:30px;
	border-radius:10px;
	overflow:hidden;
}

.feature figure {
	position: relative;
	overflow: hidden;
}

.feature figure img{
	border-radius:10px;
}

.feature figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	border-radius:10px;
}

.feature figure:hover figcaption {
	opacity: 1;
	border-radius:10px;
	cursor:pointer;
	color:#ffffff;
}

.feature figcaption h3{
	font-size:1em;
	line-height:1.5;
	margin-top:1em;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:1em;
}

.feature figcaption p{
	font-size:1em;
	line-height:1.5;
	margin-right:1em;
	margin-left:1em;
}


/* 画像を拡大 */

.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.feature figure:hover .transform01 {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/* 最新情報インデックス */

.outindex{
	width:calc(100% - 2em) ;
	padding-top:1em;
	padding-right:1em;
	padding-bottom:1em;
	padding-left:1em;
	background:#f0f6da;
	margin-bottom:2em;
	border-radius:10px;
}

.newsindex{
	width:100%;
	height:11.25em;
	overflow-y:scroll;
}

.newsindex ul{
	list-style:none;
}

.newsindex ul li{
	font-size:0.9em;
	line-height:1.5;
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
}

.newsindex ul li div{
	display:table-cell;
}

.newmark{
	width:3em;
	color:#d70035;
}

.newdate{
	width:7em;
}



.newsindex ul li a{
	color:#666666;
	text-decoration:none;
}

.newsindex ul li a:hover{
	text-decoration:underline;
}

.newsindex ul li:nth-child(2n) {    /* 偶数行 */
   background-color:#fbfbfb;
}

.newsindex ul li:nth-child(2n+1) {  /* 奇数行 */
   background-color:#ecf0f1;
}



/* サブページ用 */

/* master */

.master{
	float:right;
	margin-bottom:1em;
	margin-left:2em;
}

.master div{
	font-size:1em;
	line-height:1.5;
	text-align:center;
}

section>article{
	margin-bottom:2em;
}


/* table_01 */

.table_01{
	border-collapse:collapse;
	margin-bottom:2em;
	width:auto;
}

.table_01 tr:nth-child(2n) {    /* 偶数行 */
   background-color:#fbfbfb;
}

.table_01 tr:nth-child(2n+1) {  /* 奇数行 */
   background-color:#ecf0f1;
}

.table_01 th{
	font-size:1em;
	line-height:1.5;
	text-align:left;
	padding-top:5px;
	padding-right:1em;
	padding-bottom:5px;
	padding-left:1em;
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
}

.table_01 td{
	font-size:1em;
	line-height:1.5;
	padding-top:5px;
	padding-right:1em;
	padding-bottom:5px;
	padding-left:1em;
	text-align:top;
}

/* img */

.img_01{
	border:1px solid #cccccc;
	padding:1px;
}

.img_right{
	float:right;
}

.cap_01{
	font-size:1em;
	line-height:1.5;
	margin-bottom:1em;
	text-align:center;
}


/* 沿革用 */

.history{
	margin-bottom:2em;
}

.history table{
	border-collapse:collapse;
}

.history table th{
	font-size:1em;
	line-height:1.5;
	padding-top:0.5em;
	padding-right:1em;
	padding-bottom:0.5em;
	padding-left:1em;
	white-space:nowrap;
	text-align:left;
}

.history table td{
	font-size:1em;
	line-height:1.5;
	padding-top:0.5em;
	padding-right:1em;
	padding-bottom:0.5em;
	padding-left:1em;
}

/* 商品案内用 */

/* items */

.items{
	width:990px;
}

.items>div{
	width:304px;
	padding-right:26px;
	float:left;
}

.items_img{
	border:1px solid #cccccc;
	padding:1px;
	margin-bottom:0.5em;
}

.items_com{
	width:304px;
	border-bottom:1px solid #cccccc;
	min-height:6em;
	font-size:1em;
	line-height:1.5;
	margin-bottom:1.5em;
}

.to_order a{
	color:#468cca;
	text-decoration:none;
	background:url(../img/ico_cart.png) no-repeat left center;
	padding-left:30px;
	min-height:18px;
}

.to_order a:hover{
	text-decoration:underline;
}

/* 注文ページ用 */

.order_main{
	width:630px;
	float:left;
}

.order_index{
	width:304px;
	margin-left:656px;
}

.order_item{
	width:100%;
	float:left;
	border-bottom:1px solid #cccccc;
	padding-bottom:0.5em;
	margin-bottom:2em;
}

.orimg_main{
	width:100%;
	margin-bottom:1em;
}

.orimg_sub{
	width:315px;
	float:left;
}

.orimg_sub img{
	margin-bottom:0.5em;
}

.ortex{
	width:300px;
	margin-left:330px;
}

.ortex h2{
	font-size:1em;
	line-height:1.5;
	margin-bottom:1em;
	border-left:5px solid #d91044;
	padding-left:10px;
}

.ortex form{
	font-size:1em;
	line-height:1.5;
}

.ban{
	margin-bottom:1em;
}

.checkbox{
	width:calc(100% - 2em - 2px);
	float:left;
	border:1px solid #e9bc00;
	background:#fff3b8;
	border-radius:5px;
	padding-top:1em;
	padding-right:1em;
	padding-bottom:1em;
	padding-left:1em;
	margin-bottom:1em;
}

.checkbox h3{
	font-size:1em;
	line-height:1.5;
}

.checkbox form{
	font-size:1em;
	line-height:1.5;
}

/* ビックリマーク */

.ico_w{
	background:url(../img/ico_warning.png) no-repeat left top;
	padding-left:38px;
}
	



/* 個人情報用 */

.privacy{
}

.privacy h2{
	position:relative;
	padding-left:30px;
	border-bottom:1px solid #ccc;
	/*font-weight: bold;*/
	font-size: 1em;
	line-height: 2;
	margin-bottom:1em;
}
 
.privacy h2:after, .privacy h2:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
.privacy h2:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}

.privacy p{
	font-size:1em;
	line-height:1.5;
	margin-bottom:1em;
}

.privacy ul{
	margin-bottom:1em;
	margin-left:1.5em;
}

.privacy ul li{
	font-size:1em;
	line-height:1.5;
}

/* リンクページ用 */

.link{
}

.link dt{
	font-size:1em;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:0.5em;
	background:url(../img/list_link.png) no-repeat left center;
	padding-left:34px;
	min-height:24px;
}

.link dd{
	font-size:1em;
	line-height:1.5;
	margin-bottom:2em;
	margin-left:5em;
}

.link a{
	color:#666666;
	text-decoration:none;
}

.link a:hover{
	text-decoration:underline;
}


/* コンタクトページ用 */

/* contact */

.contact{
	margin-left:56px;
	font-size:1em;
	line-height:1.5;
}

/* contact_ico */

.contact_ico{
	float:left;
}

.contact_ico img{
	width:36px;
	height:36px;
}

/* conbox */

.conbox{
	margin-bottom:2em;
}

/* mailform */

.mailform{
	margin-bottom:2em;
}

.mailform table{
	border-collapse:collapse;
}

.mailform table th{
	text-align:left;
	font-weight:normal;
	font-size:1em;
	line-height:1.5;
	padding:1em;
}

.mailform table td{
	font-size:1em;
	line-height:1.5;
	padding:1em;
}

.mailform table tr:nth-child(2n) {    /* 偶数行 */
   background-color:#fbfbfb;
}

.mailform table tr:nth-child(2n+1) {  /* 奇数行 */
   background-color:#ecf0f1;
}

/* まめ知識用 */


/* mame */

.mame{
	width:100%;
	margin-bottom:2em;
}

.mame p{
	font-size:1em;
	line-height:1.5;
	margin-left: calc(319px + 1rem);
}

.mameimg{
	float:left;
	/*margin-right:1em;*/
	margin-bottom:1em;
	border:1px solid #cccccc;
	padding:1px;
}

/*北羽新報記事画像用*/

.np img{
	width: 315px;
	height: auto;
}

/*PDFリンク用*/

.pdf{
	background: url(../img/Adobe_PDF_file_icon_32x32.png) no-repeat left center;
	padding-left: 40px;
	min-height: 32px;
	margin-top: 1rem;
}


/* ページトップへ戻るボタン */

#pageTop{
	background:#DDD;
	border-radius:5px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	text-decoration:none;
	}
#pageTop:hover{
	background:#EEE;
	}






























/****************************************************************************************************************/
/****************************************************************************************************************/
/**** モバイル用 ****/

@media screen and (max-width: 800px) {
	
body{
	background:#ffffff;
}

/* header */

.outheader{
	position:relative;
	height:auto;
	background:#0e3b8e;
	border-top:1px solid #879dc7;
	padding-top:10px;
}

header{
	width:100%;
	height:auto;
}

/* logo */

.logo img{
	width:calc(100% - 20px) ;
	height:auto;
	margin-left:10px;
}

/* outnav */

.outnav ul{
	width:100%;
}

/* nav_01 */

#nav_01 a{
	background:none;
    text-indent: 0%;
	width:100%;
	height:auto;
}

#nav_01 a:hover{
	background:none;
}

/* nav_02 */

#nav_02 a{
	background:none;
    text-indent: 0%;
	width:100%;
	height:auto;
}

#nav_02 a:hover{
	background:none;
}

/* nav_03 */

#nav_03 a{
	background:none;
    text-indent: 0%;
	width:100%;
	height:auto;
}

#nav_03 a:hover{
	background:none;
}

/* nav_04 */

#nav_04 a{
	background:none;
    text-indent: 0%;
	width:100%;
	height:auto;
}

#nav_04 a:hover{
	background:none;
}

/* nav_05 */

#nav_05 a{
	background:none;
    text-indent: 0%;
	width:100%;
	height:auto;
}

#nav_05 a:hover{
	background:none;
}

/* search */

.search{
	width:calc(100% - 20px) ;
	margin-right:10px;
	margin-left:10px;
}

/* main */

.main{
	width:100%;
	float:left;
}

.main>section{
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
}

/* footer */

.outfooter{
	width:100%;
	height:auto;
	/*position:relative;*/
	/*bottom:auto;*/
	/*padding-bottom:10px;*/
	background:#0e3b8e;
	float:left;
	padding-top:1em;
	padding-bottom:1em;
}

footer{
	width:100%;
	height:auto;
	padding-top:0px;
}

footer a{
	/*color:#000000;*/
}

footer ul{
	margin-left:10px;
}

/* トップページ用 */

/* img_top */

.img_top{
	display:none;
}

/* headline08 */

#heading08{
	margin-top:30px;
}

/* feature 商品等の紹介 */

.feature{
	width:100%;
	/*margin-top:30px;*/
}

.feature ul li{
	width:100%;
	height:auto;
}

.feature ul li figure{
	width:100%;
	height:auto;
}

.feature ul li figure img{
	width:100%;
	height:auto;
}

/* 最新情報インデックス */

.newsindex{
	height:auto;
}




/* サブページ用 */

/* img */

.img_right{
	float:left;
}

.img_right img{
	width:100%;
	height:auto;
}

/* 商品案内用 */

/* items */

.items{
	width:100%;
}

/* 注文ページ用 */

.order_main{
	width:100%;
}

.order_index{
	width:100%;
	margin-left:0px;
}

.order_item{
	width:100%;
}

.orimg_main{
	width:100%;
}

.order_main img{
	width:100%;
}

.orimg_sub{
	width:100%;
}

.orimg_sub img{
	width:100%;
}

.ortex{
	width:100%;
	margin-left:0px;
}

.ortex h2{
	clear:both;
}

.ban img{
	width:100%;
}

/* まめ知識用 */


/* mame */
	
.mame p{
	margin-left: 0px;
}	

.mameimg{
	clear:left;
	width:calc(100% - 4px);
}

.mameimg img{
	width:100%;
	height:auto;
}
	
.np img{
	width:calc(100% - 4px);
}




	
	
	
}

/****************************************************************************************************************/
/****************************************************************************************************************/
/**** 479px以下用（スマートフォン用）の記述 ****/

@media screen and (max-width: 479px) {
	
/* btn_phone 電話をかけるボタン。スマホでは表示 */

.btn_phone{
	display:block;
	width:100%;
	float:left;
	margin-bottom:1em;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}