@charset "utf-8";
/*フレーム無しCSS*/

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

header {
  width: 100%;
  height: auto; /*53px 高さautoにしてみた*/
  /*background: #FFF;*/
  margin: 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
  z-index: 10;
  background: #f9f9f9; /*薄いグレーrgba(200,200,200,.1)*/
}

#topheader {
  width: 100%;
  height: auto;
  margin: 0;
  padding-top: 10px;
}
#topheaderleft {
  margin: 0;
  width: 100%;
  /*height: 0;*/
  /*vertical-align: right;*/
  /*background: url("/img/logo.png") no-repeat;*/
  /*background-size: contain;*/
  /*padding-top: 15%;*/ /*5.5% (画像の高さ / 画像の横幅) × 100 */
  /*background-position: center;*/
  /*margin-top: 10px;*//*8px*/
  text-align: center;
}

#topheaderleft img {
  width: 15%;
  height: 15%;
  /*display: none;*/
}

#topheaderright {
  display: none;
}

header h1{  
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
text-shadow: 1px 1px 3px rgba(0,0,0,.2);
font-size: 4.5vw;
text-align: center;
padding: 0 0 0 0;
color: rgba(35, 67, 120,1);
} 

div.header-logo-menu {
  display: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

/*hamメニュー*/
#nav-content ul.ham2 {
  border-top: solid 1px;
  border-top-color: #F00;
  border-top-color: #cccccc;
}

#nav-content li {
  font-size:80%;
  width:100%;
  text-align: left;
  
}
#nav-content li a {
  padding: 15px 10px 10px 30px;
  display: block;
  color: #005ebb;
  font-weight: bold;
  text-decoration: none;
  border:#cccccc solid 1px;
  background: url("/img/smart/all/nav_bg.gif") repeat-x;
}

#nav-content li a:hover {
  color: #004080;
  display: block;
  font-weight: bold;
  text-decoration: none;
  border:#cccccc solid 1px;
  background: url("/img/smart/all/nav_bg_hover.gif") repeat-x;
}
#nav-content li img {
	margin-top: 0px;
	margin-right: 5px;
  padding-bottom: 7px;
}
p.menucopy {
	margin: 5px;
	text-align: center;
	font-size: 12px;
}
	

/*トップイメージスライダー*/
.mainvisual{
background: rgba(75,75,75,1);
height: 250px;
margin: 0 auto;
position: relative;
z-index: -1;
}

.swiper-slide{
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img{
height: 250px;
}

@media(max-width:512px) {
.swiper-slide img{
width: 100%;
object-fit: cover;
}
}

.mainvisualTextWrap{
position: absolute;
width: 100%;
bottom: 15px;
z-index: 10;
}

.mainvisualText{
background: rgba(255,255,255,.8);
font-size: .8rem;
line-height: 1.5;
padding: 10px 10px;
width: 96%;
margin: 0 auto;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-weight:bold;
text-shadow: 0px 0px 2px rgba(255,255,255,1);
}

.mainvisualText p{
margin: 0;
}


/*メイン*/
#container {
  width: 100%;
  margin: 0;
}

section {
  width: 100%;
  margin: 0;
  padding: 0;
}
#main {
  width: 100%; /*730から変更*/
  margin-left: 0;
  margin-right: 0;
}

h2{
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
  margin-bottom: 10px;
}

h2 span{
font-size: 4.5vw;
font-weight: bold;
background: #fff;
padding: 0 10px;
line-height: 1.3;
text-align: center;
z-index: 10;
color: rgba(35, 67, 120,1);
text-shadow: 1px 1px 3px rgba(0,0,0,.2);
}

h2::before{
content: "";
display: block;
height: 3px;
width: 100%;
background:rgba(246, 202, 6,1);
position: absolute;
}



