@charset "utf-8";

/* --------------------------------------------- */
/* ▼リセットCSS */
/* --------------------------------------------- */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
ul {	list-style: none;}
blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}


/* clearfix floatを使うブロック要素にあらかじめclass=cfを設定しておく。*/
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }


body{
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	_font-size: 100%;
	color: #333333;
	line-height: 1.4em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* --------------------------------------------- */
/* 16pxを基準としたフォントem対応 */
/* -6px37.50%5pt font-size:0.375em;- */
/* -7px43.80%5pt font-size:0.438em;- */
/* -8px50.00%6pt font-size:0.500em;- */
/* -9px56.30%7pt font-size:0.563em;- */
/* -10px62.50%8pt font-size:0.625em;- */
/* -11px68.80%8pt font-size:0.688em;- */
/* -12px75.00%9pt font-size:0.750em;- */
/* -13px81.30%10pt font-size:0.813em;- */
/* -14px87.50%11pt font-size:0.875em;- */
/* -15px93.80%11pt font-size:0.938em;- */
/* -16px100.00%12pt font-size:1.000em;- */
/* -17px106.30%13pt font-size:1.063em;- */
/* -18px112.50%14pt font-size:1.125em;- */
/* -19px118.80%14pt font-size:1.188em;- */
/* -20px125.00%15pt font-size:1.250em;- */
/* -21px131.30%16pt font-size:1.313em;- */
/* -22px137.50%17pt font-size:1.375em;- */
/* -23px143.80%17pt font-size:1.438em;- */
/* -24px150.00%18pt font-size:1.500em;- */
/* http://pxtoem.com/- */
/* --------------------------------------------- */
	   
img {
    max-width: 100%;
    height: auto;
	border: 0;
}
a {
	color: #008000;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:visited {
	color: #008000;
	text-decoration: none;
}
a:hover.alpha {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.orangebold{
	color: #FF6600;
	font-weight:bold;
}
.redbold{
	color: #FF0000;
	font-weight:bold;
}
.redbold20{
	color: #FF0000;
	font-weight:bold;
	font-size:2.0em;
}
.redunderline{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	}

.yellowbold{
	color: #FFFF00;
	font-weight: bold;
}
.greenbold{
	color: #009966;
	font-weight: bold;
}
.bluebold{
	color: #3366FF;
	font-weight: bold;
}
.navybold{
	color: #333399;
	font-weight: bold;
}
.purplebold{
	color: #8F1F8F;
	font-weight: bold;
}

h1{
	font-size: 0.75em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h2{
	font-size: 1.6em;
	font-weight: bold;
	color: #007F00;
	background-color: #F8F1A0;
	text-align: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
}
h3{
	font-size: 1.6em;
	font-weight: bold;
	color: #FAC02E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FAC02E;
	padding-bottom: 5px;
	margin: 5px;
	text-align: left;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 100px;
	height: 24px;
	background-color: #33CC66;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

/* -------------------ヘッダー-------------------- */
header {
	max-width: 960px;
	margin: 0px auto;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF389;
}

/* ロゴ */
header .box1 {
	width: 100%;
	text-align: center;
	height:auto;
}
header .box2 {
	width: 100%;
	text-align: center;
}
header .onlypc{
display:none;
}

/* -------------------グローバル横ナビ-------------------- */
#gnavi {
	margin:0 auto;
	max-width: 960px;
}
#gnavi ul {
    width: 100%;
    border-top: solid 1px #bbb;
}
#gnavi li {
    float: left;
    width: 50%;
	font-size:0.875em;
	text-align:center;
}
#gnavi ul li img {
    display: none;
}
#gnavi li a {
	display: block;
	background-color: #72CB55;
	padding: 6px;
	text-decoration: none;
	color: #FFF389;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #008000;
}
#gnavi li a:hover{
	display: block;
	background-color: #FFEF5F;
	padding: 6px;
	text-decoration: none;
	color: #72CB55;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #008000;
}
#gnavi li:nth-child(odd) a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #008000;
}
#gnavi li a:before {
    content: attr(data-label);
}

