@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,houp,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;backound:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,houp,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;backound:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	width:100%;
	margin:0 auto;
	font-size:14px;
	color:#382400;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;/*1.6*/
}

header {
	width:960px;
	margin:10px auto;
}

/*nav {
	width:100%;
}*/

#contents {
	width:960px;
	margin:10px auto;
	font-size:1.2em;/*20px*/
}

/*.texttype {
	font-size:20px;
	}*/

#main {
	float:right;
	width:100%;
}

#sub {
	/*float:left;*/
	width:21.25%;
}

#subnav {
	display:none;
}

a {
	color:#000;
}
a:hover {
	color:#06F;
}

h1 {
	width:960px;
	margin:10px auto;
	font-size:14px;
	color:#000;}
h1 a {
	color:#000;
	text-decoration:none;
}
h1 a:hover {
	color:#e78f00;
	text-decoration:underline;
}

h1.hp {
	font-size:20px;
	text-align:center;
	}

h2 {
	margin-top:10px;
	margin-bottom:0.5em;
	padding-left:10px;
	font-size:1.5em;
	color:#000;
	border-left:5px solid #FC0;/*#e78f00*/
	border-bottom:1px solid #FC0;/*#36F;/*#e78f00*/
	background-color:#FFF;
}

h2. {
    display: flex;
    align-items: center;
    padding: .1em .3em;
    backound-color: #36F;
    color: #FFF;
}

h2.gr {
    display: flex;
    align-items: center;
    padding: .1em .3em;
    background-color: #403524;/* #36F;*/
    color: #FFF;
}

.gr ::before {
    display: inline-block;
    width: 5px;
    height: 1.5em;
    margin-right: .5em;
    background-color: #BD8E22;/*#36F;*/
    content: '';
}

h3 {
	margin-top:10px;
	margin-bottom:0.5em;
	padding:2px 5px;
	color: #FC0;/*#630*/
	font-size:22px;
	border-bottom:1px solid   #FC0;/*#630*/
}

h3.used {
	margin-top:10px;
	margin-bottom:0.5em;
	padding:2px 5px;
	color: #03F;/*#630*/
	font-size:22px;
	border-bottom:1px solid #03F;/*#630*/x
	text-align:center;
}

h3.fontsize {
	margin-bottom:0.5em;
	padding:2px 5px;
	color: #F00;
	font-size:20px;
	border-bottom:1px solid #e78f00;
}

h4 {
	margin-bottom:0.25em;
	font-size:20px;
	color:#333;
}
h4:before {
	content:"\002605";
	color:#f19500;
}

h5 {
	margin-bottom:0.25em;
	padding-left:5px;
	color:#000;
	font-size:20px;
	margin-top:15px;
/*	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	backound:#f1f1f1;*/
}

h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
	margin-top: 0px;
	/*max-width:100%;*/	/*6/19編集*/
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#f19500;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ul li.float {
	list-style:disc;
	float:left;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

li.no {
	list-style:none;
}

li.fll {
	float:left;
}

li.noused {
	list-style:none;
	line-height:0px;
}

li.noused10 {
	list-style:none;
	line-height:20px;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dt.bg {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
	backound-color: #00C;/*#FC6*/
	color: #FFF;/*#333*/
}

dt.fontsize {
	margin-bottom:0.5em;
	border-bottom:2px dotted #666;
	font-size:20px;
}

dt.sitemap {
	margin-bottom:0.5em;
	border-bottom:2px dotted #666;
	font-size:18px;
}

dt:before {
	content:"\0025a0";
}

dd {
	margin-bottom:1em;
	font-size:18px;
}

dd.fontsize {
	margin-bottom:1em;
	font-size:18px;
}

dd.sitemap {
	margin-bottom:1px;
	font-size:16px;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	backound:#f5f5f5;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

div.floatL{
	width:50%;
	float:left;
	margin-right:4px;
}

div.floatL2{
	width:50%;
	float:left;
	margin-right:4px;
}

div.padding20{
	padding:0px 20px;
	font-size:1em;
	color:#000;
	background-color:#FFF;
}

div.padding20L{
	padding:14px 20px;
	text-align:left;
	font-size:1em;
	color:#000;
	background-color:#FFF;
}

div.padding20c{
	padding:0px 20px;
	text-align:center;
	font-size:1.8em;
}

div.padding20c1{
	padding:0px 10px;
	text-align:center;
	font-size:1.2em;
}

div.floatL8{
	width:100%;
	float:left;
	margin-right:4px;
}

div.floatL9{
	width:100%;
	float:left;
	margin-right:4px;
}

div.floatR{
	width:50%;
	float:left;
	margin-right:4px;
}

div.bg-y{
	backound-color:#FFC;
	padding:10px;
	margin-bottom:10px;
}

table.th {
	backound-color:#06F;
}

/*================================================
 *  
 ================================================*/
 
.transimg {
	width:450px;
	max-width: 100%;
	height: auto;
	}

.transimg1 {
	width:450px;
	max-width: 100%;
	height: auto;
	margin:auto;
	}


.transimg230 {
	width:230px;
	float:left;
	max-width: 100%;
	height: auto;
	margin-right:5px;
	}

.mdc-b {
	backound-color:#36F;
	color:#FFF;
	text-align:center;
	}

.mdc-none {
	text-align:center;
	}

.clear {
	clear:both;
}

li.qa-q {
    display: inline-block;
	margin-top:0.5em;
	margin-bottom:0.7em;
	padding:2px 5px;
	color: #FC0;/*#630*/
	font-size:1em;
	border-bottom:1px solid  #FC0;/*#630*/
}

li.qa-a {
    display: inline-block;
	font-size:1em;
}


/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
}
header h1 {
	margin-bottom:20px;
}

.contact {
	position:absolute;
	top:1px;
	right:1px;
	vertical-align:top;
}
.contact a {
	display:block;
	padding:5px 10px 5px 29px;
	color:#fff;
	backound:#f19500;
	border-radius:4px;
	text-decoration:none;
	backound:#f19500 url(../images/mail.png) 10px 50% no-repeat;
}
.contact a:hover {
	color:#fff;
	backound:#e78f00 url(../images/mail.png) 10px 50% no-repeat;
}

.summary {
	clear:both;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/



/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	content:"\0025a0";
	color:#000;
}


.submenu li a {
	display:block;
	padding:5px 2px;
	color:#000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}
.submenu li a:hover {
	backound:#eee;
}

.bnr {
	overflow:hidden;
}

.bnr ul {
	overflow:hidden;
}

.bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
	width:100%;
}

.gnav1 li {
	margin:0;
	padding:0;
	list-style:none;
}
/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
}

.footmenu {
	width:100%;
	padding:10px 0;
	overflow:hidden;
/*	border-top:1px dotted #ccc;*/
/*	border-bottom:1px dotted #ccc;*/
	backound-color:#000;/*フッターメニュー背景色*/
}
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 10px;
	font-size:12px;
	text-align:center;
}

