@charset "UTF-8";

/* ############################################################## */
/* ##   Common                                                    */
/* ############################################################## */

/* -- Reset part ----------------------------------------------- */
* {
	margin:0;
	padding:0;
}
ol,
ul {
	list-style:none;
	margin:0;
	padding:0;
	zoom:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:none;
	vertical-align: bottom;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input {
	line-height: 1.2;
}

/* -- clearfix ----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


* {
	 font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
body {
	 font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
;;body {
	 font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
*:first-child+html body {
	 font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* html body {
	 font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}


html,x:-moz-any-link {
	font-size:16px;
}
html,x:-moz-broken {
	font-size:100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

.mono      { font-family:"ＭＳ ゴシック", "Osaka−等幅",monospace;}
.x-large   { font-size: 134%; }
.large     { font-size: 117%; }
.mid       { font-size: 100%; }
.small     { font-size: 92%; }
.x-small   { font-size: 84%; letter-spacing: 1px; }

/* --  color ----------------------------------------------- */
a:link,
a:visited,
a:active {
	/*color:#0099ff;*/
  color:#333;
	text-decoration:none;
	outline: none;
	cursor:pointer;
}
a:hover {
  color:#fe9e00!important;
  text-decoration:none;
 }

#footer a:link,
#footer a:visited,
#footer a:active {
	/*color:#0099ff;*/
  color:#fff;
	text-decoration:none;
	outline: none;
	cursor:pointer;
}
#footer a:hover {
  color:#fe9e00!important;
  text-decoration:none;
 }

.red  { color:#F00; }
.red-l {	font-size:150%;	color:#F00;	font-weight:bold;}

/* -- commmon ----------------------------------------------- */
.alt {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.center { text-align:center;}
.left   { text-align:left;}
.right  { text-align:right;}
.none   { display:none;}
.em     { font-weight:bold;}
.just   {	text-align:justify;	text-justify:distribute;}


pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.w-30 { width:30px; }
.w-40 { width:40px; }
.w-90 { width:90px; }
.w-100 { width:100px; }
.w-120 { width:120px; }
.w-140 { width:140px; }
.w-170 { width:170px; }
.w-250 { width:250px; }
.w-290 { width:290px; }

.mt-05 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }

.pl-05 { padding-left:5px; }
.pl-10 { padding-left:10px; }
.pb-05 { padding-bottom:5px; }
.pb-10 { padding-bottom:10px; }
.pt-10 { padding-top:10px; }
.p-10 { padding:10px; }


/* table 関連
----------------------------------------------------------------- */
table {
	background-color:#FFF;
}
table th,
table td {
	border:5px solid #FFF;
	padding:3px 5px;
	text-align:center;
}
.tbwrap table td,
.tbwrap  table th {
	text-align: left;
}
table td.left {
	text-align:left;
}
table th {
	background-color:#fff5e9;
	font-weight:bold;
}


/* icon 関連
----------------------------------------------------------------- */
.fa {
  margin-right:0.6em;
}
.fa.green {
  color:#029A52;
}



@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 768px) {


/* ############################################################## */
/* ##   Wire frame                                                */
/* ############################################################## */
html,
body {
  margin: 0;
	/*
	background:url(/images/body_bg.png) no-repeat center 300px;
	*/
}
body {
	/*background-color:#fff5e9;*/
  background-color:#f9f9f9;
	line-height:1.5em;
	text-align:center;
  font-size:300%;
}
#header,
#footer {
	width:100%;
}
#contents {
	margin:0 auto;
}
.inner {
  margin:0 auto;
  padding:40px 1% 80px;
  text-align:left;
  background:#fff;
}
#main {
  position:relative;
  min-height:300px;
}

 a.ul {
	 text-decoration:underline !important;
	 color:#038DFF !important;
 }

/* ############################################################## */
/* ##   header                                                    */
/* ############################################################## */
#header {
	background:#FFF;
  border-top:20px solid #FDC554;
  border-bottom:1px solid #cccccc;
}
#header .inner {
  width:100%;
  padding:0;
}
h1.pc {
  display:none;
}

h1.sp {
  width:100%;
  border-bottom:2px solid #898989;
}
h1.sp img {
  width:100%;
}
.hgroup p {
  margin:.3em 0 0;
  padding:.5em .3em;
}
.hgroup p span {
  color:#029A52;
}

/* ############################################################## */
/* ##   footer                                                    */
/* ############################################################## */
#footer,
#footer .inner {
  background:rgba(95,95,95,1.00);
  color:#fff;
  text-align:center;
}
#sitemap ul li {
  display:inline-block;
}

/* ############################################################## */
/* ##   main                                                      */
/* ############################################################## */
/* main
----------------------------------------------------------------- */
#main.single {
	width:100%;
}
#main.double {
	width:100%;
}

