@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap');

@charset "utf-8";
/* @group Reset */
*{ margin: 0;padding: 0;box-sizing: border-box;}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : top}
/* @end */
/* @group Fluid-img */
img { max-width : 100%;height: auto}
/* @end */
/* @group HTML */
html {
font-family : verdana, sans-serif;
font-size : 95%;
line-height : 1.6;
word-wrap: break-word;
scroll-behavior: smooth;
}
/****************************************

          Link

*****************************************/

a {
	color: #e65600;
}
a:hover {
	/*border-bottom: 1px solid #e65600;/*fe56aa*/
	color: #e65600;/*fe56aa*//*font-weight:bold;*/
	text-decoration: underline;
}
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.fixed {
      position: fixed;
      top: 0px;　
      z-index: 10;
      width: 100%;
}
/* @end */
/* @group Heading */
h1,h2,h3,h4,h5,h6 { margin-bottom : 12px}/*24*/
h1 {
font-size : 12px;/*font-family: 'Suez One',"Mplus 1p", serif; */
line-height : 1.2} /* 48px */
h2 {
/*font-size : 13px;
line-height : 1.3333*/} /* 48px */

/* @end */
/* @group Header */
header { text-align : center; padding-top : 0px; width: 100%;margin: 0 auto 0px;/*background: rgb(0, 255, 255);*/
/*box-shadow: 0px 2px 4px 4px rgba(0,0,0,0.2);background: rgb(255, 255, 255);*/
/*　background: url("images/header_bg.jpg") repeat-x top;*/ 
/*position: relative;z-index: -1;/background-color: #000;*
	/*max-width: 960px;*//*height:120px;*/height:auto;background: #fff;height: 105px;color: #333;

	}
	
header  a {
	color: #fff;
}
#header_box { width: 1400px; margin-left: auto; margin-right: auto;  display: block; margin: 0 auto; }
#header_logo { /*float: left;*/ padding:5px 10px; margin-bottom : 2px;
z-index: 1;
 /*width:400px129px;*/}
/*header h1 { float: right; padding: 10px 0 0 0; width: 700px;text-align :right; color : #62240b}*/
header h1 { font-feature-settings : "palt";
text-align : left;/*float: right;*/margin : 4px 0 0 6px;font-size : 12px; }
header p { font-feature-settings : "palt";
text-align : right;float: right;margin : 8px 0 0 6px;font-size : 12px;
line-height : 1.2;font-weight:bold;}
header .h1dai { font-size : 140%;font-weight:bold;margin-right : 10px;}
#header_top { margin: 0 auto;/*background:#fff;*/width: 1000px;height: 70px;opacity: 0.95;
	/*max-width: 960px;*/}
#header_tel{
	position: relative;
}
.header_tel img{
	position: absolute;
		top: 20px;
		right: /*-2*/-10px;
		border: none;
}
#header_logo2 { 
font-size : 110%;color: #727172;
line-height:1.2em;
    font-family: 'Russo One', sans-serif;text-align : left;
}
body {
 /*background:#f3f4f5 url("images/backimg.jpg") repeat-y 50% 0%;*/
background: #fff/*rgb(255, 255, 255)*/;
/*background: #fff url("../images/bg.jpg") no-repeat center top;*/
color: rgb(0, 0, 0);counter-reset: number 0;
/*font-family: 'Noto Serif JP','Yu Mincho',  "メイリオ" , sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p {
/*font-family: 'Noto Serif JP','Yu Mincho',  "メイリオ" , sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* 画面サイズが1000px以下の場合に適用 */
@media only screen and (max-width: 1000px) {
	header { text-align : center; padding-top : 0px; width: 100%;margin: 0 auto;height:auto;/*border-bottom: 3px solid #ee7700;*/padding-bottom:12px;
	/*max-width: 960px;*/}
	#header_top { width: 100%;}
/*header h1 { float: left; padding: 5px; }*/
/*#header_logo { float: none; text-align: center;width:100%}*/
#header_logo { float: none;text-align : center;margin: 0 auto;}
header h1 {/* float: none;*/float: none;text-align : center;padding: 12px;}
header p {/* float: none;*/float: none;text-align : center;padding: 12px;}
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {

#header_top { margin: 0 auto;width: 100%;height:100%;}
#header_box { width: 100%; }
/*#header_tel{display: none; }*/
.fixed {
      position: absolute;
      top: 0px;　
      z-index: 10;
      width: 100%;
}
}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#header_logo {width: 280px;}
header h1 { float: none;  text-align: center;padding: 0px;}
header p { float: none;  text-align: center;padding: 0px;font-size : 100%; }
/*header h1 { float: none; text-align: center;padding: 0px;margin-bottom : 12px}
header h2 { float: none;  text-align: center;padding: 0px;}*/
#header_top { margin: 0 auto;width: 100%;height:100%;}
#header_tel{display: none; }
#header_logo2 { 
text-align : center;
margin-bottom:12px;
}
}

/*#menu_box{clear: both;
	width: 100%;margin: 0px auto 0px;height:45px;padding:10px 0; 
	background-color: rgba(255,255,255,0.8);z-index: 0;border-bottom: 3px solid #ee7700;
}*/



.toptitle {
	color: #fff;
	font-size: 200%;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}

/*#top001_bg p{
color: #fff;
font-size: 130%;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}*/

#top002_bg{
background:#fff url("../images/topimg/01.jpg") repeat 50% 50%;margin: 0px 0px 24px;height: 150px;
	background-position:top center;
	background-size: 100% auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;


}

#top002_bg::after { background-color: rgba(0, 0, 0, 0.25); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, 0.25) 50%, transparent 50%); background-size: 2px 2px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ""; z-index: -1; }

#top002_bg p{
color: #fff;
font-size: 130%;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}
@media screen and (max-width: 1000px) {
#top002_bg{
background-position:0 0;
background-size: auto;
}
}
@media screen and (max-width: 480px) {
#top001_bg{
height: 400px;
}
}

@media (max-width: 768px) {
.toptitle {
	font-size: 180%;text-align:center;
}

}
@media (max-width: 480px) {
.toptitle {
	font-size: 130%;text-align:center;
}

}

/* ナビゲーション背景
---------------------------------------------------- */
#navigation_bg {
clear: both;
	width: 100%;
	height:50px;/*38*/
	margin:0px auto 0px;padding: 0;
	/*background: url("images/navi_bg2.jpg") repeat-x ;*/background: #fff;/*afcd51*/
}

/* ナビゲーション
---------------------------------------------------- */

#navigation {clear: both;
  width: 1200px;height: 50px;text-align : center;
margin: 0px auto;
padding:0;background: #fff;/*font-weight:bold;*/

}


/* ナビゲーション-ドロップダウン
---------------------------------------------------- */

#dropmenu {
  list-style-type: none;
  width: 100%;/*960px*/
  margin: 0px auto 0px;
  padding: 0;
}
#dropmenu li {
  position: relative;
  width: 16.6%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 16.5px 0;/*12*/
  background: #fff;/*afcd51*/
  color: #333;
  font-size: 100%;
  /*font-weight: bold;*/
  line-height: 1;
  text-decoration: none;
}
#dropmenu li a::before {
	font-family: "Font Awesome 5 Free";
	content:"\f105";margin-right:0.5em;font-weight: 900;

}
#dropmenu a {
  text-decoration: none;display: block; 
  /*line-height:1.5em;/* padding-bottom: 2px;height:1.5em;*/
  color: #333333;
}
#dropmenu a.active, #dropmenu a:hover {
  /*border-bottom: 3px solid #006ab6;*/
  -webkit-transition:0.5s;
	transition:0.5s;
	/*background:#aa994b;*/
	border-bottom: 3px solid #ef5350;
}


#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .8s;
}
#dropmenu li ul li a {
  padding: 13px 15px;
  background: #fff;/*91b13d*/
  text-align: left;text-align : center;
  font-size: 100%;
  font-weight:bold;
}
#dropmenu > li:hover > a {  background: #fff; }
#dropmenu > li:hover li:hover > a {  background: #ef5350; }
#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  background: #99ccff }
#dropmenu li:hover ul li ul li:hover > a {  background: #99ccff }
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 10px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
}

/*親メニューに矢印追加*/
#dropmenu li span:before {
  position: absolute;
  content: "";
  top: 22px;/*top: 18px;*/
  left: 80%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #fff;/*454e08*/
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #fff;/*454e08*/
}


/* 画面サイズが1024px以下の場合に適用 */
@media only screen and (max-width: 1024px) {
#header_tel{
display: none;
}
}
/* 画面サイズが1000px以下の場合に適用 */
@media only screen and (max-width: 1000px) {
	#navigation_bg {
	display: none;
	}
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#menu_box{
height:auto;display: none;
}
}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	#navigation_bg {
	display: none;
	}
	#navigation {
	display: none;
	}
}


/* 190708sdd */
article {
	padding:0 0 24px 0;margin-bottom: 24px;margin-top: 0px;clear: both;
}
section {
	padding:0 0 24px 0;margin-bottom: 24px;margin-top: 0px;clear: both;
}

article.padding {
padding:24px;
}

article.bg_w {
background:#fff;/*border:solid 1px #dcdddd;border-top:none;*/
}
article.bg_k {
background:#000;
color: #fff;font-weight: bold;
}
article.bg_o {
background:#dd7e00;
color: #fff;font-weight: bold;
}

article.bg_gray{
background:#f7f6f5;
}
div.bg_gray{
background:#f7f6f5;
}

section.bg_w {
background:#fff;border:solid 1px #dcdddd;border-top:none;
}

main p {
	padding: 0 12px 12px;font-size : 95%;
}

article p {
	padding: 0 12px 12px;font-size : 95%;
}

section p {
	padding: 0 12px 12px;font-size : 95%;
}

#item-main.bg_w {
background:#fff;border:solid 1px #dcdddd;border-top:none;
}
#item-aside.bg_w {
background:#fff;border:solid 1px #dcdddd;border-top:none;
}

#item-main p {
padding: 0 12px 12px;/*font-size : 95%;*/
}
#item-aside p {
padding: 0 12px 12p;/*font-size : 90%;*/
}


#item-main article p {
font-size : 95%;
}
#item-aside article p {
font-size : 80%;
}


article img.alignright {
    margin: 0.5em 1em 1em 0;
}
article img.alignleft {
    margin: 0.5em 1em 1em 0;
}
.alignclear {
    clear: both;
}