.footmenu li a{
	color:#D6D6D6;/*Linkテキストカラー設定*/
}

.footmenu li a:hover{
	color: #F90;/*Linkテキストカラー設定*/
}

.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:5px;
	right:5px;
	margin-bottom:5px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	backound:#a0a0a0;
}
.totop img:hover {
	backound:#a0a0a0;
}


/*================================================
 *  クラス
 ================================================*/
.textL {
	text-align:left;
}

.textR {
	text-align:right;
}

.list {
	padding:0 0 0 0.5em;
}

.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	backound:url(../images/check.png) 0 5px no-repeat;
}

.photo {
	overflow:hidden;
	margin:20px 0;
	padding:10px;
	border:5px solid #ddd;
	backound:#fff;
}

.imgL {
	float:left;
	margin:0 0.5em 0.5em 0;
}

.imgR {
	float:right;
	margin:0 0 0.5em 0.5em;
}

.info dt {
	border-bottom:none;
}
.info dd {
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}


.tbback01 a:link {
	color: #333;
	text-decoration: underline;
} 

.tbback01 a:visited {
	color: #333;
	text-decoration: underline;
} 



/*================================================
 *  トップページ
 ================================================*/
/* スライドショー */
.slide {
	display:none;
	position:relative;
	overflow:hidden;
}

