@charset "utf-8";
/************************************************************
theme08用 CSS
*************************************************************/
/*
・Reset
・BASE MODULES
・レイアウト
・ヘッダー
・ナビゲーション
・パンクズ
・フッター
・サイド
・ウィジェット
・トップページ
・スライダー
・見出し
・TABLE
・フォーム
・カレンダー
・記事一覧
・ページナビ
・詳細ページ
・イベント詳細ページ
・関連記事
・MAP
・ソーシャルボタン
*************************************************************/
/* レイアウト
*****************************************************/
.bg{ background:#eee; }
body{ background: #FFF; }
#content .front_content h1,
#content .front_content h2{
background: none;
text-align:center;
font-size: 230%;
}
#content {
margin: 0 0 50px;
}
.topslider {
margin: 0;
}
/* END レイアウト -----------------------------*/
/* ヘッダー
*****************************************************/
header > .inner{
position: relative;
width: 96%;
padding-bottom: 10px;
}
#header #logo {
max-width: 400px;
}
#header #logo img {
max-width: 240px;
height: auto;
}
#header #logo .catch{
display: block;
font-size: 50%;
font-weight: normal;
}
header #tel_area {
display: table-cell;
padding-top: 3px;
vertical-align: middle;
font-size: 75%;
/* font-family: "Arial Black", arial-black, sans-serif; */
line-height: 1.2;
color: #000;
}
header #tel_area .tel{
display: block;
}
#header #hinfo {
width: auto;
position: absolute;
top: 0;
right: 0;
opacity: 0.7;
padding: 0 0 8px;
}
#hinfo .hitxt{
display: inline-block;
padding: 5px 20px 0 0;
text-align: right;
}
header #tel_area .tel::before {
content: "";
display: inline-block;
width: 22px;
height: 18px;
margin-right: 5px;
}
header #contact_area {
vertical-align: top;
text-align: right;
}
header #contact_area a {
background-image: none;
padding: 0 20px;
display: inline-block;
background-repeat: no-repeat;
background-position: 24px center;
letter-spacing: 2px;
line-height: 34px;
}
/* END ヘッダー -----------------------------*/
/* ナビゲーション
*****************************************************/
/* END ナビゲーション -----------------------------*/
/* パンクズ
*****************************************************/
#pankuzu {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #EFEFEF;
min-width: 100%;
margin-bottom: 20px;
}
#pankuzu div {
font-size: 85%;
margin: 0 auto;
padding: 15px 0 0;
width: 96%;
}
#pankuzu h1 {
font-size: 256%;
font-weight: normal;
padding: 20px 0;
}
/* END パンクズ -----------------------------*/
/* フッター
*****************************************************/
#footer a{ color:#FFF; }
#footer #f_nav .f_left{ color:#FFF; }
#footer #f_nav .f_right ul li::before{ border-left: 5px solid #FFF; }
#footer .boxWrap{
width:980px;
margin-right:-40px;
}
#footer #f_nav {
background: #ddd none repeat scroll 0 0;
}
#footer .box{
float:left;
width:450px;
margin-right:40px;
padding:20px 0;
}
.box .widgetWrap, .box section.widget ul{
padding:0 0 0 7px;
margin-top:0;
background:transparent;
border:0;
box-shadow:none;
}
.box section.widget li a{
background:url(images/arrowWhite.png) no-repeat 0 12px;
border:0;
}
.box section.widget li a:hover{background-position:2px 12px;}
#footer h3{
padding:5px;
margin-bottom:10px;
font-size:120%;
border-bottom:1px solid #eee;
}
.contact p{
padding:3px 0 3px 32px;
margin-bottom:3px;
font-size:110%;
background:url(images/iconHome.png) no-repeat 4px 0;
}
/* END フッター -----------------------------*/
/* サイド
*****************************************************/
/* END サイド -----------------------------*/
/* ウィジェット
*****************************************************/
/* END ウィジェット -----------------------------*/
/* トップページ
*****************************************************/
.home #wrapper,
.home #content {
width: 100%!important;
padding: 0;
}
.home #content section{
min-width: 980px;
}
.home #content section .post_inner{
width: 980px;
margin: 0 auto;
}
.home #content .front_content .post_wrap{ margin-bottom: 0; }
.home #content .front_content .post_inner{ padding: 40px 0 0; }
.home #content .front_content .link_btn{ text-align: center; }
.home .footer_contact { max-width: 800px; }
#content .front_content .topsubcontent .topsub_img {
width:35%;
display: block;
height: auto;
background-size: cover;
}
#content .front_content .topsubcontent .topsub_img:before {
content: "";
display: block;
padding-top: 66.67%;
}
#content .front_content .topsub01 .topsubcontent .topsub_img,
#content .front_content .topsub03 .topsubcontent .topsub_img,
#content .front_content .topsub05 .topsubcontent .topsub_img {
float: left;
margin: 0 20px 0 0;
}
#content .front_content .topsub02 .topsubcontent .topsub_img,
#content .front_content .topsub04 .topsubcontent .topsub_img {
float: right;
margin: 0 0 0 20px;
}
#toppage #wrapper #content .post_wrap {
padding-bottom: 60px;
}
#toppage #wrapper #content .post_wrap:after {
content: "";
clear: both;
display: block;
height: 0;
}
/* END トップページ -----------------------------*/
/* スライダー
*****************************************************/
/* END スライダー -----------------------------*/
/* 見出し
*****************************************************/
#toppage #content .front_content h1,
#toppage #content .front_content h2 {
margin: 30px auto 50px auto;
}
/* END 見出し -----------------------------*/
/* TABLE
*****************************************************/
/* END TABLE -----------------------------*/
/* フォーム
*****************************************************/
/* END フォーム -----------------------------*/
/* カレンダー
*****************************************************/
/* END カレンダー -----------------------------*/
/* 記事一覧
*****************************************************/
/* END 記事一覧 -----------------------------*/
/* ページナビ
*****************************************************/
/* END ページナビ -----------------------------*/
/* 詳細ページ
*****************************************************/
.post_wrap.company .info_area dl{
background-color: #EEE;
border-bottom: 1px solid #EEE;
border-right: 1px solid #EEE;
}
.post_wrap.company .info_area dl::after{
content: "";
clear: both;
display: block;
height: 0;
}
.post_wrap.company .info_area dt{
width: 25%;
padding: 15px 5px 10px 15px;
border-top: 1px solid #FFF;
}
.post_wrap.company .info_area dt:first-child{
border-top: 1px solid #EEE;
}
.post_wrap.company .info_area dd{
width: 75%;
padding: 15px 5px 10px 15px;
background-color: #FFF;
border-top: 1px solid #EEE;
margin-left: 25%;
}
.post_wrap.company .info_area dd:after {
content: '';
display: block;
clear: both;
}
/* END 詳細ページ -----------------------------*/
/* イベント詳細ページ
*****************************************************/
/* END イベント詳細ページ -----------------------------*/
/* 関連記事
*****************************************************/
/* END 関連記事 -----------------------------*/
/* MAP
*****************************************************/
/* END MAP -----------------------------*/
/* ソーシャルボタン
*****************************************************/
/* END ソーシャルボタン -----------------------------*/
/* media => PC
■■■■■■■■■■■■■■■■■■■■■■■■ */
@media only screen and (min-width:1125px){
/* レイアウト （PC）
*****************************************************/
/* END レイアウト （PC） -----------------------------*/
/* ヘッダー （PC）
*****************************************************/
header > .inner {
display: table;
padding-bottom: 0;
}
#header #logo{
display: table-cell;
float: none;
padding: 0;
line-height: 1.3;
height:75px;
}
#header #logo.nocatch{
padding: 20px 0 19px 0;
}
/* END ヘッダー （PC） -----------------------------*/
/* ナビゲーション （PC）
*****************************************************/
#header #mainNav{
display: table-cell;
float: none;
padding: 0;
vertical-align: bottom;
font-size: 92%;
}
#header #mainNav div.panel {
text-align: right;
}
nav#mainNav ul { text-align: right; }
nav#mainNav ul.nav {
width: auto;
float: right;
display:-webkit-flex;
display:flex;
-webkit-align-items:baseline;
align-content:flex-end;
}
nav#mainNav ul.nav li{
float: left;
margin:0 0 0 30px;
text-align: right;
}
nav#mainNav ul.nav>li>span>a{
display:block;
padding: 0 0 5px 0;
line-height: 24px;
color:#585858;
border-bottom: 0px solid #eee;
}
nav#mainNav ul.nav > li:hover ul {
top: 35px;
}
nav#mainNav ul.nav > li.menu-item-has-children > span > a::after,
nav#mainNav ul.nav > li.hassub > span > a::after{
border-color: #585858;
right: 0;
top: 35%;
}
/* END ナビゲーション （PC） -----------------------------*/
/* パンクズ （PC）
*****************************************************/
/* END パンクズ （PC）-----------------------------*/
/* フッター （PC）
*****************************************************/
/* END フッター （PC）-----------------------------*/
/* サイド （PC）
*****************************************************/
/* END サイド （PC）-----------------------------*/
/* ウィジェット （PC）
*****************************************************/
/* END ウィジェット （PC） -----------------------------*/
/* トップページ （PC）
*****************************************************/
/* END トップページ （PC）-----------------------------*/
/* スライダー （PC）
*****************************************************/
/* END スライダー （PC）-----------------------------*/
/* 見出し （PC）
*****************************************************/
/* END 見出し （PC）-----------------------------*/
/* TABLE （PC）
*****************************************************/
/* END TABLE （PC）-----------------------------*/
/* フォーム （PC）
*****************************************************/
/* END フォーム （PC）-----------------------------*/
/* カレンダー （PC）
*****************************************************/
/* END カレンダー （PC）-----------------------------*/
/* 記事一覧 （PC）
*****************************************************/
/* END 記事一覧 （PC）-----------------------------*/
/* ページナビ （PC）
*****************************************************/
/* END ページナビ （PC）-----------------------------*/
/* 詳細ページ （PC）
*****************************************************/
/* END 詳細ページ （PC）-----------------------------*/
/* イベント詳細ページ （PC）
*****************************************************/
/* END イベント詳細ページ （PC）-----------------------------*/
/* 関連記事 （PC）
*****************************************************/
/* END 関連記事 （PC）-----------------------------*/
/* MAP （PC）
*****************************************************/
/* END MAP （PC）-----------------------------*/
/* ソーシャルボタン （PC）
*****************************************************/
/* END ソーシャルボタン （PC）-----------------------------*/
}
/* media => PC END □□■□□■□□■□□■□□■ */
/* media => TABLET
■■■■■■■■■■■■■■■■■■■■■■■■ */
@media only screen and (max-width:1124px){
/* レイアウト （TABLET）
*****************************************************/
/* END レイアウト （TABLET）-----------------------------*/
/* ヘッダー （TABLET）
*****************************************************/
/* END ヘッダー （TABLET）-----------------------------*/
/* ナビゲーション （TABLET）
*****************************************************/
nav#mainNav a.menu {
right: 0%;
}
nav#mainNav {
margin: 0 -2%;
width: 104%;
}
/* END ナビゲーション （TABLET）-----------------------------*/
/* パンクズ （TABLET）
*****************************************************/
/* END パンクズ （TABLET）-----------------------------*/
/* フッター （TABLET）
*****************************************************/
/* END フッター （TABLET）-----------------------------*/
/* サイド （TABLET）
*****************************************************/
/* END サイド （TABLET）-----------------------------*/
/* ウィジェット （TABLET）
*****************************************************/
/* END ウィジェット （TABLET）-----------------------------*/
/* トップページ （TABLET）
*****************************************************/
.home #content section{
min-width: 0;
}
.home #content section .post_inner{
width: 96%;
}
.home #content .front_content .post_inner .box{
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.home #content .front_content .post_inner .box a{
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.home #content .front_content .post_inner .box:nth-of-type(3n+2){
margin-left: 0;
margin-right: 0;
}
.home #content .front_content .post.seminar dt,
.home #content .front_content .post.news dt{
float: none;
padding-bottom: 0;
}
.home #content .front_content .post.seminar dd,
.home #content .front_content .post.news dd{
padding-top: 0;
padding-left: 10px;
}
.home #content .front_content .post.seminar dd a,
.home #content .front_content .post.news dd a{
display: block;
}
.home #content .front_content .post.company .info_area .left{
display: block;
width: 100%;
margin-bottom: 30px;
}
.home #content .front_content .post.company .info_area dt{
float: none;
padding-bottom: 3px;
border-bottom: 1px solid #999;
}
.home #content .front_content .post.company .info_area dd{
padding-top: 3px;
padding-left: 10px;
}
.home #content .front_content .post.company .info_area #map{
display: block;
width: 100%;
padding: 66.67% 0 0 0;
}
.home #bnr_wrap{
max-width: none;
width: 100%;
}
.home #bnr_wrap .container{
width: 100% !important;
}
.home #bnr_wrap .item{
width: 100%;
margin-left: 0;
margin-right: 0;
}
/* END トップページ （TABLET）-----------------------------*/
/* スライダー （TABLET）
*****************************************************/
/* END スライダー （TABLET）-----------------------------*/
/* 見出し （TABLET）
*****************************************************/
/* END 見出し （TABLET）-----------------------------*/
/* TABLE （TABLET）
*****************************************************/
/* END TABLE （TABLET）-----------------------------*/
/* フォーム （TABLET）
*****************************************************/
/* END フォーム （TABLET）-----------------------------*/
/* カレンダー （TABLET）
*****************************************************/
/* END カレンダー （TABLET）-----------------------------*/
/* 記事一覧 （TABLET）
*****************************************************/
/* END 記事一覧 （TABLET）-----------------------------*/
/* ページナビ （TABLET）
*****************************************************/
/* END ページナビ （TABLET）-----------------------------*/
/* 詳細ページ （TABLET）
*****************************************************/
/* END 詳細ページ （TABLET）-----------------------------*/
/* イベント詳細ページ （TABLET）
*****************************************************/
/* END イベント詳細ページ （TABLET）-----------------------------*/
/* 関連記事 （TABLET）
*****************************************************/
/* END 関連記事 （TABLET）-----------------------------*/
/* MAP （TABLET）
*****************************************************/
/* END MAP （TABLET）-----------------------------*/
/* ソーシャルボタン （TABLET）
*****************************************************/
/* END ソーシャルボタン （TABLET）-----------------------------*/
}
/* media => TABLET END □□■□□■□□■□□■□□■ */
/* media => MOBILE
■■■■■■■■■■■■■■■■■■■■■■■■ */
@media only screen and (max-width:740px){
/* レイアウト （SP）
*****************************************************/
#content .front_content h1,
#content .front_content h2 {
font-size: 125%;
}
#content .front_content .post_inner h2 {
font-size: 155%;
}
.home .footer_contact {
width: 96%;
}
.home #content .front_content .post_inner {
padding: 30px 0 0;
}
/* END レイアウト （SP）-----------------------------*/
/* ヘッダー （SP）
*****************************************************/
/* END ヘッダー （SP）-----------------------------*/
/* ナビゲーション （SP）
*****************************************************/
/* END ナビゲーション （SP）-----------------------------*/
/* パンクズ （SP）
*****************************************************/
/* END パンクズ （SP）-----------------------------*/
/* フッター （SP）
*****************************************************/
/* END フッター （SP）-----------------------------*/
/* サイド （SP）
*****************************************************/
/* END サイド （SP）-----------------------------*/
/* ウィジェット （SP）
*****************************************************/
/* END ウィジェット （SP）-----------------------------*/
/* トップページ （SP）
*****************************************************/
#content .front_content .topsubcontent .topsub_img {
width: 60%;
height: auto;
}
#content .front_content .topsub01 .topsubcontent .topsub_img,
#content .front_content .topsub03 .topsubcontent .topsub_img,
#content .front_content .topsub05 .topsubcontent .topsub_img {
float: none;
margin: 15px auto;
}
#content .front_content .topsub02 .topsubcontent .topsub_img,
#content .front_content .topsub04 .topsubcontent .topsub_img {
float: none;
margin: 15px auto;
}
/* END トップページ （SP）-----------------------------*/
/* スライダー （SP）
*****************************************************/
/* END スライダー （SP）-----------------------------*/
/* 見出し （SP）
*****************************************************/
#content .post h1, #content .front_content h1, #content .front_content h2 {
background-color: #3b3b3b;
border: none;
color: #fff;
font-size: 120%;
line-height: 1.3;
font-weight: normal;
padding: 10px;
margin: 0 -2% 15px;
}
#toppage #content .front_content h1,
#toppage #content .front_content h2 {
margin: 0px auto 30px auto;
}
/* END 見出し （SP）-----------------------------*/
/* TABLE （SP）
*****************************************************/
/* END TABLE （SP）-----------------------------*/
/* フォーム （SP）
*****************************************************/
/* END フォーム （SP）-----------------------------*/
/* カレンダー （SP）
*****************************************************/
/* END カレンダー （SP）-----------------------------*/
/* 記事一覧 （SP）
*****************************************************/
/* END 記事一覧 （SP）-----------------------------*/
/* ページナビ （SP）
*****************************************************/
/* END ページナビ （SP）-----------------------------*/
/* 詳細ページ （SP）
*****************************************************/
.post_wrap.company .info_area dl{
background-color: #EEE;
border-bottom: 0px solid #EEE;
border-right: 0px solid #EEE;
}
.post_wrap.company .info_area dt{
width: 100%;
padding: 10px 2%;
border-bottom: 0px solid #FFF;
}
.post_wrap.company .info_area dd{
width: 100%;
padding: 10px 2%;
margin-left: 0;
border-bottom: 0px solid #FFF;
}
/* END 詳細ページ （SP）-----------------------------*/
/* イベント詳細ページ （SP）
*****************************************************/
/* END イベント詳細ページ （SP）-----------------------------*/
/* 関連記事 （SP）
*****************************************************/
/* END 関連記事 （SP）-----------------------------*/
/* MAP （SP）
*****************************************************/
/* END MAP （SP）-----------------------------*/
/* ソーシャルボタン （SP）
*****************************************************/
/* END ソーシャルボタン （SP）-----------------------------*/
}
/* media => MOBILE END □□■□□■□□■□□■□□■ */