/* タイトル装飾 */
.articletitle {
color:#333;
text-align : center;padding: 14px 20px;

border:solid 1px #ddd;text-align : left;font-size : 120%;border-top: 3px solid #b8d200;margin:0 0 20px 0;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top,  #fff,  #eee);
    padding: 10px 8px;
  -pie-background:linear-gradient(top,  #fff,  #eee);
  background: -ms-linear-gradient(top,  #fff,  #eee); /* IE10+ */clear: both;
}
.articletitle a {
color:#333;
}
.articletitle span {
  border-left:10px #b8d200 solid;
  padding-left:13px;
}
.articletitle_w {
font-size : 110%;color:#fff;
}
.articletitle_w span {
  border-left:10px #3498db solid;
  padding-left:13px;
}

.articletitle_r {
font-size : 150%;color:#e72410;padding: 14px 20px;text-align : center;
}

.articletitle_k {
font-size : 150%;color:#000;padding: 14px 20px;text-align : center;
}

.articletitle_sns {
font-size : 150%;color:#000;padding: 14px 20px;text-align : left; 
}
.articletitle_sns .fab {
padding-right: 0.3em;
}

.articletitle_border {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;font-size : 120%;text-align : left;
}
.articletitle_border::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #b8d200;
}
.articletitle_border a {
color:#333;
}

.widgettitle {
color:#333;
text-align : center;padding: 14px 20px;

border:solid 1px #ddd;text-align : left;font-size : 110%;border-top: 3px solid #e60012;margin:0 0 20px 0;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top,  #fff,  #eee);
    padding: 10px 8px;
  -pie-background:linear-gradient(top,  #fff,  #eee);
  background: -ms-linear-gradient(top,  #fff,  #eee); /* IE10+ */
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;clear: both;
}


.articletitle_underline {
  font-size: 20px;/*30px*/
  font-size: 2rem;/*3rem*/
  position: relative;
  padding: 1.5rem;
  text-align: center;
  /*font-family: "M PLUS Rounded 1c",Meiryo,"メイリオ",Helvetica,Sans-Serif;*/
}

.articletitle_underline span {
  font-size: 16px;/*18px;*/
  font-size: 1.6rem;/*1.8rem*/
  display: block;
}

.articletitle_underline:before {
  position: absolute;
  bottom: 10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #fa4141;
}

.articletitle_en {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 15px;    /* 周りの余白指定 */
    font-size:  40px;       /* 文字サイズ指定 */
    /*border-bottom:  solid;  /* 線指定 */
}
.articletitle_en span {
    font-size: 15px;        /* 文字サイズ指定 */
    margin-left:  10px;     /* 周りの余白指定 */
}

.wf-roundedmplus1c {  }

@media screen and (max-width: 767px) {
.articletitle { 
font-size : 130%;
}
.articletitle_border { 
font-size : 130%;
}
.widgettitle { 
font-size : 130%;
}
article img.alignright {
    display: block;margin: 0 auto 0.5em;width: 70%;
}
article img.alignleft {
   display: block;margin: 0 auto 0.5em;width: 70%;
}
.articletitle_en { 
font-size : 130%;
}
}



/* flexbox */

.items {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.items img {
  padding: 0;
}
.item2 {
  width: 48%;margin-right:1%;
}
.item1all {
  width: 50%;
}
.item2all {
  width: 50%;
}
.item3 {
  width: 31%;margin-right:2%;margin-bottom:2%;
}
.item3all {
  width: 33.3%;
}

.items2over {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}

.items2over img {
  padding: 0;
}
.items2over .item2 {
  width: 48%;margin-left:1%;
}

.items3over {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.items4over {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.item4 {
  width: 25%;
}
.items4over img {
  padding: 0;
}
.items4over .item4 {
  width: 24%;margin-right:1%;
}

.items4over-top {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.items4over-top img {
  padding: 0;
}
.item4-top {
  width: 25%;
}
.item5 {
  width: 19%;
}
.item6 {
  width: 15%;
}
.item7 {
  width: 13%;
}

.item-aside {
  width: 100%;
}

.widget {
  width: 48%;margin-right:1%;
}

.items-buy {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.items-buy img {
  padding: 0;
}

.items-banner {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}

.items-banner img {
  padding: 0;
  margin:0;
  float: left;	display: block;
}
.items-banner img a {
  padding: 0;
  margin:0;
}

.items-banner2 {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.items-banner2 img {
  padding: 0;
  margin:0;
  float: left;	display: block;
}

/*.item2 {
  width: 100%;
}
.item3 {
  width: 100%;
}*/

/*.item2:nth-child(odd) {
margin-right:2%;
}*/

/*いらないかも
.item3 {
  width: 100%;
}*/

/*逆順*/
.item-row-reverse {
  flex-flow: row-reverse;
}

/*折り返しあり*/
.item-wrap {
  flex-wrap: wrap;
}
.item-column {
  flex-direction: column;
}

.item-margin1 {
margin:1%;
}
.item-margin-r1 {
margin-right:1%;
}
.item-margin-r2 {
margin-right:2%;
}
.item-margin-r3 {
margin-right:3%;
}


.im-all1 {
margin:1%;
}
.im-all2 {
margin:2%;
}
.im-all3 {
margin:3%;
}
.im-all4 {
margin:4%;
}
.im-all5 {
margin:5%;
}



.im-r1 {
margin-right:1%;
}
.im-r2 {
margin-right:2%;
}
.im-r3 {
margin-right:3%;
}
.im-r4 {
margin-right:4%;
}
.im-r5 {
margin-right:5%;
}

.im-t1 {
margin-top:1%;
}
.im-t2 {
margin-top:2%;
}
.im-t3 {
margin-top:3%;
}
.im-t4 {
margin-top:4%;
}
.im-t5 {
margin-top:5%;
}

.im-b1 {
margin-bottom:1%;
}
.im-b2 {
margin-bottom:2%;
}
.im-b3 {
margin-bottom:3%;
}
.im-b4 {
margin-bottom:4%;
}
.im-b5 {
margin-bottom:5%;
}

/**/
.item-justify-content-fa {
  justify-content: flex-start;
}

.item-justify-content-sb {
  justify-content: space-between;
}
.item-justify-content-sa {
  justify-content: space-around;
}
.item-justify-content-se {
  justify-content: space-evenly;
}

/* 位置による配置 
justify-content: center;     /* アイテムを中央に寄せる 
justify-content: start;      /* アイテムを先頭に寄せる 
justify-content: end;        /* アイテムを末尾に寄せる 
justify-content: flex-start; /* フレックスアイテムを先頭に寄せる 
justify-content: flex-end;   /* フレックスアイテムを末尾に寄せる 
justify-content: left;       /* アイテムを左端に寄せる 
justify-content: right;      /* アイテムを右端に寄せる 
*/

.item-center {
display:flex;
-webkit-align-items: center;
-webkit-justify-content: center; 
align-items: center; /*上下中央*/
justify-content: center; /*左右中央*/
}

.items-center {
display:flex;
-webkit-align-items: center;
-webkit-justify-content: center; 
align-items: center; /*上下中央*/
justify-content: center; /*左右中央*/
}



.item-justify-content-left {
  justify-content: left;
}
.item-justify-content-right {
  justify-content: right;
}

.item-align-c {
   align-items: center;
}
.item-align-s {
   align-items: flex-start;
}
.item-align-e {
   align-items: flex-end;
}




.items-margin-b {
margin-bottom:5%;
}

/*要素の大きさを調整*/
.flex-grow1 {
  flex-grow: 1;
}
.flex-grow2 {
  flex-grow: 2;
}
.flex-grow3 {
  flex-grow: 3;
}
.flex-grow4 {
  flex-grow: 4;
}
.flex-grow5 {
  flex-grow: 5;
}
.flex-grow10 {
  flex-grow: 10;
}

#item-main {
  width: 75%;margin-right:2%;
}
#item-aside {
  width: 25%;
}
#item-main-dai {
  width: 100%;
}

.items-header {
    width: 1200px;
	margin:0 auto;
  }	
.items-footer {
    width: 1200px;
	margin:0 auto;
  }  
.items-1400 {
    width: 1400px;
	margin:0 auto;
  }
    
.items-1300 {
    width: 1300px;
	margin:0 auto;
  }
  .items-1200 {
    width: 1200px;
	margin:0 auto;
  }
  

.items-s {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.item-width-10 {
  flex-basis: 10%;
}
.item-width-20 {
  flex-basis: 20%;
}
.item-width-25 {
  flex-basis: 25%;
}
.item-width-30 {
  flex-basis: 30%;
}
.item-width-40 {
  flex-basis: 40%;
}
.item-width-50 {
  flex-basis: 50%;
}
.item-width-60 {
  flex-basis: 60%;
}
.item-width-70 {
  flex-basis: 70%;
}
.item-width-80 {
  flex-basis: 80%;
}

@media screen and (max-width: 1000px) {
  .items-header {
    flex-direction: column; width: 100%; 
  }
  .items-footer {
    flex-direction: column; width: 100%; 
  }
    .items-1400 {
    flex-direction: column; width: 100%; 
  }
  .items-1300 {
    flex-direction: column; width: 100%; 
  }
  .items-1200 {
    flex-direction: column; width: 100%; 
  }
  .items .item3 {
    width: 100%;
  } 
    .items-banner img{
    width: 50%;
  }
  .items-banner2 img{
    width: 100%;
  }

}
@media screen and (max-width: 767px) {
  .items {
    flex-direction: column;
  }
  .items .item2 {
    width: 100%;
  }
  .items .item2all {
    width: 100%;
  }
  .items .item1all {
    width: 100%;
  }
  .items2over .item2 {
    width: 48%;margin:1%;
  }
  .items .item3 {
    width: 100%;
  }
  .items .item3all {
    width: 100%;
  }
  .items3over .item3 {
    width: 31%;margin:1%;
  } 
  .items .item4 {
    width: 50%;
  }
  .items4over .item4 {
    width: 48%;margin:1%;
  }
  .item4-top {
  width: 50%;
}
  .item5 {
  width: 48%;
}
.item6 {
  width: 48%;
}
.item7 {
  width: 48%;
}

.item-aside {
  width: 50%;
}

.flex-grow1,
.flex-grow2,
.flex-grow3,
.flex-grow4,
.flex-grow5,{
  flex-grow: 1;
}

#item-main {
  width: 100%;
}
#item-aside {
  width: 100%;
}

.items-buy {
    flex-direction: row;
  }
  

  
.widget {
  width: 100%;
}


/*.item-width-10,
.item-width-20,
.item-width-25,
.item-width-30,
.item-width-40,
.item-width-50,
.item-width-60,
.item-width-70,
.item-width-80,{
  width: 100%;
}*/
}

@media screen and (max-width: 480px) {
	.items2over {
    flex-direction: column;
  } 
  .items2over .item2 {
    width: 100%;
  }
   .items3over {
    flex-direction: column;
  } 
    .items3over .item3 {
    width: 100%;margin:0 2% 2%;
  } 
  .items4over {
   /* flex-direction: column;*/
  } 
.items4over .item4 {
    width: 48%;margin:1%;
  }
  
  .items .item4 {
    width: 100%;
  }
    .item4-top {
  width: 50%;
}
    .items .item5 {
    width: 100%;
  }
    .items .item6 {
    width: 100%;
  }
    .items .item7 {
    width: 100%;
  }
.items-buy {
    flex-direction: column;
  }
}

/* gnav*/

.gnav {
        width: 1200px;
	margin:0 auto 12px;
	text-align:center;
  }

.item-gnav {
  display: flex;
  align-items: center;
  justify-content: flex-start/*space-between*/;
  height: auto;padding: 0px 0;font-size:110%;
}


.item-gnav ul {
  list-style: none;width: 100%;
  padding: 0;
  margin: 0 auto;
}
.item-gnav li {
  display: inline-block;
  /*padding: 2px 6px;
  /*border-left: 1px solid #cdcdcd;*/vertical-align: middle;
  /*border-left:10px solid #104fb6;*/
  /*border-left: 1px solid #1d2f55;*/position: relative;
}

.item-gnav li a {
  display: block;
	padding: 0.5em 6px;/*0.75em 6px*/
	/*background-color: #aa994b;*/color: #332f30;height:2.2em;/*3em*/
	
	
}

/*.item-gnav li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
	background-image: -webkit-linear-gradient(top, transparent, #fff 80%, #fff 100%, transparent);
    background-image: linear-gradient(to bottom, transparent, #d9c97b 60%, #d9c97b 80%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}*/
.item-gnav a::before {
	font-family: "Font Awesome 5 Free";
	content:"\f105";margin-right:0.5em;font-weight: 900;
   /* position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
	background-image: -webkit-linear-gradient(top, transparent, #fff 80%, #fff 100%, transparent);
    background-image: linear-gradient(to bottom, transparent, #d9c97b 60%, #d9c97b 80%, transparent);
    background-position: center;
    background-repeat: no-repeat;*/
}

.item-gnav a {
  text-decoration: none;display: block; 
  /*line-height:1.5em;/* padding-bottom: 2px;height:1.5em;*/
  color: #333333;
}
.item-gnav a.active, .item-gnav a:hover {
  /*border-bottom: 3px solid #006ab6;*/
  -webkit-transition:0.5s;
	transition:0.5s;
	/*background:#aa994b;*/
	border-bottom: 3px solid #ef5350;
}

/*.item-gnav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;padding: 0px 0;
  background-color: #264b5a;
}


.item-gnav ul {
  list-style: none;width: 1200px;
  padding: 0;
  margin: 0 auto;
}
.item-gnav li {
  display: inline-block;
  vertical-align: middle;
position: relative;
}

.item-gnav li a {
  display: block;
	padding: 0.75em 10px;
	color: #fff;height:3em;
	
	
}

.item-gnav li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    text-align: center;

}

.item-gnav a {
  text-decoration: none;display: block; 
  color: #333333;
}
.item-gnav a.active, .item-gnav a:hover {
  -webkit-transition:0.5s;
	transition:0.5s;
	background:#ea7653;
}
*/



.item-gnav-item4 li {
  width: 23%;font-size:90%;
}

.item-gnav-item5 li {
  width: 18%;font-size:90%;
}
.item-gnav-item6 li {
  width: 15%;font-size:83%;
}
.item-gnav-item7 li {
  width: 13%;
}
.item-gnav-item8 li {
  width: 10%;
}

/* 画面サイズが1000px以下の場合に適用 */
@media only screen and (max-width: 1000px) {
.item-gnav-item-auto li {
	font-size:80%;width: 33.3%;
}
.item-gnav-item3 li {
	font-size:80%
}
.item-gnav-item4 li {
	font-size:80%
}
.item-gnav-item5 li {
	font-size:80%
}
.item-gnav-item6 li {
	font-size:80%
}
.item-gnav-item7 li {
	font-size:80%
}
.item-gnav-item8 li {
	font-size:70%
}
.gnav {
	text-align:center;/**/
  }
}
/* 画面サイズが767px以下の場合に適用 */
@media only screen and (max-width: 767px) {
	.gnav {
	display: none;
	}
}


.textbox_bg { padding: 20px;margin-bottom: 20px; background: rgba(0,0,0,0.1)}

/* 概要 */
.box3 {
	margin:10px auto 20px;width: 100%;
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}


.profarea {
	margin:10px auto 20px;width: 100%;
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
			}
.profarea-item {
			margin:10px 0;	text-align: left;min-height: auto;width: 48%;box-sizing: border-box;
			margin-right:2%;
			}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.profarea-item {
				width: 30%;
			}
.profarea-item-price dt{ 
			float: none;width: 80%;margin:0px auto;
	font-size:90%;
			}
.profarea-item-price dd{ 
			text-align: center;font-size:90%;
			}

}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
.profarea-item {
				width: 46%;
				margin-right:3%;
}
.profarea-item:nth-child(2n) {
			margin-right:3%;
			}
.profarea-item:nth-child(1n) {
			margin-right:0;
			}
}





/* @group Contents */
#contents {
width : 90%; clear:both;
margin : 0 auto;
text-align : center}
#contents_inner {
width : 90%; clear:both;
margin : 0 auto;
}
#contents #main{ 
padding-top : 24px;/*24*/
}
#contents #main_wp{ 
padding-top : 12px;/*24*/
}
#contents #sub{ 
padding-top : 12px;/*24*/
}
#contents #sub2{ 
padding-top : 12px;/*24*/
}
#contents #sidebar{ 
padding-top : 12px;/*24*/
}
#contents p { 
margin-bottom : 24px;
text-align : left}
#main p { 
margin-bottom : 24px;line-height : 1.7;font-size: 90%;
text-align : left}
#main p strong { 
/*color: #fff;*/font-weight:bold;}
#main img { 
margin :0 0px 12px 0;/*margin :0 20px 20px;*/}
#contents img { 
margin-bottom : 0px; /*margin-bottom : 24px; */
/*box-shadow : 0 0 12px #000;*/}
/* @end */
/* @group Footer */
footer {
padding : 24px 0;
color : 333;
text-align : center;font-size: 100%;}
/*.footer_link {
	display: none;
}*/



.footer_nav {
	width: 100%;
	margin: 0px auto 40px;padding: 20px 0px 10px;text-align:center;
}
.footer_nav ul {
	margin:0px auto 20px ;
	padding: 0;
	width: 50%;
	float: left;display: block;height: 100%;text-align : left;
}
footer {
padding : 0px 0 0px;
clear: both;
	width: 100%;height: auto;/*color:#333;background:#eae9e8;
	margin: 0px auto;*/
	/*border-top:1px solid #cdcdcd;*/
	/*background: url("images/footer.jpg") no-repeat ;*/
	/*background: #F3F4F5 top center url(images/bottom-bg.jpg) no-repeat;*/
padding: 25px 0;
	/*background:-moz-linear-gradient(top, #1F1F1F, #070707); /* Firefox */
	/*background:-webkit-linear-gradient(top, #1F1F1F, #070707);/* safari Chrome */
	/*background:linear-gradient(to bottom, #1F1F1F, #070707); /* IE */
	/*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#1F1F1F, endcolorstr=#070707))";/* IE8,9 */
	/*zoom: 1;*/
	background:#d3cbc5;
}


footer p {
	/*text-align: center;*/
	margin:0px 0 0 0px;text-align:left;color:#fff;

}
footer a {
	color:#fff;
}
/*#footer_link {
	margin:0px 0 0px 0px;height: auto;
	padding:10px 0 10px;
	text-align:center;clear: both;background-color: #cdcdcd;
}*/

.footer_logo  {
	margin:0px 10px 0px 0; text-align:left;padding:0px;
	width:150px;

}
/*#footer_link {
	margin:0px 0 0px 0px;height: auto;
	padding:10px 0 10px;
	text-align:center;clear: both;background-color: #cdcdcd;
}*/

.footer_copy
{ margin:0px 0 0 0 ;text-align: center; color:#fff;
/*background-color: #2a83a2;
padding: 10px 0px 10px; */}
iframe {
margin : 0px 0px;
}
/* @end */
/*768px*/
@media screen and (min-width : 768px){
#contents { text-align : left;}
}
/*1024px*/
@media screen and (min-width : 1000px) {
/* @group Nav */
nav ul {
width :93.75%;/* 960/1024 */
margin : 0 auto}
/* @end */
/* @group Contents */
#contents {
overflow : hidden;/*background: #fff url(images/contents_bg.jpg) repeat-y center top*/;
width : /*93.75%*/1000px;}/* 960/1024 */
/*#contents #main,
#contents #sub { 
float : left;
margin : 0 1.0416667%} /*10/960*/ 
#contents_inner {
overflow : hidden;
width : /*93.75%*/1000px;}/* 960/1024 */
#contents #main { 
/*float : right;/*left*/overflow : hidden;
margin : 0 auto/*margin : 0 5px*/} /*10/960*/ /*margin : 0 1.0416667%*/
#contents #main_wp { 
float : right;/*left*/
margin : 0 1.0416667%} /*10/960*//*margin : 0 1.0416667%*/
#contents #sub { 
float : left;/*left*/
margin : 0  0 0 10px} /*10/960*//*margin : 0 1.0416667%*/
#contents #sub2 { 
float : right;/*left*/
margin : 0  0 0 10px } /*10/960*//*margin : 0 1.0416667%*/
/*#contents #sidebar { 
margin : 0 1.0416667%} /*10/960*//*margin : 0 1.0416667%*/
#contents #sub img { 
margin-bottom : 0px} 
#contents #main { width :100% /*64.5833333%*//*560px*/} /*620/960*/ /*660*/
#contents #main_wp { width : /*64.5833333%*/720px} /*620/960*/ /*660*/
#contents #sub { width : /*31.25%*/200px} /*300/960*//*220*/
#contents #sub2 { width : /*31.25%*/160px} /*300/960*//*220*/
/*#contents #sidebar { width : 100% } /*300/960*/ /*220*/
/* @end */
/* @group Footer */
/*footer {
/*width : 91.796875%; /*940/1024*/
/*width : 100%;
margin : 0 auto}*/

/* フッターメニュー
---------------------------------------------------- */
#footer_nav {
	width: 1000px;
	margin: 0px auto;padding: 0px 0 ;
 height: 140px;
}

#footer_nav ul {
	margin:0px 0 ;
	padding: 0;
	width: 25%;
	float: left;display: block;height: 100%;text-align : left;
}
#footer_nav ul li strong {
font-weight:bold;font-size: 120%;
}
/* @end */
}
@media screen and (max-width : 768px){
#footer_nav {
	display:none;
}
#ftcopy
{ border-top:none;
 }
footer {
		padding-bottom: 24%;
}
}


/* Facebook Like Box width:100% */
.fb-like-box,.fb-like-box span, .fb-like-box iframe {
 width: 100% !important;
}

/* topimg */
img#demo1  {
    min-width: 100%;
    /*min-height: 100%;*/
}
/*.topimg  {
    width: 100%;
	height: 300px;
  overflow: hidden;
}*/


/* .switchBtn
------------------------- */
.switchBtn {
	margin-top: 15px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	background: #efefef;
	clear: both;
}

.switchBtn a {
	margin: 0 10px;
	padding: 5px 15px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	background: #efefef;
	border: #333 solid 1px;
	color:#333
}

.switchBtn a.btnAcv {
	background: #fff;
}

/* .banner
------------------------- */
.banner {
width: 100%;
margin: 0px 0 12px 0;
}

.banner img{
padding: 0px 0;margin: 0px 0 24px;
float: left;	display: block;

}

.banner a{
margin: 0px;
/*box-shadow: 0px 1px 5px #666;
-moz-box-shadow: 0 1px 5px #666;*/
}



/* .subbanner
------------------------- */
.subbanner {
width: 100%;
margin: 0px 0 24px 0;
}

.subbanner img{
margin: 0px;
/*box-shadow: 0px 1px 5px #666;
-moz-box-shadow: 0 1px 5px #666;*/
}

.subbanner a{
margin: 0px;
/*box-shadow: 0px 1px 5px #666;
-moz-box-shadow: 0 1px 5px #666;*/
}

.subbanner a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";/*outline:solid 3px #59b2de;*/
}

/* .subbanner2
------------------------- */
.subbanner2 {
width: 100%;
margin: 0px 0 24px 0;
}

.subbanner2 img{
margin: 0px;
padding: 0px 0 10px 0;
}

.subbanner2 a{
margin: 0px;
}

.subbanner2 a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* .subnavi
------------------------- */
.subnavi {
width: 100%;
margin: 0px 0 24px 0;
}

.subnavi li{
	display: block;
	margin: 0;
	padding: 0;
}
.subnavi li a {
	display: block;
	padding: 17px 0;
	/*background-color: #2a83a2;*/
	color: #000;
	text-align: left;
	text-decoration: none;text-indent: 45px;
	border-top:1px dotted #ee7700;
	background : url(images/logomark_s.png) no-repeat left center;
}
.subnavi li a:hover{
	color: #ee7700;background : #fdebb2 url(images/logomark_s.png) no-repeat left center;
}