.slidePrev {
	position:absolute;
	cursor:pointer;
	z-index:100;
}

.slideNext {
	position:absolute;
	cursor:pointer;
	z-index:100;
}

.slidePrev img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}

.slideNext img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}

.slideInner {
	position:relative;
	margin:0 0 5px 0;
	padding:0;
}
.slideInner li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.slideInner li img {
	margin:0 5px;
	padding:0;
}

.filterPrev {
	position:absolute;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	backound-color:#fff;
}

.filterNext {
	position:absolute;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	backound-color:#fff;
}

.controlNav {
	position:relative;
	float:left;
	left:50%;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:10px;
	height:10px;
	overflow:hidden;
	backound:#ccc;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	backound:#999;
	cursor:pointer;
}
.controlNav span.current {
	backound:#f19500;
}

/* トップナビ */
* html .topNavi {
	height:1em;
	overflow:visible;
}

.topNavi {
	overflow:hidden;
	position:relative;
	margin-right:-1.030%;
	margin-top:20px;
	margin-bottom:20px;
}

.topNaviColumn {
	display:inline;
	width:32.302%;
	float:left;
	margin-right:1.030%;
}

.topNaviCon {
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:10px;
	text-decoration:none;
	color:#000;
	transition:backound 0s ease 0s, border 0.5s ease-out 0s;
	backound:#f1f1f1;
	border:1px solid #f1f1f1;
	border-radius:4px;
}
.topNaviCon:hover {
	color:#000;
	backound:#fff9f5 none repeat scroll 0 0;
	border:1px solid #f19500;
	transition:backound 0s ease 0s, border 0.5s ease-out 0s;
}
.topNaviCon h2 {
	margin:10px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#f19500;
	border:none;
}
.topNaviCon:hover h2 {
	color:#f19500;
}
.topNaviCon p {
	margin:10px;
}

.topNaviPhoto img {
	width:100%;
	
}
/*
.news {
	width:800px;
	text-align: left;
	margin:auto;
	font-size:14px;
}
*/


.floatL5{
	float:left;
	width:230px;
	margin: 5px 5px;
}

.floatL5a{
	float:left;
	width:470px;
	margin: 5px 5px;
}

.floatL6{
	float:left;
	width:460px;
	margin: 5px 10px;
}

.floatL7{
	float:left;
	width:300px;
	margin: 5px 10px;
}

.iframe-wrapper {
  float:left
/*  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;*/
}

.iframe-wrapper iframe {
/*  position: absolute;
  top: 0;
  left: 0;*/
  width: 480px;
  height: 270Px;
}

div.floatL4{
　	width:480px;
	float:left;
	margin:0px;
}