/*----------------------------------------------------
	#パンくず
----------------------------------------------------*/
ul.breadcrumb {
  margin-left: 10px;
  margin-top: 15px;
  padding-left: 0;
  font-size: 1rem;
  text-align: left;
  width: 96%;
  box-sizing: border-box;
}
ul.breadcrumb li {
  display: inline; /*横に並ぶように*/
  list-style: none;
  font-weight: normal; /*太字bold*/
}
ul.breadcrumb li:after { /* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}
ul.breadcrumb li:last-child:after {
  content: '';
}
ul.breadcrumb li a {
  text-decoration: none;
  color: gray;
}

/*家アイコン こちら現在JS使用のため使わず*/
/*.breadcrumb li:first-child a:before{
  font-family: "Font Awesome 5 Free";
  content: '\f015';
  font-weight: bold;
  font-size: 1.1em;
  color: #2e7fea;
}*/

ul.breadcrumb li a:hover {
  text-decoration: underline;
}
  
#main p {
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  font-size:1rem;/*85%*/
}
  
#main p.fs08 {
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  font-size:0.8rem;
  padding: 10px;
}  
#main p.mb25 {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size:0.8rem;
} 
/*  span.fs008{
    font-size:0.8rem;
  }*/

#main p.right {
  padding-right: 10px;
  padding-left: 10px;
  text-align: right;
  font-size: 4vw;
}
#main p.righttxtregulation {
  text-align: right; /*P右設定*/
  margin-right: 10px;
  margin-top: 15px;
}
#main p.img00 {
  margin: 5px 0px;
  padding: 0 10px;
}
#main img {
  max-width: 100%;
  height: auto;
}
#main p.thankyou {
  margin-top: 50px;
  margin-bottom: 400px;
  padding: 0;
  text-align: center;
}
#main p.mailform1 {
  width: 90%;
  text-align: center;
  margin:0 auto;
  margin-bottom: 60px;
}
.mb20 { /*marginbottom20*/
  margin-bottom: 20px;
}
  #main p.oshirase{
    text-align: right!important;
    margin: 10px 0;
  }
#main p.bank {
  padding: 0;
  text-align: left;
}
  
/*申し込みボタン*/ 
  
  div.bigbuttonYellow {
    margin:20px 0 30px 0;
  }  
div.bigbuttonYellow a {
  background: #f6ca06;
  display: flex;
  justify-content: center;
  align-items: center;
   font-size: 1.2rem;
  font-weight: 700;
  color: #234378;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
  width: 90%;
  height: 90px;
  margin: 0 auto;
  border-radius: 8px;
  border-bottom: 4px solid #ab8d04;
  transition: all 0.3s;
    text-decoration: none;
} 

div.bigbuttonYellow a:hover {
  transform: translateY(4px);
  border-bottom: 4px solid #f6ca06;
  opacity: 0.9;
}  
  
/*main中央コンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/ 
#main h2.new {
  border: none;
  font-size: 3.75vw;
  width: 100%;
  padding-left: 10px;
  color: #FFF;
  background: #000;
  text-align: left;
  margin: 0;
  font-weight: normal;
  box-sizing: border-box !important; /*なんかわからんがずれるのを防いでる*/

}  

#main dl.new {
  width: 99%;
  height: auto; /*What's Newボックスの高さ20110627_200から300へ*/
  /*overflow: auto; *//*この設定でiframe風に見える*/
  margin: 0px 0px 0px 0px;
  border:none;
}
#main dl.new dt {
  font-weight: bold; /*日付の文字を太字に。通常がよければこの１行を削除する。*/
  margin-left: 10px;
  margin-right: 10px;
  text-align: left;
  font-size: 100%;
}
#main dl.new dd {
  text-align: left;
  border-bottom: 1px solid #CCC; /*#4b4d47*/
  margin-left: 10px;
  margin-right: 10px;
  font-size: 100%;
}
/*#main dl.new dd a{
  text-decoration: none;
} 
#main dl.new dd a:hover{
  text-decoration: underline;
}*/    
  
#main dl.new dd.backnext {
  text-align: left;
  border-bottom: 1px solid #FFF; /*#4b4d47 #F5F5F5*/
  margin-left: 5px;
  margin-right: 5px;
}
  
