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

  共通設定
  
=================================== */
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-white {
	color: #fff !important;
}
.imgL {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.imgR {
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}
.imgC {
	margin: 0 auto 1rem;
	display: block;
}

table.table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #999;
  margin-bottom: 1rem;
}
table.table th,
table.table td {
  padding: 1.5rem;
  border-bottom: 1px solid #999;
}
table.table th {
  background-color: #dcdcdc;
  text-align: center;
  width: 30%;
}
table.table2 {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  margin-bottom: 1rem;
}
table.table2 th,
table.table2 td {
  padding: 1rem 1rem;
  border-bottom: 1px solid #999;
}
table.table2 th {
  background-color: #e9f1f7;
  text-align: center;
  width: 30%;
}


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

  background URL（フルパスを入力）
  
=================================== */
.top-bar-search input[type="submit"] {
  background-image: url('https://pipit-onga.jp/sample/img/base/search.png');
}
.m-box .m-title:before {
  background-image: url('https://pipit-onga.jp/sample/img/base/header-icon.png');
}

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

  content page （個別ページ）
  
=================================== */
.body-box {
  line-height: 1.8;
  margin-bottom: 1.8rem;
}  
.body-box h2 {
  border-top: solid 1px #e62e8b;
  border-bottom: solid 1px #e62e8b;
  padding: .5rem;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1.25rem;
}
.body-box h2:not(:first-child) {
  margin-top: 1.5rem;
}
.body-box h3 {
  border-left: solid 4px #909090;
  padding: .3rem .5rem .3rem 1rem ;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: .5rem;
}
.body-box h3:not(:first-child) {
  margin-top: 1rem;
}
.body-box h4 {
  font-weight: bold;
  margin-bottom: .3rem;
}
.body-box h4:not(:first-child) {
    margin-top: .8rem;
}
.body-box h5,
.body-box h6 {
  font-weight: bold;
}
.body-box h5:not(:first-child),
.body-box h6:not(:first-child) {
  margin-top: .8rem;
}

.body-box form {
  margin: 1.5rem 0;
 } 
.body-box form input[type="text"] {
  width: 100%;
  border: 0;
  padding: .4rem;
  font-size: 1.25rem;
  border: solid 1px #ccc;
  margin: .2rem 0;   
}


.body-box form td {
  position: relative;
}
.body-box form .hissu {
  font-size: .7rem;
/*
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  padding: .2em .5em;
*/
  color: #db3131;
}
.body-box form input.nowrap[type="text"] {
  width: auto !important;
}
.body-box form input.w90[type="text"] {
  width: 90%;
  margin-right: .5rem;
}
.body-box form input.w80[type="text"] {
  width: 80%;
  margin-right: .5rem;
}
.body-box form input.w70[type="text"] {
  width: 70%;
  margin-right: .5rem;
}
.body-box form input.w60[type="text"] {
  width: 60%;
  margin-right: .5rem;
}
.body-box form input.w50[type="text"] {
  width: 50%;
  margin-right: .5rem;
}
.body-box form input.w40[type="text"] {
  width: 40%;
  margin-right: .5rem;
}
.body-box form input.w30[type="text"] {
  width: 30%;
  margin-right: .5rem;
}
.body-box form input.w20[type="text"] {
  width: 20%;
  margin-right: .5rem;
}
.body-box form input.w10[type="text"] {
  width: 10%;
  margin-right: .5rem;
}

.body-box form .p_submit {
	text-align: center;
	margin: 2rem 0;
}
.body-box form input[type="submit"],
.body-box form input[type="reset"] {
  padding: 1rem 1.5rem;
  font-size: 1.1rem;
  background-color: #e62e8b;
  color: #fff;
  border-style: none;
}
.body-box form input[type="submit"] {
  background-color: #e62e8b;
}
.body-box form input[type="reset"] {
  background-color: #868686;
}

.body-box .label-radio input[type="radio"]{
  display: none;
}
.body-box .label-radio {
  cursor: pointer;
  padding-right: 1rem;
  font-weight: normal;
}
.body-box .label-radio  .lever:before{
  content:"\f10c";
  font-family: 'FontAwesome';
  margin-right: 7px;
  color: #ccc;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.body-box .label-radio  input[type="radio"]:checked + .lever{
/*   color: #e62e8b; */
}
.body-box .label-radio  input[type="radio"]:checked + .lever:before{
  content:"\f192";
  font-family: 'FontAwesome';
  color: #e62e8b;
}

.sns_box
{
width:50%;
min-width:330px;
float:left;
padding:10px calc(25% - 165px);
}
@media screen and (max-width:720px)
{
.sns_box
{
width:100%;
padding:10px calc(50% - 165px);
overflow:hidden;
}
}
.sns_box h2
{
width:100%;
padding:5px 0;
background:#fff;
border:solid 1px #e9ebee;
border-bottom:none;
text-align: center;
}
ul#instafeed
{
width:100%;
height:480px;
padding:1%;
background:#fff;
/* overflow-x:hidden;
overflow-y:scroll; */
border:solid 1px #e9ebee;
}
ul#instafeed li
{
display:block;
float:left;
width:33%;
margin-right:0.5%;
}
ul#instafeed li:nth-of-type(3n)
{
margin-right:0;
}

.body-box a {
  color: #0000ff !important;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .img-wrap {
      height: 250px;
      overflow: hidden;
      position: relative;
	  border: solid 1px #ededed;
    }
  *::-ms-backdrop, .img-wrap img {
      width: 100%;
      height: auto !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}

/* グローバルナビ追加 */
.g-nav a {
  padding-left: 10px;
  padding-right: 10px;
}
.g-nav a.social-icon {
  padding: 0;
}
.g-nav a.menu2 br.menu2 {
	display: none;
}
@media print, screen and (max-width: 1240px) {
	.g-nav a {
    padding-left: 15px;
    padding-right: 15px;
	}
	.g-nav a.menu2 {
		padding-top: 3px;
		text-align: center;
	}
	.g-nav a.menu2 br.menu2 {
		display: block;
	}
}
@media print, screen and (max-width: 1000px) {	
  .g-nav a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
  }
}