/*-----------------test1 PC-------------------------*/
.my-btn {
  text-align: center;
}
.my-btn a {
  display: inline-block;
  width: 50%;
  margin: 20px auto;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: #FFF!important;
  text-decoration: none;
  font-size: 25px;/*15px*/
  line-height: 27px;
  font-weight: bold;
  backound: #F30;/*#38b435*/
  border-bottom: 4px solid #C00;
  position: relative;
  overflow: hidden;
}
/* ボタンを凹ませる */
.my-btn a:active {
  transform: translateY(4px); /*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
  border-bottom: none;
}
/* ボタンをキラッとさせる */
.my-btn a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  backound-image: linear-adient(130deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 100) 81%, rgba(255, 255, 255, 0) 100%);
  animation: shine 3s infinite; /* inifiniteによりずっと続ける */
}
@keyframes shine {
  33% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
/* テキストの後ろにarrow */
.my-btn a:after {
  content: '»';
  display: inline-block;
  color: #fff;
  padding-left: 10px;
  font-size: 10px;
}


div.banatitle{
	line-height:5px;
	font-size:35px;
	text-align:center;
	letter-spacing:0.3em;
	margin-bottom:5px;
	}
	
div.banatitle2{
/*	line-height:40px;*/
margin-bottom:18px;
margin-top:2px;
	font-size:24px;
	text-align:center;
	}	

div.banatitle3{
/*	line-height:40px;*/
margin-bottom:18px;
margin-top:2px;
	font-size:20px;
	text-align:center;
	letter-spacing:0.5em;
	}	
	
div.banatitle4{
/*	line-height:40px;
margin-bottom:18px;*/
margin-top:2px;
	font-size:1em;
	text-align:left;
	letter-spacing:0.5em;
	padding-left:10px;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #666;
	}
	
div.banatitle4a{
/*	line-height:40px;*/
margin-bottom:18px;
margin-top:2px;
	font-size:1em;
	text-align:left;
	letter-spacing:0.5em;
	padding-left:10px;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}	
	
.banatitle4b{
	font-size:1em;
	text-align:left;
	letter-spacing:0.5em;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}	
	
div.banatitle5{
/*	line-height:40px;*/
margin-top:2px;
	font-size:1em;
	text-align:center;
	color: #333;
/*	letter-spacing:0.5em;
	padding-left:10px;*/
	}	
	
div.banatitle6{
/*	line-height:40px;
margin-top:2px;*/
	font-size:0.8em;
	text-align:center;
	color: #333;
/*	letter-spacing:0.5em;
	padding-left:10px;*/
	}	
	
div.banatitle7{
/*	line-height:40px;*/
margin-top:2px;
	font-size:20px;
	text-align:center;
/*	letter-spacing:0.5em;
	padding-left:10px;*/
	}

div.banatitle8{
	text-align:center;
	}
	
div.banatitle9{
	padding-left:1em;
	}
	
ul.factory-ul{
	list-style:none;
	padding-left:0px;
	}
	


ul.qac-medama {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
ul.qac-medama li {
	width: 23%;
	list-style: none;
	margin: 0 10px 10px 0;
}


li.serimedama{
  display: inline-block;
}
	
/*----------------test1--------------------------*/

ul.qac-medama2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
ul.qac-medama2 li {
	width: 23%;
	list-style: none;
	margin: 0 10px 10px 0;
}


li.serimedama2{
  display: inline-block;
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	body {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}

	header {
		width:100%;
	}

/*	nav ul {
			width:100%;
	}*/

	#contents {
	width:100%;
	margin:2px auto;
	font-size:0.8em;/*20px*/
	}

.texttype {
	font-size:14px;
	}

div.floatL2{
/*	width:50%;*/
	float:left;
	margin-right:4px;
}

.transimg {
	width:100%;
	max-width: 100%;
	height: auto;
	
}

.transimg230 {
	width:100%;
/*	max-width: 100%;*/
	height: auto;
	
}


li.no {
	list-style:none;
}

div.floatL4{
　	width:100%;
	float:left;
	margin:5px 0px;
}

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

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



}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.contact {
		position:relative;
		float:right;
		margin:10px 0;
	}
	
	#contents {
	width:100%;
	margin:auto;
	font-size:0.4em;/*20px*/
	}

	header h1 {
		margin-bottom:0;
	}

	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}

	.bnr ul {
		overflow:hidden;
		margin-right:-2%;
	}

	.bnr li {
		float:left; /*スマホサイズで横並び解除*/ 
		width:48%;　/*左右二列縦2枚並び*/
		/*width:100%;　左右一列縦4枚並び*/
		margin:0 2% 2% 0;
	}
	
	.texttype {
	font-size:18px;/*14px*/
	}
	
	
table {
	width:100%;
	margin-bottom:0.1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}