/* h 関連
----------------------------------------------------------------- */

#main h2 {
  color:#333;
  font-size:120%;
}
#main h2.bb {
  border-bottom:1px solid #ccc;
  padding-bottom:.3em;
}

/* deal
----------------------------------------------------------------- */
.dealWrap {
  margin:15px 0 2em 0;
}
.dealContent {
  width:100%;
}
.dealContent h3 {
  width:97%;
  background:#347AB8;
  color:#fff;
  padding:.5em 1.5% .5em;
  font-size:120%;
  line-height:130%;
  /*font-weight:bold;*/
}
.dealContent .txt {
  width:98%;
  border:1px solid #bbb;
  padding:.5em 1% .25em;
  margin:10px auto .5em;
  font-size:100%;
  line-height:120%;
}
.dealContent .txt.fontL {
  font-size:96%;
  line-height:120%;
}
.dealContent .txt p {
  margin-bottom:.5em;
}
.dealContent .txt ul {
  padding-left:2em;
  margin-bottom:.5em;
}
.dealContent .txt ul.deci li {
  list-style:decimal;
}
.dealContent .txt ul.disc {
  padding-left:1.6em;
}
.dealContent .txt ul.disc li {
  list-style:disc;
  padding-left:.4em;
}

/* ### IMG ### */
.dealImg {
  width:100%;
}
.dealImg img {
  width:100%;
}

/* ### badge ### */
ul.badge {
  margin:10px 0;
}
ul.badge li {
  width:45%;
  text-align:center;
  background:rgba(255,224,149,1.00);
  padding:0.3em 1% .2em;
  font-size:100%;
  color:#000;
  border-radius:3px;
  display:inline-block;
  margin:.3em 1%;
}

ul.badge li.ancB1 {
  background-color:#DCAF6E;
}
/* OFF */
ul.badge li.ancA2,
ul.badge li.ancB2 {
  background-color:#EFEFEF;
  color:#999;
}

/* ### price ### */
.price {
  text-align:center;
}

.price span,
.price i {
  display:inline-block;
  vertical-align:baseline;
}
.price span.block {
  display:block;
}
.usualPrice {
  font-size:100%;
  text-decoration:line-through;
  margin-right:.5em;
}
.priceLabel {
}
.monitorPrice { 
  font-size:200%;
  font-weight:bold;
  color:rgba(251,15,18,1.00);
  line-height:150%;
}

.btn a {
  display:block;
  font-size:140%;
  color:#fff;
  text-align:center;
  font-weight:bold;
	width:94%;
	margin:0 auto;
	padding: .7em 2% .6em;
	background: -moz-linear-gradient(
		top,
		#5B9F00 0%,
		#86BF00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#5B9F00),
		to(#86BF00));
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	border: 2px solid #549300;
	-moz-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	-webkit-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	text-shadow:
		1px 1px 1px #549300;
}
.btn a:hover {
	background: -moz-linear-gradient(
		top,
		#86BF00 0%,
		#5B9F00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#86BF00),
		to(#5B9F00));
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	border: 2px solid #549300;
	-moz-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	-webkit-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	text-shadow:
		1px 1px 1px #549300;
}
.btn a,
.btn a:hover {
  color:#fff !important;
}
.btn a i {
  margin-right:0;
}
.btn a:hover i {
  color:#000;
  color:red;
}
iframe {
	margin-top:1em;
}

/* ############################################################## */
/* ##   carousel                                                  */
/* ############################################################## */

/*RESET
============================================== */

#slidemenu * {
  margin:0;
  padding:0;
  font-size:100%;
}
#slidemenu table {
 border-collapse:collapse;
 border-spacing:0;
}
#slidemenu input,
#slidemenu select {
 vertical-align:middle;
}
#slidemenu ul,
#slidemenu ol,
#slidemenu li {
  list-style:none;
}
/* carousel
===============================================*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}

}



@media only screen 

and (min-device-width : 769px)  {

/* ############################################################## */
/* ##   PC                                                        */
/* ############################################################## */


/* h 関連
----------------------------------------------------------------- */
#main h2 {
  font-size:x-large;
  color:#333;
}
#main h2.bb {
  border-bottom:1px solid #ccc;
  padding-bottom:.3em;
}

h1.pc {
  display:block;
}
h1.sp,
.hgroup p {
  display:none;
}

/* ############################################################## */
/* ##   Wire frame                                                */
/* ############################################################## */
html,
body {
	height:100%;
  overflow: auto !important;
  margin: 0;
	/*
	background:url(/images/body_bg.png) no-repeat center 300px;
	*/
}
body {
	/*background-color:#fff5e9;*/
  background-color:#f9f9f9;
	font-size:75%;
	line-height:1.5em;
	text-align:center;
}
#header,
#footer {
	width:100%;
}
#contents {
	margin:0 auto;
}
.inner {
  margin:0 auto;
  width:940px;
  padding:40px 20px 80px;
  text-align:left;
  background:#fff;
}
#main {
  position:relative;
  min-height:300px;
}

