* {
    margin: 0;
    padding: 0;
}

.row,
.contain-to-grid  {max-width: 1500px;}/*100%*/
body{
    background-color: #fff !important;
    font-family: '丸フォーク R','メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

a:hover {color:#ff8000;!important}

.linkc{
color:#ccc;
}

img {
  transition: 0.5s;
}
a img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

#container{
  background-color: #fff;/*#FFFBF2淡いクリーム色*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    margin: 0 auto;
}
#content{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
  /*  border: solid 1px #fff;
    border-radius: 5px;
    padding: 0 5px 10px 15px;
    margin: 0 10px 10px 10px;
   box-shadow:rgba(78, 96, 120, 0.329412) 0px 0px 8px 2px;
-webkit-box-shadow:rgba(78, 96, 120, 0.329412) 0px 0px 8px 2px;
-moz-box-shadow:rgba(78, 96, 120, 0.329412) 0px 0px 8px 2px;*/
}

 p{
    font-family:'カクミン R';
    color: #666;
    font-size: 1rem;
    line-height: 2;
    background-color: #fff;
    padding: 1em;
    margin: 0;
}

 h2{
   background-color: #fff;
  font-family: 'シネマレター';
   /* font-family:'suzumushi';*/
   text-align: center;
    margin: 0 0 1.5em;
    padding:15px;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: solid 3px #39475D;
    font-size: 18px;
    font-weight: bold;
    color: #385572
}

 h3{
  font-family:'フォーク M';
  font-size: 16px;

  border-bottom: solid 1px #ccc;
  border-left: solid 3px #1DA1F2;
  padding: 5px;
}

.h3itemdes{
  font-family:'カクミン R';
  font-size: 16px;
  font-weight: 500;
  border-bottom: solid 1px #ccc;
  border-left: solid 3px #F12B00;
  padding: 5px;
}

#top-contenthead{
  width: 100%;
  height:75px;
  /*background-image: url(images/sky.png);
  background-repeat: no-repeat;*/
  /*background-color: #2b95ff;*/
  background-color:#fff;/*ボディトップの背景色*/
  border-bottom: solid 1px #80bfff;
}

#contenthead{
  width: 100%;
  height: 75px;
  /*background-image: url(images/sky.png);
  background-repeat: no-repeat;*/
  /*background-color: #2b95ff;*/
  background-color:#fff;
  margin-bottom: 20px;
  border-bottom: solid 1px #80bfff;
}
.imgcenter{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.bottomimg{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 12px;
}

.smalltext01{
  font-size: 10px;
  color: #324356;
}
.textred01{
    color: #ff2b2b;
    font-size: 12px;
}

.imgleft{
  float: left;
  margin: 0 10px 10px 5px;
}

.imgright{
  float: right;
  margin: 0 5px 10px 10px;
}

.movi{
  width: 100%;
  max-width: 700px;
}
.sercharea02{
  max-width: 500px;
}
.itempricenum{
  font-size: 23px;
  font-weight: 600;
  color: #C20024;
}
.itempriceen{
  font-size: 16px;
  font-weight: 600;
  color: #777;
}
.group h1{
  font-family: 'シネマレター';
  font-size: 12px;
  margin: 0px auto;
  padding: 10px 0;
  width: 90%;
  text-align: center;
  color:#444;
}

.center{
text-align:center;
}

.smahomenu{
	display:none;
}

.eventtrmidasi{
  color:#000080;
  font-family: 'シネマレター';
  border:1px #000;
  background-color: ##4682b4 !important;

}

.sozai-des-red{
  font-size: 14px;
  font-weight: 600;
  color: #b22222;
}

#foot-2{
  background-color: 000;
  height: 80px
}

#airbrash{
  height: 1000px;
  background-image: url("images/back/airbrash.jpg");
}
/*==========================================
 ショップへボタンのスタイル-1(グリーン系)
===========================================*/

.shopbtn {
  position: relative;
  float: right;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 0 30px 0;
}
.shopbtn:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.shopbtn:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
 ショップへボタンのスタイル-2(オレンジ系)
===========================================*/

.shopbtn2 {
  position: relative;
  float: left;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 15px 30px 0;
}
.shopbtn2:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.shopbtn2:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
 ショップへボタンのスタイル-3(赤色系)
===========================================*/