/* 店舗情報テーブル
---------------------------------------------------- */
table.shopinfo{
	width:90%;
	margin:20px auto;
	border-collapse:collapse;
	color:#333;
	line-height:120%;
	font-size:90%
}
table.shopinfo td,table.shopinfo th{
	border:1px solid #87b3df;
	padding:10px;
}
table.shopinfo th{
	font-weight:bold;
	background:#d3e2f3;/*eae9e8*/
	text-align:left;width:20%;
}
table.shopinfo td{
	font-weight:normal;
	background:#fff;
	text-align:left;
}
/* 料金表テーブル
---------------------------------------------------- */
table.price{
	width:70%;
	margin:20px 0 20px 20px;
	border-collapse:collapse;
	color:#333;
	line-height:120%;
	font-size:90%
}
table.price td,table.price th{
	border:1px solid #ccc;
	padding:10px;
}
table.price th{
	font-weight:bold;
	background:#fff;/*eae9e8*/
	text-align:left;
}
table.price td{
	font-weight:normal;
	background:#fff;
	text-align:left;
}
table.price td:first-child {
 	background:#f5f8fa;
}



table.price1 {

	border-collapse: collapse;
	width: 95%;margin: 0px 0 24px 0;
  font-size:90%;
}

table.price1 th {
	border-right: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	border-top: #e3e3e3 1px solid;
	border-bottom: #afcd51 2px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
table.price1 tr th:first-child {
  border-bottom: #76922f 2px solid;
}

table.price1 td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
table.price1 tr:hover {
  background: #dfe1e2;/*eee*/
  cursor:pointer;
}
table.price1 td:hover {
  background: #d4d9db;/*eee*/
  cursor:pointer;
}

table.price1 td strong {
  color: #76922f;
}


/*プロフ*/
table.prof {

  width: 100%;
  border-collapse: collapse;
  font-size:90%;
}

table.prof tr {
  
}

table.prof td {
  border: none;
  text-align: left;
  vertical-align: middle;
  padding: 16px 6%;background-color:#fff;border: 1px solid #ccc;
}

table.prof th {
  text-align: center;
  padding: 16px;
  width: 30%;
  font-weight: normal;
  background-color:#e9e9e9; border: 1px solid #ccc;
}

/*スマホ*//*
@media screen and (max-width: 767px) {
  table.prof th {
    padding: 10px 5px;
  }
  table.prof td {
    padding: 10px 5%;
  }
}*/
@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
table.prof {
  border-top:none;
}
table.prof tr {
border-bottom: none;
}
table.prof th, table.prof td {
display: block;
width: 100%;
max-width: 95%; /*スマホ画面ほぼ一杯に広がる感じ*/
padding: 10px 5px;
text-align: left;
}
}

table.prof2 {
  border-top: 1px solid #ccc;
  width: 100%;
  border-collapse: collapse;
  font-size:120%;
}

table.prof2 tr {
  border-bottom: 1px solid #ccc;
}

table.prof2 th {
  text-align: center;
  padding: 16px;
  font-weight: normal;
  background-color:#e9e9e9;
  border: 1px solid #ccc;
  
}
table.prof2 tr td {
  border: none;
  text-align: center;
  vertical-align: middle;
  padding: 16px ;background-color:#fff;
   border: 1px solid #ccc;
}


table.prof2 tr td {
  border: none;
  text-align: center;
  vertical-align: middle;
  padding: 16px ;background-color:#fff;
   border: 1px solid #ccc;
}

table.prof2 th.plus {
  background-color:#168ecd;color:#fff;
  border: 4px solid #168ecd;
  
}
table.prof2 tr td.plus {
  border-left: 4px solid #168ecd;border-right: 4px solid #168ecd; 
}
table.prof2 tr td.plus2 {
	border-left: 4px solid #168ecd;border-right: 4px solid #168ecd; 
  border-bottom: 4px solid #168ecd; 
}
/* licenseテーブル
---------------------------------------------------- */
table.license {
	/*background-color: #999;
	border-collapse: separate;
	border-spacing: 1px;*/
	width: 95%;font-size: 14px;margin:10px 0 20px 0 ;
}

table.license th  {
	border-bottom: 1px dashed #99836e;
	/*background-color: #EEE;*/padding: 6px 10px; text-align: left;color: #ee7700;
}

table.license thead th  {
	background-color: #CCC;padding: 6px 10px;font-weight:bold; font-size: 14px;
}

table.license td {
	/*background-color: #FFF;*/padding:6px 10px; text-align: left;border-bottom: 1px dashed #99836e;
}
table.license caption { caption-side: top; text-align: left; font-size: 14px;font-weight:bold;} 

/* license2テーブル
---------------------------------------------------- */
table.license2 {
	/*background-color: #999;
	border-collapse: separate;
	border-spacing: 1px;*/
	width: 95%;font-size: 14px;margin:10px 0 20px 0 ;
}

table.license2 th  {
	border-bottom: 1px dashed #ededed;
	/*background-color: #EEE;*/padding: 6px 10px; text-align: left;color: #fff;
}

table.license2 td {
	/*background-color: #FFF;*/padding:6px 10px; text-align: left;border-bottom: 1px dashed #ededed;
}


/* insuranceテーブル
---------------------------------------------------- */
table.insurance {
	background-color: #999;width: 95%;
	border-collapse: separate;
	border-spacing: 1px;font-size: 14px;margin:10px 0 20px 0 ;
}

table.insurance th  {
	border: 1px solid #FFF;
	background-color: #EEE;padding: 6px 6px; text-align: center;
}

table.insurance thead th  {
	background-color: #CCC;padding: 6px 6px;font-weight:bold; font-size: 14px;
}

table.insurance td {
	background-color: #FFF;padding:6px 6px; text-align: center;
}
table.insurance caption { caption-side: top; text-align: center; font-size: 15px;font-weight:bold;padding:0px 0 10px 0;} 

table.insurance th.tablecustom  {
	background-color: #CCC;
}

/* linkテーブル
---------------------------------------------------- */

table.link {

	border-collapse: collapse;
	width: 95%;margin: 0px 0 24px 0;
  font-size:90%;
}

table.link th {
	border-right: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	border-top: #e3e3e3 1px solid;
	border-bottom: #afcd51 2px solid;
	text-align: left;
	background: none;
	padding: 10px;
	font-weight: normal;
}
table.link tr th:first-child {
  border-bottom: #007ab7 2px solid;font-weight:bold; font-size:110%;
}
table.link tr th:first-child:hover {
  background: #dfe1e2;
  cursor:pointer;
}

table.link td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
table.link tr:hover {
  background: #dfe1e2;
  cursor:pointer;
}
/*table.link td:hover {
  background: #d4d9db;
  cursor:pointer;
}*/

table.link td strong {
  color: #76922f;
}
@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
table.link, table.link tr, table.link th, table.link td {
display: block;
max-width: 95%; /*スマホ画面ほぼ一杯に広がる感じ*/
}
}


/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
table.price {
  font-size:70%;
}
table.prof {
  font-size:90%;
}
table.prof2 {
  font-size:90%;
}
}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
table.price {
  font-size:50%;
}
}
/* 見積もり依頼ボタン */

.banner_btn_center {
	width: 100%;margin:10px auto ;text-align: center;
}

.banner_btn {
	display: inline-block;
	width: auto;margin:10px auto 0;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	
}
.banner_btn::before,
.banner_btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.banner_btn,
.banner_btn::before,
.banner_btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.banner_btn a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition:0.5s;
    transition:0.5s;
}
.banner_btn01 {
	background-color: #416cb4;border-radius: 10px;font-size:80%;width: 80%;color: #fff;
}
.banner_btn01:hover {
	background-color: #728cbe;text-decoration : none;color: #416cb4;
}

.banner_btn02 {
	background-color: #ee7700;border-radius: 10px;font-size:80%;width: 80%;
	color: #fff;
}
.banner_btn02:hover {
	background-color: #fabd00;text-decoration : none;
}

.banner_btn03 {
	background-color: #416cb4;border-radius: 10px;font-size:100%;width: 95%;color: #fff;
}
.banner_btn03:hover {
	background-color: #728cbe;text-decoration : none;color: #416cb4;
}

.banner_btn_dai {
	width: 80%;margin:10px auto;font-weight:bold;
	height: 100%;
	line-height: 150%;padding: 10px;
}



.button_banner a{
	display:block;
	padding:14px 24px;
	color:#fff;
	text-decoration:none;
	font-family:Helvetica, Arial, san-serif;
	font-weight:bold;
	font-size:150%;
	/*background-color:#f36;*/
	background: rgba(243, 111, 54, 1.0)*/;
    position: relative;
	/*↓ここからCSS3プロパティ追加指定↓*/
	/*border-radius:5px;
	box-shadow:1px 1px 3px #666;
	text-shadow:1px 1px 0 #000;
	background:-webkit-linear-gradient(
		top,
		#ffced7 0%,
		#f74657 49%,
		#f10013 51%,
		#fe2951 100%);
	background:linear-gradient(
		to bottom,
		#ffced7 0%,
		#f74657 49%,
		#f10013 51%,
		#fe2951 100%);
	-webkit-transition:0.5s;
	transition:0.5s;*/
}
.button_banner a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition:0.5s;
    transition:0.5s;
}
.button_banner a:hover{
	/*text-shadow:0 0 5px #fff;*/
	background: rgb(243, 111, 54, 0.4);
	color:#fff;
	text-decoration: none;
}

.button_banner_01 a{
	background: rgba(243, 111, 54, 1.0);
	border-radius: 10px;font-size:100%;width: 80%;text-align: center;padding:-20px -10px;
	margin:10px auto;
}

.button_banner_red a{
	background: rgba(230, 24, 26, 1.0);
}
.button_banner_red a:hover{
	background: rgba(230, 24, 26, 0.4);
}

.button_banner_blue a{
	background: rgba(65, 108, 180, 1.0);
}
.button_banner_blue a:hover{
	background: rgba(65, 108, 180, 0.4);
}

@media screen and (max-width: 640px) {
.banner_btn {
  width: 90%;font-size:90%;
}

}


/**/
.btn_map a {
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	border: 3px solid #FFF;
	padding: 10px 0;
	text-align: center;
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.btn_map a::after {
	content: '＞';
	position: absolute;
	right: 13px;
	top: 12px;
}
.btn_map a:hover {
	color: #000;
	text-decoration: none;
	border: 3px solid #000;
	background-color: #FFF;
}

/*リスト*/
ol.list_decimal{
list-style-type:decimal;text-align: left;margin:15px 30px;/*font-weight:bold;font-size : 95%;*/
}
ol.list_circle{
list-style-type:circle;text-align: left;margin:15px 30px;/*font-weight:bold;*/
}
ol.list_none{
list-style-type:none;text-align: left;margin:0px;/*font-size : 95%;color: #ee7700;font-weight: bold;*/
}
ol.list_none li:before {
  font-family: FontAwesome;
  content: '\f058'; /* アイコンのunicode */
}

ol.list_decimal li p{
margin-left:-15px;
}

p.indent-1 {
padding-left:1em;
text-indent:-1.25em;
margin-top:-40px
}



/*右よせ左寄せ*/
div.right {
    float: right;
}
div.left {
    float: left;
}
.clearright {
    clear:right;
}
.clearleft {
    clear:left;
}
div.right_box {
    float: right;width : 48%;
}
div.left_box {
    float: left;width : 48%;margin:0px 1%;
}
.clearboth {
    clear:both;padding:20px 0;
}
div.left_box_33 {
    float: left;width : 33.3%;margin:0px;
}
div.left_box_30 {
    float: left;width : 30%;margin:0px 2% 24px 0;
}
@media screen and (max-width: 768px) {
div.right_box {
    float: none;width: 100%;
}
div.left_box {
    float: none;width: 100%;margin:0px;
}
div.left_box_33 {
    float: none;width: 100%;margin:0px;
}
div.left_box_30 {
    float: none;width: 100%;margin:0px auto 24px;
}
div.right {
    float: none;
}
div.left {
    float: none;
}
}
/*
メールフォーム
-------------------------------------------*/
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:90%;
	margin:0 auto 10px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	font-weight:bold;
	background:#eae9e8;
	text-align:left;
}
table.formTable td{
	font-weight:normal;
	background:#fff;
	text-align:left;
}

table.formTable textarea{
width:90%;
}


/* FAQ */

.faq_box {
     margin:10px 0 24px 0;
}
.faq dl{
     width:95%;
     margin:80px;
     line-height:1.8em;
     font-size: 1.9em;
     overflow: hidden;
     _zoom: 1;
}
.faq dd {
    text-indent: -2.0em; text-align: left;  
     padding: 0 20px 0px 50px;
}
.faq dt {
    text-indent: -2.6em;   text-align: left;
     padding: 0 20px 0px 50px;
}
.faq dt{
     margin:20px 20px 0 0;
}
.faq dd:first-letter,
.faq dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     font-family: 'Cardo', sans-serif;
}
.faq dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}
.faq dt:first-letter{
     color: #ee7700;
}
.faq dd:first-letter{
     color: #ff6767;
}

.faq dt:hover {
    cursor: pointer; color: #ee7700;
    /*text-decoration: underline;*/
}
.faq dd ul {
    list-style-type: square;padding: 0 0 0 20px;text-indent: 0em;
}
.faq dd {
    display: none;
}


/* FAQ2 */

.faq_box2 {
     margin:10px 0 24px 0;
}
.faq2 dl{
     width:95%;
     margin:80px;
     line-height:1.8em;
     font-size: 1.9em;
     overflow: hidden;
     _zoom: 1;
}
.faq2 dd {
    text-indent: -2.0em; text-align: left;  
     padding: 0 20px 0px 50px;
}
.faq2 dt {
    text-indent: -2.6em;   text-align: left;
     padding: 0 20px 0px 50px;
}
.faq2 dt{
     margin:20px 20px 0 0;
}

.faq2 dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}
.faq2 dd:first-letter,
.faq2 dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:0px;
     padding:5px;
     font-family: 'Cardo', sans-serif;
}
.faq2 dt:first-letter{
     color: #ee7700;
}
.faq2 dd:first-letter{
     color: #ff6767;
}
.faq2 dt:hover {
    cursor: pointer; color: #ee7700;
    /*text-decoration: underline;*/
}
.faq2 dd ul {
    list-style-type: square;padding: 0 0 0 20px;text-indent: 0em;
}
.faq2 dd {
    display: none;
}


/* =======================================
	wordpress追加
======================================= */
/****************************************

          Main

*****************************************/

#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

.sticky{
	/* 先頭固定ポストのスタイル */
}

.post-meta{
	margin-bottom: 1.5em;
}
	.post-meta .post-date,
	.post-meta .category{
		padding-right: 1em;
	}
	.comment-num{ white-space: nowrap; }

.more-link{
	float: right;
}

.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.navigation > div{
		width: 50%;
	}

@media screen and (max-width: 767px) {
	.navigation > div{
		width: 100%;
	}
}

	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
		.navigation a:hover{
			background: #feebbe;
			color: #000;
		}
			.navigation .alignright a:hover{
				border-left: 1px solid #ddd;
			}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}

	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
		.page-link a span,
		.comment-page-link a{
			background: #fff;
		}
	
	.page-link a{
		border-bottom: none;
		color: #000;
	}
	
	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;

	}


/****************************************

          Comments Area

*****************************************/

#comment-area h3{
	font-size: 150%;
	font-family: 'Josefin Sans', sans-serif;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
		padding: 20px 0 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid transparent;
	}
		.commets-list .avatar{
			float: left;
			padding-right: 10px;
			padding-bottom: 10px;
		}

		.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
		}
		.reply{
			text-align: right;
		}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

.children{
	padding-left: 2em;
}

#respond{
	margin-bottom: 40px;
}

/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}


/****************************************

          Sidebar

*****************************************/

#sidebar_top p{
	padding:10px;font-size: 14px;
	color:#333;line-height: 150%;/*letter-spacing: -0.05em;*/
}



/****************************************

          Footer

*****************************************/

#footernavi{
	padding: 10px 0;
	font-size: 80%;/*border-bottom:1px solid #ddd;*/
}
#footernavi a{
	color:#fff;
}
#cp{
	padding: 5px 0 20px 0;
	font-size: 80%; text-align: right;
}
#cp_prof{
	padding: 0px 0;
	font-size: 90%; text-align: left;line-height: 170%;
}

/****************************************

          Form

*****************************************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 4px;
	max-width: 100%;
	width: 290px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ee7702/*ff69b4*/;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
 	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
 	color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 10px;
	border: 1px solid #b15e0c/*fe56aa*/;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e68e38/*ff89c4*/;
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  	border: 1px solid #b15e0c/*fe56aa*/;
		background: #f47f0d/*ff89c4*/;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);

	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position: relative;
		top:1px;
	}


/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;

	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
