.container {
  max-width: none !important;
  width: 1240px; //固定したい幅に設定

}
.alert-danger {
    width: 740px;
    margin:0 auto 1rem;
}
#slider {
	width:100%;
/*  background: linear-gradient(#E3E3E3, #A7A7A7 ) fixed; */
}
.bg-light {
	background-color:#FFFFFF !important;
}
.bg-gray-100 { background-color: #f8f9fa;}
.bg-gray-200 { background-color: #e9ecef;}
.bg-gray-300 { background-color: #dee2e6;}
.bg-gray-400 { background-color: #ced4da;}
.bg-gray-500 { background-color: #adb5bd;}
.bg-gray-600 { background-color: #6c757d;}
.bg-gray-700 { background-color: #495057;}
.bg-gray-800 { background-color: #343a40;}
.bg-gray-900 { background-color: #212529;}



#carouselExampleIndicators {
	margin:0 auto;
}
.carousel-indicators li  {
	background:#F00;
}
.carousel-indicators li.active  {
	background:#000;
}
div.col-md-11-subnav li{
	font-size:0.7rem;
}

div.col-md-11-subnav li a:link {
	color:#292929;
	text-decoration:underline;
	background: url(../image/parts-arrow01-red.gif) no-repeat left center;
	padding-left: 10px;
}
div.col-md-11-subnav li a:link {
	color:#292929;
	text-decoration:underline;
	background: url(../image/parts-arrow01-red.gif) no-repeat left center;
	padding-left: 10px;
}

div.col-md-11-subnav li a:hover{
	color:#D50104;
	text-decoration: none;
	background: url(../image/parts-arrow01-red.gif) no-repeat left center;
	padding-left: 10px;
}
div.col-md-11-subnav li a:visited{
	color:#292929;
	text-decoration: none;
	background: url(../image/parts-arrow01-red.gif) no-repeat left center;
	padding-left: 10px;
}
div.col-md-11-subnav2 li a:link + div.col-md-11-subnav2 li a:link {
	background-image:none;
	text-decoration:none;
	border-left: 0;
	border-right: 1px solid #333;
}

div.col-md-11-subnav li.nomark  a:hover{
	color:#292929;
	text-decoration:underline;
	background: none;
	padding-left: 0px;
}
div.col-md-11-subnav li.nomark  a:link {
	color:#292929;
	text-decoration:underline;
	background: none;
	padding-left: 0px;
}
div.col-md-11-subnav li.nomark  a:hover{
	color:#292929;
	text-decoration:underline;
	background: none;
	padding-left: 0px;
}
ul#gnavi {
	font-size:0.8rem;
	color:#292929;
	margin-left:4rem;
}

ul#gnavi.navbar-nav li{
	width:169px;
	text-align:center;
	border-bottom:#A0A0A0 solid 3px;
	margin-right:30px;
}
ul#gnavi.navbar-nav li a {
	text-decoration: none;
	padding-bottom: 3px;
	color: #000;
	display: block;
	padding-bottom:1rem;
	position: relative;
}
ul#gnavi.navbar-nav li a:before{
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #A0A0A0;
	position: absolute;
	display: block;
}
ul#gnavi.navbar-nav li a:hover:before {
	width: 50%;
	border-bottom: 3px solid #E40013;
}
ul#gnavi.navbar-nav li a:after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #E40013;
	position: absolute;
	display: block;
}
ul#gnavi.navbar-nav li a:hover:after {
	width: 50%;
	border-bottom: 3px solid #E40013;
}
div#mainlogo {
	margin:0;
	padding:0;
	background-image:url(../image/logobar_bg.png);
	background-repeat:repeat-x;
	margin-top:15px;
}
.col-md-1-mainlogo {
	padding-left:0px !important;
	background-color:#FFFFFF;
	padding-right:17px;
}


#titleArea > h1{
	font-size: 16px;
	margin-top: 20px;
}
#material .col-md {
	margin-bottom:2rem;
}


.navbar {
	width:100%;
	text-align:center;
}

.h2_border h2 {
	text-align:center;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  margin-top:4rem;
	margin-bottom:3rem;
	width:100%;
}
.h2_border h2:before {
  position: absolute;
  bottom: -4px;
  z-index: 0;
  content: '';
  left:50%;
  width:1210px;
  margin-left: -605px;
  height: 4px;
  background-color: #E40013;
}

.container h3 {
	margin:3rem;
}

.col-md-4{
	margin: 0 auto;
	width: auto;
}

.introText{
	background-color: #fff;
	text-align: justify;
	font-size: 14px;
	margin-top: 10px;

}
.introText p{
	margin: 0;
}

.intro3column{
	max-width: 360px;
	min-height: 200px;
}

.intro1column{
	position: absolute;
	max-width: 550px;
}

