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

/* ============================================================================================

Templates/menu.dwt
全共通ページ箇所

======================================== */

/* WAPPER */
div#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}
div#container {
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #FFF;
}

/* HEADER */
header {
		width: 100%;
		background-color: #2692d7;
		color: #fff;
		border-bottom: 5px solid #DDDDDD;
		padding: 3px;
	  position: fixed; /* 固定 */
  top: 0; /* 一番上に表示 */
z-index: 3;
}

div#header {
	max-width: 1000px;
	margin:  0 auto;
}

nav ul.navi {
display: flex;
}
nav ul.navi li {
flex: auto;
text-align: center;
}
.navi li a {
	color: #fff;
}

/* inpage contents */

.leftContents {
		width: 20%;
		float: left;
		font-size: 95%;
		margin-left: 10px;
		border-radius: 5px;
	}
.leftContents li {
	padding: 0 5px;
}
.leftContents li:hover {
	background: #f1f1f1;
	}	
	
	.rightContents {
		width: 75%;
		float: right;
		margin: 0 1%;
	}


/*  page contents area */
div#contents {
	line-height: 200%;
	margin-top: 99px; /* ヘッダー固定文を無理やり */
}


div.contents_inner {
	width: 100%;
	padding: 10px;
}

/* footer */

footer {
	position: fixed;
	bottom: 0;
	width: 100%;

}

div#footer {
	background-color:#c9caca;
	width: 100%;
	text-align: center;
}

/* フッターナビゲーション テキストリンク */
div#footer ul.footnavi {
	background-color: #595757;
}

#footer ul.footnavi li {
font-size: 12px;
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 5px;
	color: #FFF;
}
#footer a {
	color: #FFF;
}
#footer a:hover {
 color:#e22f27;
}

/* フッターナビゲーション SNSバナー */

.snsnavi {
	text-align: center;
}
.snsnavi li {
	display: inline-block;
  /display: inline;
  /zoom: 1;
	padding: 20px 0;
}


.foot_desc {
	text-align: left;
	font-size: 1.4rem;
	color: #999;
	clear:both;
	padding: 5px;
	background-color: #F1f1f1;
	border: 1px solid #c5a977;
	overflow-y: scroll;
	width: 90%;
	height: 50px;
	margin: 5px 5%;
	line-height: 20px
}
address { color: #FFF; font-size: 1.2rem;}

/*トップに戻る */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/* ============================================================================================

index.html
トップページ

======================================== */

.shopttl {
  position: relative;
  color: black;
  background: #f1f1f1;
  line-height: 1.4;
  padding: 0.5em 0.5em;
  margin: 120px 0 0.5em;
  border-radius: 0 5px 5px 5px;
border-top: 1px solid rgba(51,122,219,1.00);
}

.shopttl:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f217 Online Shopping';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}


@media screen and (max-width: 480px) {
	.shopttl {
	font-size: 18px;
}
}


/* --------------------------------------------------------

inquiry/index.html contents内装飾

頭にinqがつく

--------------------------------------------------------------*/

/* div block */
.inq_box {
	clear: both;

}

/* h4のタイトル装飾　*/
.inq_ctgry {
	background-color:#F1f1f1;
	border-top: 2px solid #7F7F7F;
	padding: 8px;
	margin: 40px 0;
	font-size: 1.8rem;
	text-align: center;
}



/* 前サイトからもってきた問い合わせテーブルのCSS　*/
.inq_tbl {
	border-top: solid 1px #ccc;
	width:100%;
	margin: 20px auto;
}
.inq_tbl th{
	background: #eee;
	text-align: left;
	vertical-align: top;
	width: 30%;
	border-bottom: solid 1px #ccc;
	padding: 15px;
	font-weight:normal;
}

.inq_tbl td {
	border-bottom: solid 1px #ccc;
	padding: 15px;
	font-weight:normal;
}

.inq_tbl li{
	float: left;
	width: 90%;
	margin-bottom: 3px;
	margin-right:5px;
}
	
.inq_tbl .startList li{
	float: none;
	width: auto;
}
	
.inq_tbl .lBlock{
	margin-right: 15px;
	float:left;
}

.inq_tbl .fTitle{
	clear: left;
	float: left;
	margin-top:4px;
	margin-bottom: 2px;
	width: 145px;
}
	
.inq_tbl .fBox{
	float: left;
	margin-bottom: 8px;
}

/* submitボタン　*/
.inq_box input[type="submit"] {
	margin: 0 auto;
	display: block;
	padding: 20px;
	font-size: 2.1rem;
	background-color :#FFFFFF;
}
.inq_box input[type="submit"]:hover {
	background-color :aliceblue;
	cursor: pointer;
}


/* ============== タブ 切り替え tab menu =============================== */


.tab-list{
    display: flex;
    justify-content: center;
}
.tab-list a:hover {
	background: rgba(131,131,131,0.50);
	border-radius: 5px;
    transition: all 0.2s ease-out;
}

.tab{
    flex-grow: 1;
    padding:3px;
    cursor: pointer;
}
.main{
    height:100px;
    background:#eee;
}
.content{
    display:none;
}
.content ul li{
	line-height: 21px;
}

.tab.is-active{
	background: rgba(131,131,131,0.50);
	border-radius: 5px;
    transition: all 0.2s ease-out;
}
.content.is-show{
    display:block;
}


/* ========================================== ギャラリー */
#picgallery ul{
 margin: 0;
 padding: 0;
 font-size: 0px;
}
#pgallery li{
 list-style-type: none;
 display: inline;
}