@media screen and (max-width: 767px) {
.alignleft {
	float: none;
}

.alignright {
	float: none;
}
}
.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 0 0 /*1em 1.5em*/;
}


img.alignleft {
    display: inline-block;
    margin: 0 /*1.5em 1em*/ 0 0 0;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu- > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu- > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu- > ul,
#header ul.menu-,
.clearfix {
	display: block;
}

#searchform{
	position: relative;margin:30px auto 10px;
	/*margin-top:30px;*/width: 80%;max-width: 300px;
}
	#s{
		padding: 6px 20% 6px 5%;
		width: 75%;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; 
		font-size: 10px;
	}
	#searchsubmit{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 26px;
		border: none;
		background: url(../images/search.png) no-repeat 50% 50%;
	}


/****************************************

          sidebar

*****************************************/
#sidebar {
	/*float: right;
	width: 210px;/*320*/
	/*background: #fff;border:1px solid #ddd;padding: 6px;*/
	/*outline:solid 1px #dcdddd;border-bottom: 1px solid transparent;*/
	/*margin-bottom: 29px;	
	background: none;text-align : left;*/
}
/*#sidebar img{
	margin: 0px;padding:0px;
}*/




/*#sidebar .widget {
	margin-bottom: 15px;
}

#sidebar .widget p{
	padding:0 10px;font-size: 12px;
	color:#333;line-height: 130%;letter-spacing: -0.05em;
}

#sidebar .widget ul{
	padding:0 10px;font-size: 12px;
	list-style-position: outside;
	list-style-type: none;color:#333;
}
#sidebar .widget_search {
	padding:0 10px;
}
#sidebar_top {
	float: left;
	width: 320px;
}

#main,
#sidebar{
	margin-bottom: 59px;
	border-bottom: 1px solid transparent
}

#sidebar a {
	font-weight:bold;
	text-decoration: underline;
}*/

#sidebar .widget {
	padding:0 0 24px 0;margin-bottom: 24px;margin-top: 0px;clear: both;
}


#sidebar .widget {
background:#fff;border:solid 1px #dcdddd;border-top:none;
}


#sidebar .widgettitle a {
color:#fff;
}
#sidebar .widgettitle {
	margin:0 0 10px 0;font-size: 1em;
	padding:12px 10px;
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
	color:#fff;
	}
 
#sidebar .widgettitle:before,
#sidebar .widgettitle:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#sidebar .widgettitle:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}
@media screen and (max-width: 767px) {
#sidebar .widgettitle { 
font-size : 130%;
}

}

/****************************************

         main

*****************************************/

#main {
	/*width: 100%;margin: 0 auto ;padding:20px 0px;color: #333;*/
	/*float: left;width: 640px;margin: 0 ;padding:20px 0px;color: #333;*/
	width: 100%;
	margin: 0 0px;/*outline:solid 1px #dcdddd;*/
	margin-bottom: 29px;
	/*background: #fff;
	border-bottom: 1px solid transparent*/
}

.main_box p{
font-size: 14px;
	color:#444;line-height: 160%;
}
#sub2 p{
font-size: 80%;padding:5px 4px;
	color:#444;line-height: 140%;
}
#sub2 section{
	margin: 0px;width: 95%;
	margin-bottom: 29px;
	background: rgba( 255, 255, 255, 1 );
}



/****************************************

         main_wp

*****************************************/

#main_wp {
	/*width: 100%;margin: 0 auto ;padding:20px 0px;color: #333;*/
	/*float: left;width: 640px;margin: 0 ;padding:20px 0px;color: #333;*/
	width: 100%;
	margin: 0 0px;/*outline:solid 1px #dcdddd;*/
	margin-bottom: 29px;
	/*background: #fff;
	border-bottom: 1px solid transparent*/
}

/*#main_wp a {
	color: #333;
}
#main_wp a:hover {
	color: #e65600;
}*/

#main_wp img {
	margin: 0 ;
}

#main_wp p{
	padding:0 15px;font-size: 14px;
	color:#333;line-height: 150%;/*letter-spacing: -0.05em;*/
}

#main_wp section{
	padding: 10px;
	margin: 0 0px;
	margin-bottom: 29px;
	background: rgba( 255, 255, 255, 0.60 );
	/*border: 1px solid #e5e5e5;*/
	border-radius: 10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*box-shadow: 3px 3px 5px -5px #999;*/
	
}


/****************************************

          wp contents

*****************************************/

#wp_contents {
	/*float: left;
	width: 740px;margin: 0 ;*/
	
}

/*#wp_contents a {
	color: #333;
	text-decoration: underline;
}
#wp_contents a:hover {
	color: #e65600;
	text-decoration: underline;
}*/


#wp_contents img {
	margin: 0 ;
}

#wp_contents p{
	padding:0 10px;font-size: 14px;
	color:#333;line-height: 150%;/*letter-spacing: -0.05em;*/
}


/* wideslider */
.wideslider {
	width: 100%;margin: 0px auto 20px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(images/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(images/next.jpg) no-repeat left center;}
/*.slider_next {background: #F3F4F5 }*/

.pagination {
	bottom: 0px;/*10px*/
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

.noscript {padding: 100px 50px;  width: 900px; margin:0 auto;background: #cdcdcd url/*("images/topimg/04.jpg")*/("images/oval.svg") no-repeat center ;text-align: center;line-height: 170%;font-size: 26px; color:#785839; font-weight:bold;

/*IE用フィルタ*/
filter:progid:DXImageTransform.Microsoft.Glow(Color='#fff', Strength=2);zoom:1;
/*IE用フィルタ*/
}


/* =======================================
	ゲットバイク　バイクリスト用
======================================= */

#bikelist {

	width: 140px;
	margin:0 0px 20px 0;font-size: 12px;
}


.price-list-s {
	color: #d71920;font-weight: bold;letter-spacing: 0.1em;
}


#bikelist ul.column{
	width:140px;
	/*height:105px;*/height:auto;
	padding:0px;
	list-style-type:none;line-height : 1.2;padding:0px;font-size: 12px;
}
#bikelist ul.column li{
	padding:10px 0 10px 0;border-bottom: 1px dotted #333;color: #333;
}
#bikelist ul.column li img{
	border:none;margin:0px 0 5px 0;
}
.photocap_inc {
	padding: 0;line-height:1.2;font-weight: normal;font-size: 14px;
	margin:0 0 5px 0;text-align: left;
}
#bikelist ul.column li a:link{
text-decoration:none; color:#3f8fab;
}
#bikelist ul.column li a {
text-decoration:none; color:#3f8fab;
}
#bikelist ul.column li a:hover{
text-decoration:none;color:#c4161c;
}

/* 画面サイズが1024px以下の場合に適用 150803追加 */
@media only screen and (max-width:1024px) {
	#bikelist {
	width: 100%;
	margin:0 auto;font-size: 12px;height:auto;
}
.bikelist_box {
	width: 100%;display: block;height:auto;text-align: left;margin:0;
}

#bikelist ul.column{
	width:100%;
	/*height:105px;*/height:auto;height:100%;
}
#bikelist ul.column li{
	padding: 0;border-bottom: none;float: left;width: 140px;display: block;margin:10px;
}

}


/* 画面サイズが768px以下の場合に適用 150217追加 */
@media only screen and (max-width:768px) {
	#bikelist {
	width: 100%;
	margin:0 auto;font-size: 12px;height:auto;
}
.bikelist_box {
	width: 100%;display: block;height:auto;text-align: left;margin:0;
}
.bikelist_box a {
	background: #efefef url("images/next.png") no-repeat center right;display: block;padding:20px 0 25px 0;height:100%;
}
.bikelist_box a:hover {
	background: #dcdddd url("images/next.png") no-repeat center right;display: block;
}
#bikelist ul.column{
	width:100%;
	/*height:105px;*/height:auto;height:100%;
}
#bikelist ul.column li{
	padding: 0;border-bottom: 1px dotted #333;clear: both;float: none;width: 100%;display: block;margin:0px;
}
#bikelist ul.column li{
	/*background: #dcdddd url("images/next.jpg") no-repeat center right;*/
}

/*#bikelist ul.column li a:hover{
	background: #efefef url("images/next.jpg") no-repeat center right;
}
#bikelist ul.column li a{
	background: #dcdddd url("images/next.jpg") no-repeat center right;display: block;height:auto;
}*/
#bikelist ul.column li img{
	border:none;margin:0px 5% 0 0px ;float: left;width: 25%;height:auto;
}
.photocap_inc {
	float: left;width: 70%;
}
}





/****************************************

          .slick

*****************************************/
.photocap {
	padding: 0 0 0 0px;font-size: 80%;line-height: 100%;font-weight: normal;
	margin:0;color:#000000;display:block;width: 90%;text-align: center;
}
.responsive img{
	margin:0 auto;
}

@media (min-width: 660px) { 
.photocap {
	padding: 0 0 0 0px;font-size: 80%;line-height: 100%;font-weight: normal;
	margin:0;color:#000000;display:block;width: 90%;text-align: center;
}
  .responsive img{
	margin:0 auto;
}}




/* 新着情報
---------------------------------------------------- */
/* --- 新着情報エリア --- */
div.update {
width: 100%; /* 新着情報エリアの幅 */
font-size: 85%;margin: 0 0 25px; 
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 95%; /* 新着リストの幅 */
/*height: 80px; /*80px 新着リストの高さ */
/*overflow: auto;/* 新着リストの高さ */
height: 200px;/*高さ制限なし100%*/overflow:auto;
margin: 0;padding: 5px;text-align:left;
background-color: #fff; /*#f9f9f9 新着リストの背景色 */
/*border-top: 1px #c0c0c0 dotted;  新着リストの上境界線 */
/* border-bottom: 1px #c0c0c0 dotted; 新着リストの下境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 7em; /* 日付エリアの幅 */color:#666;
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 8em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
}

@media screen and (max-width: 640px) {
div.update dt {
float: none;
padding: 7px 0 0px 3px;
}
div.update dd {
padding: 0px 3px 6px 0em; 
}
}

/* --- メーカー --- */
.infobox {
width: 100%;margin:30px 0 24px;
}
/* --- ボタン --- */
/*メーカー*/
.btn_top01 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	/*background: none;*/
	cursor: pointer;
	min-width: 120px;height: 15px;line-height: 15px;
	padding: 10px 10px;
	display: inline-block;
	margin: 5px 10px 5px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;text-align: center;
}

.btn_top01:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn_top01h {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	/*background: none;*/
	cursor: pointer;
	min-width: 120px;height: 36px;line-height: 18px;
	padding: 10px 10px;
	display: inline-block;
	margin: 5px 10px 5px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;text-align: center;
}

.btn_top01h:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/*ジャンル*/
.btn_top02 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	/*background: none;*/
	cursor: pointer;
	min-width: 120px;height: 50px;line-height: 50px;
	padding: 10px 10px;
	display: inline-block;
	margin: 5px 10px 5px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;text-align: center;
}

.btn_top02:after {
	content: '';
	position: absolute;

	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_top02h {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	/*background: none;*/
	cursor: pointer;
	min-width: 120px;height: 70px;line-height: 28px;
	padding: 10px 10px;
	display: inline-block;
	margin: 5px 10px 5px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;text-align: center;
}

.btn_top02h:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/*予算*/
.btn_top03 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	/*background: none;*/
	cursor: pointer;
	min-width: 120px;height: 30px;line-height: 30px;width: 95%;
	padding: 10px 10px;
	display: inline-block;
	margin: 5px 10px 5px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;text-align: center;
	
}

.btn_top03:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* --- 角丸 --- */
.infobox_radius6 {
-moz-border-radius: 6px; /* Firefox */  
   -webkit-border-radius: 6px; /* Safari and Chrome */  
   border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}

.infobox_radius8 {
-moz-border-radius: 8px; /* Firefox */  
   -webkit-border-radius: 8px; /* Safari and Chrome */  
   border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}

.infobox_radius10 {
-moz-border-radius: 10px; /* Firefox */  
   -webkit-border-radius: 10px; /* Safari and Chrome */  
   border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}

.infobox_radius12 {
-moz-border-radius: 12px; /* Firefox */  
   -webkit-border-radius: 12px; /* Safari and Chrome */  
   border-radius: 12px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.infobox_radius14 {
-moz-border-radius: 14px; /* Firefox */  
   -webkit-border-radius: 14px; /* Safari and Chrome */  
   border-radius: 14px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}

/* --- ボーダー --- */
.infobox_border_b {
border:1px #0089c5 solid;color: #0089c5;
}
.infobox_border_o {
border:1px #ff6600 solid;color: #ff6600;
}

.infobox_border_g {
border:1px #dddddd solid;color: #0090bc;
}
/* --- カラー --- */
.infobox_color_none {
background: none;
}
.infobox_color_none:hover {
background: #0089c5;color: #fff;
}
.infobox_color_none_g {
background: none;
}
.infobox_color_none_g:hover {
background: #e3e3e3;
}

.infobox_color_gradient_r {
background: -moz-linear-gradient(top,#e56a70 0%,#d7001d) ;
background: -webkit-gradient(linear, left top, left bottom, from(#e56a70), to(#d7001d)) ;
/* IE10+ */background: -ms-linear-gradient(top,  #e56a70,  #d7001d);
/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e56a70', endColorstr='#d7001d', GradientType=0)";
}
.infobox_color_gradient_r:hover {
background: -moz-linear-gradient(top,#d7001d 0%,#d7001d) ;
background: -webkit-gradient(linear, left top, left bottom, from(#d7001d), to(#d7001d)) ;
/* IE10+ */background: -ms-linear-gradient(top,  #d7001d,  #d7001d);
/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7001d', endColorstr='#d7001d', GradientType=0)";
}
.infobox_color_gradient_g {
background: -moz-linear-gradient(top,#e3e3e3 0%,#fafafa) ;
background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#fafafa)) ;
/* IE10+ */background: -ms-linear-gradient(top,  #e3e3e3,  #fafafa);
/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa', GradientType=0)";
}
.infobox_color_gradient_g:hover {
background: -moz-linear-gradient(top,#fcfcfc 0%,#eeeeee) ;
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eeeeee)) ;
/* IE10+ */background: -ms-linear-gradient(top,  #fcfcfc,  #eeeeee);
/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0)";
}
/* --- イメージ --- */
.infobox .prImage1 { float: left; width: 80px; margin-right: 10px; overflow: hidden; margin-bottom: 5px; }
.infobox .prImage2 { float: left; width: 150px; margin-right: 10px; overflow: hidden; margin-bottom: 5px; }

.infobox .prImage3 { display: block; width: auto; overflow: hidden;margin: 0px;margin-bottom: 3px;text-align: center;padding: 0px; }

/* --- 矢印 --- */
.infobox .arrow { 
background:url(images/next.png) ,-moz-linear-gradient(top center, #fcfcfc 0%, #eeeeee 100%);
background-repeat: no-repeat;
background-position: 98%;
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eeeeee)) ;
/* IE10+ */background: -ms-linear-gradient(top,  #fcfcfc,  #eeeeee);
/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0)";}
.infobox .arrow:hover { 
background:url(images/next.png) ;
background-color:#fafafa;
background-repeat: no-repeat;
background-position: 100%;opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )"; }



.infobox ul li{
display: inline-block;
	margin: 5px 10px 5px 0px;
}
.infobox ul li a{
	color: #0089c5;display: block;padding: 10px 10px;
	min-width: 120px;height: auto;line-height: auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.infobox ul li a:hover {
text-decoration: none;color: #fff;
}
.infobox ul li img{
 float: left;
padding-top: 2px;
 padding-right: 10px;
}


/*ジャンル*/
.genre ul li a{
	min-width: 120px;height: 50px;line-height: 50px;padding: 10px 20px;
}
.genre ul li a:hover {
text-decoration: none;color: #0089c5;
}

/*サイドメニュー*/
.sidemenu ul li a{
	text-align:center;
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.infobox ul{
 margin: 0px;
 }
.infobox ul li {
width: 100%;padding: 0px;height: auto;margin: 0px 0px;
}
.infobox ul li a {
display: block;
position: relative;
padding: 10px 25px 10px 10px;height: 30px;line-height:30px;
border-bottom: 1px solid #D9D9D6;
background: none;
font-size: 14px;
font-weight: bold;
text-decoration: none;width: 90%;text-align:left;
}
/*ジャンル*/
.genre ul li a{
height: 50px;line-height: 50px;border-bottom: none;
}
.infobox ul li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #cdcdcd;
border-right: solid 2px #cdcdcd;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.infobox_border_b {
border:none;color: #0089c5;
}
.infobox_color_none:hover {
background: #D9D9D6;
}
.infobox ul li a:hover {
text-decoration: none;color: #333;
}
.infobox ul li img{
width: 70px;height:30px;line-height:30px;padding-top: 10px;
}
.genre ul li img{
width: 70px;height:30px;line-height:30px;padding-top: 0px;
}

}


/*ドロワー
---------------------------------------------------- */

#drawer-checkbox {
  display: none;
}
#drawer-icon {
  cursor: pointer;
  display: inline-block;
  height: 50px;
  position: relative;
  width: 50px;
}
#drawer-icon span {
  background:  #fff;
  border-radius: 0px;/*4*/
  display: block;
  height: 16%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-in-out;
  width: 84%;
}
#drawer-icon span::before,
#drawer-icon span::after {
  -webkit-transform: rotate(0);
  background: #fff;
  border-radius: 0px;/*4*/
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;
}
#drawer-icon span::before {
  margin-top: -38%;
}
#drawer-icon span::after {
  margin-top: 19%;
}
#drawer-checkbox:checked ~ #drawer-icon span {
  background: rgba(51, 51, 51, 0);
}
#drawer-checkbox:checked ~ #drawer-icon span::before,
#drawer-checkbox:checked ~ #drawer-icon span::after {
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#drawer-checkbox:checked ~ #drawer-icon span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#drawer-checkbox:checked ~ #drawer-icon span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#drawer-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4000;
  width: 250px;
  max-width: 90%;
  height: 100%;
  background: #fff;
  transition: all 0.3s ease-in-out 0s;
  transform: translateX(-100%);
}
#drawer-checkbox:checked ~ #drawer-content {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#drawer-close {
  display: none;
  position: fixed;
  z-index: 3900;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}
#drawer-checkbox:checked ~ #drawer-close {
  display: block;
  opacity: 0.3;
}

