@import url(./hpagency.css);



/*---------------------------

フラット02ホワイト1カラム

----------------------------*/



/*ツールバー消去*/

body {

    padding-top: 0 !important;

    color:#222;

}

/*リンク*/



#mainArticles a,.freeHtml a {

    /*color: #ddd;*/

	text-decoration:underline;

}

#mainArticles a:hover,.freeHtml a:hover{

    color: #482b09;

	text-decoration:underline;

}





#toolbar {

    display: none;

}

#wrap{

      background:url(../images/0000550154.jpg);

}



#wrap_body {

    background-color: rgba(255,255,255,0.4);

}

/*ぱんくず*/

#pankuz{

    display: none;

}



/*-------------------------------------------

title

-------------------------------------------*/

#title_outer{

    background: url(../images/161009376496901.png) no-repeat right top;

    height: 125px;

}





#title h1 {

    background: url(../images/172455498508101.png) left 25px no-repeat scroll;

    margin: 0 0 20px;

    padding: 0;

    text-align: left;

}

#title h1 a {

    display: inline-block;

    height: 105px;

    overflow: hidden;

    text-indent: 110%;

    white-space: nowrap;

    width: 430px;

}





#title .description{

    color:#222;

    font-size: 16px;

    margin: 0;

    text-align:center;

}





/*---------------------------

レイアウト

----------------------------*/

/*グローバルメニューfix*/

#topMenu {

    width: 100%;

    position: absolute;

    top: 165px;

   background:none #482b09;

    min-height:auto;

  /*

   transition:padding 0.3s linear 0s;

  */

}

#topMenu,#topMenu_outer,#topMenu_body{

   background:#482b09;

}





#topMenu_outer {

    background: none #666;

    margin: 0px auto;

}

#wrap_body {

    padding-top: 0;

}

#topMenu .topMenu li {

    width: 20%;

}

#topMenu .topMenu li a {

    background:#482b09;

    border-left: solid 1px #fff;

    line-height: 1.6;

    padding: 8px 0;

  box-sizing:border-box;

   font-size:16px;

  color:#fff;

  display:block;

}

#topMenu .topMenu li a:hover,#topMenu .topMenu li:last-of-type a:hover{

    background:#2f1c06;

  text-decoration:none;

   color:#fff;

}





#topMenu .topMenu li:last-of-type a{

  border-right:solid 1px #fff;

      background:#482b09;

}





#title {

    padding: 10px 0px 30px 0;

    height: 175px;

    height:auto;

    box-sizing: border-box;

    background: url(../images/0000550154.jpg);

}

#mainImage {

    position:relative;

    top:41px;

}

#contents{

    position: relative;

    top: 50px;

}

#sideContents {

    width: 100%;

    margin-top: 0;

    margin-bottom: 0px;

    background:unset;

    border-top:1px solid #ccc;

}



#sideContents_outer {

    width: 980px;

    margin: 0 auto;

    padding: 30px 0 30px 0;

    position: relative;

}





#sideBanners {

    margin: 0px 0 20px 0;

}





div#pankuz {

    padding: 2px 0;

    margin-bottom: 40px;

}

#pankuz_outer {

    width: 980px;

    margin: 0 auto;

}





#footer {

    width: 100%;

    padding: 30px 0 0 0;

    position: relative;

    top: 50px;

    background:url(../images/0000550154.jpg);

      border-top:1px solid #ccc;

}



.footer * {

    font-size: 0.8em;

    color: #222;

}

.footer li{

  float:none;

  display: inline-block;

}

.footer li a {

    text-decoration: none;

    display: block;

    color: #222;

    font-size: 16px;

}

div#footer_body {

    text-align: center;

}

.footer .topMenu {

    max-width: 980px;

    width: auto;

}

.footer .copyright {

    padding: 0px 0 5px 0;

    clear: both;

    margin-top: 30px;

}



/*お問い合わせ*/

#article_contact, #article_company {

    width: 980px;

    margin: 0 auto 30px auto;

    padding:0;

    background-color: unset;

    border: none;

    box-sizing: border-box;

}

#article_contact_ext {

    font-size: inherit;

    border: none;

}



.contactTable label{

  display:block;

}

.contactTable p{

  margin:0;

}

table.contactTable input.button {

    background-image: none;

    background-color: #1688D3;

    border: none;

    color: #fff;

    display: block;

    font-size: 16px;

    height: 50px;

    letter-spacing: 5px;

    margin: 0 auto;

    outline: none;

    width: 150px;

}

table.contactTable input.button:hover {

    background-image: none;

    background-color: #0F5C91;

	cursor: pointer;

}



/*画像&ギャラリー*/

.mainArticles .article_left .image {

    margin: 0 20px 0 0px;

}

.mainArticles .article_right .image {

    margin: 0 0px 0 20px;

}



.comment {

    text-align: center;

    font-size:92%;

}