#side {
	width:250px;
	float:right;
	/*background-color:#F5F5EB;*/
}


/* ############################################################## */
/* ##   header                                                    */
/* ############################################################## */
#header {
	background:#FFF;
  border-top:10px solid #FDC554;
  border-bottom:2px solid #898989;
}
#header .inner {
  width:980px;
  padding:0;
}
.ttl p span {
  display:block;
}


/* ############################################################## */
/* ##   footer                                                    */
/* ############################################################## */
#footer,
#footer .inner {
  background:rgba(95,95,95,1.00);
  color:#fff;
  text-align:center;
}
#sitemap ul li {
  display:inline-block;
}

/* ############################################################## */
/* ##   main                                                      */
/* ############################################################## */
/* main
----------------------------------------------------------------- */
#main.single {
	width:100%;
}
#main.double {
	width:690px;
	float:left;
}


/* deal
----------------------------------------------------------------- */
.dealWrap {
  margin:15px 0 70px 0;
  position:relative;
  min-height:400px;
}
.dealContent {
  float:right;
  width:340px;
  /*background:rgba(0,0,0,0.37);*/
}
.dealContent h3 {
  background:#347AB8;
  color:#fff;
  padding:.5em .3em .5em .5em;
  font-size:x-large;
  line-height:130%;
  /*font-weight:bold;*/
}
.dealContent .txt {
  border:1px solid #ccc;
  padding:1em .5em .5em;
  margin:10px 0;
  font-size:small; /* or large */
  line-height:120%;
}
.dealContent .txt.fontL {
  font-size:large;
  line-height:120%;
}
.dealContent .txt p {
  margin-bottom:.5em;
}
.dealContent .txt ul {
  padding-left:2em;
  margin-bottom:.5em;
}
.dealContent .txt ul.deci li {
  list-style:decimal;
}
.dealContent .txt ul.disc {
  padding-left:1.6em;
}
.dealContent .txt ul.disc li {
  list-style:disc;
  padding-left:.4em;
}

.dealImg {
  position:absolute;
  left:0;
  top:0;
  width:580px;
}
.dealImg img {
  width:100%;
}

/* ### badge ### */
ul.badge {
  margin:10px 0;
}
ul.badge li {
  width:9em;
  text-align:center;
  background:rgba(255,224,149,1.00);
  padding:0.3em .3em .2em;
  font-size:small;
  color:#000;
  border-radius:3px;
  display:inline-block;
  margin-right:.5em;
}
ul.badge li.ancB1 {
  background-color:#DCAF6E;
}
/* OFF */
ul.badge li.ancA2,
ul.badge li.ancB2 {
  background-color:#EFEFEF;
  color:#999;
}


/* ### price ### */
.price {
  text-align:center;
}

.price span,
.price i {
  display:inline-block;
  line-height:40px;
  height:40px;
  vertical-align:baseline;
}
.usualPrice {
  font-size:large;
  text-decoration:line-through;
  margin-right:.5em;
}
.priceLabel {
}
.monitorPrice { 
  font-size:xx-large;
  font-weight:bold;
  color:rgba(251,15,18,1.00);
}

.btn a {
  display:block;
  font-size:x-large;
  color:#fff;
  text-align:center;
  font-weight:bold;
	width:94%;
	padding: .5em 2% .4em;
	background: -moz-linear-gradient(
		top,
		#5B9F00 0%,
		#86BF00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#5B9F00),
		to(#86BF00));
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	border: 2px solid #549300;
	-moz-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	-webkit-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	text-shadow:
		1px 1px 1px #549300;
}
.btn a:hover {
	background: -moz-linear-gradient(
		top,
		#86BF00 0%,
		#5B9F00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#86BF00),
		to(#5B9F00));
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	border: 2px solid #549300;
	-moz-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	-webkit-box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	box-shadow:
		0px 1px 2px rgba(221,221,221,0.5);
	text-shadow:
		1px 1px 1px #549300;
}
.btn a,
.btn a:hover {
  color:#fff !important;
}
.btn a i {
  margin-right:0;
}
.btn a:hover i {
  color:#000;
  color:red;
}
iframe {
	margin-top:0;
}

/* ############################################################## */
/* ##   carousel                                                  */
/* ############################################################## */

/*RESET
============================================== */

#slidemenu * {
  margin:0;
  padding:0;
  font-size:100%;
}
#slidemenu table {
 border-collapse:collapse;
 border-spacing:0;
}
#slidemenu input,
#slidemenu select {
 vertical-align:middle;
}
#slidemenu ul,
#slidemenu ol,
#slidemenu li {
  list-style:none;
}
/* carousel
===============================================*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}


}