#drawer {
  display: none;
}
/* 以下はメニューのスタイリングなど */
 #drawer ul {
    padding:0;
    list-style:none;
    border-top: solid 1px #ccc;
    color: #000;
}
#drawer ul li {
    border-bottom: solid 1px #ccc;
    padding: 12px 20px;font-size: 90%;
}

header:after {
    content:"";
    display: block;
    clear: both;
}
#drawer ul li a {
    color: #000;
}
/* 画面サイズが1000px以下の場合に適用 */
@media only screen and (max-width:1000px) {
#drawer {
display: block;
    position: fixed;
    top: 0;right: 0;z-index: 3000;
background-color: rgba(255,163,0,0.8);padding: 6px 6px 0px 6px;
		/*position: relative;
		width: 100%;*/
}
}

/* アコーディオンメニュー
---------------------------------------------------- */
ul.accordion { margin:0; padding:0; list-style:none;text-align: left;width: 96%;}
ul.accordion:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul.accordion { display:inline-block;}*/
/* for macIE \*/
* html ul.accordion { height:1%; }
ul.accordion { display:block; }

#accordion {
margin:0;
}

#accordion p{
margin:0;
}


ul.accordion { font:13px/1 verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size:90%;/*123.1*/ padding:5px; background:#d4d9db; margin-bottom:30px;line-height: 150%;}
ul.accordion a {display:block; padding:10px 10px 10px 30px; background-position:2.5% center; background-repeat:no-repeat; text-decoration:none; color:#333;}
ul.accordion span {display:block; padding:10px 10px 10px 30px; background-position:1% center; background-repeat:no-repeat; color:#333;}
ul.accordion ul {display:none;}

ul.accordion > li {background: -moz-linear-gradient(top, #e6e6e6, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#efefef));/* IE10+ */background: -ms-linear-gradient(top, #e6e6e6, #efefef);/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#efefef', GradientType=0)";}
ul.accordion > li > p {background: -moz-linear-gradient(top, #efefef, #f7f8f8); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f7f8f8));/* IE10+ */background: -ms-linear-gradient(top, #efefef, #f7f8f8);/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f7f8f8', GradientType=0)";}
ul.accordion > li > ul > li {background:#e6e6e6; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > p {background:#888;}
ul.accordion > li > ul > li > ul > li {background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child {border:none;}

ul.accordion > li > p span {background-image:url(../images/a_close.png);}
ul.accordion > li > p span.open {background-image:url(../images/a_open.png);}
ul.accordion > li > a {background-image:url(../images/a_link.png);}

ul.accordion > li > ul > li > p {background:#e6e6e6;}
ul.accordion > li > ul > li > p span {background-image:url(../images/b_close_k.png);}
ul.accordion > li > ul > li > p span.open {background-image:url(../images/b_open_k.png);}
ul.accordion > li > ul > li > a {background-image:url(../images/c_link.png);}
ul.accordion > li > ul > li > a:hover {background:#fff url(../images/c_link.png) no-repeat 2.5% center;}

ul.accordion > li > ul > li > ul > li a {background-image:url(../images/c_link.png); color:#333;}



/*ul.accordion > li  img{
 float: left;
 height: auto;
 width: 30px;
 padding:0px 10px 0 0; margin:-6px 0 0px 0;
 }
.margin-2{
	 margin:12px 0 -10px 0;
 }*/

ul.accordion > li  img{
 clear: both;
 }

ul.accordion > li > a {background-image:url(../images/c_link.png);}
ul.accordion > li > a:hover {background:#fff url(../images/c_link.png) no-repeat 2.5% center;}

ul.accordion > li > ul > li > ul > li a:hover {background:#efefef url(images/c_link.png) no-repeat 8% center;}



/* section */

.sec01, .sec02, .sec03 { width: 980px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }

.sec1400 { width: 1400px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border: 0px;padding:0;}
.sec1400-topimg { width: 1400px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border: 0px;padding:0;background:#000}
.sec1200 { width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }
.sec970 { width: 970px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }

.sec500 { width: 500px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }
.sec600 { width: 600px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }
.sec700 { width: 700px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }
.sec800 { width: 800px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }
.sec80 { width: 80%; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent; }

.sec_blog { width: 980px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent;margin-bottom: 29px; }
/*.sec_blog img { margin: 12px; }
.sec_blog p { margin: 12px; }*/

@media screen and (max-width: 1024px) {
.sec01 { width: 768px; }
.sec02, .sec03 { width: 730px; }
.sec1400-topimg  { width: 768px; }
.sec1400 { width: 768px; }
.sec1200 { width: 768px; }
.sec970 { width: 768px; }
.sec_blog { width: 768px; }
.sec800 { width: 768px; }
/*.sec500, .sec600, .sec700, .sec800 { width: 768px; }*/
}
@media screen and (max-width: 767px) {
.sec01, .sec02 { width: auto; margin-left: 10px; margin-right: 10px; }
.sec1400 { width: auto; margin-left: 10px; margin-right: 10px; }
.sec1200 { width: auto; margin-left: 10px; margin-right: 10px; }
.sec970 { width: auto; margin-left: 10px; margin-right: 10px; }
.sec_blog { width: auto; margin-left: 10px; margin-right: 10px; }
.sec500, .sec600, .sec700, .sec800  { width: auto; margin-left: 10px; margin-right: 10px; }

.sec1400-topimg { width: auto; margin-left: 0px; margin-right: 0px; }
}


/* トップへ戻るボタン
---------------------------------------------------- */

#page-top {
    position: fixed;
    bottom: 2%;
    right: 2%;
    font-size: 70%;
}
#page-top a {
    display: block;
    text-decoration: none;
    padding-top: 20px;
    width: 120px;
    height: 0px;
    overflow: hidden;
    background: url("../images/pagetop.png") no-repeat 0 0;/*画像のURLを指定。*/
}
  
#page-top a:hover {
    background-position: 0 -20px;
}

@media screen and (max-width:768px){
#page-top {
   display: none;
}
#page-top a{
   display: none;
}
}

/* sidebar
---------------------------------------------------- 
#sidebar { width: 980px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: block; border-top: 1px solid transparent;
margin-bottom: 24px;}

@media screen and (max-width: 1024px) {
#sidebar { width: 768px; }
}
@media screen and (max-width: 767px) {
#sidebar { width: auto; margin-left: 10px; margin-right: 10px; }
}
*/
/* widget
---------------------------------------------------- 
.widget {
	margin:0px 0 24px;float: left;width : 48%;margin:0px 1%;
}
@media screen and (max-width: 640px) {
.widget {
	float: none;width: 100%;margin:0px;
}
}*/


.widget p{
	padding:0 10px;font-size: 12px;
	color:#333;line-height: 130%;letter-spacing: -0.05em;
}

.widget ul{
	padding:0px;margin:0px 10px 24px;
}

.widget ul li{
display: inline-block;
	margin: 5px 10px 5px 0px;
	background: none;
-moz-border-radius: 6px; /* Firefox */  
   -webkit-border-radius: 6px; /* Safari and Chrome */  
   border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
   border:1px #0089c5 solid;color: #0089c5;
   
}

.widget ul li a{
	color: #0089c5;display: block;padding: 10px 10px;text-align:center;
	min-width: 120px;height: auto;line-height: auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
	max-width:260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.widget ul li a:hover {
text-decoration: none;color: #fff;background: #0089c5
}
.widget ul li img{
 float: left;
padding-top: 2px;
 padding-right: 10px;
}

.widget_archive ul li a{
	font-size: 55%;
	padding: 6px 6px;
	min-width: 60px;
	max-width:140px;
}


.widget_meta ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a, .widget_categories ul li a{
	font-size: 55%;
	padding: 6px 6px;
	min-width: 60px;
	max-width:260px;
}

/*160418 select */

select{
	border:0;
	border:solid 1px #ccc;
	color:#444;
	margin:3px 0;
	padding:10px;
	width:300px;
	font-family:Arial, sans-serif;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.widget ul  {margin: 0px;padding:0px;}
.widget ul li a{margin: 0px;padding:0px;}
	
.widget ul{
 margin: 0px 0 12px 0;
 }
.widget ul li {
width: 100%;padding: 0px;height: auto;margin: 0px 0px;border:none;

}
.widget ul li a {
	max-width:90%;
display: block;
position: relative;
padding: 10px 25px 10px 10px;height: 60px;line-height:60px;
border-bottom: 1px solid #D9D9D6;
background: none;
font-size: 14px;
font-weight: bold;
text-decoration: none;width: 90%;text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget ul li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #cdcdcd;
border-right: solid 2px #cdcdcd;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

.widget ul li a:hover {
text-decoration: none;color: #333;
}

}

/* パンくず
---------------------------------------------------- */
div#breadcrumb {
	width: 980px;margin:10px auto;
}
@media screen and (max-width: 1024px) {
div#breadcrumb{ width: 768px; }
}
@media screen and (max-width: 767px) {
div#breadcrumb { width: auto; margin-left: 10px; margin-right: 10px; }
}
div#breadcrumb div {
	display:inline;
}
div#breadcrumb a {
	padding:2px 5px 2px 5px;margin:0 6px;
	background:#eff6fa;
	border:1px #0089c5 solid;color: #0089c5;

	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-moz-border-radius: 6px; /* Firefox */  
   -webkit-border-radius: 6px; /* Safari and Chrome */  
   border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
div#breadcrumb a:hover {
text-decoration: none;color: #fff;background: #0089c5
}




/*section {
	padding: 24px 0;margin-bottom: 24px;margin-top: 0px;clear: both
}*/




/*フォント*/
.ft-80 {
  font-size: 80%;
}
.ft-90 {
  font-size: 90%;
}
.ft-100 {
  font-size: 100%;
}
.ft-110 {
  font-size: 110%;
}
.ft-120 {
  font-size: 120%;
}
.ft-130 {
  font-size: 130%;
}
.ft-150 {
  font-size: 150%;
}
.ft-170 {
  font-size: 170%;
}
.ft-180 {
  font-size: 180%;
}

.ft-170 br {
line-height: 170%;
}
.fh-200 br {
line-height: 200%;
}

.ft-normal {
  font-weight:normal;
}
.ft-bold {
	font-weight:bold;
}


.ft-orange {
color: #ee7700;
}
.ft-red {
color: #ff0000;
}
.ft-w {
color: #fff;
}
.ft-k {
color: #000;
}
.ft-k80 {
color: #505050;
}
.ft-yellow  {
color: #d4b02d;
}

.ftred {
  color:#D71920;
}
.ft-center{
  text-align: center;
}
.ft-left{
  text-align: left;
}
.ft-right{
  text-align: right;
}
.ftred-b {
  color:#D71920;font-weight:bold;
}
.ftyellow  {
  color:#ffff00;
}
.ftgray {
  color:#b4b4b4;
}
.ftblack {
  color:#333;
}
.ftyellow-b {
  color:#ffff00;font-weight:bold;
}
.ftskyblue  {
  color:#00ffff;
}
.ftskyblue-b {
  color:#00ffff;font-weight:bold;
}
.ftblue  {
  color:#004098;
}
.ftblue-b {
  color:#004098;font-weight:bold;
}
.ftnavy  {
  color:#000024;
}
.ftnavy-b {
  color:#000024;font-weight:bold;
}

.ft-logo {
color: #8bc63f;
}
.ft-coating {
color: #168ecd;
}

#example1 p.ft-tb-r {	
  /*以下縦書きの設定*/
  -webkit-writing-mode:vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  /*幅と高さを指定*/
  /*width: 100%;
  height: 150px;*/
  font-size: 180%;
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#example1 p.ft-tb-r {	
  font-size: 100%;
}
}
@media screen and (max-width: 480px) {
.ft-130, .ft-150 {
  font-size: 110%;
}
.ft-170, .ft-180 {
  font-size: 130%;
}
#example1 p.ft-tb-r {	
  font-size: 80%;
}
#example1 h1.ft-180 {	
  font-size: 130%;
}
}


.price-2{
	font-family: 'Anton', sans-serif;color: #cb4e4e;font-size: 220%;text-align: center;margin:10px ;
}
.price-3{
	font-family: 'Anton', sans-serif;color: #eb9500;font-size: 220%;text-align: center;margin:10px ;
}
.price-4{
	font-family: 'Anton', sans-serif;color: #0062a0;font-size: 220%;text-align: center;margin:10px ;
}
.price-w{
	font-family: 'Anton', sans-serif;color: #fff;font-size: 160%;text-align: center;margin:10px;line-height: 130%;
}
.ft-shadow_w{
	
text-shadow: 
       2px  2px 0px #ffffff,
      -2px  2px 0px #ffffff,
       2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff,
       2px  0px 0px #ffffff,
       0px  2px 0px #ffffff,
      -2px  0px 0px #ffffff,
       0px -2px 0px #ffffff;        /* 文字の影 */
}

.ft-shadow_k{
	
text-shadow: 
       2px  2px 0px #000,
      -2px  2px 0px #000,
       2px -2px 0px #000,
      -2px -2px 0px #000,
       2px  0px 0px #000,
       0px  2px 0px #000,
      -2px  0px 0px #000,
       0px -2px 0px #000;        /* 文字の影 */
}

.ft-shadow_k2{
       text-shadow:0px 0px 6px #000;
}


/*レスポンシブ CSSだけで電話番号リンクをスマホにだけ適用する方法
CSSでJavaScriptのClickイベントやリンククリック時の動作などを禁止する方法*/
@media screen and (min-width: 768px) {
.no-action {
  pointer-events : none;
}
}


hr {
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;clear:both;
}
.hr_section {
	background-color: #fff;
  border-top: 2px dotted #bbb;
}

.hr_section2 {
	background-color: #fff;
  border-top: 2px dotted #bbb;
  	margin: 24px 0;
}

.hr_section3 {
	/*position: relative;
	overflow: visible;*/
	text-align: center;
	/*color: #f06292;
	border-width: 3px 0 0 0;
	border-style: double;
	border-color: #f06292;*/
	/*margin: 24px 0 48px 0;*/
	padding :52px 0;
	margin:24px 0;
}

.hr_section3::after {
	/*position: absolute;
	top: -0.7em;
	left: 50%;*/
	display: inline-block;
	content: '';
	/*background:#fff url("../images/icon_logo.png") no-repeat;*/
	
	content: url(../images/icon_logo.png);

    vertical-align: middle;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);

}

.hr_section4 {
	position: relative;
	overflow: visible;
	text-align: center;
	/*color: #f06292;
	border-width: 3px 0 0 0;
	border-style: double;
	border-color: #f06292;*/
	margin: 48px 0 48px 0;
      border-top: dotted 6px #f1b718;
}

.hr_section4::after {
	position: absolute;
	top: -2.0em;
	left: 50%;
	display: inline-block;
	content: '';
	/*background:#fff url("../images/icon_logo.png") no-repeat;*/
	
	content: url(../images/icon_logo.png);

    vertical-align: middle;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.hr_section5 {
	text-align: center;
	margin: 48px 0 48px 0;
      border-top: dotted 6px #f1b718;
}

.hr_section5::after {

	display: inline-block;
	content: '';
	/*background:#fff url("../images/icon_logo.png") no-repeat;*/
	
	content: url(../images/icon_logo.png);

    vertical-align: middle;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
	margin-top: -34px;
}

.hr_section6 {
	text-align: center;
	margin: 48px 0 48px 0;
      border-top: dotted 2px #f1b718;
}

.hr_section6::after {

	display: inline-block;
	content: '';
	/*background:#fff url("../images/icon_logo.png") no-repeat;*/
	
	content: url(../images/icon_logo6.png);

    vertical-align: middle;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
	margin-top: -34px;
}

.hr_section7 {
	text-align: center;
	margin: 48px 0 48px 0;
      border-top: dotted 4px #f1b718;
}

.hr_section7::after {

	display: inline-block;
	content: '';
	/*background:#fff url("../images/icon_logo.png") no-repeat;*/
	
	content: url(../images/icon_logo4.png);

    vertical-align: middle;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
	margin-top: -34px;
}



.hr_section8 {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr_section8:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr_section8:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}

.wrapper0 {
	margin: 24px 0 ;
  position:relative;
  /*display:inline-block;*/
  width:100%;min-height:430px;font-size : 110%;line-height : 2.0;
}

.wrapper0 h3 {
	margin:0 0 24px 0;
	font-weight:normal;font-size : 130%;
	color:#000;
}



.label0 {
  position:absolute;
  /*color:white;
  background:#24A0CF;*/
  padding:5px 15px;
  z-index:1;background-color: rgba(255,255,255,0.7);
}
.label-left-top{
  left:0px;
  top:10px;max-width:60%;
}

.label-right-top{
  right:0px;
  top:10px;
  text-align:right;max-width:60%;
}
/*.label-right-top{
  right:0px;
  top:0px;
}
.label-left-bottom{
  left:0px;
  bottom:0px;
}
.label-right-bottom{
  right:0px;
  bottom:0px;
}

.label-center{
  position:absolute;
  left:50%;
  top:50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);  
}*/
.wrapper0 img {
  /*width:400px;
  vertical-align: bottom;*/
  position:absolute;
right:0px;
  z-index:0;
 /* opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";*/
width:60%;
 /*opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";*/
}



/*.wrapper0-img {
 opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}*/

.wrapper0-img img {
width:60%;
}
.wrapper0-img-left img {
width:60%;left:0px;
}


/* 画面サイズが1000px以下の場合に適用 */
@media only screen and (max-width: 1000px) {
	.label-left-top{
max-width:80%;
}
.label-right-top{
max-width:80%;
}
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.wrapper0 img {
width:100%;
}
.wrapper0 {
min-height:650px;font-size : 100%;
}
.wrapper0 h3 {
font-size : 120%;
}
.label0 {
  padding:4px;
  z-index:1;background-color: rgba(255,255,255,0.4);
}
.label-left-top{
  left:0px;
  top:220px;max-width:100%;
}
.label-right-top{
  right:0px;
  top:220px;
  text-align:left;max-width:100%;
}
.wrapper0-img img {
top:0px;
}
.wrapper0-img-left img {
top:0px;
}
}

.gallery_p {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.gallery_p img {
  max-height: 150px;overflow:hidden;
  -moz-user-select: none;border: 2px solid #cccccc; padding: 1px;width: auto;
    -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  margin:0 auto
  }
  
  .gallery_p h3 {
font-size: 90%;width: 90%;
  } 
  
  
.gallery_p2 {
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  border: 2px solid #cccccc; padding: 0px;
}

.gallery_p2 img {
  height: auto;
  -moz-user-select: none;width: 100%;padding: 2%;
  margin:0 auto
  }
  
  .gallery_p2 h3 {
font-size: 110%;width: 100%;color: #e65600;
margin:4px 10px 6px 10px;
  } 
   .gallery_p2 p {
font-size: 90%;width: 100%;
margin:0 0 12px 0;
  }  
  
  
 
 .gallery_p3 {
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #cccccc; padding: 0px;background-color: none;
  
  /*border: 1px solid #eee;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset, -1px -1px 0 rgba(100, 100, 100, .2) inset;*/

}
.gallery_p3-img {
  width: 100%;margin-top: auto;
  }

.gallery_p3-img-in {
  width: 100%;
  padding-top: 52.5%;/*he is my hero*/
  }
.gallery_p3-img:hover {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}  
/*.gallery_p3 img {
  height: auto;
  -moz-user-select: none;width: 100%;padding: 2%;
  margin:0 auto
  }
  */
  .gallery_p3 h3 {
font-size: 110%;width: 95%;color: #e65600;
margin:4px 10px 6px 10px;
  } 
   .gallery_p3 p {
font-size: 90%;width: 100%;
margin:0 0 12px 0;
  }  
 
.gallery_p4 {
  border: 2px solid #cccccc; padding: 0px;

}

li.gallery_p4  {
  display: flex;
    flex-direction: column;
    width: 30%;
}
.gallery_p4-img {
 margin-top: auto;
  }  
.gallery_p4-img:hover {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}  
/*ul.items2over li.item2 {
 margin-bottom: 60px;
}*/

/*買取エリアリスト*/

ul.arealist{
  height:auto;
  font-size: 16px;
  list-style-type: none;
  margin-top:0px;
  margin-left:15px;
  margin-bottom:10px;
  margin-right:60px;
  padding: 0; 
  clear:both;
  }

ul.arealist li{
  color:black;
  float:left;
  font-size: 14px; 
  line-height:20px;
  padding-left:8px;
  padding-right:10px;
  margin-left:0px;margin-bottom:4px;
  text-decoration: none;
  border-right:solid 1px silver;
}

ul.arealist  li:last-child {
   margin-bottom:20px;
}

ul.arealist2{
  height:auto;
  font-size: 16px;
  list-style-type: none;
  margin: 0 0 0 1em; 
  margin-top:30px;
  margin-left:15px;
  margin-bottom:10px;
  margin-right:10px;
  padding: 0; 
  clear:both;
  float:none;
  }
ul.arealist2 li{
  color:black;
  float:left;
  font-size: 14px; 
  line-height:20px;
  padding-left:8px;
  padding-right:10px;
  margin-left:0px;margin-bottom:4px;
  text-decoration: none;
  border-right:none;
}


ul.arealist li a{
  color:black;
  display:block;
  text-decoration: none;
}

ul.arealist li a:hover{
  color:black;
  text-decoration:underline;
  background-color:;
  background-repeat:no-repeat
}

/**/
.btn_base a {
	font-weight: bold;margin:10px 10px 10px;
	font-size: 14px;
	color: #3490d8;
	text-decoration: none;
	/*border: 3px solid #FFF;*/border: 3px solid #3490d8;
	padding: 10px 0;
	text-align: center;
	display: block;
	width: 80%;
	position: relative;
	box-sizing: border-box;
}
.btn_base a::after {
	content: '＞';
	position: absolute;
	right: 10px;
	top: 12px;
}
.btn_base a:hover {
	color: #000;
	text-decoration: none;
	border: 3px solid #e65600;
	background-color: #FFF;
}
.btn_350 a {
	/*width: 350px;*/
}


.infobox_orenge {
width: 90%;border: 2px solid #bf7a39;margin: 10px;background: #f7ac1b;
}
.infobox_orenge p {
font-size: 16px;text-align: left;padding: 10px;line-height: 150%;margin: 0;color:#603500;font-weight:bold;
}

/*.infobox {
width: 98%;border: 2px solid #D71920;margin: 15px 0 15px 0;
}
.infobox p {
font-size: 100%;text-align: center;padding: 10px;line-height: 150%;margin:  0;
}
.infobox p strong {
font-size: 120%;color:#D71920;font-weight:bold;
}*/
.infobox_left {
width: 98%;border: 2px solid #cfcfcf;margin: 15px 0 15px 0;
}
.infobox_left p {
font-size: 100%;text-align: left;padding: 10px 15px;line-height: 150%;margin:  0;
}

.infobox_event {
width: 98%;border: 2px solid #bf7a39;margin: 15px 0 15px 0;
}
.infobox_event p {
font-size: 100%;text-align: left;padding: 10px 15px;line-height: 150%;margin:  0;
}
.infobox_event2 {
width: 98%;border: 2px solid #bf7a39;margin: 15px 0 15px 0;
}
.infobox_event2 p {
font-size: 100%;text-align: left;padding: 10px 15px;line-height: 150%;margin:  0;
}

/* メインの画像
---------------------------------------------------- */
#topimg {
clear: both;
margin: 10px auto 24px;
padding:0;
vertical-align: bottom;width: 100%;
}


/* 矢印 */
.arrow {
    margin: 0 auto 70px;
    padding-top: 10px; /* 要素の上の余白調整 */
    position: relative;
}
.arrow_photo {
    margin: 0 auto 70px;
    padding-top: 0px; /* 要素の上の余白調整 */
	position: relative;
}
.arrow_photo img {
        position: absolute;
    top: -10px;
    left: 50%; /* 中央寄せに使用 */margin-left: -50px; /* 中央寄せに使用 */
}
.arrow:before {
    width: 100px; /* 四角形の幅 */
    height: 30px; /* 四角形の高さ */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#3490d8));
    background-image: -webkit-linear-gradient(#FFFFFF, #3490d8);
    background-image: linear-gradient(#FFFFFF, #3490d8);
    content: "";
    position: absolute;
    top: 0;
    left: 35%; /*50% 中央寄せに使用 */
    margin-left: -50px; /* 中央寄せに使用 */
}

.arrow:after {
    border-top: 35px solid #3490d8; /* 角度を緩やかなものに指定 */
    border-left: 70px solid transparent; /* 左のボーダーを透過に指定 */
    border-right: 70px solid transparent; /*右のボーダーを透過に指定*/
    content: "";
    position: absolute;
    top: 30px; /* 四角形の高さと同じ物を指定 */
    left: 35%; /* 50%中央寄せに使用 */
    margin-left: -70px; /* 中央寄せに使用 */

}

/* テキストの指定 */
.arrow span {
    position: relative;
    z-index: 3;

    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.4; 
    text-shadow: 2px 2px 1px rgb(255,255,255);
}


.ft18redB {
  font-size: 18px; color:#D71920; font-weight:bold;line-height: 170%;
}


.photo_r {
margin:0;
padding:0 0px 10px 20px;
  float: right; 
}

.photo_l {
margin:0;
padding:0 10px 10px 0;
  float: left; 
}
.photo_l2 {
margin:0;
padding:0 10px 10px 0;
  float: left; 
}
.photo_clear {
clear: both;
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.photo_r {
  float: none; display:block;
}
.photo_l {
  float: none; display:block;
}

}


/*画像の上におしゃれに文字やボタンをのせる方法（CSS）*/
.main_img {
  position: relative;margin:0 0 24px;
  }

.main_img p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
    font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	font-size:200%;
	font-weight:bold;
	text-align:center;
  }

.main_img img {
  width: 100%;height: 200px;
  object-fit: cover;
  font-family: 'main_img: cover;'
  }
  
  
  
  .object-fit_fill {
  object-fit: fill
}
.object-fit_cover {
  object-fit: cover
}
.object-fit_contain {
  object-fit: contain
}
.object-fit_none {
  object-fit: none
}
.object-fit_scale-down {
  object-fit: scale-down
}

/* Image styling */
.img-box {
  margin: 2%;
}
.img-box img {
  width: 300px;
  height: 120px;
  border: 2px solid #ccc;
  background: #eee;
}

.object-fit-img {
  width: 100%;
  height: 120px;object-fit: contain;
  font-family: 'object-fit: contain;'
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.banner_div_pc { display: block !important; }
.banner_div_sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.banner_div_pc { display: none !important; }
.banner_div_sp { display: block !important; }
}


.infobox_in {
width: 100%;margin:40px 0px 20px 0 ;height: 100%;min-height: 150px;
}

.infobox_in_bg {
width: 100%;margin:0px 0px 20px 0 ;height: 100%;min-height: 150px;
}

.infobox_color_gradient_gray {
background: -moz-linear-gradient(top,#fff 0%,#e5e5e5) ;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5)) ;
	/* IE10+ */background: -ms-linear-gradient(top,  #fff,  #e5e5e5);
	/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0)";
}

.infobox_boder2 {
border: 1px solid #d2cec9;
}

.infobox_boder_2 {
border: 2px solid #cb4e4e;
}
.infobox_boder_3 {
border: 2px solid #eb9500;
}
.infobox_boder_4 {
border: 2px solid #0062a0;
}


.infobox_title_4{
	font-family: 'Anton', sans-serif;color: #0062a0;font-size: 150%;text-align: left;padding-left:1em ;line-height: 150%;font-feature-settings : "palt";
	margin: -16px auto 6px;background-color:#fff;width: 90%;border-radius: 8px;
}
.infobox_title_3{
	font-family: 'Anton', sans-serif;color: #eb9500;font-size: 150%;text-align: center;/*margin:6px ;*/line-height: 150%;font-feature-settings : "palt";
	margin: -16px auto 6px;background-color:#fff;width: 60%;border-radius: 8px;
}
.infobox_title_2{
	font-family: 'Anton', sans-serif;color: #c03a36;font-size: 150%;text-align: center;/*margin:6px ;*/line-height: 150%;font-feature-settings : "palt";
	margin: -16px auto 6px;background-color:#fff;width: 60%;border-radius: 8px;/*letter-spacing: -0.1em*/
}

.infobox2_title{
	color: #fff;font-size: 150%;text-align: center;/*margin:6px ;*/line-height: 150%;font-feature-settings : "palt";
	width: 100%;padding: 20px 0 10px;
}

.infobox2_title_b{
	font-family: 'Anton', sans-serif;color: #fff;font-size: 150%;text-align: center;/*margin:6px ;*/line-height: 150%;font-feature-settings : "palt";
	background-color:#0062a0;width: 100%;padding: 20px 0;
}
.infobox2_title_o{
	font-family: 'Anton', sans-serif;color: #fff;font-size: 150%;text-align: center;/*margin:6px ;*/line-height: 150%;font-feature-settings : "palt";
	background-color:#f9b70e;width: 100%;padding: 10px 0;
}
.infobox2_title_k{
	font-family: 'Anton', sans-serif;color: #fff;font-size: 150%;text-align: center;/*margin:6px ;*/line-height: 150%;font-feature-settings : "palt";
	background-color:#333124;width: 100%;padding: 20px 0;
}



/*
.infobox_title_00{
	min-width: 100px;text-align: center;width: 80%;
	margin:-16px auto 12px;
	padding:2px 3px 0 3px;
	background:#e35230;
	color:#fff;
	border-radius:14px;
	font-size:1.5em;
	vertical-align:middle;
}
*/

.btn_top1 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	/*cursor: pointer;*/
	width: 94%;
	padding: 14px 0px;
	display: inline-block;
	margin: 12px 3%;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;text-align: center;font-weight: bold;
}

.btn_top1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-4 {
	/*background: #0062a0;*/
	/*box-shadow: 0 6px #004b81;*/box-shadow: 0 3px #004b81;color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;font-size: 130%;margin-bottom: 6px;border-radius: 8px;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699) ;
background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699)) ;
/* IE10+ */background: -ms-linear-gradient(top,  #0099CC,  #006699);
/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099CC', endColorstr='#006699', GradientType=0)";
}

/* 画面サイズが1000px以下の場合に適用 150902追加 */
@media only screen and (max-width: 1024px) {
.infobox_in_s {
font-size: 100%;line-height: 110%;letter-spacing: 0em;
}

.infobox_in {
min-height: auto;
}
_:-ms-lang(x)::-ms-backdrop, .infobox_in {
  /* IE11 のみ適用される */
  min-height: 320px;
}
}

/* 画面サイズが768px以下の場合に適用 150902追加 */
@media only screen and (max-width: 768px) {
.infobox_in {
width: 100%;margin:40px 0px 20px 0 ;height: 100%;min-height: 100%;
}

.btn_top1 {
	width: 94%;
	padding: 15px 3px;
	display: inline-block;
	margin: 10px ;
}

}


.infobox_radius14-2 {
-moz-border-radius:0 14px 14px 14px; /* Firefox */  
   -webkit-border-radius: 0 14px 14px 14px; /* Safari and Chrome */  
   border-radius: 0 14px 14px 14px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.infobox_boder_4-2 {
border: 2px solid #e35230;
}
.label-step {
  position: relative;
}
.label-step::after {
	counter-increment: number 1;
  content: " STEP" counter(number) ;  
  display: inline-block;
    vertical-align:middle;
text-align:center; 
    line-height: 1.5em;
  width: 8em;
  height: 1.5em;
background-color: #e35230;
  position: absolute;
  left: -2px;
  top: -1.5em;
    border-radius:7px 7px 0 0;
    -moz-border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0;
    color: #fff;
    font-weight: bold;font-size:1.2em;
}
.infobox_title_00{
	min-width: 100px;text-align: center;width: 30%;
	margin:-16px 0 12px;
	padding:2px 3px 0 3px;
	background:#e35230;
	color:#fff;
	border-radius:14px;
	font-size:1.5em;
	vertical-align:middle;
}
.articletitle_infobox {
  /*color: #e35230;
  border-bottom: dashed 2px #e35230;*/
/*   background: linear-gradient(transparent 70%, #e35230 70%);*/
  font-size:1.5em;  min-width: 100px;text-align: left;width: 96%;margin:6px auto 6px;position: relative;
}

.articletitle_infobox {
  position: relative;
  color: black;
  background: #e9ac90;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 1.2em auto 0.5em;
  border-radius: 0 5px 5px 5px;
}

.articletitle_infobox:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  counter-increment: number 1;
  content: " STEP" counter(number) ; 
  background: #e35230;
  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
}
.articletitle_infobox2 {

  font-size:1.3em;  min-width: 100px;text-align: left;width: 96%;margin:12px auto 12px;position: relative;
}

.articletitle_infobox2 {
  position: relative;
  /*background: #f1f8ff;*/
  padding: 0.25em 0.5em;
  border-left: solid 2em #e35230;
}

.articletitle_infobox2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f303";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);font-weight: bold;
}
/*.articletitle_infobox:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #e35230, #e35230 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #e35230, #e35230 2px, #fff 2px, #fff 4px);
}*/
/*.articletitle_infobox {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;font-size : 110%;
}
.articletitle_infobox::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}*/



.articletitle_top1 {
  font-size:1.3em;  min-width: 100px;text-align: left;width: 96%;margin:12px auto 12px;position: relative;
}
.articletitle_top1 {
  position: relative;
  /*background: #f1f8ff;*/
  padding: 0.25em 0.5em;
  border-left: solid 2em #e35230;
}

.articletitle_top1:before {
  font-family: "Font Awesome 5 Free";
  content: "\f4c4";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -1.6em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);font-weight: bold;
}


.demo {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#3cb3e4;
}
.heading {
  margin: 10px 0
}
.demo7 .heading {
  position: relative;
  height: 50px;
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #3cb3e4;
  line-height: 50px;
}
.demo7 .heading .caption{
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 25px;
  padding-right: 40px;
  background: #3cb3e4;
  color: #fff;
}
.demo7 .heading .caption:before{
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 99.9%;
  top: 0;
  border: 0 solid transparent;
  border-width: 50px 37px 0 0;
  border-right-color:#3cb3e4;
}
.demo7 .heading .title{
  float: left;
  padding-left: 20px;
}

/*768px～PC　PC上では見えないようにする*/
@media screen and (min-width:768px){
	.footer_area{
		display: none;
}	
}

/*スマホ～768pxの幅サイズまで*/
@media screen and (max-width:768px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 255, 255, 255, 0.6 );/*( 0, 0, 0, 0.8 )*/
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 90%;/*80%*/
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 95%;/*85%*/
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.footer_area_inner img {
    width: 95%;/*85%*/
}
.inquiry_btn {
    background-color: #12a73b;/*068BF1*/
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 90%;/*80%*/
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}
.footer_area_inner a:hover  {
    text-decoration: none;background-color: rgba( 18, 167, 59, 0.6 );color: #333;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}

/* 20211020 3つ並べる */
.items-footer_area {
	display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
    width: 100%;
	margin:0 auto;
  }	

.inquiry_btn_1 {
    background-color: #12a73b;/*068BF1*/
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 100%;/*80%*/
    padding:10px;
    font-size: 14px;
    font-weight: bold;
}
.inquiry_btn_1 a {
    color: #fff;text-decoration: none;
}

.inquiry_btn_2 {
    background-color: #de561a;/*068BF1*/
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 100%;/*80%*/
    padding: 10px ;
    font-size: 14px;
    font-weight: bold;line-height: 1.5;
}
.inquiry_btn_2 a {
    color: #fff;text-decoration: none;
}
.inquiry_btn_2 img {
    display: inline-block;
}

.inquiry_btn_3 {
    background-color: #000;/*068BF1*/
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 100%;/*80%*/
    padding: 10px ;
    font-size: 14px;
    font-weight: bold;line-height: 1.5;
}
.inquiry_btn_3 a {
    color: #fff;text-decoration: none;
}
/*.inquiry_btn_2 a:hover  {
    color: #333;
}*/


.fa-envelope {
    color: #fff;
}

}

#top000_bg{
background:#fff url("../images/coating/topimg_bg.png") ;
margin: 0px auto;
width: 100%;
height: 680px;/*533*/
background-position:center 50%;
background-size:cover;
background-repeat:no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;
	flex-direction: column;
}


/*白
#top000_bg::after { background-color: rgba(255, 255, 255, 0.25); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 50%, transparent 50%), linear-gradient(rgba(255, 255, 255, 0.25) 50%, transparent 50%); background-size: 2px 2px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ""; z-index: -1; }*/

/*黒
#top000_bg::after { background-color: rgba(0, 0, 0, 0.25);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, 0.25) 50%, transparent 50%); background-size: 2px 2px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ""; z-index: -1; }
*/



/*#top000_bg h2{
	color: #fff;
	font-size: 28px;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}*/

#top000_bg p{
color: #fff;
font-size: 18px;padding : 0px 10px;
	line-height: 1.5;
	font-weight: bold;
	text-align:left;
	text-shadow: 1px 1px 1px #000;
}

#top000_bg img{
		text-align:center;
}
.top000_bg_in {
	background:#eee url("../images/coating/topimg.png") ;
	background-position:center 50%;
	background-repeat:no-repeat;
text-align:center;position: relative;width: 900px;height: 600px;/*width: 800px;height: 533px;*/
margin:0 auto;
padding:0
}