/*iframe*/

iframe{

  box-sizing:border-box;

}









/*-------------------------------------

編集

---------------------------------------*/

body{

  font-size:16px;

  line-height:1.9;

  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",  "Avenir Next", Verdana, "Yu Gothic","游ゴシック",  Meiryo, "メイリオ", Osaka, sans-serif;

  -webkit-font-smoothing: subpixel-antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-weight:500;

}

p{

  margin-bottom:1.8em;

}

.mainContents .article .image img {

    max-width: 100%;

    border-radius: 2px;

}



/*リンク・ボタン*/

a {

    color: #1e90ff;

}

/*

#mainArticles a[target="_blank"]:after {

  padding: 0 0 0 5px;

  font-family: FontAwesome;

  content: '\f08e';

  font-size:90%;

}*/









/*メニューボタン*/

.menuBtn li {

    float: left;

        margin-right: 1%;

  width:24%;

}

.menuBtn li:last-of-type{

  margin-right:0;

}

.menuBtn li a.btn {

    margin: 4px 0 10px 0;

    min-width: 120px;

}





#mainArticles .btn {

  display: inline-block;

  width: 200px;

  height: 54px;

  text-align: center;

  text-decoration: none;

  line-height: 54px;

  outline: none;

  box-shadow: 0 2px 2px #aaa;

}

#mainArticles .menuBtn li a.btn {

  width: 100%;

}



#mainArticles .btn::before,

#mainArticles .btn::after {

  position: absolute;

  z-index: -1;

  display: block;

  content: '';

}

#mainArticles .btn,

#mainArticles .btn::before,

#mainArticles .btn::after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all .2s;

  transition: all .2s;

}



/**/

#mainArticles .btn {

  position: relative;

  z-index: 2;

  background-color: #fff;

  border: 1px solid #444;

  color: #444;

  line-height: 50px;

  overflow: hidden;

}

#mainArticles .btn:hover {

  color: #fff;

}

#mainArticles .btn:active{

  box-shadow:none;

  position:relative;

  top:2px;

}



.btn::after {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(.6);

  transform: scale(.6);

}

#mainArticles .btn:hover::after {

  background: #222;

  -webkit-transform: scale(1);

  transform: scale(1);

}





/*リンク半透明*/

#mainArticles a:hover img,

#sideBanners  a:hover img,

div.freeHtml a:hover img,

div.image img.gallery:hover,

a.btn:hover,

table.contactTable input.button:hover,

a.topBtn:hover{

  filter: alpha(opacity=75);

  -moz-opacity:0.75;

  opacity:0.75;

  cursor:pointer;

}



 /*グローバルメニュー*/





/*メインイメージ*/



.mainImage img {

  max-width:100%;

  width: 100%;

  height: auto;

}







/*リスト*/

.mainContents .check li {

    font-size: 120%;

}

.mainContents .check li:before {

    content: "\f138";

    font-family: FontAwesome;

    font-size: 20px;

    /*color: #fffafa;*/

    color:#ffa07a;

}





/*タイトル*/

#title h1{

  line-height:1.2;

}

#title h1 a {

    font-family: 'Poiret One', cursive;

    font-size: 220%;

    font-size: 48px;

}



/*見出し*/

#mainArticles h2, #mainServices h2, #mainTopics h2, #listTopics h2 {

    padding: .7em 0;

    font-size: 150%;

    border-bottom:none;

    border-bottom:1px solid #222;

    width:70%;

    letter-spacing: 0.2em;

    font-weight: 500;

    color: #222;

    text-align: center;

    margin:10px auto 50px auto;

}



.mainContents .article h3, .mainContents div.gallery h3 {

    background:none;

    font-size: 190%;

    color: #d6d6d6;

    text-align: center;

   /*background: -moz-linear-gradient(left, rgba(69,72,77,0) 0%, rgba(69,72,77,1) 10%, rgba(87,90,96,1) 90%, rgba(87,90,96,0.9) 91%, rgba(0,0,0,0) 100%);

   background: -webkit-linear-gradient(left, rgba(69,72,77,0) 0%,rgba(69,72,77,1) 10%,rgba(87,90,96,1) 90%,rgba(87,90,96,0.9) 91%,rgba(0,0,0,0) 100%);

   background: linear-gradient(to right, rgba(69,72,77,0) 0%,rgba(69,72,77,1) 10%,rgba(87,90,96,1) 90%,rgba(87,90,96,0.9) 91%,rgba(0,0,0,0) 100%);

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045484d', endColorstr='#00000000',GradientType=1 );*/

   background: #482b09;

}



.mainContents .article h3:first-letter, .mainContents div.gallery h3:first-letter {

font-size: 120%;

color: #7fac24;

}







.mainContents .article h4{

    font-size: 180%;

    padding-bottom: 15px;

    color:#FFD982;

}