.transimg {
	width:100%;
	max-width: 100%;
	height: auto;
	
}

.transimg230 {
	width:100%;
/*	max-width: 100%;*/
	height: auto;
	margin-bottom:5px;
	
}

div.banatitle{
	line-height:5px;
	font-size:18px;
	text-align:center;
	letter-spacing:normal;
	}
	
div.banatitle2{
	margin-bottom:12px;
    margin-top:3px;
	font-size:14px;
	text-align:center;
	}

div.banatitle3{
	margin-bottom:12px;
    margin-top:3px;
	font-size:14px;
	text-align:center;
	letter-spacing:normal;
	}
	
div.banatitle4{
	font-size:3em;
	text-align:left;
	letter-spacing:normal;
	}

div.banatitle4a{
	font-size:3em;
	text-align:left;
	letter-spacing:normal;
	}
	
.banatitle4b{
	font-size:3em;
	text-align:left;
	letter-spacing:normal;
	}
	
div.banatitle5{
	margin-bottom:3px;
    margin-top:3px;
	font-size:1.5em;
	text-align: center;
	letter-spacing:normal;
	}

div.banatitle6{
	/*margin-bottom:3px;
    margin-top:3px;*/
	font-size:1.5em;
	text-align:center;
	letter-spacing:normal;
	}
	
div.banatitle8{
	text-align:center;
	}
	
div.banatitle9{
	text-align:center;
	}
		
div.padding20{
	padding:2px 1px;
	font-size:3em;
}

div.padding20L{
	padding:2px 1px;
	font-size:3em;
}

div.padding20c{
	padding:0px 5px;
	text-align:left;
	font-size:3em;
}

div.padding20c1{
	padding:0px 5px;
	text-align:left;
	font-size:3em;
}	
	/* メインメニュー */
/*nav {
		width:100%;
	}*/
		/*nav h3 {
		cursor:pointer;
		margin-bottom:0;
		color:#fff;
		backound:#00F;
		border:none;
	}
	nav h3:after {
		position:absolute;
		content:"\0025bc";
		top:3px;
		right:5px;
	}
	nav h3.menuOpen:after {
		position:absolute;
		content:"\0025b2";
		top:3px;
		right:5px;
	}
	nav ul {
		width:100%;
	}

	nav li {
		width:33.33%;
		margin:0;
		padding:0;
		list-style:none;
	}
	nav li:first-child a {
		width:100%;
	}

	nav li a {
		display:block;
		width:100%;
		border-bottom:1px dotted #ddd;
		text-decoration:none;
	}*/

	/* トップナビ */
	.topNavi {
		margin-right:0;
	}

	.topNaviColumn {
		display:block;
		box-sizing:border-box;
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:10px;
	}

	#gnav li a:after {
    content:attr(data-label);
}

#gnav li img {
    display:none;
}

.gnav1 li {
	margin:0;
	padding:0;
	list-style:none;
	float:left; /*スマホサイズで横並び解除*/ 
	width:48%;　/*左右二列縦2枚並び*/
	/*width:100%;　左右一列縦4枚並び*/
	margin:0 2% 2% 0;	
}

.gnav1 li a:before {
	content:"\0025a0";
	color:#000;
}