.shopbtn3 {
  position: relative;
  float: right;;
  background-color: #d72500;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #D74B22;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 0 30px 0;
}
.shopbtn3:hover {
  background-color: #EF454A;
  box-shadow: 0 3px 0 #F12B00;
}
.shopbtn3:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
 ショップへボタンのスタイル-4(赤色系)
===========================================*/
.shopbtn4 {
  position: relative;
  float: right;;
  background-color: #EF454A;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #d72500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 0 30px 0;
}
.shopbtn4:hover {
  background-color: #EC6D51;
  box-shadow: 0 3px 0 #EA5506;
}
.shopbtn4:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
応募ボタン
===========================================*/

.oubobtn {
  
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 50px 0 50px;

}
.shopbtn:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.shopbtn:active {
  top: 3px;
  box-shadow: none;
}

#oubobtnarea p{
  text-align: center;

}

/*header {
	background-image: url("");
    background-color:#e6d8ba;
    color:#666;
    display:block;
    font: 14px/1.3 Arial,sans-serif;
    height:auto;
    position:relative;
    border-bottom:1px solid #ccc;
    margin:0;
}

header h1{font-size: 12px;
    margin: 0px auto;
    padding: 10px 0;
    width: 90%;
    text-align: center;
    color:#fff;
}

header h2{
    font-size: 12px;
    margin: 0px auto;
    padding: 10px 0;
    width: 90%;
    text-align: center;
    color:#ccc;
}
header a, a:visited {
    text-decoration:none;
    color:#fcfcfc;
}*/

/* custom styles */
section {
    box-shadow: none;
    margin:0;
    padding:0;
}
section li a,
section li .overLayer, section li .infoLayer {
    height: 213px;
    width: 320px;
    border-radius:10px;
    border: 5px solid #FFF;
}
section li .infoLayer ul li {
    padding: 5px 0 0;
}
li#fullPreview{
	background:#100f1a;
}
#gallery li>img{
	border-radius:10px;
	border: 5px solid #FFF;
	box-shadow: 2px 2px 2px #ccc;
}
#gallery li>img:hover{

}
#gallery li#fullPreview>img {
	border-radius: 0;
	border: none;
	box-shadow: none;
}
li#fullPreview .fullCaption{
	color: #696969;
}



.sidemenu h3  {margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 1.2;}

.sidemenu ul,
.sidemenu ol  {margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;}

.sidemenu img{
  margin-bottom: 15px;
}

