/*********************************************************************
 * ベース
*********************************************************************/
.hspace { height: 100px; }
#pagetoplink { width: 100%; margin: 0 auto; display: block; opacity: 0.5; position: fixed; top: 20px; text-align: center; line-height: 2em; }
#pagetoplink a:hover { opacity: 1; }
#pagetoplink a { padding: 0 1em; white-space: nowrap; min-width: 2em; margin: 0 auto; display: inline-block; text-decoration: none; color: white; background: #009B65; border-radius: 1em; height: 2em; text-align: center; line-height: 2em; }
p { margin: 0; padding: 0; }

.footer-container,
.main aside { /* border-top: 20px solid #004E32; */ }
.header-container,
.footer-container,
.main aside {
    background: #006F47;
}

.spview { display: block; }
.spnone { display: none; }
.box3 { letter-spacing: 0px; }

.box1 ul li.long { width: 98%;  }

/*********************************************************************
 * ヘッダー
*********************************************************************/
.header-container { min-height: 80px; margin-bottom: 50px; }
#index_mainvisual_logo { display: none; }

/*********************************************************************
 * ヘッダータイトル
*********************************************************************/
.title a { display: block; background: url(../img/global/header_logo.png) no-repeat; width: 135px; height: 45px; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.header-container { /* border-bottom: 20px solid #004E32; */ }

/*********************************************************************
 * ヘッダーナビゲーション
*********************************************************************/
#header_nav_container { position: absolute; left: 0px; top: 0px; width: 100%; }
#spnavbotton { color: white; cursor: pointer; position: absolute; right: 5px; top: 20px; display: block; border-radius: 3px; background: rgba(0,0,0,0.3); padding: 10px; }

nav                 { display: none; }
nav ul              { margin: 0; padding: 0; list-style-type: none; }
nav ul li           {  }
nav ul li a         { display: block; margin-bottom: 0px; padding: 10px 0; text-align: center; text-decoration: none; font-weight: bold; color: white; background: #00482F; border-bottom: 1px solid white; }
nav ul li a:hover,
nav ul li a:visited { color: white; }
nav ul li a:hover   { text-decoration: underline; }

/*********************************************************************
 * フッター
*********************************************************************/
#footer_nav { display: none; }

/*********************************************************************
 * フッターコピーライト
*********************************************************************/
#footer_logo { text-align: center; }

/*********************************************************************
 * フッターコピーライト
*********************************************************************/
#footer_copyright { text-align: center; font-size: 11px; margin: 20px 0 0; }

/*********************************************************************
 * 制作実績
*********************************************************************/
.graphic_portfolio img { width: auto !important; max-width: 100%; }

.graphic_portfolio                       { position: static !important; }
.graphic_portfolio_mainpanel             { margin: 0 auto !important; padding: 100px 0 30px !important; top: auto !important; position: static !important; }
.graphic_portfolio_mainpanel div         { left: 0px; top: 0px; width: 100%; display: table; height: 315px; }
.graphic_portfolio_mainpanel div div     { text-align: center; vertical-align: middle; display: table-cell; height: 315px; }
.graphic_portfolio_mainpanel div div img { display: inline-block !important; /* box-shadow: 3px 3px 20px black; */ }

.graphic_portfolio_nav                   { position: static !important; top: auto; margin-bottom: -10px; }
.graphic_portfolio_nav ul                { margin: 0px; padding: 0px; list-style-type: none; width: 80%; margin: 0 auto; text-align: center; }
.graphic_portfolio_nav ul li             { display: inline-block; margin: 0 5%; margin-bottom: 10px !important; }
.graphic_portfolio_nav ul li a           {  }
.graphic_portfolio_nav ul li a img       { display: inline !important; }

.graphic_portfolio_nav         { color: white; font-size: 12px; }
.graphic_portfolio_description { margin-top: 0px; color: white; font-size: 15px; text-align: center; }

/*********************************************************************
 * workflow
*********************************************************************/
#workflow_photographer {}
#workflow_photographer_photo_area {}
#workflow_photographer_photo_area dl { margin: 0; }
#workflow_photographer_photo_area dl dt { padding: 10px 0; text-align: center; background: #EFEFEF; }
#workflow_photographer_photo_area dl dd { margin: 0; }

/*********************************************************************
 * graphic_portfolio
*********************************************************************/
.flexslider .slides > li:first-child { display: none; }

/*********************************************************************
 * お問い合わせスペース
*********************************************************************/
#contents_contact { text-align: center; font-size: 15px; padding: 0 10px; }
#contents_contact > h3 { margin: 0; }
#contents_contact > p { letter-spacing: 2px; }
#contents_contact_tel_area { max-width: 500px; margin: 10px auto 0; }
#contents_contact_tel_designoffice { float: none !important; width: auto !important; margin-bottom: 20px; }
#contents_contact_tel_designoffice > img { }
#contents_contact_tel_photooffice { float: none !important; width: auto !important; margin-bottom: 20px; }
#contents_contact_tel_photooffice > img { }


/*********************************************************************
 * Profile 会社概要
*********************************************************************/
#profile_table { max-width: 655px; margin-right: auto; margin-left: auto; }
#profile_table table { font-size: 15px; display: block; }
#profile_table table tr { display: block; }
#profile_table table tr th { padding: 10px; background: #E7E7E7; display: block; font-weight: normal; vertical-align: top; border: 0 none; }
#profile_table table tr td { display: block; padding: 10px 10px 10px 40px; border: 0 none; }

#profile_table table,
#profile_table table th,
#profile_table table td,
#profile_table table tr,
#profile_table table tr th,
#profile_table table tr td,
#profile_table table thead,
#profile_table table thead th,
#profile_table table thead td,
#profile_table table thead tr,
#profile_table table thead tr th,
#profile_table table thead tr td,
#profile_table table tbody,
#profile_table table tbody th,
#profile_table table tbody td,
#profile_table table tbody tr,
#profile_table table tbody tr th,
#profile_table table tbody tr td,
#profile_table table tfoot,
#profile_table table tfoot th,
#profile_table table tfoot td,
#profile_table table tfoot tr,
#profile_table table tfoot tr th,
#profile_table table tfoot tr td { display: block; }


/*********************************************************************
 * 固定ページ workflow
*********************************************************************/
#workflow_flow ul li:after { margin: 10px 0 10px 70px !important; }

/*********************************************************************
 * 固定ページ Graphic, Photograph
*********************************************************************/
#graphic-menu { font-size: 14px; line-height: 1.6; text-align: center; max-width: 855px; margin: 0 auto; }
#graphic-menu ul { list-style-type: none; display: block; padding: 0; }
#graphic-menu ul li { margin: 0 0 50px 0; display: block; text-align: left; }
#graphic-menu ul li a { display: block; float: left; width: 50%; margin-right: 5px; }
#graphic-menu ul li a img { display: block; }
#graphic-menu-title { margin: 15px 0; }
#graphic-menu-botton { margin: 30px 0 0 0; text-align: center;}

#photograph-menu { font-size: 14px; line-height: 1.6; text-align: center; max-width: 855px; margin: 0 auto; }
#photograph-menu ul { list-style-type: none; display: block; padding: 0; }
#photograph-menu ul li { margin: 0 0 50px 0; display: block; text-align: left; }
#photograph-menu ul li a { display: block; float: left; width: 50%; margin-right: 5px; }
#photograph-menu ul li a img { display: block; }
#photograph-menu-title { margin: 15px 0; }
#photograph-menu-botton { margin: 30px 0 0 0; text-align: center;}

/*********************************************************************
 * 固定ページ Graphic, Photograph
*********************************************************************/

/*********************************************************************
 * Recruit
*********************************************************************/
#recruit_table { max-width: 655px; margin-right: auto; margin-left: auto; }
#recruit_table h3 { text-align: center; font-weight: normal; text-decoration: underline; }
#recruit_table table { font-size: 15px; display: block; }
#recruit_table table tr { display: block; }
#recruit_table table tr th { padding: 10px; background: #E7E7E7; display: block; font-weight: normal; vertical-align: top; border: 0 none; }
#recruit_table table tr td { display: block; padding: 10px 10px 10px 10px; border: 0 none; }

#recruit_table dl { margin: 0 0 0 10px; }
#recruit_table dl dt {}
#recruit_table dl dd { margin-bottom: 20px; }