.gnav1 li a {
	display:block;
	padding:5px 2px;
	color:#000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}

.gnav1 li a:hover {
	backound:#eee;
}

h1 {
	width:100%;
	font-size:14px;
	color:#000;}
	

h1.hp {
	font-size:10px;
	}

h2 {
	margin-bottom:0.5em;
	padding-left:10px;
	font-size:3em;/*16px*/
	color:#000;
	border-left:5px solid #FC0;/* #36F;*//*#00C;*/
	border-bottom:1px solid #FC0;/* #36F;*//*#00C;*/
}


h2. {
    display: flex;
    align-items:left;
    padding: 0px;
    backound-color: #36F;
    color: #FFF;
}


. ::before {
    display: inline-block;
    width: 5px;
    height: 1.5em;
    margin-right: .5em;
    backound-color: #36F;
    content: '';
}

h3 {
	margin-bottom:0.5em;
	padding:2px 5px;
	color: #FC0 ;/*#630*/
	font-size:7px;
	border-bottom:1px solid #FC0;/*#630*/
}

h3.fontsize {
	margin-bottom:0.5em;
	padding:2px 5px;
	color: #F00;
	font-size:18px;/*14px*/
	border-bottom:1px solid #e78f00;
}

h4 {
	margin-bottom:0.25em;
	font-size:18px;/*14px*/
	color:#333;
}

dt.fontsize {
	margin-bottom:0.5em;
	border-bottom:2px dotted #666;
	font-size:18px;/*14px*/
}

dd {
	margin-bottom:1em;
	font-size:18px;/*14px*/

}
/*フォントサイズ16px*/
.font16{
	font-size:18px;/*14px*/

}

/*フォントサイズ30px*/
.font30{
	font-size:18px;/*10px*/

}

div.floatL2{
/*	width:50%;*/
	float:left;
	margin-right:4px;
}


li.no {
	list-style:none;
}

.news {
	width:100%;
	/*text-align: left;*/
	/*margin:auto;*/
	/*font-size:14px;*/
}

div.floatL4{
　	width:100%;
	float:left;
	margin:0px;
}

.floatL5{
	float:left;
	width:auto;
	margin: 5px 5px;
}

.floatL5a{
	float:left;
	width:auto;
	margin: 3px 0px;
}

.floatL6{
	float:left;
	width:100%;
}
.floatL7{
	float:left;
	width:100%;
}


.iframe-wrapper {
	  float:left
/*  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;*/
}

.iframe-wrapper iframe {
/*position: absolute;
  top: 0;
  left: 0;*/
  width: 100vw;
/*  max-height:100%;
  height: 100%;*/
}

li.qa-q {
    display: inline-block;
	margin-top:0.2em;
	margin-bottom:0.3em;
	padding:2px 5px;
	color: #FC0;/*#630*/
	font-size:1em;
	border-bottom:0.5px solid  #FC0;/*#630*/
}

li.qa-a {
    display: inline-block;
	font-size:1em;
}

iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}


/*-----------------test SP-------------------------*/
.my-btn {
  text-align: center;
}
.my-btn a {
  display: inline-block;
  width: 90%;
  margin: 20px auto;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: #FFF!important;
  text-decoration: none;
  font-size: 15px;
  line-height: 27px;
  font-weight: bold;
  backound: #F30;/*#38b435*/
  border-bottom: 4px solid #C00;
  position: relative;
  overflow: hidden;
}
/* ボタンを凹ませる */
.my-btn a:active {
  transform: translateY(4px); /*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
  border-bottom: none;
}
/* ボタンをキラッとさせる */
.my-btn a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  backound-image: linear-adient(130deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 100) 81%, rgba(255, 255, 255, 0) 100%);
  animation: shine 3s infinite; /* inifiniteによりずっと続ける */
}
@keyframes shine {
  33% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
  
  
}
/* テキストの後ろにarrow */
.my-btn a:after {
  content: '»';
  display: inline-block;
  color: #fff;
  padding-left: 10px;
  font-size: 20px;
}


/*----------------test--------------------------*/


}

/*================================================
 * 追記エリア ================================================*/

.toppage-news{
	width:100%;
 	height:200px;
	overflow:auto;
	border:#666 ipx solid;
	margin-bottom:15px;
}

.toppage-news1{
	width:100%;
/*	height:200px;
	overflow:auto;*/
	border:#666 ipx solid;
	margin-bottom:15px;
}

/*フォントサイズ16px*/
.font16{
	font-size:16px;
}

/*フォントサイズ12px*/
.font12{
	font-size:12px;
	padding:2px;
}


/*フォントサイズ30px*/
.font30{
	font-size:30px;
}