#main dl.slist {
  height: auto; /**/
  width: 99%;/*717px*/
  /*overflow: auto;*/ /*この設定でiframe風に見える*/
  margin: 0px 5px 10px 5px;
  padding: 0 5px 0;
  box-sizing: border-box;
}
#main dl.slist dt {
  font-weight: bold; /*日付の文字を太字に。通常がよければこの１行を削除する。*/
  margin-left: 5px;
  text-align: left;
}
#main dl.slist dd {
  text-align: left;
  border-bottom: 1px solid #4b4d47; /*説明文の下に1pxの直線(solid)を#4b4d47の色で入れる。*/
  margin-left: 5px;
  margin-right: 5px;
}
/*  
#main dl.slist dd a{
  text-decoration: none;
} 
#main dl.slist dd a:hover{
  text-decoration: underline;
}   
 */ 
 div.pagebox{
    margin:30px 0 50px;
  }
  
  table.pagetable{
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width: auto;
	margin: 0 auto;
}
table.pagetable td {
	text-align: center;
	/*width: 15px;*/
	width: auto;
	line-height: 2em;
	padding: 0px 20px;
	/*table-layout: fixed;*/
	background-color: #FFF;
}  
  
.box00{
  display: none;
	}

/*boxtext*/
#main p.boxtext {
  padding-right: 0px;
  padding-left: 0px;
  text-align: left;
  margin-left: 0;
  font-size: 2vw;
}
  
.box88{
  background: #efefef; /*背景色*/
  border: 1px solid #808080; /*ボックスのライン設定*/
  display: flex;
  padding: 5px;
  margin: 5px 10px 5px 10px;
  /*box-sizing: inherit;*//*いらないかも*/
}  
.box_wrap {
	display: flex;
	justify-content: space-between;
  background: #efefef; /*背景色*/
  border: 1px solid #808080; /*ボックスのライン設定*/
	margin-bottom: 10px;
  margin-left:10px;
  margin-right: 10px;
  margin-top: 10px;
}
.box_wrap2 {
	display: flex;
	justify-content: space-between;
  background: #efefef; /*背景色*/
  border: 1px solid #808080; /*ボックスのライン設定*/
	margin-bottom: 10px;
  margin-left:10px;
  margin-right: 10px;
  margin-top: 10px;
}
/*コンテンツ交互に出す */
/*nth-child(odd)奇数のときに入れ替え */
/*
.box-wrap:nth-child(odd) {
	flex-direction: row-reverse;
}
*/
.box_txt {
	width: 60%; /*flex: 2;*/
  margin: 10px 10px 10px 0px;
}
.box_img {
	width: 35%; /*flex: 1;*/
  margin: 10px;
}

.box_txt h3 {
  width: 95%;
  text-align: left;
  margin-top: 0px;
  font-size: 1.8vw;
  padding: 0px !important;/*これ入れないとテキストずれる*/
  margin: 0px !important;/*これ入れないとテキストずれる*/
}
  
#main h3 {
	font-size: 3.5vw;
  width: 100%;
  text-align: left;
  font-weight: bold;
  box-sizing: border-box !important; 
}
  
.box_img img {
	display: block;
	width: 100%;
	height: auto;
} 

/*main ドメイン　list
---------------------------------------------------------------------------*/
#main ol.dlist {
  /*margin-bottom: 1px;*/
  /*text-align: left;	*/ /*メニュー名を中央よせ。左よせがいいならここの１行を外す。*/
  list-style-type: decimal;
  line-height: 2em;
  text-align: left;
  margin-top: 0px;
  /*width: 100%;*/
  /*margin-left: 5px;*/
  margin-bottom: 0px;
  padding-left: 2em;
  padding-right: 10px;
  font-size: 2.5vw;
  display: table;
}
#main ol.dlist li {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  text-align: left;
    font-size: 2.5vw;
}  

article h3 {
  padding: 3px 8px 3px 8px;
  line-height: 1.7;
	background-color: #efefef;
	text-align: left;
	margin-top: 5px;
  font-size:3.5vw;
}

#pankuzu_entrycart p{
  max-width: 100%;
  margin: 0 auto;
} 
#pankuzu_entrycart img {
  width: 100%;
  height: auto;
  padding: 0 5px;
  box-sizing: border-box;/*これが重要！これを入れるとpadingがきちんと取れる*/
} 
.desktopcart00{
  display: none;
}


/*弁護士紹介*/
.lawbox {
  margin: 30px 5px;
  flex-direction: column;
}

.lawimg{
  margin-right: 0;
  text-align: center;
}

.lawtxt{
  width: 100%;
}
  
.lawtxt01{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 4vw;/*1.4rem*/
  margin-top: 10px;
  text-align: center;
}
 
