@import url("styles/themes/theme-alice.min.css");
.factory-flag{ visibility: hidden; }

body,html,h1,h2,h3,h4,h5{
	color: #323232;
    font: 1rem/1.5rem;
	font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
    letter-spacing: 0.1rem;
    word-wrap: break-word;
    position: relative;
}

.navbar-brand{	font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;}


.wrap {
overflow: hidden;
width: 100%;
height: auto;
}


.arc_1 {
min-height: 300px;
border-bottom-right-radius: 2000px 600px;
border-bottom-left-radius: 2000px 600px;
margin-left: -200px;
margin-right: -200px;
padding-left: 200px;
padding-right: 200px;
background-image: url("images/placeholders/touzenji-18.jpg");
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;
margin-bottom: 50px;
}

.arc_2 {
min-height: 300px;
border-bottom-right-radius: 2000px 600px;
border-bottom-left-radius: 2000px 600px;
margin-left: -200px;
margin-right: -200px;
padding-left: 200px;
padding-right: 200px;
background-image: url("images/placeholders/goma_top.jpg");
background-size: 100% auto;

background-position: top center;
background-repeat: no-repeat;
margin-bottom: 50px;
}

.arc_3 {
min-height: 300px;
border-bottom-right-radius: 2000px 600px;
border-bottom-left-radius: 2000px 600px;
margin-left: -200px;
margin-right: -200px;
padding-left: 200px;
padding-right: 200px;
background-image: url("images/placeholders/touzenji_001.jpg");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 50px;
}


.num_title{text-align: center;
	font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
    letter-spacing: 0.1rem;
    word-wrap: break-word;
    position: relative;
font-size: 4em; font-weight: bold; padding-top: 50px;  line-height: .7em;}

.num_title_2{text-align: center;
	font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
    letter-spacing: 0.1rem;
    word-wrap: break-word;
    position: relative;
	font-size: 4em;
	font-weight: bold; 
	padding: 50px 0 30px;
	line-height: .7em;}


.num_sub{font-size: .1em;}


.overlap{position: absolute; top: -100px; z-index: 9999999;}


.clear_s{padding-top: 0 !important;}


.colors-2 {
    color: #efefef;
    background-color:rgba(64,0,69,1);}


.colors-2 h3,
.colors-3 h3{ color: #FFF; font-weight: bold; margin-bottom: 30px;}

.colors-2 p,
.colors-3 p{margin-bottom: 40px;}

span.small_text{ font-size: .5em;}



.colors-3 {
    color: #efefef;
    background-color:rgba(28,73,121,1);}

.ja_box{
	text-align: right;
	width: 94%;
	height: 350px;
	overflow: hidden;
	padding: 3%;
	letter-spacing: 1px;
	position: relative;
}


.ja_box h2{text-align: left; margin: 0; padding: 0 0 0 5%;}


.ja {
	text-align: left;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	position: relative;
	padding-top: 0;
}

.ja p { top: 240px;
    right: inherit;
    left: 0;
    width: auto;
    line-height: 2.8rem;
    font-size: 1rem;
    letter-spacing: 0.15em;
	padding-top: 50px;
}

.ph01.active, 
.ph02.active {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}


.ph {
	position: relative;
    width: 100%;
	min-height: 250px;
	text-align: center;
}
	
.ph01 {
    position: absolute;
    top: auto;
    right: 5px;
    bottom: 100px;
    left: auto;
    width: 180px;
    height: 120px;
}


.ph02 {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 40px;
    left: 5px;
    width: 150px;
    height: 87px;
}

.ph01,
.ph02 {
    opacity: 0;
    -webkit-transition: 3.0s cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: 3.0s cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -webkit-background-size: cover;
    background-size: cover;
}

i.num {font-style: normal !important;}

.view>.content {padding-top: 0;}

.scroll-animation.fadeInLeft, .scroll-animation.fadeInRight, .scroll-in-animation.fadeInLeft, .scroll-in-animation.fadeInRight {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.btn {
    padding: 14px 10px;
    width: 215px;
    height: 50px;
	margin: auto;
    box-sizing: border-box;
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
}

.btn {
    padding: 20px 10px;
    width: 260px;
    height: 60px;
    background: #a99a5e url( "images/placeholders/btn_bg.png") no-repeat 115% 60% / 160px;
    -webkit-clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}

.btn:after, .btn_contact:after {
    position: absolute;
    top: 26px;
    right: 18px;
    width: 6px;
    height: 10px;
    content: "";
    background: url(images/placeholders/btn_arrow.png) no-repeat center / 100%;
}

a {
    outline: 0;
    text-decoration: none;
}

.btn:hover {
    background-color: #928f4f;
	opacity: 1;}


/*お知らせページ CSS*/
.news-list{
  list-style: none outside;
  margin: 0 0 30px;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .item .news_date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .news_category{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}
.news-list .item .news_category span{
  background: #999;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .news_title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .news_title{
  color: #00F;
}

@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .news_date{
  min-width: 100px;
}
.news-list .item .news_title{
  margin-top: 10px;
}
}

/* 装飾 */
 
*{
  box-sizing: border-box;
}

#news{padding: 0 0 50px 0;}
#events{color: #FFF !important;}
.space9 {padding:0 9% !important;}
.space5 {padding:5%;}


#events h1,
#events h2,
#events h3,
#events h4,
#events h5{ color: #FFF !important;}

.col-icon{max-width: 150px; padding: 0 !important
;}

@media screen and (min-width: 767px){
.state1 #top-nav .menu-toggle,
#top-nav .menu-toggle{display: block !important; float: right !important; text-align: right !important;}
.visible-xs-block{display: block !important;}}


h1.touzenji_toplogo img{ width: 20%;}

@media screen and (min-width: 768px){
	h1.touzenji_toplogo img{ width: 10%;}}


.lead {
    text-align: left;
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 24px;
}


.bg_8{background: image(/images/placeholders/) !impotant;}

.touzenji_exterior{padding:0 5%;}