body{
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif; !important;
}

a {text-decoration: none!important;}
a:hover img{
opacity:0.8;
}

#MDSwrapper{
width:100%;
/*overflow-x: hidden !important;*/
}

.maxWidth {
max-width:1200px;
}

.LogoMaxWidth {
max-width:400px;

}

.mds-small{font-size:0.8em;}

.mds-embarea{padding-top:20px;}

@media (max-width:767px) {
.mds-embarea{padding:0 0 20px 0;}
}

.mds-small{font-size:0.8em;}

.mds-txtblock{
background-color:#fff;
padding:1em;
}

.mds-txtblock p{
clear:both;
}


.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

h2,h3.detail{
text-align:center !important;
border-bottom:1px solid #ccc;
}





#MDSguide{
font-size:0.9em;}



#MDSguide h3{font-size:1.2em;}

/* customize humburger */

*:focus {
  box-shadow:none !important;
}

*:focus {
  outline: none !important;
}

.navbar-toggler{
padding:0.1rem !important;
  border-color: #303030 !important;
/*float:left;*/

  &:focus {
    box-shadow:none !important;
   }


  .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(30, 30, 30, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
}

.MDSnavback{
background-color:#4c4c4c;
}


/* pc/mobile switch */
.for-pc { display:block; }
.for-sp { display:none; }


@media only screen and (max-width : 767px){
  .for-pc { display:none; }
  .for-sp { display:block; }

/*---- shoplogo resize----*/
.MDSlogo{
width:70% !important;
height:70% !important;}
}

.for-pc2 { display:block; }
@media only screen and (max-width : 991px){
.for-pc2{display:none; }
}

/*----shopping guide----
.mds-guideicon{width:50px;margin:0 0.7em 0.3em 0;float:left;}
@media only screen and (max-width : 767px){
.mds-guideicon{display:block;width:30px;margin:-0.3em 0.5em 0 0;/*float:none;*/}
}
*/

/*---- navbar customize----*/



.MDScontainer-fluid{
padding:0 !important;
margin:0 !important;

}

@media (max-width: 575px) {
.MDScontainer-fluid{padding:0.8em !important;}
.MDScontainer-fluid img{margin-left:0.8em !important;}
}


.navbar{
background-color:#fff!important;
border-bottom:2px solid #fff;
padding:1rem 0 !important;
box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
 }

ul.navbar-nav li{
font-size:0.9rem;
}

.MDSfooter .nav-link{
color:#303030;

}

.MDSfooter .nav-link:hover{
background-color:#eee;
}

.navbar .navbar-nav .nav-link:link{
padding:0.2rem 0.4rem!important;
margin-right:1rem;
/*border:1px solid red!important;*/
}

.navbar .navbar-nav .nav-link:not(.disabled):link,
.navbar .navbar-nav .nav-link:not(.disabled):visited {
color:#303030;
/*padding-left:0 !important;
margin-left:10px !important;*/
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  /*color: #fff;*/
font-weight:bold;
background-color:#eee;

}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link,
{
}




.navbar-collapse{

}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
   /* color: #000000;*/
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #e6eff7;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #e6eff7;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #e6eff7;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #e6eff7;
  }
}


/*.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #000000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #000000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #000000;
  background-color: #e6eff7;
}*/
a.navbar-brand{
color:#303030 !important;
font-weight:bold;
}

@media (max-width: 300px) {
/*.navbar-brand{width:80%;}*/
}

@media (max-width: 400px) {
/*.navbar-brand{width:60%;}*/
}
@media (max-width: 450px) {
/*.navbar-brand{width:30%;}*/
}
@media (max-width: 500px) {
/*.navbar-brand{width:60%;}*/
}
@media (max-width: 600px) {
.navbar-brand{width:60%;}
}



/*.navbar-toggler {
}*/


.MDSheader{}
.MDSfooter{
background-color:#031176;
width:100%;
}


/*------header customize------*/

.MDStitle{
width:100%;
background-color:#303030;
/*background-image:url("../image/title_back.png");*/
background-position:bottom;
background-repeat:repeat-x;
padding:0 0.3em!important;
}

.MDStitle img{
margin:0 0 5px 0 !important;
}

/* brand banner effect */

.MDSbrand img{
width:99%!important;
height:99%!important;
}

.MDSbrand a{
margin-bottom:2px!important;}

.MDSbrand a:link .img-thumbnail,
.MDSbrand a:active .img-thumbnail,
.MDSbrand a:visited .img-thumbnail
{
}

.MDSbrand a:hover .img-thumbnail
{
border:1px solid #000 !important;
	opacity:0.5;
	transition:0.3s;
}

.MDSbrand .img-thumbnail{
}


/*------custom carousel------*/

.MDSslick{width:97%;}
@media (max-width: 767px) {
.MDSslick{width:93%;}
}
@media (max-width: 575px) {
.MDSslick{width:88%;}
}

.slick-prev	{
    /*left: 5px;*/
margin:2px;
}
.slick-next	{
    /*right: 5px;*/
margin:2px;
}

.slick-prev,
.slick-next	{
    z-index: 100
}

.slick-prev:before,
.slick-next:before {
  color: #333 !important;
}

.responsive p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  color: #666;
  margin: 2px;
  text-align: center;
  background-color: #e0e0e0;
}


.responsive p a:hover{
opacity:0.7;

}

/*---------pagetop button----------*/
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 110%;
font-weight:bold;
}
.page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    /*width: 100px;*/
    padding: 10px 15px;
    text-align: center;
    display: block;
    border-radius: 5px;
border:2px solid #fff;
}
.page-top a:hover {
color:#fff;
    text-decoration: none;
    background: #999;
}


/*-----------marker---------------*/
.heading01 {
border-bottom:1px solid #ccc;

}

.heading02 {
	display: inline;
	font-size: 26px;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, #fef442 70%);
}

.heading03{
background-color: #eee;
}

.heading04{
color: #1d31be;
}


.heading05{
	position: relative;
	padding-top: 0px!important;
text-align:center;
}

.heading05 span {
	position: relative;
	z-index: 2;
}

.heading05::before {
	content: attr(data-en);
	position: absolute;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(5,62,98,0.1);
white-space: nowrap;
font-size:4rem;

}



.modal-dialog{
height:80%!important;
}

/* footer color */
.footnavi a:link,
.footnavi a:visited{color:#fff;}
.footnavi a:hover{background-color:#3c4799!important;}

.fsmall{font-size:0.8rem;}