.lawtxt02{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 4vw;/*1.8rem*/
  text-align: center;
}
.lawtxt02 span {
  font-size: 3vw;/*1.1rem*/
  margin-right: 10px;
}

.lawtxt03 p{
  padding: 0!important;
  margin: 0 10px;
} 


/*罫線
-----------------------------------------------*/
section hr {
  margin: 0 auto;
  width: 98%;
  border-top: 1px solid #F2F2F2;/*薄いグレー*/
}

/*formtable(formtb)
------------------------------------------------------------------*/
div.formtb {
  width: 95%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-top:15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  font-size:1rem;
}
div.formtbA {
  box-sizing: border-box;
  width: 100%;
  background-color: #FF0;
  display: flex; /*flexで画像が伸びる現象が発生するのでこれを*/
  flex-direction: column;
/*  margin-bottom: 10px;*/
  height: auto;
}
div.formtbB {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  height: auto; /*flexで画像が伸びる現象が発生するのでこれを*/
  flex-direction: row;
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 10px;
  font-weight: bold;
}
/*必須文字用*/
div.formtbB img {
  margin-left: 5px;
  margin-top: 7px;
  align-self: flex-start; /*flexで画像が伸びる現象が発生するのでこれを*/
}
div.formtbC {
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  display: flex;
  height: auto;
  flex-direction: column;/*row　このdivは行にしている*/
  border: 1px solid #CCC;
  padding: 10px;
  border-top: none;
}
  
div.formtbD {
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  display: flex;
  height: auto;
  flex-direction: row;
  /*border: 1px solid #CCC;*/
  /*padding: 10px;*/
  /*border-top: none;*/
}  

div.formtbE {
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  display: flex;
  height: auto;
  flex-direction: column;
}   
    
table.formtbadd{
  width: 100%;
  box-sizing: border-box;
}

table.formtbuser {
  border-collapse: collapse;
  box-sizing: border-box;
}
table.formtbuser td.first {
  width: 100px;
  height: 2em;
  /*border: 1px solid #CCC;*/
  padding: 5px 0px;
  /*border-collapse: collapse;*/
  box-sizing: border-box;
  vertical-align: middle;
}
table.formtbuser td.second {
  width: 150px;
  height: 2em;
  /*border: 1px solid #CCC;*/
  padding: 5px 0px;
  /*border-collapse: collapse;*/
  box-sizing: border-box;
  vertical-align: middle;
} 

table.formtbname {
  width: 100%;
  /*border: 1px solid #CCC;*/
  border-collapse: collapse;
  box-sizing: border-box;
}
table.formtbname td.first {
  width: 100%;
  height: 3.2em;
  /*border: 1px solid #CCC;*/
  padding: 5px 0px;
  /*border-collapse: collapse;*/
  box-sizing: border-box;
  vertical-align: middle;
  display: block;
}
table.formtbname td.second {
  width: 100%;
  height: 3.2em;
  /*border: 1px solid #CCC;*/
  padding: 5px 0px;
  /*border-collapse: collapse;*/
  box-sizing: border-box;
  vertical-align: middle;
    display: block;
}
table.formtbnameKN {
  width: 100%;
  /*border: 1px solid #CCC;*/
  border-collapse: collapse;
  box-sizing: border-box;
}
table.formtbnameKN td.first {
  width: 100%;
  height: 3.2em;
  padding: 5px 0px;
  box-sizing: border-box;
  vertical-align: middle;
      display: block;
}
table.formtbnameKN td.second {
  width: 100%;
  height: 3.2em;
  padding: 5px 0px;
  box-sizing: border-box;
  vertical-align: middle;
      display: block;
}
table.formtbradio{
  width: 100%;
  border: 1px solid #CCC;
  border-collapse: collapse;
  box-sizing: border-box;
}

  table.formtbradio td{
  width: 100%;
    height:50px;
  border: 1px solid #CCC;
  padding: 5px  10px;
  border-collapse: collapse;
  box-sizing: border-box;
  vertical-align: middle; 
}
table.formtbpay{
  width: 100%;
  border: 1px solid #CCC;
  border-collapse: collapse;
  box-sizing: border-box;
}

  table.formtbpay td{
  width: 100%;
    height:50px;
  border: 1px solid #CCC;
  padding: 5px  10px;
  border-collapse: collapse;
  box-sizing: border-box;
  vertical-align: middle; 
}