.top000_bg_in2 {
text-align:center;width: 100%;
height: 180px;

/*position: absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);*/
  background-color: rgba(255,255,255,0.8)
}
.top000_bg_in img{
	margin:0 auto;
}
.top000_bg_title{
	color: #000;
	font-size: 2.0em;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

.top000_bg_title_s{
	color: #000;
	font-size: 1.4em;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
.title_s_blue{
	color: #3476a9;
}
.title_s_red{
	text-shadow: 1px 1px 1px #fff;color: #c8161d;
}

.top000_bg_title_bottom{
	color: #fff;
		font-size: 1.8em;padding : 0px 0px;width: 100%;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
}

.top000_bg_title_top_right{
	color: #fff;
		font-size: 1.8em;padding : 0px 0px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	position:absolute;
  top:5%;
  right:5%;
  transform:translateX(-50%);
}

.top000_bg_bottom_left{
	position:absolute;
  bottom:2%;
  left:2%;
}
.top000_bg_bottom_right{
	position:absolute;
  bottom:2%;
  right:2%;
}
.top000_bg_top_left{
	position:absolute;
  top:2%;
  left:2%;
}


/*#ozone_bg{
background:#fff url("../images/ozone/topimg_bg.png") ;
margin: 0px auto;
width: 100%;
height: 600px;
background-position:center 50%;
background-size:cover;
background-repeat:no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;
	flex-direction: column;
}
.ozone_bg_in {
	background:#eee url("../images/ozone/topimg.png") ;
	background-position:center 50%;
	background-repeat:no-repeat;
text-align:center;position: relative;width: 900px;height: 500px;
margin:0 auto;
padding:0
}
.ozone_bg_in img{
	margin:0 auto;
}
*/

#ozone_bg{
background:#fff url("../images/ozone/topimg_bg.png") ;
margin: 0px auto;
width: 100%;
height: 600px;/*533*/
background-position:center 50%;
background-size:cover;
background-repeat:no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;
	flex-direction: column;
}
.ozone_bg_in {
	background: url("../images/ozone/topimg.png") ;background-size:contain;
	background-position:center 50%;
	background-repeat:no-repeat;
text-align:center;position: relative;width: 900px;height: 100%;/*width: 800px;height: 533px;*/
margin:0 auto;
padding:0
}
.ozone_bg_in img{
	margin:0 auto;
}

.ozone_bg_in_top_center{
	position:absolute;width: 100%;
  top:5%;
  left:50%;
  transform:translateX(-50%);
  color: #000;
		font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}


#air_bg{
background: url("../images/air/topimg_bg.png") ;
margin: 0px auto;
width: 100%;
height: 680px;/*533*/
background-position:center 50%;
background-size:cover;
background-repeat:no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;
	flex-direction: column;
}
.air_bg_in {
	background: url("../images/air/topimg.jpg") ;background-size:contain;
	background-position:center 50%;
	background-repeat:no-repeat;
text-align:center;position: relative;width: 980px;height: 100%;/*width: 800px;height: 533px;*/
margin:0 auto;
padding:0
}
.air_bg_in img{
	margin:0 auto;
}