.intro2column{
	max-width: 600px;
	min-height: 188px;
	margin: 10px auto 0;
}

.embed-responsive-youtube {
	overflow: visible;
	max-width:550px;
	margin:0 auto;
	margin-bottom:12rem;
}
.col-md-11-subnav {
	padding-top:24px;
	padding-left:0px;
}
.d-md-none-spcatch {
	text-align:right;
	padding:0;
}
.col-6-sp-logo {
	padding-left:0;
}


div#footer .row .col-sm-6 li{
	font-size:0.7rem;
}
div#footer .col-sm-6 li a:link {
	color:#292929;
	text-decoration:underline;
	background: url(../image/parts-arrow01-red.gif) no-repeat left center;
	padding-left: 10px;
}
div#footer .row .col-sm-6 li a:visited{
	color:#5B5B5B;
	background: url(../image/parts-arrow01-red.gif) no-repeat left center;
	padding-left: 10px;
}
div#footer .row .col-xs-6 li a:hover{
	color:#D50104;
	text-decoration: none;
	background: url(../image/parts-arrow01-red.gif) no-repeat left center;
	padding-left: 10px;
}
div#footer {
	background:url(../image/footer-bg01.gif) repeat-x top ;
	padding: 30px 0 50px;
	margin-top:2rem;
	width:100% ;
}
div#footer div.row {
	max-width:1240px;
	margin:0 auto;
}
div#footer p {
	font-size:0.7rem;
}
div#footer .order-sm-2 {
	text-align:center;
}
/*　index hover設定　*/
.enterlink_box{
 width:400px; // サイズがサンプルなので適時変更してください。
 margin:0 auto; //サンプルで中央に寄せたいので書かせていただいております。
 overflow:hidden; //これを記述することではみ出た部分を非表示にします。
}
.enterlink_box img{
 transition:1s all;
}
.enterlink_box img:hover{
  transform:scale(1.1,1.1);
  transition:0.5s all;
}


/*チェックボックス*/

/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 2rem;
    cursor: pointer;
    font-size:0.8rem;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #425180;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.att {
	font-size:0.7rem;
	color:#CC0003;
}
.cap {
	font-size:0.7rem;
}
p.qestion {
	display: inline-block;
	align-items: center;
	vertical-align: bottom;
	padding-right:2rem;
}
p.qestion-t  {
	margin-right:1.5rem;
	}
p.qestion-ts  {
	font-size:0.8rem;
	}