.clsZebra td {
  background-color:#ffffdd;
  } 

   table.formtbout{
  width: 100%;
  /*border: 1px solid #CCC;*/
  border-collapse: collapse;
  box-sizing: border-box;
}

  table.formtbout td.left{
  /*width: 80%;*/
  /*  height:50px;*/
  /*border: 1px solid #CCC;*/
  padding: 5px  0px;
  border-collapse: collapse;
  box-sizing: border-box;
  vertical-align: middle; 
}
    table.formtbout td.right{
  width: 50px;
  /*  height:50px;*/
  /*border: 1px solid #CCC;*/
  padding: 5px  0px;
  border-collapse: collapse;
  box-sizing: border-box;
  vertical-align: middle; 
}
  span.shusei{
    background: #efefef;
    padding: 2px 5px;
    border:1px solid #CCC;
  }
  
  table.formtbcer {
  width: 100%;
  /*border: 1px solid #CCC;*/
  border-collapse: collapse;
  box-sizing: border-box;
}
table.formtbcer td.first {
  width: 70%;
  height: 2em;
  /*border: 1px solid #CCC;*/
  padding: 5px 0px;
  /*border-collapse: collapse;*/
  box-sizing: border-box;
  vertical-align: middle;
}
table.formtbcer td.second {
  width: 30%;
  height: 2em;
  /*border: 1px solid #CCC;*/
  padding: 5px 0px;
  /*border-collapse: collapse;*/
  box-sizing: border-box;
  vertical-align: middle;
} 
  

section p.center {
  padding: 3px 8px 3px 8px;
  line-height: 1.7;
  text-align:center;
  /*font-size:12px;*/
} 
section p.center_mt200b200 {
	padding: 3px 8px 3px 8px;
  	line-height: 1.7;
 	text-align:center;
	margin-top: 200px;
	margin-bottom: 200px;
}
  
div.bankbox {
border: 2px solid #CCC;
background: #efefef;
padding: 10px 10px;
margin: 20px 10px 100px;
} 
div.bankbox1 {
border: 2px solid #CCC;
background: #efefef;
padding: 10px 10px;
margin: 40px 10px 10px;
}  
div.bankbox2 {
margin:0;
}
  
.paypaldesk{
  display:none;
}
  
input.quant1 {
  background-color: #eff7ff; /* 背景は淡い色 */
  border: 1px solid #7f9db9; /* 枠線は淡い青色 */
  width: 2em;
  height: 2em;
  padding: 2px 2%;
  border-radius: 3px;
  /*-webkit-appearance : none;*/
  font-size: 100%;
  font-family: inherit;
  text-align: center; /*右寄せ表示*/
}
input.button1 {
  font-size: 12px; /* 文字サイズを1.4emに指定 */
  font-weight: bold; /* 文字の太さをboldに指定 */
  padding: 10px 30px; /* 縦方向に10px、* 横方向に30pxの余白を指定 */
  background-color: #CCC; /* 背景色を濃い青色に指定 */
  color: #000; /* 文字色を白色に指定 */
  border-style: none; /* ボーダーをなくす */
  margin-bottom: 20px;
}

input.button1:hover {
    background-color: #ffc0cb;/* 背景色を明るい青色に指定#24d */
    color: #fff;/* 文字色を白色に指定 */
}

input.button2 {
  font-size: 12px; /* 文字サイズを1.4emに指定 */
  font-weight: bold; /* 文字の太さをboldに指定 */
  padding: 10px 30px; /* 縦方向に10px、* 横方向に30pxの余白を指定 */
  background-color: #CCC; /* 背景色を濃い青色に指定 */
  color: #000; /* 文字色を白色に指定 */
  border-style: none; /* ボーダーをなくす */
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-appearance: none; /*iphone・padの崩れ*/
  /*border-radius: 0;*/ /*iphone・padの崩れ*/
}
input.button2:hover {
  background-color: #24d; /* 背景色を明るい青色に指定 */
  color: #fff; /* 文字色を白色に指定 */
}
input.button3 {
  font-size: 1em; /* 文字サイズを1.4emに指定 */
  font-weight: bold; /* 文字の太さをboldに指定 */
  padding: 10px 30px; /* 縦方向に10px、* 横方向に30pxの余白を指定 */
  background-color: #24d; /* #CCC背景色を濃い青色に指定 */
  color: #FFF; /* 文字色を白色に指定 */
  border-style: none; /* ボーダーをなくす */
  /*margin-left: 30px;*/
}