.colb{
	color:#F00;
	}
	

.item-title {
	width:98%;
	margin:5px 0px;
	padding:5px 0px;
	border:#03F;
	backound-color:#36C;
	text-align:center;
	color:#FFF;
	line-height:20px;
	border: 2px solid #666;  /* 枠線を引く */
	border-radius: 10px;　/*　角丸の指定 */
}

.item-list { 
	float:left;
	margin:2px 10px 3px 0px;
}

.jigyo-list { 
	padding:10px 5px 10px 5px;
}

.topline-t {
	border-top:1px solid #630;
}

.topline-b {
	border-bottom:1px solid #630;
}

.kobutu {
	width:100%;
	height:200px;
}


div.floatL{
	float:left;
	margin-right:4px;
}

div.floatL3{
	float:left;
	margin: 6px 7px;
}

div.item-main{
	color:#333;
	padding:5px 20px;
	margin-top:5px;
	}

div.itemcollar-G{	 
    margin-left: auto;
    margin-right: auto;
	width:95%;
	backound-color:#6F9;
	color:#333;
	padding:5px 5px;
	margin-top:5px;
	}

div.itemcollar-B{
	margin-left: auto;
    margin-right: auto;
	width:92%;
	backound-color:#CFF;
	color:#333;
	padding:5px 20px;
	margin-top:5px;
	}

div.itemcollar-PA{
	margin-left: auto;
    margin-right: auto;
	width:90%;
	backound-color:#CCF;
	color:#333;
	padding:5px 20px;
	margin-top:5px;
	}	

.itemcollar-PA-R{
	color:#F00;
	font-weight:bold;
	}
	
.clear {
	clear:both;
	margin-bottom:5px;
	}
	
p.infobox {
   height: 4.3em;     /* 高さを制限(※) */
   overflow: auto;  /* スクロールバーを表示(※) */
   border: red 1px dashed;    /* 枠線を追加 */
   backound-color: #fff0f0; /* 背景色を追加 */
   padding:0px 40px;
}

/* ------------------------------------ */
/* ▼TOP買取ジャンル説明テキスト */
/* ------------------------------------ */


.kiyaku {
	color:#F00;
	font-size: 28px;
	text-align:center;
}

kiyaku.a {
color:#F00;
}
	
/* ------------------------------------ */
/* ▼ブラウザフッター固定デザイン */
/* ------------------------------------ */

/*メニューをページ下部に固定*/
#sp-fixed-menu{
 /*  position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0; opacity: 0.8;
   z-index: 99;*/
    position: fixed;            /* ヘッダーの固定 */
   bottom: 8px;           /* 位置(上0px)8 */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 62px;              /* 縦幅100px 60*/
	   z-index: 99; opacity: 0.9;
		     font-size: 0;
}


/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 25px; /*14px 17*/
   border-right: 1px solid #fff;
}

/*左側メニューを赤色に*/
#sp-fixed-menu li:first-child{
/*   backound: #f3a324;　 */
   backound: #F00;　
}


/*中央メニューをオレンジ色に*/
#sp-fixed-menu li:nth-child(2){
   backound: #f39800;
}



/*右側メニューを緑色に*/
#sp-fixed-menu li:last-child{
   backound: #22ac38;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding-bottom:20px;
}

/*-------ブラウザfooter固定メニューここまで---------*/

@media screen and (max-width: 640px) {
	
  
  /* ------------------------------------ */
/* ▼スマホフッター固定デザイン */
/* ------------------------------------ */

/*メニューをページ下部に固定*/
#sp-fixed-menu{
 /*  position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0; opacity: 0.8;
   z-index: 99;*/
    position: fixed;            /* ヘッダーの固定 */
   bottom: 8px;           /* 位置(上0px)8 */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 40px;              /* 縦幅100px 60*/
	   z-index: 99; opacity: 0.9;
		     font-size: 0;
}


/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 25px; /*14px 17*/
   border-right: 1px solid #fff;
}