#q1 {
	margin:0 auto;
}
div .qestion-lh {
	margin-bottom:1rem;
}
div .block-10 {
	margin-bottom:3rem;
}
.container-fulid .row {
	margin:0px;
}
.jumbotron-feature {
  background-image: url("../feature/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-products-cera {
	background-image: url(../products/ceramaker/image/headimg.png);
	height: 280px;
	background-size: cover;
	background-position: center 60%;
}
.jumbotron-products-mat {
	background-image: url(../products/mat/image/headimg.png);
	height: 280px;
	background-size: cover;
	background-position: center 60%;
}
.jumbotron-printservice {
  background-image: url("../printservice/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-material {
  background-image: url("../material/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-showroom {
  background-image: url("../showroom/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-support {
  background-image: url("../support/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-faq {
  background-image: url("../faq/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-assist {
  background-image: url("../assist/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-casestudy {
  background-image: url("../casestudy/image/headimg.jpg");
  height: 280px;
  background-size: cover;
  background-position: center 60%;
}
.table-font-red {
	color:#A40002 !important;
}
.table-cell-dark {
	background-color:#CBDBEC !important
}
.card .card-header a[data-toggle="collapse"] {
  display: block;
  padding: .75rem 1.25rem;
  margin: -.75rem -1.25rem;
}
.card .card-header a[data-toggle="collapse"]:active,
.card .card-header a[data-toggle="collapse"]:hover,
.card .card-header a[data-toggle="collapse"]:focus {
  text-decoration: none; //リンクテキストの下線を消す
}

.row h4 {
	margin-top:4rem;
}

.news {
	border-top:1px solid #373737;
	padding-top:1.5rem;
}
.news:first-child{
	border-top:none;
}

/*お問い合わせブロック*/
.contact-area {
    align-items: center;
    background-color: #f3f3f3;
    border-radius: 8px;
    display: flex;
    margin-top: 0.5rem;
	padding-left:3rem;
}
.contact-area--tel {
    background-image: url(../image/tel_ico.png);
	background-size: 25px 33px;
    background-position: left;
    background-repeat: no-repeat;
    font-size: 2rem;
    padding-left: 32px;
	margin-bottom:-0.5rem;
}

.contact-area--detail__item{
    display: flex;
	margin: 1rem 0 1rem 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.contact-area--btn {
font-size: 16px;
    font-weight: 600;
    line-height: 2.875;
    background-color: #54318f;
    border-radius: 23px;
    color: #fff;
    margin-left: 18px;
    text-align: center;
    height: 46px;
    width: 280px;
}
.contact-area--detail__item dl {
	margin-block-start: 1em;
	margin-block-end: 1em;
}
.contact-area--detail__item dt {
	font-size: 14px;
    font-weight: 600;
    background-color: #e9e2f2;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 32px;
    padding: 0 10px;
    text-align: center;
    height: 28px;
    width: 80px;
}
 .contact-area--detail__item dd {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    display: flex;
    margin-left: 10px;
    margin-top: 3px;
 }
 .contact-area--detail__item-cap{
font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    color: #999;
    margin-left: 5px;
}

.sitemap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
}

.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}

.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}

.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}

.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
	.container {
	  max-width: 768px !important;
	  width: 100%; //固定したい幅に設定
	    overflow: hidden;
	}
	h2 {
		font-size:150%;
		margin-top:2rem !important;
	}
	.h2_border h2:before {
  		position: relative;
		margin-left:0;
	}
	.container h3 {
		margin:1rem;
		margin-top:1rem;
		font-size:1.75rem;
	}
	.container h3.contact {
		font-size:0.95rem;
		font-weight:bold;
		margin:5rem 0 1rem 0 ;
	}
	ul#gnavi,ul#gnavi2,ul#gnavi3 {
		padding:0;
		margin:0;
	}
    ul#gnavi li.list-inline-item,ul#gnavi2 li.list-inline-item,ul#gnavi3 li.list-inline-item {
		display: block;
		font-size:0.8rem;
		width:100%;
		padding:1.0rem 0rem 1.0rem 0.8rem ;
		border-bottom:solid 1px #FFFFFF;
	}

	ul#gnavi li.list-inline-item a:link ,ul#gnavi2 li.list-inline-item a:link,ul#gnavi3 li.list-inline-item a:link {
		color:#4079A2;
	}

	ul#gnavi li.list-inline-item a:visited ,ul#gnavi2 li.list-inline-item a:visited,ul#gnavi3 li.list-inline-item a:visited {
		color:#5B5B5B;
	}

	ul#gnavi li.list-inline-item a:hover ,ul#gnavi2 li.list-inline-item a:hover,ul#gnavi3 li.list-inline-item a:hover {
		color:#D50104;
	}
	ul#gnavi.navbar-nav li a {
	padding-bottom: 2px;
	}
	div#mainlogo {
	margin:0;
	padding:0;
	background-image:url(../image/logobar_sp_bg.png);
	background-repeat:repeat-x;
	margin-top:15px;
}

.col-md-12-h3 {
	text-align:left !important;
}
.text-h3 {
	text-align:left !important;
}
.d-md-none-spcatch {
	text-align:right;
	max-width:none;
}
#navbarSupportedContent {
	background-color:#CCCCCC;
}
.jumbotron-feature {
  background-image: url("../feature/image/headimg_sp.jpg");
  height: 178px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-support {
  background-image: url("../support/image/headimg_sp.jpg");
  height: 178px;
  background-size: cover;
  background-position: center 60%;
}
.jumbotron-printservice{
  background-image: url("../printservice/image/headimg_sp.jpg");
  height: 178px;
  background-size: cover;
  background-position: center 60%;
}
.contact-area {
    background-color: #f3f3f3;
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
    padding: 7px 20px 19px;
	}
.contact-area--detail{
	padding:0;
}
.contact-area--tel {
    font-size: 2rem;
	text-align:center;
	margin-bottom:-0.5rem;
}
 .contact-area--detail__item dd {
    font-size: 0.75rem;
	display:block;
 }
  .contact-area--detail__item-cap{
    margin-left: 3px;
  }

ul#gnavi.navbar-nav li a:before{
 content: none;
}
ul#gnavi.navbar-nav li a:hover:before {
 content: none;
}
ul#gnavi.navbar-nav li a:after {
 content: none;
}
ul#gnavi.navbar-nav li a:hover:after {
 width: 50%;
 border-bottom: 3px solid #E40013;
}
}

@media screen and (max-width: 992px) {
/* 992pxまでの幅の場合に適応される */
.text-right {
 text-align:left !important;
}
ul#gnavi.navbar-nav li a:before{
 content: none;
}
ul#gnavi.navbar-nav li a:hover:before {
 content: none;
}
ul#gnavi.navbar-nav li a:after {
 content: none;
}

}

caption {
  caption-side: top;
}

.btn-circle-border-simple {
  display: inline-block;
  text-decoration: none;
  color: #0066CC;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  border: solid 3px #0066CC;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
  margin-right:1rem;
}