input.button3:hover {
    background-color: #1e90ff;/* #24d背景色を明るい青色に指定 */
    color: #fff;/* 文字色を白色に指定 */
}
input.button4 {
  font-size: 1em; /* 文字サイズを1.4emに指定 */
  font-weight: bold; /* 文字の太さをboldに指定 */
  padding: 10px 30px; /* 縦方向に10px、* 横方向に30pxの余白を指定 */
  background-color: #008000; /* 背景色を濃い青色に指定 */
  color: #FFF; /* 文字色を白色に指定 */
  border-style: none; /* ボーダーをなくす */
  -webkit-appearance: none; /*iphone・padの崩れ*/
  /*border-radius: 0;*/ /*iphone・padの崩れ*/
}
input.button4:hover {
  background-color: #3cb371; /* 背景色を明るい青色に指定 */
  color: #fff; /* 文字色を白色に指定 */
  -webkit-appearance: none; /*iphone・padの崩れ*/
  /*border-radius: 0;*/ /*iphone・padの崩れ*/
}
input.button5 {
  font-size: 1em; /* 文字サイズを1.4emに指定 */
  font-weight: bold; /* 文字の太さをboldに指定 */
  padding: 10px 30px; /* 縦方向に10px、* 横方向に30pxの余白を指定 */
  background-color: #dcdcdc; /* #008000背景色を濃い青色に指定 */
  color: #000; /* 文字色を白色に指定 */
  border-style: none; /* ボーダーをなくす */
  -webkit-appearance: none; /*iphone・padの崩れ*/
  /*border-radius: 0;*/ /*iphone・padの崩れ*/
}
input.button5:hover {
  background-color: #dcdcdc; /* 背景色を明るい青色に指定 */
  color: #000; /* 文字色を白色に指定 */
  opacity: 0.8;
  -webkit-appearance: none; /*iphone・padの崩れ*/
  /*border-radius: 0;*/ /*iphone・padの崩れ*/
}
footer {
  width: 100%;
  clear: both;
  background-color: rgba(35, 67, 120, 1); /*グレー#EEE*/
  position: relative; /*.footbackの起点のためにつける*/
  padding: 20px 0;
  margin-top: 100px;
}
/*topアンカー
-----------------------------------------------*/
.footback {
  position: absolute;
  top: -30px;
  right: 5%;
  transition: all .3s;
  color: #000 !important;
  text-decoration: none;
  font-size: .8rem
}
.footback a {
  display: block;
  width: 150px;
  height: 30px;
  text-align: center;
  border-bottom: 30px solid rgba(35, 67, 120, 1);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  box-sizing: border-box;
  line-height: 30px;
  color: #FFF;
  text-decoration: none;
}
.footback:hover {
  top: -30px;
  opacity: .7;
  text-decoration: none;
}
.ffooter {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column-reverse;
}
.fsnsicon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fsnsicon a {
  transition: all .3s;
}
.fsnsicon a:hover {
  opacity: .8;
}
.fsnsicon a img {
  width: 80px;
  margin-right: 10px;
}
/*footernavgtion
-----------------------------------------------*/
.fnavbtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  align-items: stretch;
  font-size:1rem;
  width: 100%;
}
.fnavbtn a {
  background: rgba(246, 202, 6, 1);
  color: rgba(35, 67, 120, 1);
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
  padding: 5px;
  text-align: center;
  border-radius: 5px;
  border-bottom: 3px solid #ab8d04;
  transition: all .3s;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43%;
  margin: 5px;
}
.fnavbtn a:hover {
  transform: translateY(2px);
  border-bottom: 3px solid rgba(246, 202, 6, 1);
  opacity: .9;
}
/* #copyright コピーライト
-----------------------------------------------*/
.copyright {
  text-align: center;
  font-size: .6rem;
  width: 100%;
  color: #FFF;
  margin: 20px 0;
}
}