.mainContents .article h5{

    font-size: 110%;

  　color:#ddd;

   border-left:4px double #ccc;

   padding:.2em .9em;

   margin-bottom:20px;

}







/*-------------------------------------------

table

-------------------------------------------*/

table.normalTbl {

    border-collapse: collapse;

    border-left: 1px solid #5f380a;

    border-spacing: 0;

    border-top: 1px solid #5f380a;

    margin: 10px auto;

    width: 100%;

}

table.normalTbl th {

	background-color: #482b09;

	color: #fff;

	height: auto;

	line-height: 150%;

	padding: 10px;

	text-align: center;

	vertical-align: middle;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #5f380a;

	border-bottom-color: #5f380a;

	width: 25%;

    font-weight:normal;

}

table.normalTbl td {

	border-bottom: 1px solid #5f380a;

	border-right: 1px solid #5f380a;

	height: auto;

	line-height: 150%;

	padding: 10px;

	width: 75%;

}





/*blockquote*/

blockquote {

overflow:hidden;

margin: 0 0 28px;

padding: 30px 20px 35px 55px;

position: relative;

border: 1px #b2b2b2 solid;

background: #f3f3f3;

}

blockquote:before {

content: '';

font-family: 'FontAwesome';

font-size: 36px;

color: #b2b2b2;

position: absolute;

top: 0px;

left: 10px;

}





/*

マップ幅100%

--------------------------*/

/*  <div class="width100"></div>のある記事は幅100%になります  */

.width100 {

    width: 100%;

}

.mainArticles .article, .mainArticles div.gallery, #mainTopics, #listTopics {

    width: 100%;

    overflow: visible;

    margin-bottom: 0;

         padding-top:0;

    padding-bottom: 50px;

}

.mainArticles .article {

    border-bottom: none;

}

#mainServices {

    width: 980px;

    margin-bottom: 50px;

    margin: 0 auto 50px auto;

}

div#mainTopics {

    margin-bottom: 25px;

    width: 980px;

    margin: 0 auto 80px auto;

}



#mainArticles {

  width: 100%;

  margin-bottom:0;

}

div#mainContents {

  width: 100%;

  padding-bottom: 0;

}



/*#sideContents,#sideContents_outer,#sideContents_body,.freeHtml,.freeHtml_outer{

  background:#000;

  font-size:16px;

}*/

.sideServices ul li a{

  font-size:16px;

}



.freeHtml_outer{

background-color:unset;

}



/*-------------------------------------------

リスト

-------------------------------------------*/

.po li {

	position: relative;

    margin-left:25px;

}

.po li::after {

	display: block;

	content: '';

	position: absolute;

	top: .6em;

	left: -1em;

	width: 10px;

	height: 10px;

	background-color: #FF9326;

	border-radius: 100%;

}



.width980{

  width:980px;

  margin:0 auto;

}



/*-------------------------------------------

faq

-------------------------------------------*/

ul.faq {

	padding: 10px 0 20px;

}

ul.faq li.qus:before ,

ul.faq li.ans:before {

	border-radius: 100%;

	color: #fff;

	display: block;

	float: left;

	font-size: 115%;

	width: 32px;

	height: 32px;

	line-height: 32px;

	margin-left: -40px;

	text-align: center;

}

ul.faq li.qus:before {

	background-color: #4D6570;

	content: "Q";

}

ul.faq li.ans:before {

	background-color: #98bede;

	content: "A";

}

ul.faq li.qus ,

ul.faq li.ans {

	display: block;

	padding-left: 45px;

	margin-bottom: 20px;

}





/*編集画面調整*/

#mainArticles .editable_ref {

  width: 980px;

  margin: 0 auto;

  overflow:hidden;

}



/*上へ戻る*/

a.topBtn{

  display:inline-block;

  padding:6px;

  box-sizing:border-box;

  text-align:center;

  text-decoration:none;

  background:#333;

  border-radius:2px;

  color:#fff;

  position:fixed;

  bottom:1em;

  right:1em;

  z-index:1000;

  width:2em;

  height:2em;

}



/*pc*/

#bottomLink{

  display:none;

}



/*フォトギャラリー*/

.gallery_slide.gallery_slide_color_w .galleryPreview,

.gallery_slide .galleryPreview, .gallery_slide.gallery_slide_color_b .galleryPreview,

.gallery_slide .galleryThumbs.fixed .images {

    background: #482b09;

}



#mainTopics {

    border-bottom: 0px solid #e9e9e9;

}

/*.sideMobile h2 {

    background: url(../images/0000535009.png) 0 18px no-repeat;

}

.sideServices h2 {

    background: url(../images/0000535008.png) 0 18px no-repeat;

}*/



/*ページングページ　見出しリンク無効化*/

#mainArticles .article[id^="article"] h3 a {

    color: #FFF;

    text-decoration: none;

    cursor: unset;

    pointer-events: none;

}