/* -------------------ラッパー------------------- */
#wapper {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

/* -------------------メインコンテンツ-------------------- */
#contents{
	width:100%;
}
.pageanchor a{
	height:3px;
	display:block;
}

.itembox {
  text-align: left;
  margin: 0 auto;
  width: 90%;
}
.sub {
  text-align: left;
  width: 100%;
}
.imgbox {
  width:100%;
}
.imgbox img {
  width:100%;
  max-width:300px;
  height:auto;
  margin-bottom: 20px;
}
.textbox{
  text-align: left;
  margin: 0 auto;
  width: 100%;
}
.aboutitembox{
	clear: both;
	overflow: hidden;
	margin: 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	}
/* ------------------sliderbox------------------ */
#sliderbox {
clear:both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.slider-wrapper {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* -------------------レフト-------------------- */
#left{
	width:100%;
}

#left p{
padding:5px;
text-align:left;
}

#leftnavi {
	display:none;
}
#leftinfo{
	display:none;
}
#left .banboxorder{
	display:none;
}

/* -------------------ライト-------------------- */
#right{
	width:100%;
}

#right .banbox{
    max-width: 100%;
    height: auto;
	border: 0;
}

/* -------------------コンテンツ-------------------- */

.textbox01{
	background-color: #FFFFFF;
	border: 1px solid #FFEF5F;
	padding:5px;
	overflow:hidden;
	text-align:left;
}
.textbox01 p{
	padding:10px;
	text-align:left;
}
.textbox01 .sig{
	text-align:right;
}
.textbox01 .sig img{
	width:40%;
}

.izumitomori{
	background-color: #FFFFCC;
	border: 1px solid #FFEF5F;
	padding: 5px;
	overflow: hidden;
	text-align: left;
	margin-bottom:40px;
}
.izumitomori p{
	padding:10px;
	text-align:left;
}

.pcimg{
	display:none;
}

.imgright{
	float:none;
	margin:0 10px 10px 10px;
}
.imgleft{
	float:none;
	margin:0 10px 10px 10px;
}

/* -------------------販売案内-------------------- */
.guidebox {
	max-width: 960px;
	margin: 0 auto;
	padding: 15px 0 15px 0;
}


.guide{
	overflow:hidden;
	margin-bottom:10px;
	font-size:0.8em;
}
.guidetitle{
	padding: 2px;
	font-weight: bold;
	color: #007F00;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007F00;
	float: none;
	clear: both;
	margin-top: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #007F00;
}
.guidesub{
	padding: 3px 10px;
	font-weight: bold;
	color: #000000;
	float: none;
	clear: both;
	background-color: #DCDCDC;
	width: 200px;
	font-size:0.8em;
}
.guidenavi {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 5px;
	text-align:left;
}

/* -------------------フッター-------------------- */
footer {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0 15px 0;
	background-image: url(../../image/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
footer p {
  font-size:0.625em;
  margin-top: 10px;
}

.fnavibox{
	overflow:hidden;
	margin-bottom:10px;
}
.fnavititle{
	padding: 2;
	font-weight: bold;
	color: #FF6600;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007F00;
		float:none;
		clear:both;
		margin-top:10px;}

#footnavi {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 5px;
	text-align:left;
}
#footnavi ul {
	list-style-type: circle;
}

#footnavi li {
	width: 80%;
	margin: 0 10%;
	padding-right: 1px;
	font-size: 0.875em;
}

#footnavi li a  {
	color: #007F00;
}
#footnavi li a:visited  {
	color: #007F00;
}
#footnavi li a:hover {
	color: #FF9900;
}


.copyright{
word-wrap: break-word;
font-size:0.625em;
}