/*左側メニューを赤色に*/
#sp-fixed-menu li:first-child{
/*   backound: #f3a324;　 */
   backound: #F00;　
}


/*中央メニューをオレンジ色に*/
#sp-fixed-menu li:nth-child(2){
   backound: #f39800;
}



/*右側メニューを緑色に*/
#sp-fixed-menu li:last-child{
   backound: #22ac38;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding-bottom:20px;
}

/*-------スマホfooter固定メニューここまで---------*/
  


}




.container {
  display: flex;
/*  flex-direction: column;*/
    flex-direction: row;
  flex-wrap:nowrap;
  gap: 5px;
  padding: 5px;
}
 
[class^=block-] {
  display: flex;
 flex-direction: row;
  flex-wrap:wrap;
  align-items:flex-start;
  gap: 5px;
}
 
[class^=box-] {
  display: flex;
  justify-content: center;
 /* align-items: center;
  border: 1vh solid #48CAE4;
  border-radius: 10px;*/
}
 
.box-1{
  flex-basis: 480px;
 /* height: 20vh;*/
}

.box-4 {
  flex-basis: 480px;
 /* height: 20vh;*/
}
 
.box-3 {
  flex-basis: 480px;
 height: 100px;
   /*border: 2px solid #48CAE4;*/
  padding:0px 5px;
 /* backound-color:#FF0;
  vertical-align:top;*/
}

.box-5 {
  flex-basis: 470px;
 height: 100px;
   /*border: 2px solid #48CAE4;*/
  padding:0px 5px;
 /* backound-color:#FF0;*/
}

 
@media (max-width: 1000px) {


.container {
  display: flex;
  flex-direction: column;
/*    flex-direction: row;
  flex-wrap:nowrap;*/
  gap: 5px;
 /* padding: 5px;*/
}

	  .block-1 {
    flex-direction: column;
　　/* height: 60vh;*/
    flex-basis: auto;
	flex-ow:0;
  }
  
  .block-2 {
    flex-direction: column;
  /*  height: 60vh;*/
    flex-basis: 100%;
  }
   .box-1 {
    height: auto;
	    flex-basis: 100%;
  }
    .box-4 {
    height: auto;
	    flex-basis: 100%;
  }
  
  .box-5 {
    height: auto;
	    flex-basis: 100%;
  }
 
  .box-3 {
    height: auto;
	    flex-basis: 100%;
  }
}

/*━━━━━━━━━━━━━━━━━━━*/



/*フッター画像切り替え*/
img {width: auto;max-width: 100%;height: auto;}
.pc_img img{display:inline-block;/*PC画像を表示する*/}.sp_img img{display:none;/*スマホ画像は非表示にする*/}

.pc_img img{display:inline-block;/*PC画像を表示する*/}.sp_img img{display:none;/*スマホ画像は非表示にする*/}
@media screen and (max-width: 640px) {
.pc_img img {display: none;/*PC画像は非表示する*/}
.sp_img img {display:inline-block;/*スマホ画像を表示する*/}
}


/*━━━━━━━━CLS対応━━━━━━━━━━━*/


.field {
    width: 100%;
    margin: auto;
    text-align: center;
}

.responsive {
    width: 100%;
    height: auto;
}

@media screen and (max-width:640px) {
    .field {
        width: 100%;
    }

}

/*━━━━━━━━CLS対応━━━━━━━━━━━*/


/*━━━━━━━━KPM対応━━━━━━━━━━━*/

.premium {
	background-color:#a25c2c;/*#1E1000*/
	color:#FFF;
	}

@media screen and (max-width:640px) {
.premium {
	backound-color: #a25c2c;
	color:#FFF;
	}

}

/*━━━━━━━━KPM対応━━━━━━━━━━━*/


/*━━━━━━━━top戻るボタン━━━━━━━━━━━*/
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
/*━━━━━━━━top戻るボタン━━━━━━━━━━━*/


.clear {
	clear:both;
}