.air_bg_in_title_bottom{
	color: #000;
		font-size: 1.2em;padding :4px;width: 90%;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	position:absolute;
  bottom:2%;
  left:50%;
  transform:translateX(-50%);
  background-color: rgba(255,255,255,0.8)
}
.air_bg_in_top_left{
	position:absolute;
  top:2%;
  left:2%;
}
.air_bg_in_top_right{
	position:absolute;
  top:2%;
  right:0%;
}



#coating_bg{
background: url("../images/coating/topimg_bg.png") ;
margin: 0px auto;
width: 100%;
height: 680px;/*533*/
background-position:center 50%;
background-size:cover;
background-repeat:no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;
	flex-direction: column;
}
.coating_bg_in {
	background: url("../images/coating/topimg.png") ;background-size:contain;
	background-position:center 50%;
	background-repeat:no-repeat;
text-align:center;position: relative;width: 980px;height: 100%;/*width: 800px;height: 533px;*/
margin:0 auto;
padding:0
}
.coating_bg_in img{
	margin:0 auto;
}

.coating_bg_in_top_center{
	position:absolute;width: 100%;
  top:5%;
  left:50%;
  transform:translateX(-50%);
  color: #000;
		font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}



#recovery_bg{
background: url("../images/recovery/topimg_bg.png") ;
margin: 0px auto;
width: 100%;
height: 680px;/*533*/
background-position:center 50%;
background-size:cover;
background-repeat:no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;
	flex-direction: column;
}
.recovery_bg_in {
	background: url("../images/recovery/topimg.png") ;background-size:contain;
	background-position:center 50%;
	background-repeat:no-repeat;
text-align:center;position: relative;width: 980px;height: 100%;/*width: 800px;height: 533px;*/
margin:0 auto;
padding:0
}
.recovery_bg_in img{
	margin:0 auto;
}

.recovery_bg_in_top_center{
	position:absolute;width: 90%;
  top:5%;
  left:50%;
  transform:translateX(-50%);
  color: #000;
		font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;

}
.recovery_bg_title{
	color: #000;
	font-size: 2.0em;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
.recovery_bg_in_title_bottom{
	color: #000;
		font-size: 1.2em;padding :4px;width: 80%;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	position:absolute;
  bottom:2%;
  left:50%;
  transform:translateX(-50%);
  background-color: rgba(255,255,255,0.8)
}
#goldmorr_bg{
background: url("../images/goldmorr/topimg_bg.png") ;
margin: 0px auto;
width: 100%;
height: 705px;/*533*/
background-position:center 50%;
background-size:cover;
background-repeat:no-repeat;

	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;
	flex-direction: column;
}
.goldmorr_bg_in {
	background: url("../images/goldmorr/topimg.png") ;background-size:contain;
	background-position:center 50%;
	background-repeat:no-repeat;
text-align:center;position: relative;width: 980px;height: 100%;/*width: 800px;height: 533px;*/
margin:0 auto;
padding:0
}
.goldmorr_bg_in img{
	margin:0 auto;
}
@media (max-width: 855px) {
.top000_bg_in {
text-align:center;width: 100%;position: relative;height: 400px;background-size:100%;
}

#top000_bg{height: auto;
background:none;
}

/*#ozone_bg{height: auto;
background:none;
}
.ozone_bg_in {
text-align:center;width: 100%;position: relative;height: 400px;background-size:100%;
}
*/

#air_bg{height: auto;
background:none;
}
.air_bg_in {
text-align:center;width: 100%;position: relative;height: 600px;background-size:cover;background-position:30% 50%;
}
.air_bg_in_title_bottom{
font-size: 0.95em;width: 100%;
}

.coating_bg_in {
text-align:center;width: 100%;position: relative;height: 600px;background-size:cover;background-position:50% 50%;
}
.coating_bg_in_top_center{
font-size: 0.95em;width: 100%;
}

#ozone_bg{height: auto;
background:none;
}
.ozone_bg_in {
text-align:center;width: 100%;position: relative;height: 400px;background-size:cover;background-position:50% 50%;
}
.ozone_bg_in_top_center{
font-size: 0.95em;width: 95%;
}

.recovery_bg_in {
text-align:center;width: 100%;position: relative;height: 600px;background-size:cover;background-position:50% 50%;
}
.recovery_bg_in_top_center{
font-size: 0.95em;width: 100%;
}

#goldmorr_bg{height: auto;
background:none;
}
.goldmorr_bg_in {
text-align:center;width: 100%;position: relative;height: 600px;background-size:cover;background-position:30% 50%;
}

.top000_bg_in2 {
height: auto;
background:none;

}
}


@media (max-width: 768px) {
.top000_bg_title {
	font-size: 1.2em;text-align:center;
}
.top000_bg_title_s {
	font-size: 1.1em;text-align:center;
}
/*#top000_bg {
	background: url("images/sliderpro/topimg-201509-01.jpg") no-repeat 65% bottom;
}*/
.top000_bg_photo{
display: none;
}
.top000_bg_title_bottom{
	font-size: 1.2em;	position: static;  
  transform:translateX(-0%);text-align:center;
  margin:100px 0 0 0 ;
}
/*#top000_bg{
background:url("../images/topimg/001.png") ;
background-position:right 50% top 16% ;
background-size:auto;
background-repeat: no-repeat , no-repeat;

width: auto;/*100vw*/
/*height: 60vh;
}*/
}
@media (max-width: 480px) {
	.top000_bg_in {
text-align:center;width: 100%;position: relative;height: 350px;background-size:100%;
}
.top000_bg_title{
	font-size: 1.1em;
}
.top000_bg_title_s {
	font-size: 0.9em;
}
/*.top000_bg_in img{
width: 100%;
}*/
}
@media screen and (max-width: 1000px) {
/*#top000_bg{
height: 300px;background-size: auto;background-position:20% 30%;background-attachment: scroll;
}*/
}



#top001_bg{
background:#fff url("../images/topimg/000.jpg") ;margin: 0px 0px 34px;height: 200px;width: 100%;
	background-position:50% 180%;
	background-size: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;position: relative;z-index:2;flex-direction: column;
}

#top001_bg::after { background-color: rgba(0, 0, 0, 0.25); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, 0.25) 50%, transparent 50%); background-size: 2px 2px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ""; z-index: -1; }





.top001_bg_title{
	color: #fff;
	font-size: 2em;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	margin-top:12px;
}
.top001_bg_title_s{
	color: #fff;
	font-size: 2em;padding : 0px 20px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
.top001_bg_title_top{
	color: #fff;
		font-size: 1.2em;padding : 0px 0px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	/*position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);*/
}
@media (max-width: 768px) {

}
@media (max-width: 480px) {

.top001_bg_title{
	font-size: 150%;text-align:center;
}
}
@media screen and (max-width: 1000px) {
#top001_bg{
height: auto;	background-size: auto;
background-position:50% 33%;
background-attachment: scroll;
padding:34px 0 ;
}
}



.bg00001 {
background:#fff url("../images/topimg/001.jpg") no-repeat ;
margin: 0px 0px 0px;height: auto;width: 100vw;
	background-position:center 30%;
	background-size: cover;

	background-attachment: fixed;position: relative;z-index:2;

}
@media screen and (max-width: 1000px) {
.bg00001{
height: auto;	background-size: auto;background-position:30% 20%;background-attachment: scroll;
padding:24px 0 ;
}
}

.infobox_in_top {
width: 100%;margin:0px auto 20px;height: 100%;min-height: 150px;
color:#fff;
}

div.padding {
padding:1%;
}
.padding-midashi {
padding:12px 24px;
}
.padding-midashi-top {
padding:12px 12px;
}

.padding-top-label-photo-point {
padding:24px 12px;
margin-top:24px;
}

.infobox_title{
	font-size: 150%;text-align: left;line-height: 150%;font-feature-settings : "palt";word-wrap : break-word; 
	margin:12px;
}
.infobox_in_bg_o {
    background-color: rgba(249, 183, 14,0.9);
}

.infobox_in_bg_b {
    background-color: rgba(0, 98, 160,0.8);
}

.infobox_in_bg_k {
    background-color: rgba(0,0,0,0.8);
}

.infobox_in_bg_w {
    background-color: rgba(255,255,255,0.8);
}

.infobox_in_bg_gray {
    background-color: rgba(206,206,207,0.9);
}

.infobox_in_bg_yellow {
    background-color: rgba(212,176,45,0.8);
}

.infobox_in_bg_gold {
	background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.item-icon-radius50{
	margin: 12px;
  border: 3px solid #fff;padding:20px;border-radius: 50%;
}

/*.infobox_in_top_icon{
	margin:0px auto;height: auto;text-align: center;
}*/


.label-course {
  position: relative;
}
.label-course::after {
	counter-increment: number 1;
  content: "" counter(number) ;  
  display: inline-block;
    vertical-align:middle;
text-align:center; 
    line-height: 1.5em;
  width: 8em;
  height: 1.5em;
background-color: #e35230;
  position: absolute;
  left: -2px;
  bottom: 0em;
    /*border-radius:0 0 7px 7px;
    -moz-border-radius:0 0 7px 7px;
    -webkit-border-radius:0 0 7px 7px;*/
    color: #fff;
    font-weight: bold;font-size:1.2em;
}


/*.items-s div{
 padding:12px;
}*/
.items-s-padding {
 padding:12px;
}

.item-s-img{
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: 100% 0%;
}

@media (max-width: 768px) {
.items-s {
    flex-direction: column; width: 100%; 
  }
.items-s p{
 font-size: 80%;
}
.item-s-img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: 80% 0%
}
.infobox_title{
 font-size: 110%;
}
}

