@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	color:#3333333;
}
#mainimage{
	text-align:center;
	line-height:0;
	margin:0 0 18px;
}
.project{
	overflow:hidden;
	clear:both;
	background:#fff9d7;
	margin:0 0 20px;
}
.project h2{
	text-align:center;
}
.project >div{
	overflow:hidden;
	float:left;
}
.project .develop{
	margin:17px 19px 17px 15px;
}
.project .tv{
	margin:17px 15px 17px 0;
}



/* リニューアル */




.p-topPage {
  background: url(/wp/wp-content/themes/ouenten/img/top/pageBack.png);
  font-family: 'Noto Sans Japanese', 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Osaka, "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
}
.p-topPage * {
  font-family: 'Noto Sans Japanese', 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Osaka, "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
}
.p-mainVis {
  background: url(https://img.ganbarou-fukushima.jp/wp-content/uploads/2021/05/mainVisBack_202005b_02.jpg) no-repeat center center;
  background-size: cover;
   margin-bottom: 65px; 
}
.p-mainVis img {
    width: 100%;
}
.p-mainVis .l-inner {
  height: 860px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:750px) {
  .p-mainVis .l-inner {
    height: 650px;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width:640px) {
  .p-mainVis {
     margin-bottom: 40px; 
  }
  .p-mainVis .l-inner {
    height: 550px;
  }

}



	img.notsp {
		display: block;
}

	img.notpc {
		display: none;
  }	
@media screen and (max-width:440px) {
  .p-mainVis .l-inner {
    height: 450px;
  }

	img.notpc {
		display: block;
	}
	 img.notsp {
		display: none;
	} 
}

@media screen and (max-width:380px) {
  .p-mainVis .l-inner {
    height: 400px;
  }
}
.p-topNews {
  /* position: absolute;
  bottom: 30px;
  left: 0; */
  width: 100%;
  background: #FFF;
  display: table;
  box-sizing: border-box;
  border: #e60012 2px solid;
	margin-bottom: 50px;
}
.p-topNews-listOuter ,
.p-topNews-title {
  /* display: table-cell;
  vertical-align: middle; */
}
.p-topNews-title {
  font-size: 14px;
  line-height: 1;
  color: #FFF;
  background: #e60012;
  text-align:left;
  letter-spacing: 1px;
  /* width: 125px; */
  padding: 15px 30px;
  box-sizing: border-box;
  word-break: keep-all;
}
.p-topNews-listOuter {
  max-width: 100%;
}
.p-topNews-list {
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 0 0 0;
  max-width: 100%;
  box-sizing: border-box;
}
.p-topNews-list li {
  /* width: 100% !important; */
	padding:8px 30px;
}
.p-topNews-list li.p-topNews-link {
	text-align:right;
}
.p-topNews-list li.p-topNews-link a {
	color:#000000;
	text-decoration:none;
}
.p-topNews-list li:nth-child(even){
	background:#f3f3f3;
}
.p-topNews-list a {
  display: table;
  width: 100%;
}
.p-topNews-listDate ,
.p-topNews-listText {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.p-topNews-listDate {
  color: #000000;
  width: 115px;
}

@media screen and (max-width:1040px) {
  .p-topNews {
    bottom: 30px;
    /* width: 94%; */
    left: 3%;
    background: #FFF;
    display: table;
    box-sizing: border-box;
    border: #e60012 2px solid;
  }    
/*  .p-mainVis .l-inner {
    padding: 0 0px;
    margin: 0 5px;
  } */
  .p-topNews-listOuter {
    max-width: none;
  }
}
@media screen and (max-width:640px) {
  .p-topNews {
    bottom: 15px;
    border: #e60012 solid 2px;
    /* width: 94%; */
    left: 3%;
    display: block;
  }  
  .p-topNews-title {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    /* width: 80px; */
    padding: 15px 10px;
    box-sizing: border-box;
  }
  .p-topNews-listOuter {
  }
  .p-topNews-list {
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 0;
    max-width: none;
    box-sizing: border-box;
  }
  .p-topNews-list li {
    /* width: 100% !important; */
	  padding: 8px 10px;
  }  
  .p-topNews-list a {
    display: block;
  }
  .p-topNews-listDate ,
  .p-topNews-listText {
    display: block;
    text-align: left;
  }
  .p-topNews-listDate {
    width: auto;
    font-size: 11px;
    line-height: 11px;
  }
}

.p-topIntro {
  margin: 0 0 93px 0;
}
.p-topIntro-title {
  margin-bottom: 11px;
}
.p-topIntro-text {
  margin-bottom: 21px;
}
.p-topIntro-btn {
  max-width: 460px;
  margin: 0 auto;
}

@media screen and (max-width:640px) {
  .p-topIntro {
    margin: 0 0 45px 0;
  }
  .p-topIntro-title {
    margin-bottom: 11px;
  }
  .p-topIntro-text {
    margin-bottom: 21px;
  }
  .p-topIntro-btn {
  }  
}


.p-topSearch {
  background: url(/wp/wp-content/themes/ouenten/img/top/topMenuBack.png) center center;
  margin-bottom: 80px;
  padding: 40px 0 49px 0;
}
.p-topSearch-title {
  font-size: 26px;
  line-height: 1.5;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.p-topSearch-subTitle {
  margin-bottom: 28px;
  color: #FFF;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 1.5px;  
}
.p-topSearch-btnList {
  
}
.p-topSearch-btnList li {
  width: 49.5%;
  margin-right: 1%;
  float: left;
}
.p-topSearch-btnList li:nth-child(2n) {
  margin-right: 0;
}
.p-topSearch-btnList li a {
  display: block;
  width: 100%;
  background: #FFF;
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  color: #000;
  text-align: center;
}
.p-topSearch-btnList li a span {
  display: inline-block;
  padding: 55px 0 55px 99px;
  position: relative;
}
.p-topSearch-btnList li a span:before {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  content: '';
  position: absolute;
  margin: auto;
  top:0;
  left: 0;
  bottom:0;
}
.p-topSearch-btnList li a span.is-map:before {
  background: #0a923d url(/wp/wp-content/themes/ouenten/img/top/icon_map.png) no-repeat;
}
.p-topSearch-btnList li a span.is-search:before {
  background: #0a923d url(/wp/wp-content/themes/ouenten/img/top/icon_search2.png) no-repeat;
}

@media screen and (max-width:640px) {
  .p-topSearch {
    background: url(/wp/wp-content/themes/ouenten/img/top/topMenuBack.png) center center;
    background-size: 14px auto;
    margin-bottom: 25px;
    padding: 25px 0 35px 0;
  }
  .p-topSearch-title {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
  .p-topSearch-subTitle {
    margin-bottom: 20px;
  }
  .p-topSearch-subTitle img {
    height: 10px;
    width: auto;
  }
  .p-topSearch-btnList {

  }
  .p-topSearch-btnList li {
    width: 48%;
    margin-right: 4%;
    float: left;
  }
  .p-topSearch-btnList li:nth-child(2n) {
    margin-right: 0;
  }
  .p-topSearch-btnList li a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    color: #000;
    text-align: center;
  }
  .p-topSearch-btnList li a span {
    display: block;
    padding: 75px 0 20px 0px;
    position: relative;
  }
  .p-topSearch-btnList li a span:before {
    width: 50px;
    height: 50px;
    top:15px;
    left: 0;
    right: 0;
    bottom:auto;
  }
  .p-topSearch-btnList li a span.is-map:before {
    background: #0a923d url(/wp/wp-content/themes/ouenten/img/top/icon_map.png) no-repeat;
    background-size: 50px;
  }
  .p-topSearch-btnList li a span.is-search:before {
    background: #0a923d url(/wp/wp-content/themes/ouenten/img/top/icon_search2.png) no-repeat;
    background-size: 50px;
  }


}



.p-topNewShop {
  padding: 0 20px;
  margin: 0 auto 70px auto;
}
.p-topNewShop-title {
  font-size: 26px;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.p-topNewShop-subTitle {
  margin-bottom: 28px;
}
.p-topNewShopList {
  max-width: 1379px;
  margin: 0 auto;
  border-bottom: #d5d1c3 1px solid;
  padding-bottom: 60px;
}
.p-topNewShopList li {
  float: left;
  width: 24.41%;
  margin-left: 0.7866%;
}
.p-topNewShopList li:nth-child(4n+1) {
  margin-left: 0;
}
.p-topNewShopList li a {
  display: block;
}
.p-topNewShopList-thumb {
  margin-bottom: 10px;
}
.p-topNewShopList-thumb img {
  max-width: 100%;
}
.p-topNewShopList-name {
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
}
.p-topNewShopList-cate {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  color: #f18d00;
}



.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0px;
    background: none;
}



.p-topOther {
    margin-bottom: 40px;
}

@media screen and (max-width:640px) {
  .p-topOther {
    margin-bottom: 20px;
  }

}