/* -------------------各ページ-------------------- */
/* -------------------トップページ-------------------- */
#page3box{}
.pagebox{
	width:98%;
	padding: 5px;
	margin: 5px auto;
	border: 1px solid #FFEF60;
	display:inline-block;
	vertical-align: middle;
	text-align:left;
}
.pageboxcen{
	width:98%;
	padding: 5px;
	margin: 5px auto;
	border: 1px solid #FFEF60;
	display:inline-block;
	vertical-align: middle;
	text-align:left;
}
.pagebox .page3img{
	width: 70%;
	margin-right:20px;
}
.pageboxcen .page3img{
	width: 70%;
	margin-right:20px;
}

.page3imgbox{
	float:left;
	width: 35%;
}
.page3textbox{
	float:right;
	width: 65%;
}
.page3text{
	float:left;
}
.page3mark{
	text-align:right;
	margin-right:5px;
}


/* -------------------会社概要・特定商取引法に基づく表示テーブル処理-------------------- */
.gaiyoutable{
	width: 100%;
	padding:0px;
	margin: 0px;
}
.gaiyoutable th{
	border: 1px solid #C9C9C9;
	border: 1px solid #C9C9C9;
	background-color: #EAF6EB;
	padding: 5px;
	color: #007F00;
	text-align: left;
	white-space:10px;
	display: block;
}
.gaiyoutable td{
	border: 1px solid #C9C9C9;
	padding:5px;
	display:block;
	text-align:left;
}
.infophotobox{
	margin:10px;
}
.infophotobox img{
	margin:10px 20px;
	width: 40%;
	float:left;
}
.infophotoboxtext{
	clear:both;
	margin:10px 20px;
	width: 40%;
}
/* -------------------ポリシー-------------------- */


/* -------------------お問い合わせ-------------------- */
#contactForm{
	margin:0;
	text-align:left;
}


#contactForm .dlmodoki{
	margin:0;
	padding-bottom: 10px;
	border-top: 1px solid #C9C9C9;
}
#contactForm .dlmodokiend{
	margin:0;
	padding-bottom: 10px;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}

#contactForm label.dtmodoki{
display:block;
	margin:0px;
	padding-left: 10px;
	background-color: #eaf6eb;
	border-bottom: 1px solid #C9C9C9;
}
#contactForm label.dtmodoki{
display:block;
	margin:0px;
	padding-left: 10px;
	background-color: #eaf6eb;
	border-bottom: 1px solid #C9C9C9;
}

#contactForm .ddmodoki{
	margin:0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


#contactform .ddmodoki label{
	display:inline-block;
	margin:0px;
	padding: 0px;
}

#contactForm .example{
	font-size: 12px;
	color: #666666;
	padding-left: 10px;
	display: block;
}
#contactForm input.textbox{
	margin-top: 5px;
	width: 98%;
}
#contactForm textarea{
margin-top:5px;
width:100%;
}
#contactForm input.button{
margin:10px;
}

.submitbuttonbox{
text-align:center;
}
.inputborder{
	border: 1px solid #C7E8EB;
	margin-right: auto;
	margin-left: auto;
}




#itemordertable{
	width: 96%;
	margin-top: 3px;
	margin-right: 2%;
	margin-bottom: 5px;
	margin-left: 2%;
}
#itemordertable td{
	width: 20%;
	padding: 2px;
	margin: 2px;
	font-size: 0.8em;
	border: 1px solid #F3E95F;
}
#itemordertable td label{
	color:#F00;
}


.ama_clear{
	clear: both;
	font-size: 1.5em;
	font-weight: bold;
	color: #F60;
	margin-top: 30px;
	background-color: #FFFFE6;
	padding:3px 0px 3px 10px;
}
.ama_title{
	clear: both;
	margin-top:10px;
	font-size: 1.2em;
	font-weight:bold;
}
.ama_img{
	float:left;
	margin:10px;
}
.ama_text{
	margin:10px;
}


/* -------------------商品購入-------------------- */
.haisoutitle{
	background-color: #FFCC99;
	padding: 5px;
	margin-top: 15px;
	font-weight: bold;
	border: 2px dotted #B1E2A0;
}