@media (max-width: 480) {
.items-s p{
 font-size: 70%;
}
.infobox_title{
 font-size: 80%;
}
}



.box_inboder{
     background: #fff;
      /*box-shadow: 0px 0px 0px 5px #fff;
      border-top: dashed 2px #d4b02d;
	  border-bottom: dashed 2px #d4b02d;*/
	  /*border-bottom: dotted 6px #d5efb0;*/
	 /* border: dotted 6px #eae5e3;*/
      padding:24px ;
      color: #000;
      width: 100%;margin:24px auto 24px; 
}

.box_inboder2 {
     background: #fff;

      padding:24px 10px 24px;
      color: #000;
      width: 100%;margin:48px auto 24px; font-size: 120%;
}
 



.brand { display: inline-block; text-align: center; font-size: 71.4286%; padding: 0.2em 0px; line-height: 1; width: 130px; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(0, 29, 87); }
.brand3 {background: none repeat scroll 0% 0% rgb(236, 13, 13); width: 200px;  }

.newslist {
 font-size: 80%;width: 100%;background:#eee;
 padding:24px;
 margin:0 auto;text-align: center;
}
.newslist dt{
  float: left;
}

.newslist dd{
  margin-left: 120px;text-align: left;
}

.newslist_other {
 background:#fff;
}


.left-center {
  text-align: center;
}

.left-center p {
  display: inline-block;
  text-align: left;
}

.left-left {
  text-align: left;
}

.left-right {
  text-align: right;
}

@media screen and (max-width: 767px) {

.items .left-right {
  text-align: left;
}
}

/* メールフォーム*/
.frmyoyaku {
	margin:.3em 0 0 1em;
	line-height:1.5em;
	
	}
.content-frmyoyaku{
    /*padding:1em;
    border:1px solid #ccc;*/
    visibility:hidden;
    position:absolute;
    width:100%;
	top:1em;/*top:-2em;*/
	left:0px;
}
.data-contents-frmyoyaku{
    position:relative;height:auto;

}

input[id="nittei1"]:checked ~ .data-contents-frmyoyaku .nittei1{
    visibility:visible;
    height:auto;
}
input[id="nittei2"]:checked ~ .data-contents-frmyoyaku .nittei2{
    visibility:visible;
    height:auto;
}

input[id="nittei1"]:checked ~ .data-contents-frmyoyaku{
    margin-bottom:180px;
}
input[id="nittei2"]:checked ~ .data-contents-frmyoyaku{
    margin-bottom:180px;
}
@media screen and (max-width: 480px) {
.content-frmyoyaku{
	left:0px;
}
}


p.sample06 {
	position:relative;
	padding:20px 20px;
	font-size:100%;/*20px*/
	border:1px solid #325A8C;color: #325A8C;
	text-align:left;
	margin:24px auto;
	/*width:70%;*/
}
p.sample06:after {
	content: "弊社の新型コロナウイルスへの徹底対応";
    position: absolute;
    top: -16px;
    left: 10px;
    background: #fff;/*fff*/
    font-size: 110%;/*12*/
    color: #325A8C;
    padding: 0 10px;
}
@media screen and (max-width: 480px) {
p.sample06{
font-size: 85%
}
}

p.sample06-bg {
	position:relative;
	padding:20px 20px;
	font-size:100%;/*20px*/
	border:1px solid #325A8C;color: #325A8C;
	text-align:left;
	margin:24px auto;
	/*width:70%;*/
}
p.sample06-bg:after {
	content: "弊社の新型コロナウイルスへの徹底対応";
    position: absolute;
    top: -16px;
    left: 10px;
    background: #325A8C;/*fff*/
    font-size: 110%;/*12*/
    color: #fff;
    padding: 0 10px;
}
@media screen and (max-width: 480px) {
p.sample06-bg{
font-size: 85%
}
}

h2.sample01 {
  position: relative;
  padding: 1rem 2rem;
  text-align: left;
  color: #22ac38;
  border-radius: 0 10px 10px 10px;
  background: #e3f5d8;
}

h2.sample01:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -34px;
  left: 0;
  height: 34px;
  padding: 0 1em;
  content: '\GOLD HOMEの';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #22ac38;
}

h2.sample02 {
  position: relative;
  padding: 1.2rem 2rem;
  text-align: left;
  color: #d4b02d;
 /* border-radius: 0 10px 10px 10px;
  background: #e3f5d8;*/
  /*font-size:120%;*/
}

h2.sample02:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -17px;
  left: 0px;
  height: 36px;
  padding: 0 1em;
  content: '\GOLD HOMEの';
  color: #fff;
 /* border-radius: 30px;*/
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}
h2.sample02:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h2.sample03 {
  position: relative;
  padding: 1rem 2rem;
  text-align: left;text-align: center;
  color: #d4b02d;
 /* border-radius: 0 10px 10px 10px;
  background: #e3f5d8;*/
  /*font-size:120%;*/
}

h2.sample03:after {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -33px;
  left: 0px;
  left: 0;
  right: 0;
  margin: auto;
  width: 20%;text-align: center;
  height: 36px;
  padding: 0 1em;
  content: '\GOLD HOMEの';
  color: #fff;
 /* border-radius: 30px;*/
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}
@media (max-width: 768px) {
h2.sample03:after {
width: 80%;
}
}
@media screen and (max-width: 480px) {
h2.sample03:after {
width: 80%;
}
}

h2.sample03:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #000;
}

h2.sample03 span {
  position: relative;
  padding: 0 1em;
  background: #f6f4f2;
}



h2.sample04 {
  position: relative;
  padding: 1rem 2rem;
  text-align: left;text-align: center;
  color: #d4b02d;
 /* border-radius: 0 10px 10px 10px;
  background: #e3f5d8;*/
  /*font-size:120%;*/
  
}
@media screen and (max-width: 768px) {
	h2.sample04 {
padding: 1rem 0rem;
}
h2.sample04:before {
	display:none;
}
}
@media screen and (max-width: 480px) {
h2.sample04 {
font-size:125%;
}
}



h2.sample04:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #704308;
}


h2.sample04 span {
  position: relative;
  padding: 0.2em 2em;
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  color: #fff;
}

h2.head-border span {
  position: relative;
  padding: 0.2em 2em;
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  color: #fff;
}
.head-border {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 480px) {
.head-border {
font-size:130%;
}
.head-border2 {
font-size:130%;
}
}
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.head-border:before {
    margin-right: 0rem;
	background: linear-gradient(-90deg, #704308, transparent);
}

.head-border:after {
    margin-left: 0rem;
	background: linear-gradient(90deg, #704308, transparent);
}

.head-border2 {
    display: flex;
    align-items: center;
}

.head-border2:before,
.head-border2:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.head-border2:before {
    margin-right: 1rem;
	background: linear-gradient(-90deg, #666, transparent);
}

.head-border2:after {
    margin-left: 1rem;
	background: linear-gradient(90deg, #666, transparent);
}


h2.goldline {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  position: relative;
  padding: 1.5rem 2rem;
  /*-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);*/
}

h2.goldline:before,
h2.goldline:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

h2.goldline:before {
  top: 0;
}

h2.goldline:after {
  bottom: 0;
}



h2.gold {
  padding: 0.5em;text-align: center;
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  color: #fff; 
}


.ft-shadow_w{
	
text-shadow: 
       2px  2px 0px #ffffff,
      -2px  2px 0px #ffffff,
       2px -2px 0px #ffffff,
      -2px -2px 0px #ffffff,
       2px  0px 0px #ffffff,
       0px  2px 0px #ffffff,
      -2px  0px 0px #ffffff,
       0px -2px 0px #ffffff;        /* 文字の影 */
}

@media screen and (max-width: 768px) {
.estimates {
width: 75%;
}
}

@media screen and (max-width: 480px) {
.estimates {
width: 50%;
}
}

.fade {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;/*繰り返す場合は　infinite*/
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


/* indexのwordpress部分
---------------------------------------------------- */

ul.news_jp a {
	color: #111;text-decoration: none;
}
ul.news_jp a:hover {
	color: #e65600;
}
  ul.news_jp{
	margin:0px;
  	padding:5px;
  	width:100%; 
    }
	
	ul.news_jp li{
	font-size:12px;border-bottom:1px solid #eee;padding-bottom:10px;padding-top:10px;
    }


.news_jp {
	float:left;width:250px;
    }
	.news_jp_img {
	float:left;width:200px;overflow:hidden;text-align:center;margin-top:5px;padding-right:15px;margin-top:5px;height:150px;
    }

/* 画面サイズが1000px以下の場合に適用 */
@media only screen and (max-width: 1000px) {
 ul.news_jp{
width:100%; 
}
.news_jp {
	width:70%;
}
.news_img {
	width:30%;
}
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
ul.news_jp{
width:95%; 
}
.news_jp {
	float:none;width:100%;padding-bottom:10px;
    }
	.news_jp_img {
	float:none;width:100%;margin:0px auto;
    }
}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	
}


/*クリックでセクションの表示・非表示を切り替える*/

.et_pb_module {
  display: inline-block;
}


.secList {
  display: inline-block;
  padding: 0.3em 2em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}
  
.secList:hover {
  background: #67c5ff;
  color: white;
}

.et_pb_text_inner1 {
  background-color: #EAD9FF;
}

.et_pb_text_inner2 {
  background-color: #FFD5EC;
}

.et_pb_text_inner3 {
  background-color: #FFDBC9;
}


/* ボタンデザイン */
button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */
  margin: 0.5em 0.2em; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1.2em; /* フォントサイズ */
  background-color: #fff; /* 背景色 */
  color: #1aa1ff; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
button:hover {
  background-color: #064fda; /* 背景色 */
  /*以下、リセット分*/
  border: none;
  text-shadow: 0 0px rgba(0, 0, 0, .4);
}
	.button:active,
	button:active {
		position: static;
	}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
button {
/* 整える */
  margin: 0.3em 0.1em; /* 前後の隙間 */
  padding: 0.6em 0.2em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
}	
}

/* slider-pro add */

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.sp-layer-80 {
width:80%;
margin-left:10%;
}

}



/* sns add */
.sns-margin {
	margin:0 0.5em;
	}
.tw-blue{color: #1da1f2}

.fb-blue{color: #4267b2}

.insta-img {
	margin-top: 0.3em;
	/*margin-right: 0.3em;*/
	width: 60px;
	}
.tw-blue:hover {
    color: #60bdf6;
}	
.fb-blue:hover {
    color: #7a94c9;
}	

.sns_outer{
	margin-bottom:1em;
	}

.shop_banner {
	display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
    width: 95%;
	margin:0 auto;
	align-items: center; /*上下中央*/

 gap: 6px 8px; /* 余白 */
  }	



/* 【jQuery・CSS】jQueryとCSSで作るアコーディオンメニュー */

.menu__item {
  /*background: #5200b7;*/
  color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
}
.menu__item__link {
  color: #fff;
  display: block;
  /*line-height: 60px;
  padding: 0 1rem;*/
  position: relative;
}
.menu__item__link:after {
  /*background: #33105f;*/
  content: '\f067';font-weight: 600;
  display: block;
  font-family: "Font Awesome 5 Free";
  line-height: 40px;/*60*/
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 60px;
}
.menu__item__link.on:after {
  content: '\f068';font-weight: 600;
}

.submenu {
  background: #fff;
  display: none;
}
.submenu__item {
  /*border-bottom: 1px solid #5200b7;*/
  color: #222;
  padding: 1rem;
}

ul.accordion-smp { background:#d4d9db; margin-bottom:30px;}
ul.accordion-smp a {display:block; padding:10px 10px 10px 10px;background-repeat:no-repeat; text-decoration:none; color:#333;line-height: 20px;}
ul.accordion-smp > li {background: -moz-linear-gradient(top, #e6e6e6, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#efefef));/* IE10+ */background: -ms-linear-gradient(top, #e6e6e6, #efefef);/* IE8-9 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#efefef', GradientType=0)";}

ul.accordion-smp > li > ul > li {background:#e6e6e6; border-bottom:1px dotted #888;}
ul.accordion-smp > li > ul > li > a:hover {background:#fff ;}

ul.accordion-smp > li > a:hover {background:#fff ;}
ul.accordion-smp > li > ul > li > ul > li a:hover {background:#efefef ;}

.fb-page {
  width: 100%
  }



.label-photo-point {
  position: relative;
}
.label-photo-point::before {
	/*counter-increment: number 1;
  content: counter(number, upper-alpha) ;  */
  
  content: "Point "/* counter(number,decimal-leading-zero) */; 
  display: inline-block;
    vertical-align:middle;
text-align:center; 
    line-height: 90px;
  width: 120px;
  height: 120px;
/*background-color: #e35230;*/
background: rgba(255, 255, 255, 1.0);
border-radius:120px;
  position: absolute;

  top: -50px;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

    color: #333;
    font-weight: bold;font-size:1.6em;
}
.label-photo-point::after {
	/*counter-increment: number 1;
  content: counter(number, upper-alpha) ;  */
  /*counter-increment: number 1;
  content: "Point " counter(number,decimal-leading-zero) ;*/
  counter-increment: number 1;
  content: counter(number,decimal-leading-zero) ;
  display: inline-block;
    vertical-align:middle;
text-align:center; 
    line-height: 120px;
  width: 120px;
  height: 120px;
/*background-color: #e35230;*/
/*background: rgba(255, 255, 255, 1.0);
border-radius:120px;*/
  position: absolute;

  top: -30px;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

    color: #333;
    font-weight: bold;font-size:2.5em;
}


@media (max-width: 768px) {
.label-photo-point::before {
    line-height: 60px;
  width: 80px;
  height: 80px;
    top: -40px;
    font-weight: bold;font-size:1em;
}
.label-photo-point::after {
	  top: -45px;
font-size:1.5em;
}
}
@media (max-width: 480px) {
.label-photo-point::before {
    line-height: 60px;
  width: 80px;
  height: 80px;
    font-weight: bold;font-size:1em;
}
.label-photo-point::after {
font-size:1.5em;
}
}

p.price-top {
	position:relative;
	padding:45px 40px 40px;
	font-size:180%;/*20px*/
	border:4px solid #325A8C;color: #325A8C;
	text-align:center;
	margin:34px auto;
	/*width:70%;*/
}
p.price-top:after {
	content: "体験トレーニング";
    position: absolute;
    top: -25px;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background: #325A8C;/*fff*/
    font-size: 30px;/*12*/
    color: #fff;
    padding: 0 10px;
}
@media screen and (max-width: 768px) {
p.price-top{
font-size: 140%
}
p.price-top:after {
    top: -15px;
    font-size: 18px;/*12*/
	padding: 0 6px;
}
}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 1.5em;
  background: #e0edff;
  text-align:center;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.balloon1_bg_logo {
background: #8bc63f;color: #fff;
}
.balloon1_bg_logo:before {
  border-top: 15px solid #8bc63f;
}
.balloon1_bg_coating {
background: #168ecd;
}


.gm_bg {
background-image: linear-gradient(0deg, rgba(247, 248, 248, 1), rgba(199, 199, 199, 0.68) 79%, rgba(172, 172, 172, 0.73));
padding:2%;border-radius: 30px;
}
.balloon_goldmorr p {
  margin: 0;
  padding: 0;
}

.label-count {
  position: relative;
}
.label-count::after {
	/*counter-increment: number 1;
  content: counter(number, upper-alpha) ;  */
  /*content: "全国対応";*/
  counter-increment: number 1;      /* number カウンタを増加 */
  content: "0" counter(number) ;      /* 表示形式を指定 */
  display: inline-block;
    vertical-align:middle;
text-align:right; 
    line-height: 1.5em;
  width: 5em;
  height: 1.5em;
/*background-color: #e35230;*/
/*background: rgba(44, 117, 199, 1.0);*/
  position: absolute;
  right: 16px;
  bottom: 0px;

    color: #d3cbc5;/*d3cbc5*/
    font-weight: bold;font-size:4em;z-index: -1;font-style: italic;
}

/*@media (max-width: 768px) {
	.label-count::after {
		  right: 1px;
  bottom: 1px;
  width: 5em;
  height: 1.5em;
    font-weight: bold;font-size:1em;
}
}
@media (max-width: 480px) {
	.label-count::after {
    font-weight: bold;font-size:0.8em;
}
}*/
.triangle_set {
  position: relative;
}
 .triangle {
width: 0px;
height: 0px;
border-style: solid;
border-color: transparent transparent #000000 transparent;
border-width: 0 30px 30px 30px;
position: absolute;
left: 0;
  right: 0;
  margin: auto;
  top: 20px;
    }


/* OLタグの数字番号をCSSで丸く装飾表現 */
ol.order {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0;
}
ol.order li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;color: #168ecd;
}

ol.order li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background: #168ecd;
  color: #FFF;
  font-family: 'Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  top: 10px;
}