.sidemenu li a:hover  {background-color: #eee;}


.sidemenu > h3  {margin: 0;
  padding: 10px;
  background-color: #dfc27e;
  font-size: 14px;}

.sidemenu > p {margin: 10px;}


.sidemenu li a:hover  {background-color: #ffe;}

.group  {margin-bottom: 30px;
  padding: 0;}

 h4{
  font-family:'フォーク M';
  font-size: 16px;
  text-align: center;
  color: #444;
  border-bottom: solid 1px #ccc;
  background-color: #fff;
  margin: 0;
}


.itemtxt01{
  font-size: 12px;
}

.reworksbox {padding:7px;
  background-color: #fff;
border:solid 3px #3f79ff
;}
/* Ｄ３: 新着情報 */
.news {padding: 20px;
  margin-left: auto;
  margin-right: auto;
  background-color: #dfe3e8;}

.news h1  {margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 1.2;}

.news ul,
.news ol  {margin: 0 auto 0 auto;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;}

.news li a  {display: block;
  margin: 0 0 10px 0;
  padding: 10px 5px 10px 5px;
  color: #000;
  text-decoration: none;}

.news li a:hover  {background-color: #ffe;}

.news01 {float: left;
  background-color: #FBA848;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}

.news02 {float: left;
  background-color: #58BE89;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}

.news03 {float: left;
  background-color: #F27398;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}


 .news04 {float: left;
  background-color: #40AAEF;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}



.news p {margin: 0 0 0 110px;
}

.news .desc {color: #666;
  font-size: 12px;}

.news li a:after  {content: "";
  display: block;
  clear: both;}
.news li a  {*zoom: 1;}

.s-aikon{
  vertical-align: bottom;
  font-size: 0.8em;
}

/* 枠の設定 */
.news {padding: 18px;
  border: solid 2px #C69D2B;
  background-color: #fff;}

.smahoimg{
  padding: 10px 15px;
}
footer {
    border-top: solid #1DA1F2 1px;
    padding-bottom: 20px;
    /*background-image: url(images/fff.png);
    background-repeat: no-repeat;*/
    /* background-color:#39475D; */
    background-color: #fff;
    color: #5f5f5f;
    text-align: center;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

footer p   {margin: 0 0 3px 0;
    font-size: 12px;
    line-height: 1.6;
    color: #7e7e7e;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

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

.tyoukou1{
margin:5px 0 10px 0;
}

/* クリアフィックス */
.cf{
  clear: both;
  display: block;
}

textarea {
  height: auto;
  color: #432f2f;
}


/* 問合せページ */
.form-field {
  width:100%;
  /* max-width:800px; */
   border: 1px solid #c9b7a2;
   background: #E3DECC !important;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #432f2f;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:10px !important;
   margin-bottom:20px;
   font-size: 16px !important;
   }

   .form-field:focus {
   background: #fff !important;
   border-color: #C69D2B !important;
   color: #725129;
   }
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 1px 0;
   color: #31540c;
   font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }



/*==========================================
 ページトップへボタンのスタイル
===========================================*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    opacity: 0.8;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/*==========================================
ページング
===========================================*/

.paging {
    padding: 15px 0 15px 0;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 5px 9px;
    margin:0 8px 5px 0;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif !important;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page a{
	color: #717171;
}

.page.active a{
	color: #f0f0f0 !important;
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
	  pointer-events: none;
    border: none;
    background: #0080c0;
    box-shadow: inset 0px 0px 8px rgba(22,54,150, .5), 0px 1px 0px rgba(0,0,0, .1);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(22,54,127, .1);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.paging.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}

/*==========================================
マート画面
===========================================*/
/* ヘッダー */
#head {
	width: 100%;
	height: 30px;
	background: #3f79ff;
	color: #eee;
}
#head a {
	color: #ddd;
}
#head-in {
	padding: 5px;
	text-align: right;
}

/* 進行パネル */
table.panel {
	margin: 1.5em auto;
}
table.panel th {
	background: #f2ab00;
	color: #fff;
	padding: 0.5em;
	width: 100px;
}
td.panel-off {
	background: #a8a8a8;
	color: #fff;
	padding: 0.5em;
	text-align: center;
	width: 100px;
}
td.panel-arrow {
	color: #a8a8a8;
	text-align: center;
	width: 20px;
}
input.button {
	width: 140px;
	margin: 0 14px;
}

/* 買物カゴ */
table.cart_tbl {
  width: 100%;
  max-width: 800px;
	margin: 1.3em auto;
	border-collapse: collapse;
}
table.cart_tbl th, table.cart_tbl td  {
	border: solid 1px #B2B2B2;
	white-space: nowrap;
	padding: 6px;
	font-size: 12px;
}
table.cart_tbl th {
	background: #EBE5E1;
}
table.cart_tbl td {
	background: #fff;
}

/* 入力フォーム */
table.cart_form {
  width: 100%;
	max-width: 800px;
	margin: 1.3em auto;
	border-collapse: collapse;
}
table.cart_form th, table.cart_form td {
	text-align: left;
	border: solid 1px #B2B2B2;
	white-space: nowrap;
	padding: 6px;
}
table.cart_form th {
	background: #EBE5E1;
}
table.cart_form td {
	background: #fff;
}
table.cart_form input[type="text"], table.cart_form textarea, .find-box input[type="text"], .cart-box input[type="text"] {
	padding: 5px 3px;
	border: 1px solid #a2a2a2;
}
td.w-key {
	width: 130px;
	padding: 6px 0 6px 10px !important;
}
input.ime-on {
	ime-mode: active;
}
input.ime-off {
	ime-mode: inactive;
}

/* 入力必須 */
div.req {
	background-image: url(images/red.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

/* 入力任意 */
div.opt {
	padding-left: 16px;
}

td.tbl-wide {
	border: solid 1px #B2B2B2;
	background: #fff;
	white-space: nowrap;
	padding: 6px;
	text-align: center;
}

/* 赤文字 */
.red {
	color: #dd0000;
}

table.btn-tbl {
	margin: 0px auto;
}
.eiji {
	font-family:Verdana,Helvetica,Arial !important;
	font-size:90%;
}
.ta-r {
	text-align: right !important;
}
.ta-l {
	text-align: left;
}
.ta-c {
	text-align: center;
}
input.inp-mem {
	width: 150px;
	ime-mode: inactive;
}
table.tbl-join td {
	background: #fff;
	color: #444;
}

/* 入力画面でのメッセージ */
div.cart-msg {
	padding: 6px;
	background: #EBE5E1;
	color: #000;
  width: 100%;
	max-width: 600px;
	margin: 20px auto;
	line-height: 140% !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.login-note {
	text-align: left;
	margin: 1em auto 0.5em auto;
	width: 23em;
}
table.enter {
	margin: 80px auto;
  width: 100%;
	max-width: 500px;
	border: 1px solid #004080;
	border-collapse: collapse;
}
table.enter th {
	border: 1px solid #004080;
	padding: 1em;
	background: #004080;
	color: #fff;
	text-align: left;
}
table.enter td {
	border: 1px solid #004080;
	padding: 1em;
	background: #fff;
	font-family: verdana,helvetica,arial;
}
input.len {
	width: 220px;
	margin-bottom: 1em;
}
div.btn input {
	font-family: verdana,helvetica,arial;
	width: 100px;
	height: 32px;
}

/* 画面TOPボタン */
div.top-btn input {
	width: 9.5em;
	margin-bottom: 1.5em;
}

/* 特商法 */
div.law-data {
	width: 95%;
	margin:1em auto;
	border: 1px solid #666;
	padding: 1em;
	text-align: left;
	background: #fff;
}

/* 検索画面 */
div.find-ttl {
	width: 640px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	margin: 1.5em auto 0 auto;
	padding: 8px;
	background: #EBE5E1;
}
div.find-box {
	width: 640px;
	text-align: center;
	border: 1px solid #B2B2B2;
	margin: 0 auto 1.5em auto;
	padding: 8px;
	background: #fff;
}
div.cart-box {
  width: 100%;
	max-width: 640px;
	line-height: 140%;
	text-align: left;
	border: 1px solid #B2B2B2;
	margin: 1em auto;
	padding: 8px;
	background: #fff;
}

/* ページ繰越ボタン */
span.pg-on,span.pg-off {
	display:-moz-inline-box;
	-moz-box-align: center;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	width: 23px;
	height: 23px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #6b868b;
	font-family: Verdana,Helvetica,Arial;
}
span.pg-on,span.pg-on a {
	color: #f0f0f0;
	background: #6b868b;
}
span.pg-off,span.pg-off a {
	color: #6b868b !important;
	background: #fff;
}
div.pgbtn {
	margin: 0.6em 0;
}
div.err-addr {
	color: #dd0000 !important;
}

/* 進行ボタン */
input.bigbtn {
	height: 32px;
	width: 150px;
	margin: 0 14px;
}

/* datepickerサイズ */
div.ui-datepicker {
	font-size: 95%;
}

/* アイコン */
img.icon {
	vertical-align: middle;
	border: none;
}

/* エラー画面 */
#err-box {
	margin: 3em auto;
	background: #EBE5E1;
	padding: 1em;
  width: 100%;
	max-width: 600px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* 特商法 */
#law-tbl {
	border-collapse: collapse;
	table-layout: fixed;
	margin: 1em auto;
}
#law-tbl th, #law-tbl td {
	border: 1px solid #B2B2B2;
	padding: 3px 5px;
	font-size: 12px;
	text-align: left;
}
#law-tbl th {
	background: #EBE5E1;
}
td.key {
	width: 150px !important;
}


/*==========================================
 スマホスタイル
===========================================*/
@media screen and (max-width: 420px) {
	#container {

	}
.smahomenu{
	display:block;
}
#topimage{

}

}



/*==========================================
 トップページ画像アニメーション
===========================================*/

.img-wrap {
  animation: img-wrap 5s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }
  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}

/*==========================================
スクロール画像表示アニメーション
===========================================*/


.list{
  margin: 10px 10px 10px 10px;
  list-style-type: none;
  overflow: hidden;
}
.list li{
  margin: 10px 10px 10px 10px;
  float: left;
  transition: .8s;
}

.list-mv01{
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
}
.mv01{
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}


/*==========================================
SNSボタン
===========================================*/




@import '//codepen.io/chrisdothtml/pen/ojLzJK.css';
.social-btns .btn,
.social-btns .btn:before,
.social-btns .btn .fa {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-btns .btn:before {
  top: 90%;
  left: -110%;
}
.social-btns .btn .fa {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.social-btns .btn.facebook:before {
  background-color: #3b5998;
}
.social-btns .btn.facebook .fa {
  color: #3b5998;
}
.social-btns .btn.twitter:before {
  background-color: #3cf;
}
.social-btns .btn.twitter .fa {
  color: #3cf;
}
.social-btns .btn.google:before {
  background-color:#c4302b;
}
.social-btns .btn.google .fa {
  color: #c4302b;
}
.social-btns .btn.dribbble:before {
  background-color: #c4302b;
}
.social-btns .btn.dribbble .fa {
  color: #f26798;
}
.social-btns .btn.skype:before {
  background-color: #00aff0;
}
.social-btns .btn.skype .fa {
  color: #00aff0;
}
.social-btns .btn:focus:before,
.social-btns .btn:hover:before {
  top: -10%;
  left: -10%;
}
.social-btns .btn:focus .fa,
.social-btns .btn:hover .fa {
  color: #fff;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.social-btns {
  height: 90px;
  margin: auto;
  font-size: 0;
  text-align: center;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.social-btns .btn {
  display: inline-block;
  background-color: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin: 0 10px 10px 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 28%;
  box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
  opacity: 0.99;
}
.social-btns .btn:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.social-btns .btn .fa {
  font-size: 38px;
  vertical-align: middle;
}

/*==========================================
fontawa¥esome
===========================================*/

.icon::before {
	content:'\f39e';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
}

.icon::before {
	content:'\f099';
	font-family:'Font Awesome 5 Brands';
	font-weight:900;
}

/* スクロールアニメーション設定 */

.arrow {
  width: 15px;
  margin: 0 auto;
  -webkit-animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}

.arrow span {
  position: relative;
  display: block;
  left: 50%;
}

.arrow span:before {
  content: '';
  width: 15px;
  height: 15px;
  border: 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-sizing: border-box;
}

@keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%, -8px, 0);
    transform: translate3d(-50%, -8px, 0);
  }
}

/*========= 検索窓のためのCSS ===============*/


/*========= 検索窓を開くための虫眼鏡ボタン設定 ===========*/

.open-btn{
  position: absolute;
  top:10px;
  right:10px;
  background:#fff url("https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/7-2-3/img/icon_search.svg") no-repeat 15px center;/*虫眼鏡アイコンを背景に表示*/
  background-size: 20px 20px;
  width:50px;
  height:50px;
  border-radius: 50%;
  cursor: pointer;
}

/*========= 検索窓の設定 ===============*/

/*========= 検索窓を開くためのボタン設定 ===========*/

.open-btn1{
  position: absolute;
  top:10px;
  right:10px;
  background:url("https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/7-2-3/img/icon_search.svg") no-repeat 15px center;/*虫眼鏡アイコンを背景に表示*/
  background-size: 20px 20px;
  width:50px;
  height:50px;
  cursor: pointer;/*カーソルを指マークに*/
}

/*クリック後、JSでボタンに btnactive クラスが付与された後の見た目*/
.open-btn1.btnactive{
  background:url("https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/7-2-3/img/icon_close.svg") no-repeat 15px center;/*閉じるアイコンを背景に表示*/
  background-size: 18px 18px;
}

/*========= 検索窓の設定 ===============*/


/*========= 検索窓の設定 ===============*/

/*パララックス*/
.wrapper {
  position: relative;
  height: 800px;
}

.banner-wrapper-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 700px;
  background-image: url('images/chichi2.jpg');
  background-position: center;
  background-size: cover;
  transition: all 0.1s ease 0s;
}
.foreground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}
/*パララックス*/

/*ローディングペース*/
.loading{
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 9999;
}
.animation{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  -webkit-animation: lodanimetion 1500ms ease-out forwards infinite;
  animation: lodanimetion 1500ms ease-out forwards infinite;
}
@keyframes lodanimetion {
  from,to {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
}
/*ローディングペース*/

/*ローディングアニメーション*/
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}
/*ローディングアニメーション*/