/* -------------------検索対応ページ-------------------- */
.abox{
	margin-top:20px;
	margin-bottom:20px;
}

/* -------------------商品一覧ページ-------------------- */
/* -------------------商品詳細ページ-------------------- */
.orderbox{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	overflow:hidden;
	}
.orderbox .itemimg{
	float:none;
	margin-right:20px;
}
.orderbox .itemexplain{
}
.orderbox .itemexplain a{
}
.orderbox .itemexplain a:hover{
}

.itemend{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #72CB53;
	margin-bottom:5px;
}

.itemtable{
	width: 100%;
	padding:0px;
	margin: 0px;
}

.itemtable th{
	border: 1px solid #C9C9C9;
	border: 1px solid #C9C9C9;
	background-color: #EAF6EB;
	padding: 5px;
	color: #007F00;
	text-align: left;
	white-space:10px;
	display: block;
}
.itemtable td{
	border: 1px solid #C9C9C9;
	padding:5px;
	display:block;
	text-align:left;
}































/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */
@media screen and (min-width: 768px) {
h2{
	font-size: 1.6em;
	font-weight: bold;
	color: #007F00;
	background-color: #F8F1A0;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
}
h3{
	font-size: 1.6em;
	font-weight: bold;
	color: #FAC02E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FAC02E;
	padding-bottom: 5px;
	margin: 5px;
}



/* -------------------ヘッダー-------------------- */
/* ロゴ */
header .box1 {
	width: 350px;
	text-align: left;
	height:auto;
	float:left;
}
header .box2 {
	font-size:0.9em;
	text-align: right;
	margin-top:12px;
}

header .onlypc{
display:block;
}

/* -------------------ナビ-------------------- */



/* -------------------メインコンテンツ-------------------- */
#contents{
    width: 100%;
}

.sub {
    float: right;
    width: 56%;
	margin-top:10px;
}
.imgbox {
    float: left;
    width:40%;
	margin-top:10px;
}
.textbox{
	text-align: left;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
}

#topbox{
	margin-bottom:10px;
	padding-top:10px;
}
/* -------------------レフト-------------------- */
/* ライト幅210ピクセル＝21.875％。
レフトは960からそれぞれ引いて、740PXもしくは76％ぐらい。足りずはマージンと考える/*/
#left{
    width: 21.875%;
	float:left;
	
}

.pcimg{
	display:block;
}

#left .banboxorder{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
    max-width: 100%;
    height: auto;
	border: 0;
}
#left .banbox{
	margin-top:5px;
	margin-bottom:5px;
    max-width: 100%;
    height: auto;
	border: 0;
}
#left .banbox img{
	margin-bottom:5px;
}

.img01 {
		height:0;
		padding-top:32.666%; /* 縦196px÷横600px×100=32.6666...%SPの画像サイズから計算する */
		background:url(../../image/l_product.jpg) no-repeat center;
		background-size:contain;
}
.img01 img {
		display:none; /* SP用画像を非表示にする */
}

#leftinfo{
	display:block;
	max-width: 217px;
	padding: 3px;
	border: 1px solid #F8F1A0;
	font-size:0.8em;
}


/* -------------------ライト-------------------- */
/* 768px以上 のライトの幅は、理想210PX÷960PX＝21.875　画像なども最大210PXで作っておく。スマホ用は420ピクセル/*/
#right{
    width: 76%;
	float:right;
	padding-top:5px;
	padding-right:5px;
}

/* -------------------コンテンツ-------------------- */
.textbox01{
	background-color: #FFFFFF;
	border: 1px solid #F8F1A0;
	text-align: left;
	padding: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
.textbox01 .title{
	font-size: 1.6em;
	font-weight: bold;
	color: #FAC02E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FAC02E;
	padding-bottom: 5px;
	margin: 5px;
}
.textbox01 .name{
	font-size: 1.6em;
	font-weight: bold;
	color: #000;
	padding-bottom: 5px;
	margin: 5px;
}
.textbox01 p{
	padding:10px;
}
.imgright{
	float:right;
	margin:0 10px 10px 10px;
}
.imgleft{
	float:left;
	margin:0 10px 10px 10px;
}
.imgleftptext{
	margin:0px;
	padding-top:-10px;
}
/* -------------------販売案内-------------------- */
.guidebox {
	max-width: 960px;
	margin: 0 auto;
	padding: 15px 0 15px 0;
}


.guide{
	overflow: hidden;
	float: left;
	margin: 10px;
	width:30%;
}
.guidetitle{
	padding: 2px;
	font-weight: bold;
	color: #007F00;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007F00;
	float: none;
	clear: both;
	margin-top: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #007F00;
}
.guidesub{
	padding: 3px 10px;
	font-weight: bold;
	color: #000000;
	float: none;
	clear: both;
	background-color: #DCDCDC;
	width: 200px;
	font-size:0.8em;
}
.guidenavi {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 5px;
	text-align:left;
}
/* -------------------フッター-------------------- */
.footerwrapper {
	max-width: 100%;
	background-image: url(../../image/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
}
footer {
	max-width: 960px;
	height: 250px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left bottom;

}

.copyright{
	margin-top: 40px;
	color: #007F00;
}


.fnavibox{
	overflow: hidden;
	float: left;
	margin: 10px;
	width: 22%;
}
.fnavititle{
	padding: 2px;
	font-weight: bold;
	color: #007F00;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007F00;
	float:none;
	min-width:250px;
}



#footnavi {
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding: 0;
	text-align: left;
	font-size:0.8em;
}
#footnavi ul {
	display: inline-block;/*文字改行なしにする（オーバーの右端切る）*/
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footnavi li {
	width: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: none;
	background-image: url(../../image/f_navi_mark.jpg);
	text-indent: 10px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}



/* -------------------各ページ-------------------- */
/* -------------------トップページ-------------------- */
#page3box{
	max-width:960px;
}
.pagebox{
	float: left;
	width:30%;
	padding: 5px;
	border: 1px solid #FFEF60;
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.pageboxcen{
	float: left;
	width:30%;
	padding: 5px;
	border: 1px solid #FFEF60;
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
}
.pagebox .page3img{
	min-width: 180px;
}
.pageboxcen .page3img{
	min-width: 180px;
}


.page3imgbox{
	float:none;
	width: 100%;
}
.page3textbox{
	float:none;
	width: 100%;
}
.page3text{
	float:none;
}
.page3mark{
	text-align:right;
	margin-right:5px;
}


.pageboxclear{
	clear:both;
}




/* -------------------会社概要・特定商取引法に基づく表示-------------------- */
.gaiyoutable{
	width: 96%;
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.gaiyoutable th{
	border: 1px solid #C9C9C9;
	background-color: #eaf6eb;
	padding: 5px;
	color: #007F00;
	white-space: nowrap;
	text-align: left;
	display: table-cell;
}
.gaiyoutable td{
	border: 1px solid #C9C9C9;
	padding: 5px;
	display: table-cell;
}

.infophotobox{
	margin:10px;
}
.infophotobox img{
	margin:10px 20px;
		float:left;
}
/* -------------------商品購入-------------------- */

/* -------------------商品一覧ページ-------------------- */
/* -------------------商品詳細ページ-------------------- */
.orderbox{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	overflow:hidden;
	}
.orderbox .itemimg{
	float:left;
	margin-right:40px;
}
.orderbox .itemexplain{
	
}

.itemtable{
	width: 96%;
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.itemtable th{
	border: 1px solid #C9C9C9;
	background-color: #eaf6eb;
	padding: 5px;
	color: #007F00;
	white-space: nowrap;
	text-align: left;
	display: table-cell;
}
.itemtable td{
	border: 1px solid #C9C9C9;
	padding: 5px;
	display: table-cell;
}











}











/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media screen and (min-width: 961px) {


/* -------------------ヘッダー-------------------- */
header {
	max-width: 100%;
	margin: 0px auto;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFEB3B;
}
.headerbox{
	background-color: #FFFFFF;
	max-width: 960px;
	margin: 0px auto;
}

/* -------------------ナビ-------------------- */
#gnavi{
	max-width: 100%;
	height: 50px;
	background-repeat: repeat-x;
	background-image: url(../../image/h_navi_bg.gif);
}
#gnavi ul {
  list-style: none;
  width: 960px;
  margin: 0px auto;
  border:none;
}
#gnavi ul li {
  float: left;
    width: 160px;
	margin:0px;
	padding:0px;
	text-align:center;
}
#gnavi ul li img {
    display: block;
}
#gnavi li a {
	display: block;
	border: none;
	margin: 0px;
	padding:14px 0px 0px 0px;
	background-image: url(../../image/h_naviline.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size:1.6em;
	font-weight:bold;
	height: 50px;
}
#gnavi li a:hover {
	display: block;
	border: none;
	margin: 0px;
	padding:14px 0px 0px 0px;
	height: 50px;
	background-color: #FFEF5F;
	background-image: url(../../image/h_naviline.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #72CB55;
	font-weight: bold;
}



#gnavi li:nth-child(odd) a {
    border: none;
}
#gnavi li a:before {
    content: "";
}

/* -------------------レフト-------------------- */
.lnavibox{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	width:217px;
}

.lnavititle{
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007F00;
	float: none;
	background-color: #72CB55;
	width: 217px;
	text-indent: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#leftnavi {
	display:block;
	width:217px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0;
	text-align: left;
	font-size:0.9em;
}
#leftnavi ul {
	display: inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leftnavi li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E7E7E7;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 5px;
}

#leftnavi li a  {
	display: block;
	color: #333333;
	background-image: url(../../image/l_navi_mark_on.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;	
	padding-left: 20px;
}
#leftnavi li a:visited  {
	color: #222222;
}
#leftnavi li a:hover {
	color: #FF9900;
	background-image: url(../../image/l_navi_mark_rv.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;	
}


/* -------------------ナビ-------------------- */
.guidetitle{

	min-width:320px;
}



/* -------------------フッター-------------------- */
.fnavititle{
	min-width: 240px;
}

#footnavi {

	font-size:0.9em;
}


/* -------------------トップページ-------------------- */
#page3box{
	max-width:960px;
}
.pagebox{
	float: left;
	width:31%;
	padding: 5px;
	border: 1px solid #FFEF60;
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.pageboxcen{
	float: left;
	width:31%;
	padding: 5px;
	border: 1px solid #FFEF60;
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
}
.pagebox .page3img{
	width: 100%;
}
.pageboxcen .page3img{
	width: 100%;
}
.pageboxclear{
	clear:both;
}

.page3imgbox{
	float:none;
	width: 100%;
}
.page3textbox{
	float:none;
	width: 100%;
}
.page3text{
	float:none;
}
.page3mark{
	text-align:right;
	margin-right:5px;
}
/* -------------------お問い合わせ-------------------- */
#contactForm{
	margin:0;
	text-align:left;
}
#contactForm .dlmodoki{
	width: 98%;
	margin:0 auto;
	padding:0;
	background-color: #eaf6eb;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	text-align:left;
}
#contactForm label.dtmodoki{
display:table-cell;
	float: left;
	width: 20%;
	padding-top: 3px;
	padding-left: 5px;
	margin:0px;
	border:none;
}
#contactForm p.ddmodoki{
	float: right;
	width: 76%;
	background-color: #FFFFFF;
	text-align:left;
	padding-top: 5px;
	padding-bottom:20px;
	border-right: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
}
#contactForm .dlmodokiend{
	width: 98%;
	margin:0 auto;
	padding:0;
	background-color: #eaf6eb;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	text-align:left;
}

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



}