/*
Theme Name: WALL OF SAX
Author: Homepage Builder
Author URI: http://www.justsystems.com/jp/links/hpb/creator.html?p=hpb19_wp_hpbdash
Description: このテーマは「JustSystems Homepage Builder Version 19.0.12.0 for Windows」によって作成されました。サイト名は「WALL OF SAX」、サイトの公開日時は「2018年11月13日13:55」です。
License: 
License URI: license.txt
*/

/**
 * Very common styles
 * @since 2013-08-03
 * @modified 2013-08-03
 */

 #content .entry-title a{
 	text-decoration: none;
 }

 #content .entry-title a:hover,
 #content .entry-title a:focus{
 	text-decoration: underline;
 }

 #content .entry-content ol,
 #content .entry-content ul{
 	list-style-position: inside;
 }

 #content .entry-content ol{
 	list-style-type: decimal;
 }

 #content .entry-content ul{
 	list-style-type: disc;
 }

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img{
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft{
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-top: 0.25em;
}
.alignright,
img.alignright{
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-top: 0.25em;
}
.aligncenter,
img.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter{
	margin-bottom: 0.75em;
}

/* #Misc */
textarea{
	max-width: 100%;
}

/* #Very common styles
 **

 /* for IE8, IE7, IE6 */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
 	display: block;
 }
 p, ul, ol, h1, h2, h3, h4, h5{
 	margin: 0px;
 	padding: 0px;
 	list-style-type: none;
 }
 body{
 	margin: 0;
 	padding: 0;
 	text-align: left;
 	font-size: 75%;
 	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
 	color: #666;
 	min-width: 1020px;
 	background-image: url(img/bg_inner.png);
 }
 img{
 	border-top: 0;
 	border-right: 0;
 	border-bottom: 0;
 	border-left: 0;
 }
/*--------------------------------------------------------
  レイアウト設定
  --------------------------------------------------------*/
  #hpb-container{
  	background-image: url(img/bg_hpb-grobal-header.png);
  	background-repeat: repeat-x;
  	width: 1020px;
  	margin-right: auto;
  	margin-left: auto;
  	position: relative;
  }
  #hpb-inner{
  	width: 1000px;
  	margin-right: auto;
  	margin-left: auto;
  	padding-bottom:37px;
  }
  #hpb-grobal-header{
  	width: 1020px;
  	margin-right: auto;
  	margin-left: auto;
  	padding-bottom:10px;
  }

  #hpb-content{
  	float: right;
  	width: 650px;
  	margin-bottom: 70px;
  }

/*--------------------------------------------------------
  共通レイアウトパーツ設定
  --------------------------------------------------------*/
  /* ヘッダー内パーツ */
  #hpb-header-main{
  	height: 125px;
  	width: 490px;
  	float: left;
  }
  #hpb-header-main h1{
  	background-image: url(img/logo_luxury-4.png);
  	background-position: 0 center;
  	background-repeat: no-repeat;
  	height: 65px;
  	width: 490px;
  	margin-top: 25px;
  	padding: 0px;
  	text-indent: -9999px;
  }
  #hpb-header-main h1 a{
  	display: block;
  	height: 75px;
  	width: auto;
  }
  #hpb-header-main #hpb-site-desc{
  	font-size: 0.9em;
  	color: #99C;
  	margin: 0px;
  	font-weight: normal;
  	padding-top: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
  	padding-left: 18px;
  }
  #hpb-header-extra1{
  	background-image: url(img/bg_hpb-header-extra1.png);
  	/*float: right;*/
  	position: absolute;
  	top:0;
  	right: 0;
  	height: 25px;
  	width: 500px;
  	padding-top: 50px;
  	padding-left: 0px;
  	padding-right:10px;
  	color: #FFF;
  	background-repeat: no-repeat;
  	background-position: left 30px;
  }
  #hpb-header-extra1 p{
  	margin: 0px;
  	font-size: 0.9em;
  	color: #99C;
  }

  #hpb-main-nav{
  	width: 1000px;
  	margin-right: auto;
  	margin-left: auto;
  	clear: both;
  }
  .home #hpb-main-nav{
  	padding-top: 362px;
  }
  #hpb-main-nav .hpb-c-index{
  	display: none;
  }
  #hpb-main-nav .menu-mainnav-container{
  	width: 1000px;
  	margin-right: auto;
  	margin-left: auto;
  }
  .home #hpb-main-nav .menu-mainnav-container{
  	padding-top: 40px;
  }

  /* ナビゲーション */
  #hpb-main-nav ul{
  	display: block;
  	margin-top: 0px;
  	margin-right: 0;
  	margin-bottom: 0;
  	margin-left: 0;
  	list-style-type: none;
  	text-align: left;
  	background-image: url(img/bg_main-nav.png);
  	padding: 0px;
  }

  #hpb-main-nav ul::after{
  	content: ".";
  	clear: both;
  	height: 0;
  	display: block;
  	visibility: hidden;
  }

  #hpb-main-nav li{
  	float: left;
  	z-index: 100;
  }
  #ie6 #hpb-main-nav li,
  #ie7 #hpb-main-nav li{
  	position: relative;
  }
  #hpb-main-nav ul li a:link,
  #hpb-main-nav ul li a:visited,
  #hpb-sidebar-main-nav ul li a:link,
  #hpb-sidebar-main-nav ul li a:visited{
  	color: #CCC;
  }

  #hpb-main-nav ul li a:hover,
  #hpb-main-nav li.current-menu-item a,
  #hpb-sidebar-main-nav ul li a:hover,
  #hpb-sidebar-main-nav li.current-menu-item a{
  	background-image: url(img/bg_main-nav_hover.png);
  	color: #FFF;
  	text-decoration: none;
  }


  #hpb-main-nav ul .sub-menu{
  	display: none;
  	position: absolute;
  	margin-top: 55px;
  	margin-left: 0;
  	z-index: 200;
  	height: auto;
  	background-color: rgba( 0, 0, 0, 0.7 );
  	background-image: none;
  	border: none;
  	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.15 );
  	padding-top: 0;
  	padding-right: 0;
  	padding-left: 0;
  	padding-bottom: 0;
  }
  #hpb-main-nav ul .sub-menu ul{
  	margin-top: 0;
  	padding-top: 0;
  	padding-right: 0;
  	padding-left: 0;
  	padding-bottom: 0;
  }

  #ie6 #hpb-main-nav ul .sub-menu,
  #ie7 #hpb-main-nav ul .sub-menu{
  	left: 0;
  	position: absolute;
  }
  #ie6 #hpb-main-nav ul .sub-menu a,
  #ie7 #hpb-main-nav ul .sub-menu a{
  	width: 10em;
  }
  #hpb-main-nav ul .sub-menu li{
  	border: none;
  }

  #hpb-main-nav ul .sub-menu li a{
  	display: block;
  	height: auto;
  	padding-bottom: 5px;
  	line-height: 1.4;
  	border: none;
  }

  #hpb-main-nav ul .sub-menu li a:hover{
  	display: block;
  	height: auto;
  	padding-bottom: 5px;
  	line-height: 1.4;
  	color: #FFF;
  	background-color: #000;
  	background-image: none;
  }

  #hpb-main-nav ul li:hover .sub-menu{
  	display: block;
  }


  #hpb-main-nav ul ul li{
  	float: none;
  }

  #hpb-main-nav ul ul a{
  	float: none;
  	border-top: none;
  	border-right: none;
  	border-bottom: none;
  	border-left: none;

  }

  #hpb-main-nav li a{
  	display: block;
  	float: left;
  	padding-top: 14px;
  	padding-bottom:13px;
  	padding-left: 15px;
  	padding-right: 15px;
  	font-size: 12px;
  	line-height: 28px;
  }

  #hpb-main-nav a:link,
  #hpb-main-nav a:visited{
  	color: #000;
  	text-decoration: none;
  }
  #hpb-main-nav a:hover,
  #hpb-main-nav a:active{
  	text-decoration: underline;
  }

  #hpb-content #hpb-main{
  	padding-right: 24px;
  	padding-left: 24px;
  	padding-top: 0px;
  	padding-bottom: 30px;
  }
  .home #hpb-content #hpb-main #page-content{
  	padding-top: 37px;
  }
  #hpb-title h2{
  	background-image: url(img/bg_h2_title.png);
  	background-repeat: no-repeat;
  	background-position:left bottom;
  	line-height: 33px;
  	color: #FFF;
  	width: 600px;
  	padding-left: 46px;
  	margin-right: -10px;
  	margin-left: -10px;
  	margin-top:20px;
  	padding-top:10px;
  	padding-right:10px;
  	padding-bottom:10px;
  }
  .home #hpb-title{
  	text-indent: -9999px;
  	height: 390px;
  	width: 1000px;
  	position: absolute;
  	top: 130px;
  	margin-left: -350px;
  }
  .home #hpb-title h2{
  	height: 100%;
  }
  #hpb-content{
  	background-image: url(img/bg_contents.png);
  	background-repeat: repeat-y;
  	margin-bottom: 0px;
  	padding-bottom: 0px;
  }

/*
#hpb-content .hpb-viewtype-full h3{
	margin-left: 20px;
}
*/
#page-content{
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
}
.home #page-content{
	padding-right: 0;
	padding-left: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

#hpb-main .hpb-more-entry{
	width: auto;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom:20px;
	background-image: none;
}
#hpb-global-footer{
	clear: both;
	background-image: url(img/bg_footer.png);
	background-position: center center;
	height: 55px;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
}
#hpb-global-footer #hpb-sub-nav h3{
	display: none;
}
/* フッター内パーツ */
.hpb-wp-login{
	margin-top: -2em;
	padding-right: 15px;
	text-align: right;
}

/* コピーライト文字設定 */
#hpb-footer-main p{
	text-align: center;
	padding-right: 20px;
}
#hpb-footer-main .hpb-copyright{
	font-size: 0.8em;
}
footer nav ul{
	margin-bottom: 10px;
}
footer nav ul li:first-child{
	border-left: medium none;
}
/* フッターナビ設定 */
footer nav li{
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	border-left: 1px solid #999999;
}
footer nav li a:link, footer nav li a:visited{
	color: #FFF;
	text-decoration: underline;
}
footer nav li a:hover{
	text-decoration: none;
}
aside{
	float: left;
	background-image: url(img/bg_aside.png);
	background-repeat: repeat-x;
	background-color: #00598d;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 300px;
}
aside ul{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	background-image: url(img/bg_aside_ul.png);
}
aside ul ul{
	background-image: none;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
aside ul li.widget:last-child{
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;
}
/* サイドブロック内パーツ */


aside .widget{
	margin-bottom: 15px;
	padding-bottom: 10px;
	background-color: #ffffff;
}
aside h2{
	background-image: url(img/bg_aside_widgettitle.png);
	height: 45px;
	width: 254px;
	background-repeat: no-repeat;
	color: #FFF;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	line-height: 45px;
	margin-right: auto;
	margin-left: -10px;
}
aside li li{
	background-image: url(img/bg_sidebar_li.png);
	background-repeat: no-repeat;
	background-position: 15px 1.5em;
	width: 273px;
	padding-top: 12px;
	padding-left: 27px;
	min-height:24px;
}
aside li div, aside li ul{
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}

aside .tagcloud, aside .textwidget, aside #calendar_wrap{
	padding-right: 15px;
	padding-left: 15px;
}
aside .tagcloud a{
	color: #D27E00;
}
/*--------------------------------------------------------
  サイドバーメニュー設定
  --------------------------------------------------------*/

  aside #hpb-sidebar-main-nav, aside #hpb-sidebar-sub-nav{
  	display: none;
  }

/*--------------------------------------------------------
  基本パーツデザイン設定
  --------------------------------------------------------*/
  /* リンク文字色 */
  a:link, a:visited{
  	color: #333; /* 標準文字色 */
  	text-decoration: underline;
  }
  a:hover, a:active{
  	color: #ff0000;
  	text-decoration: none;
  }

  p{
  	margin-top: 0;
  	margin-bottom: 1.5em;
  	padding-right: 0.1em;
  	padding-left: 0.1em;
  	line-height: 1.4;
  	text-align: left;
  }
  .xx-small{
  	font-size: 0.75em;
  }
  .x-small{
  	font-size: 0.8em;
  }
  .small{
  	font-size: 0.9em;
  }
  .medium{
  	font-size: 1em;
  }
  .large{
  	font-size: 1.2em;
  }
  .x-large{
  	font-size: 1.5em;
  }
  .xx-large{
  	font-size: 2em;
  }
  p.indent{
  	padding-left: 5px;
  }
  hr{
  	width: 100%;
  	height: 1px;
  	margin-top: 10px;
  	margin-right: auto;
  	margin-bottom: 20px;
  	margin-left: auto;
  	padding-top: 0;
  	padding-right: 0;
  	padding-bottom: 0;
  	padding-left: 0;
  	clear: both;
  	border-top-width: 1px;
  	border-top-style: none;
  	border-right-width: 1px;
  	border-right-style: none;
  	border-left-width: 1px;
  	border-left-style: none;
  	color: #ffffff;
  	border-bottom-width: 1px;
  	border-bottom-style: none;
  }

  #ie6 hr,
  #ie7 hr,
  #ie8 hr{
  	margin-top:0;
  	margin-bottom:0;
  }


  .hpb-viewtype-full h3 a{
  	color: #096193;
  }

  #page-content h2{
  	background-image: url(img/bg_h2.png);
  	min-height: 25px;
  	width: 580px;
  	color: #096193;
  	padding-top: 7px;
  	padding-bottom: 7px;
  	padding-right: 15px;
  	padding-left: 47px;
  	margin-right: -5px;
  	margin-left: -5px;
  	font-size: 1.2em;
  	margin-bottom: 27px;
  	clear: both;
  	background-repeat: no-repeat;
  }

  #hpb-content h2 a{
  	text-decoration:none;
  	color: #fff;
  }
  #hpb-content h3{
  	font-size: 1.2em;
  	background-image: url(img/bg_h3.png);
  	margin-top: 10px;
  	margin-right: -5px;
  	margin-left: -5px;
  	margin-bottom: 15px;
  	padding-top: 5px;
  	padding-right: 10px;
  	padding-bottom: 5px;
  	padding-left: 20px;
  	clear: both;
  	color: #096193;
  	background-repeat: no-repeat;
  	background-position:left bottom;
  }

  h4{
  	margin-bottom: 10px;
  	clear: both;
  	font-size: 1.1em;
  	color: #096193;
  	border-bottom-width: 1px;
  	border-bottom-style: solid;
  	border-bottom-color: #096193;
  }
  h5{
  	color: #096193;
  	clear: both;
  	font-size: 1.1em;
  	margin-bottom: 10px;
  }
  h6{
  	color: #096193;
  	clear: both;
  	font-size: 1em;
  	margin-bottom: 10px;
  }
  #page-content img{
  	background-image: none;
  	padding: 6px;
  }

  #page-content ul{
  	margin-left: 15px;
  	padding-left: 0px;
  }

  #page-content ul li{
  	background-image: url(img/bg_content_ul_li.png);
  	background-repeat: no-repeat;
  	background-position: left 0.4em;
  	list-style-type: none;
  	padding-left: 15px;
  }
  table{
  	margin-top: 5px;
  	margin-right: auto;
  	margin-bottom: 5px;
  	margin-left: 0;
  	border-collapse: collapse;
  	border: 1px solid #DEDEDE;
  }
  table th{
  	padding-top: 8px;
  	padding-right: 15px;
  	padding-bottom: 8px;
  	padding-left: 8px;
  	text-align: left;
  	color: #FFF;
  	background-color: #00097C;
  	background-image: url(img/bg_table_th.png);
  	background-repeat: repeat-y;
  }
  table td{
  	padding-top: 8px;
  	padding-right: 15px;
  	padding-bottom: 8px;
  	padding-left: 8px;
  	text-align: left;


  }
  table th, table td{
  	padding-top: 10px;
  	padding-right: 15px;
  	padding-bottom: 10px;
  	padding-left: 15px;
  }

  #page-content ul,
  #page-content ol{
  	margin: 0px;
  	padding-top: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
  	padding-left: 10px;
  }
  #page-content ul li{
  	background-image: url(img/bg_content_ul_li.png);
  	background-repeat: no-repeat;
  	background-position: left 0.3em;
  	padding-left: 25px;
  	margin-bottom: 10px;
  	padding-bottom: 5px;
  	list-style-type: none;
  }
  #page-content ol li{
  	padding-left: 5px;
  	margin-bottom: 10px;
  	padding-bottom: 5px;
  	list-style-type: decimal;
  	list-style-position: inside;
  }

  #hpb-content blockquote{
  	background-image: url(img/bg_blockquote.png);
  	background-position: 10px 10px;
  	background-repeat: no-repeat;
  	background-color: #F1F1F1;
  	padding-top: 27px;
  	margin: 0px;
  	padding-right: 48px;
  	padding-bottom: 27px;
  	padding-left: 48px;
  }
  /* フォームパーツ設定 */
  input.button{
  	margin-top: 10px;
  	margin-bottom: 15px;
  }
  textarea{
  	width: 400px;
  	height: 200px;
  }
  input.l{
  	width: 400px;
  }
  input.m{
  	width: 250px;
  }
  input.s{
  	width: 150px;
  }
  /* メインコンテンツ内基本パーツ */


  #hpb-breadcrumb-list{
  	padding-top: 10px;
  	padding-left: 10px;
  }
  #hpb-breadcrumb-list div{
  	display: inline;
  	color: #cccccc;
  }
  #hpb-breadcrumb-list a{
  	color: #66ccff;
  	text-decoration: none;
  }

  .hpb-viewtype-date dl{
  	margin-top: 0;
  	margin-right: 0;
  	margin-bottom: 10px;
  	margin-left: 0;
  	padding-top: 0;
  	padding-right: 0;
  	padding-bottom: 0;
  	padding-left: 0;
  	zoom: 1;
  }
  .hpb-viewtype-date dt{
  	float: left;
  	clear: both;
  	padding-top: 24px;
  	padding-left: 20px;
  }
  .hpb-viewtype-date dd{
  	background-image: url(img/bg_home_news_line.png);
  	background-position: center bottom;
  	padding-top: 0px;
  	padding-right: 0px;
  	padding-bottom: 10px;
  	padding-left: 160px;
  	background-repeat: no-repeat;
  	float: left;
  	width: 400px;
  	margin-top: -20px;
  	margin-right: 0px;
  	margin-bottom: 0px;
  	margin-left: 0px;
  }
  .hpb-viewtype-date dd a{
  	display: block;
  }
  .hpb-viewtype-date dl::after{
  	content: ".";
  	clear: both;
  	height: 0;
  	display: block;
  	visibility: hidden;
  }
  #hpb-main .hpb-postinfo{
  	text-align: right;
  	margin: 0;
  }
  #hpb-main .hpb-pagenation{
  	clear: both;
  }
  #hpb-main .hpb-pagenation .hpb-oldpage{
  	float: left;
  }
  #hpb-main .hpb-pagenation .hpb-newpage{
  	float: right;
  }
  #hpb-main .hpb-pagenation::after{
  	content: ".";
  	clear: both;
  	height: 0;
  	display: block;
  	visibility: hidden;
  }
  #hpb-main .alignleft{
  	margin-top: 5px;
  	margin-right: 20px;
  	margin-bottom: 10px;
  	float: left;
  }
  #hpb-main .alignright{
  	margin-top: 5px;
  	margin-bottom: 10px;
  	margin-left: 20px;
  	float: right;
  }
  #hpb-main .aligncenter{
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 5px;
  	margin-bottom: 10px;
  }
  #hpb-main div.hpb-more-entry{
  	border-bottom: none;
  	border-left: none;
  	border-top: none;
  	border-right: none;
  	padding-top: 0;
  	padding-right: 0;
  	padding-bottom: 0;
  	padding-left: 0;
  	text-align: right;
  }
  #hpb-main div.hpb-more-entry a{
  	color: #3399cc;
  }

  /* トップページ デザイン定義 */
  .home #hpb-title h2{
  	margin-top: 0;
  	overflow: hidden;
  	text-indent: -9999px;
  	width: auto;
  	background-position: top center;
  	background-repeat: no-repeat;
  	margin-left:auto;
  	margin-right:auto;
  }
  .home #hpb-title h2 a{
  	color: #000000;
  }
  /* 投稿内の画像サイズ定義 */
  img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{
  	max-width: 97.5%;
  	width: auto;
  	height: auto;
  }
  .wp-caption, .wp-caption-text{
  	text-align: center;
  }
/*--------------------------------------------------------
  ウィジェットデザイン設定
  --------------------------------------------------------*/

  /* カレンダー */
  .widget_calendar div{
  	padding-left: 10px;
  	padding-right: 10px;
  }
  .widget_calendar caption{
  	border-radius: 3px;
  	margin-bottom: 3px;
  }
  .widget_calendar table{
  	width: 100%;
  	border-collapse: collapse;
  	border-top: none;
  	border-right: none;
  	border-bottom: none;
  	border-left: none;
  	table-layout: fixed;
  	margin: 0px;
  	padding: 0px;
  }
  .widget_calendar table td, .widget_calendar table th{
  	background-color: inherit;
  	padding: 0;
  	text-align: center;
  	border-top: none;
  	border-right: none;
  	border-bottom: none;
  	border-left: none;
  }
  .widget_calendar table th{
  	background-color: #8A6749;
  	color: #FFF;
  }
  .widget_calendar table td{
  	border-bottom-width: 1px;
  	border-bottom-style: solid;
  	border-bottom-color: #8A6749;
  }
  .widget_calendar #today{
  	background-color: #e7e7e7;
  	border-radius: 5px;
  }
  .widget_calendar tbody a{
  	color: #D27E00;
  	padding-left: 3px;
  	padding-right: 3px;
  }
  .widget_calendar #prev{
  	padding-top: 7px;
  	text-align: left;
  }
  .widget_calendar #next{
  	padding-top: 7px;
  	text-align: right;
  }
  /* 検索 */

  #hpb-inner aside ul li.widget_search{
  	background-color: #FFF;
  	padding: 10px;
  	margin-right: auto;
  	margin-left: auto;
  }


  aside #searchform input#s{
  	height: 28px;
  	width: 175px;
  }

  #searchsubmit{
  	width:45px;
  }

  #ie6 #searchsubmit,
  #ie7 #searchsubmit{
  	margin-bottom:3px;
  	padding-top:5px;
  }

  .widget_search label{
  	display: none;
  }

  .widget_tag_cloud .tagcloud a:visited{
  	color: #666666; /* 標準文字色 */
  }
/*--------------------------------------------------------
  カスタム投稿一覧
  --------------------------------------------------------*/
  /* viewtype : content */
  #hpb-main .hpb-viewtype-content dt{
  	float: none;
  	padding-top: 0px;
  	padding-right: 0px;
  	padding-bottom: 10px;
  	padding-left: 10px;
  	border-bottom-width: 1px;
  }
  #hpb-main .hpb-viewtype-content dd{
  	padding-top: 0px;
  	padding-right: 0px;
  	padding-bottom: 10px;
  	padding-left: 10px;
  	margin-bottom: 10px;
  }

  /* viewtype : full */
  .hpb-viewtype-simple article, .hpb-viewtype-thumbnail article, .hpb-viewtype-full article{
  	padding-top: 0px;
  	padding-right: 20px;
  	padding-bottom: 10px;
  	padding-left: 20px;
  }
  footer .hpb-wp-login a{
  	color:#fff;
  }


/*--------------------------------------------------------
  メディアクエリ
  --------------------------------------------------------*/

 
  /* clearfix */
  #hpb-grobal-header::after,
  #hpb-main-nav ul::after,
  #hpb-inner::after,
  .hpb-viewtype-thumbnail::after,
  .hpb-viewtype-date dl::after,
  #page-content dl::after,
  .hpb-entry-content dl::after,
  .hpb-pagenation::after,
  #hpb-content::after,
  .hpb_social::after{
  	content: "";
  	display: table;
  	clear: both;
  }
  #ie8 #hpb-grobal-header,
  #ie8 #hpb-main-nav ul,
  #ie8 #hpb-inner,
  #ie8 .hpb-viewtype-thumbnail,
  #ie8 .hpb-viewtype-date dl,
  #ie8 #page-content dl,
  #ie8 .hpb-entry-content dl,
  #ie8 .hpb-pagenation,
  #ie8 #hpb-content,
  #ie8 .hpb_social{
	zoom: 1;
}


  #ie6 #hpb-grobal-header,
  #ie6 #hpb-main-nav ul,
  #ie6 #hpb-inner,
  #ie6 .hpb-viewtype-thumbnail,
  #ie6 .hpb-viewtype-date dl,
  #ie6 #page-content dl,
  #ie6 .hpb-entry-content dl,
  #ie6 .hpb-pagenation,
  #ie6 #hpb-content,
  #ie6 .hpb_social{
	zoom: 1;
}

  #ie7 #hpb-grobal-header,
  #ie7 #hpb-main-nav ul,
  #ie7 #hpb-inner,
  #ie7 .hpb-viewtype-thumbnail,
  #ie7 .hpb-viewtype-date dl,
  #ie7 #page-content dl,
  #ie7 .hpb-entry-content dl,
  #ie7 .hpb-pagenation,
  #ie7 #hpb-content,
  #ie7 .hpb_social{
	zoom: 1;
}


/* ------------------------------------------------------
追記17→18
------------------------------------------------------*/


/* レイアウト設定 */
#page{
	background-image: url(img/bg_hpb-grobal-header.png);
	background-repeat: repeat-x;
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.home #main{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top:116px;
}


#main{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:37px;
}

#masthead{
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:10px;
}

#primary{
	float: right;
	width: 650px;
	margin-bottom: 70px;
	background-image: url(img/bg_contents.png);
	background-repeat: repeat-y;

}
.error404 #primary,
.error404 #content{
	width: 100%;
}
/* ヘッダー */

#masthead{
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:10px;
	position: relative;
}

/* ヘッダー内パーツ */
.site-branding{
	height: 125px;
	width: 490px;
	/*float: left;*/
}
.site-branding h1{
	background-image: url(img/logo_luxury-4.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	height: 65px;
	width: 490px;
	/*margin-top: 25px;*/
	padding: 0px;
	text-indent: -9999px;
}
.site-branding h1 a{
	display: block;
	height: 75px;
	width: auto;
}
.site-branding #hpb-site-desc{
	font-size: 0.9em;
	color: #99C;
	margin: 0px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}

/* メインイメージ */

#hpb-header-image{
	text-align:center;
	height:390px;
	/*margin-top:-510px;*/
	clear: both;
}

/* ナビゲーション */

#site-navigation h1.menu-toggle{
	display:none;
}

#site-navigation div{
	display:none;
}

/*#site-navigation {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	}*/
	.home #site-navigation{
	/*padding-top: 397px;
	clear: both;*/
	position: absolute;
	top: 520px;
	left: 10px;
}
#site-navigation .hpb-c-index{
	display: none;
}
#site-navigation .menu-mainnav-container{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.home #site-navigation .menu-mainnav-container{
	padding-top: 40px;
}

#site-navigation ul{
	display: block;
	height: auto;
	min-height: 55px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	list-style-type: none;
	text-align: left;
	background-image: url(img/bg_main-nav.png);
	padding: 0px;
	zoom: 1;
	position: relative;
	clear: both;
}



	#site-navigation li{
		float: left;
		z-index: 100;
		height: 55px;
	}

	#site-navigation ul li a:link,
	#site-navigation ul li a:visited,
	#hpb-sidebar-main-nav ul li a:link,
	#hpb-sidebar-main-nav ul li a:visited{
		color: #CCC;
	}

	#site-navigation ul li a:hover,
	#site-navigation li.current-menu-item a,
	#hpb-sidebar-main-nav ul li a:hover,
	#hpb-sidebar-main-nav li.current-menu-item a{
		background-image: url(img/bg_main-nav_hover.png);
		color: #FFF;
		text-decoration: none;
	}

	#site-navigation ul .sub-menu{
		display: none;
		position: absolute;
		margin-top: 55px;
		margin-left: 0;
		z-index: 200;
		height: auto;
    width: 250px;
    background-color: #111;
		background-color: rgba( 0, 0, 0, 0.7 );
		background-image: none;
		border: none;
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
    line-height: 28px;
	}

	#site-navigation ul .sub-menu ul{
		margin-top: 0;
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}

	#ie6 #site-navigation ul .sub-menu,
	#ie7 #site-navigation ul .sub-menu{
		left: 0;
		position: absolute;
	}
	
	#site-navigation ul .sub-menu li{
		border: none;
    line-height: 28px;
	}

	#site-navigation ul .sub-menu li a{
		display: block;
		height: auto;
		line-height: 28px;
		border: none;
	}

	#site-navigation ul .sub-menu li a:hover{
		display: block;
		height: auto;
		color: #FFF;
		background-color: #000;
		background-image: none;
	}

	#site-navigation ul li:hover .sub-menu{
		display: block;
	}

	#site-navigation ul ul li{
		float: none;
	}

	#site-navigation ul ul a{
		float: none;
		border-top: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}

	#site-navigation li a{
		display: block;
		float: left;
		padding-top: 14px;
		padding-bottom:13px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 12px;
		line-height: 28px;
	}

	#site-navigation a:link,
	#site-navigation a:visited{
		color: #000;
		text-decoration: none;
	}
	#site-navigation a:hover,
	#site-navigation a:active{
		text-decoration: underline;
	}


	/* フッター */

	#colophon{
		clear: both;
		background:#00598D url(img/bg_aside_ul.png) left bottom repeat;
		height:auto;
		color: #FFF;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align:center;
	}
	#colophon #hpb-footer-main{
		clear:both;
		height:auto;
		z-index: 999;
	}

	#colophon .widget_calendar table td{
		color:#333333;
	} 

	#colophon h1.menu-toggle{
		display: none;
	}

	#colophon .footer-widgets aside{
		float:left;
		height: auto;
	}

	#colophon #site-sub-navigation{
		margin-bottom:20px;
	}

	.wp-login{
		margin-top: 0;
		padding-right: 15px;
		text-align: right;
	}

	footer .wp-login a{
		color:#fff;
	}

	.entry-header{
		padding:0;
		margin:0 0 0 -24px;
	}

	body.search .entry-header{
		margin-left: 0;
	}

	#primary #content{
		padding-right: 24px;
		padding-left: 24px;
		padding-top: 0px;
		padding-bottom: 30px;
	}

	.home #primary #content #page-content{
		padding-top: 37px;

	}

	footer .widget{
		text-align:left;
	}

	/* メイン */


	#primary h2 a{
		text-decoration:none;
		color: #fff;
	}
	#primary h3, .comments-title{
		font-size: 1.2em;
		background-image: url(img/bg_h3.png);
		margin-top: 10px;
		margin-right: -5px;
		margin-left: -5px;
		margin-bottom: 15px;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 20px;
		clear: both;
		color: #096193;
		background-repeat: no-repeat;
		background-position:left bottom;
	}

	#primary blockquote{
		background-image: url(img/bg_blockquote.png);
		background-position: 10px 10px;
		background-repeat: no-repeat;
		background-color: #F1F1F1;
		padding-top: 27px;
		margin: 0px;
		padding-right: 48px;
		padding-bottom: 27px;
		padding-left: 48px;
	}

	/* サイド */

	#sidebar-1{
		float: left;
		background-image: url(img/bg_aside.png);
		background-repeat: repeat-x;
		background-color: #00598d;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		width: 300px;
	}

	#sidebar-1 #secondary{
		background:url(img/bg_aside_ul.png) top left repeat;
		padding:20px 0;
	}


	/* 検索 */

	aside.widget_search{
		background-color: #FFF;
		padding:10px;
		margin-right: 20px;
		margin-left: 20px;
	}

	#sidebar-1 aside.widget_search{
		background-color: #FFF;
		padding:10px;
		margin-right: 20px;
		margin-left: 20px;
	}

	aside{
		width:240px;
		background:#FFF;
		margin:0 20px 10px 20px;
	}
	aside ul{
		background-image:none;
		padding:0;
		margin-bottom:10px;
	}

	aside ul li.widget:last-child{
		background-image: none;
		background-position: left bottom;
		background-repeat: no-repeat;
	}

	aside h1{
		background-image: url(img/bg_aside_widgettitle.png);
		height: 45px;
		width: 254px;
		background-repeat: no-repeat;
		color: #FFF;
		padding-left: 20px;
		font-size: 1em;
		font-weight: bold;
		line-height: 45px;
		margin-right: auto;
		margin-left: -20px;
	}
	aside li{
		background-image: url(img/bg_sidebar_li.png);
		background-repeat: no-repeat;
		background-position: 15px 1.5em;
		width: 273px;
		padding-top: 12px;
		padding-left: 27px;
		min-height:24px;
	}
	aside li div, aside li ul{
		background-color: #FFF;
		margin-right: auto;
		margin-left: auto;
	}

	aside .tagcloud, aside .textwidget, aside #calendar_wrap{
		padding-right: 15px;
		padding-left: 15px;
	}
	aside .tagcloud a{
		color: #D27E00;
	}
	aside #hpb-sidebar-main-nav, aside #hpb-sidebar-sub-nav{
		display: none;
	}

	#breadcrumb-list{
		padding-top: 10px;
		padding-left: 10px;
	}
	#breadcrumb-list div{
		display: inline;
		color: #cccccc;
	}
	#breadcrumb-list a{
		color: #66ccff;
		text-decoration: none;
	}

	body.search-no-results h1.entry-title,
	body.search-results h1.page-title,
	body.error404 h1.entry-title,
	body.page h1.entry-title,
	body.archive h1.page-title,
	body.home h1#hpb-page-title{
		background-image: url(img/bg_h2_title.png);
		background-repeat: no-repeat;
		background-position:left bottom;
		line-height: 33px;
		color: #FFF;
		width: 600px;
		padding-left: 46px;
		margin-right: -10px;
		margin-left: -10px;
		margin-top:20px;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
	}
	body.search-no-results h1.entry-title,
	body.search-results h1.page-title{
		margin-left: -34px;
	}

	body.archive h1.page-title{
		background-image: url(img/bg_h2_title.png);
		background-repeat: no-repeat;
		background-position:left bottom;
		line-height: 33px;
		color: #FFF;
		width: 600px;
		padding-left: 46px;
		margin-left: -34px;
		margin-top:20px;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
	}

	body.archive h1.entry-title{
		margin-bottom: 10px;
		clear: both;
		font-size: 1.1em;
		color: #096193;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #096193;
		margin-left:20px;
		padding-right:-20px;
	}

	#content .entry-meta{
		text-align: right;
		margin: 0;
	}

	.page-title a, body.single h1.entry-title a, body.archive h1.page-title a{
		background-image: url(img/bg_h2_title.png);
		background-repeat: no-repeat;
		background-position:left bottom;
		line-height: 33px;
		color: #FFF;
		width: 600px;
		padding-left: 46px;
		margin-right: -10px;
		margin-left: -10px;
		margin-top:20px;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		display:block;
	}
#nav-below .screen-reader-text,
#hpb-pagenation .screen-reader-text{
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
}
/*--------------------------------------------------------
  メディアクエリ
  --------------------------------------------------------*/
@media (max-width:480px) {
  	body,
  	#page,
  	#masthead,
  	#colophon,
  	#main,
  	#primary,
  	#content,
  	.home #hpb-title,
  	.site-branding,
  	#primary h2,
  	#site-navigation .menu-mainnav-container,
  	#main aside{
  		width: auto;
  	}
  	body{
  		background-image: none;
  		background-color: #333333;
  		min-width: 320px;
  	}
  	.home #page,
  	#page{
  		background-position: 0 -55px;
  	}

  	/* ヘッダー */
  	.site-branding h1 a{
  		background-repeat: no-repeat;
  	}
  	#masthead{
  		background-position: left 30px;
  		margin-top: -1px;
  		padding-top: 1px;
  		padding-left: 10px;
  		padding-right: 10px;
  		padding-bottom: 0;
  		height: auto;
  	}

  	.home #masthead{
  		height: auto;
  		max-height: none;
  		padding-bottom: 0;
  	}

  	.site-branding{
  		width: auto;
  		height: auto;
  		float: none;
  	}
  	.site-branding h1{
  		margin-top: 15px;
  		margin-bottom: 0px;
  		margin-left: 0;
  		margin-right: 0;
  		width: auto;
  		height:55px;
  	}
  	.site-branding h2#hpb-site-desc{
  		width: 100%;
  		margin-left: -10px;
  		margin-right: -10px;
  		padding-left: 10px;
  		padding-right: 10px;
  		top: -25px;
  		height: auto;
  	}

  	#hpb-header-extra1{
  		background-color: #096193;
  		background-image: none;
  		font-size: 10px;
  		text-align: left;
  		float: none;
  		margin-left: -10px;
  		margin-right: -10px;
  		margin-top: 0;
  		margin-bottom: 10px;
  		width: auto;
  		height: auto;
  		padding-top: 5px;
  		padding-right: 10px;
  		padding-left: 10px;
  		padding-bottom: 5px;
  	}
  	#hpb-header-extra1 p{
  		display: inline;
  		text-align: right;
  		font-size: 1.1em;
  	}
  	#hpb-header-extra1 p.tel a{
  		color: #9999CC;
  	}
  	#hpb-header-extra1 p.tel span{
  		/* 電話番号の「TEL」文字設定 */
  		padding-left: 0;
  	}


  	#site-navigation,
  	#hpb-sub-nav{
  		display: none;
  	}
  	#site-navigation .menu-mainnav-container{
  		height: auto;
  		padding-top: 10px !important;
  		border:1px solid #F00;
  	}
  	#site-navigation ul,
  	#hpb-sidebar-main-nav ul{
  		height: auto;
  		background-image: none;
      width: 100%;
  	}
  	#site-navigation ul li{
  		float: none;
  		width:auto;
      display: inline;
  	}
    #site-navigation li{
    z-index: 100;
    height: 45px;
    }

  	#hpb-sidebar-main-nav ul li li{
  		background-image: none;
      background-color: #222;
      height: 45px;
  	}
  	#site-navigation ul li a,
  	#hpb-sidebar-main-nav ul li a{
  		background-image : url(img/bg_main-nav-sp.png);
  		background-position:right top;
  		background-repeat:no-repeat;
  		background-color:#141414;
  		padding-top: 10px;
  		padding-bottom:10px;
  		padding-right: 40px;
  		padding-left: 10px;
  		border-bottom: none;
  		border-left: none;
  		border-right: none;
  		border-top: none;
  		line-height: 24px;
  		float: none;
  		width:auto;
  	}
  	#site-navigation ul li a:hover,
  	#site-navigation li.current-menu-item a,
  	#hpb-sidebar-main-nav ul li a:hover,
  	#hpb-sidebar-main-nav li.current-menu-item a{
  		background-image : url(img/bg_main-nav-sp.png);
  		background-position:right top;
  		background-repeat:no-repeat;
  		background-color:#141414;
  		width:auto;
  	}
  	#site-navigation ul .sub-menu{
      display: block;
  		position: static;
  		margin-top: 0;
  		padding-top: 0;
  		width:auto;
  	}
  	  	
  	#site-navigation ul .sub-menu li,
  	#hpb-sidebar-main-nav ul .sub-menu li{
  		background-color: inherit;
  		border-radius: 0;		
  	}
  	#site-navigation ul .sub-menu li a,
  	#hpb-sidebar-main-nav .sub-menu li a{
  		background-image: none;
  		background-color: #222222;
  		padding-left: 2em;
  	}
  	#site-navigation ul .sub-menu li a{
  		padding-top: 19px;
      padding-bottom: 19px;
  	}
    #site-navigation ul .sub-menu li a:hover{
    padding-top: 19px;
    padding-bottom: 19px;
    }
  	.home #site-navigation{
  		display: block;
  		width:auto;
  		position: static;
  		z-index: auto;
  		padding-top: 0;
      margin-top: 10px;
  	}

  	#site-navigation{
  		position: static;
  		display: block;
  		width:100%;
  		z-index: auto;
  		padding-top: 0;
  	}

  	.home #hpb-sub-nav{
  		display: block;
  		width: 100%;
  		font-size:10px;
  		text-align:left;
  	}

  	#site-navigation li,
  	#hpb-sidebar-main-nav li{
  		border-left-width: 0;
  		background-position: top left;
  		background-repeat: repeat-x;
  		padding-left: 0;
  	}
  	#site-navigation li a,
  	#hpb-sidebar-main-nav li a{
  		display: block;
  	}
  	#hpb-sidebar-main-nav ul.sub-menu li a:hover,
  	#hpb-sidebar-main-nav ul.sub-menu li a:link,
  	#hpb-sidebar-main-nav ul.sub-menu li a:visited{
  		background-image: none;
  	}
  	#hpb-sidebar-main-nav ul.sub-menu li a:hover{
  		background-color: #000000;
  	}

  	#hpb-sidebar-main-nav li li{
  		padding-top: 0;
  		padding-right: 0;
  		padding-bottom: 0;
  		padding-right: 0;
  	}
  	#site-navigation .sub-menu li a{
  		padding-left: 2em;
  	}

  	#main{
  		padding-top: 10px;
  		padding-left: 10px;
  		padding-right: 10px;
  	}
  	#primary{
  		background-image : url(img/bg_contents-sp.png);
  		background-repeat: repeat-x;
  		background-position: left top;
  		background-color: #00598d;
  		padding-top: 0;
  		padding-left: 6px;
  		padding-right: 6px;
  		padding-bottom: 0;
  		float: none;
  		margin-bottom: 20px;
  	}

  	#primary #content{
  		background-color: #ffffff;
  		margin:0 1px 0 1px;
  		padding:10px 10px;
  	}

  	#page-content{
  		padding-top: 0!important;
  		padding-left: 0;
  		padding-right: 0;
  		padding-bottom: 0;
  	}

  	#main #sidebar-1{
  		float: none;
  		clear: both;
  		width: auto;
  		padding:0;
  	}

  	#main aside{
  		float: none;
  		clear: both;
  		width: auto;
  		padding:0;
  	}
  	aside ul{
  		padding-top: 0px;
  		padding-left: 10px;
  		padding-right: 10px;
  		padding-bottom: 0;
  		margin-top:-10px;
  	}
  	aside ul ul{
  		background-color: transparent;
  		padding-top: 0;
  		padding-left: 0;
  		padding-right: 0;
  	}
  	aside ul li{
  		width: auto;
  	}
  	aside h1{
  		width: auto;
  		margin-left: -10px;
  	}
  	.home aside{
  		margin-top: 0;
  	}
  	aside li div,
  	aside li ul{
  		width: auto;
  	}
  	.home #hpb-title{
  		margin: 0;
  		height: 110px;
  		padding: 0;
  		position: static;
  	}
  	.home #hpb-title h2{
  		height: 100%;
  		background-size: contain;
  		background-repeat: no-repeat;
  		margin-left: 0;
  		margin-right: 0;
  	}
  	#hpb-title h2{
  		background-image: none;
  		line-height: 30px;
  		margin-left: 0;
  		margin-right: 0;
  		padding-left: 10px;
  		padding-bottom:0;
  	}
  	#primary h3{
  		width: auto;
  		margin-left: 0;
  		margin-right: 0;
  	}
  	article img{
  		max-width: 320px !important;
  		height: auto !important;
  	}
  	aside .widget li{
  		background: linear-gradient(#ffffff, #f2f2f2);
  		background: -moz-linear-gradient(#ffffff, #f2f2f2);
  		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); 
  	}
  	aside #searchform input#s{
  		width: 72%;
  	}
  	aside #hpb-sidebar-main-nav,
  	aside #hpb-sidebar-sub-nav{
  		background-image: url(img/bg_aside_ul.png);
  		display: block;
  	}
  	.home aside #hpb-sidebar-main-nav,
  	.home aside #hpb-sidebar-sub-nav{
  		display: none;
  	}
  	#hpb-sidebar-sub-nav{
  		margin-top: 20px;
  	}
  	#hpb-sidebar-sub-nav ul{
  		background-color: #ffffff;
  		background-image: none;
  		border-top-style: solid;
  		border-top-width: 1px;
  		border-top-color: #cccccc;
  		border-right-style: solid;
  		border-right-width: 1px;
  		border-right-color: #cccccc;
  		border-bottom-style: solid;
  		border-bottom-width: 1px;
  		border-bottom-color: #cccccc;
  		border-left-style: solid;
  		border-left-width: 1px;
  		border-left-color: #cccccc;
  		border-radius: 5px;
  		padding-bottom: 5px;
  	}
  	#hpb-sidebar-sub-nav li{
  		display: block;
  		border-bottom-style: dotted;
  		border-bottom-width: 1px;
  		border-bottom-color: #999999;
  		padding-top: 5px;
  		padding-right: 10px;
  		padding-bottom: 5px;
  		padding-left: 10px;
  	}
  	#hpb-sidebar-sub-nav li:last-child{
  		border-bottom: none;
  	}
  	#hpb-sidebar-sub-nav li a{
  		display: block;
  	}

  	.home #primary{
  		padding-top: 10px;
  	}
  	#primary #content .hpb_social div{
  		margin-right: 1px;
  		margin-left: 1px;
  		margin-bottom: 2px;
  	}
  	.hpb-viewtype-date dt{
  		float: none;
  		width: auto !important;
  		padding-top: 0;
  		padding-left: 10px;
  		padding-right: 0;
  		padding-bottom: 0;
  	}

  	.hpb-viewtype-date dd{
  		background-image: none;
  		width: auto;
  		float: none;
  		margin-top: -25px;
  		padding-top: 28px;
  		padding-left: 10px;
  		background: linear-gradient(#ffffff, #f1f1f1);
  		background: -moz-linear-gradient(#ffffff, #f1f1f1);
  		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); 
  	}


  	/* フッター */

  	.home #colophon{
  		width:auto;
  		height:auto;
  		margin:20px 10px 0 10px;
  	}

  	#colophon{
  		width:auto;
  		height:auto;
  		margin:-20px 10px 0 10px;
  	}

  	#colophon .footer-widgets aside{
  		float:none;
  		color:#666;
  	}
  	#hpb-sub-nav{
  		margin-top: 10px;
  	}
  	#hpb-footer-main{
  		margin-top: 0;
  		width:auto;
  		height: auto;
  		position:static;
  	}
  	#hpb-footer-main p{
  		margin-top: 30px;
  		margin-bottom: 0;
  	}

  	.home #hpb-footer-main p{
  		margin-top: 0.5em;
  	}
  	.hpb-wp-login{
  		float:right;
  		font-size:10px;
  	}
  	.hpb_social{
  		overflow:hidden;
  		position:relative;
  	}


  	/* フォームパーツ設定 */
  	textarea{
  		width: 150px;
  		height: 100px;
  	}
  	input.l{
  		width: 150px;
  	}
  	input.m{
  		width: 100px;
  	}
  	input.s{
  		width: 80px;
  	}
  	#primary img{
  		height: auto !important;
  		max-width: 260px !important;
  	}
  	.hpb_social{
  		overflow: hidden;
  		position: relative;
  	}
  	/* 追記 */

  	.home #hpb-header-image{
  		margin:20px 10px 10px 10px;
  		-moz-background-size:100% auto;
  		background-size:100% auto; 
  		height: auto;
  	}

  	.home #hpb-header-image img{
  		width: 100%;
  		height: auto;
  	}

  	body.page h1.entry-title,
  	body.archive h1.page-title,
  	body.home h1#hpb-page-title{
  		background-image: url(img/bg_h2_title.png);
  		background-repeat: no-repeat;
  		background-position:left bottom;
  		line-height: 33px;
  		color: #FFF;
  		width: auto;
  		padding-left: 46px;
  		margin-right: -10px;
  		margin-left: -3px;
  		margin-top:0px;
  		padding-top:10px;
  		padding-right:10px;
  		padding-bottom:10px;
  	}


  	#sidebar-1 #secondary{
  		background:url(img/bg_aside_ul.png) top left repeat;
  		padding:20px 0 10px;
  	}	

  	body.archive h1.page-title{
  		background-image: url(img/bg_h2_title.png);
  		background-repeat: no-repeat;
  		background-position:left bottom;
  		line-height: 33px;
  		color: #FFF;
  		width: auto;
  		padding-left: 46px;
  		margin-left: -27px;
  		margin-top:0px;
  		padding-top:10px;
  		padding-right:10px;
  		padding-bottom:10px;
  	}

  	body.archive h1.entry-title{
  		margin-bottom: 10px;
  		clear: both;
  		font-size: 1.1em;
  		color: #096193;
  		border-bottom-width: 1px;
  		border-bottom-style: solid;
  		border-bottom-color: #096193;
  		margin-left:20px;
  		padding-right:-20px;
  	}

  	.home #main{
  		width:auto;
  		margin:0px 10px;
  		padding:0;
  	}

  	.home #primary{
  		background-image : url(img/bg_contents-sp.png);
  		background-repeat: repeat-x;
  		background-position: left top;
  		background-color: #00598d;
  		padding-top: 0;
  		padding-left: 5px;
  		padding-right: 5px;
  		padding-bottom: 0;
  		float:none;
  		margin-bottom:20px;
  	}

  	.home #sidebar-1{
  		margin:0px;
  		padding:0;
  		float:none;
  	}



  	/* メニュー */

  	#site-navigation div{
  		display:block;
  	}

  	#site-navigation a:link, #site-navigation a:visited{
  		color:#FFF;
  		text-decoration: none;
  	}

  	#site-navigation a:hover{
  		color:#FFF;
  		text-decoration:underline;
  	}


  	#site-navigation h1.menu-toggle{
  		display:block;
  		margin-bottom:0;
  		color:#FFF;
  	}

  	.navigation-main#site-navigation ul{
  		display:none;
  	}

  	/* フッターナビ */

  	#site-sub-navigation h1.menu-toggle{
  		display:block;
  		margin-left:20px;
  		text-align:left;
  	}

  	.navigation-main#site-sub-navigation ul{
  		display:none;
  	}

  	footer nav li{
  		display: inline;
  		float:none;
  	}

  	footer nav ul{
  		list-style-type: none;
  		margin: 0 10px;
  		padding: 3px 0 0;
  		text-align: left;
  	}

  	.hpb-copyright{
  		width:100%;
  		display:block;
  	}

  	#colophon aside{
  		width:auto;
  	}

  	#colophon aside h1{
  		background-image: url("img/bg_aside_widgettitle.png");
  		background-repeat: no-repeat;
  		color: #FFFFFF;
  		font-size: 1em;
  		font-weight: bold;
  		height: 45px;
  		line-height: 45px;
  		margin-left: -20px;
  		margin-right: -10px;
  		padding-left: 20px;
  		width:auto;
  	}

  	.page-title a, body.single h1.entry-title a, body.archive h1.page-title a{
  		background-image: url(img/bg_h2_title.png);
  		background-repeat: no-repeat;
  		background-position:left bottom;
  		line-height: 33px;
  		color: #FFF;
  		width: auto;
  		padding-left: 46px;
  		margin-right: -10px;
  		margin-left: -3px;
  		margin-top:0px;
  		padding-top:10px;
  		padding-right:10px;
  		padding-bottom:10px;
  		display:block;
  	}

  	body,
  	#hpb-container,
  	#hpb-grobal-header,
  	#hpb-global-footer,
  	#hpb-inner,

  	#hpb-content,
  	#hpb-main,
  	.home #hpb-title,
  	#hpb-header-main,
  	#hpb-content h2,
  	#hpb-main-nav .menu-mainnav-container,
  	#hpb-inner aside{
  		width: auto;
  	}
  	body{
  		background-image: none;
  		background-color: #333333;
  		min-width: 320px;
  	}
  	.home #hpb-container,
  	#hpb-container{
  		background-position: 0 -40px;
  	}
  	/* ヘッダー */
  	.site-branding h1.site-title{
  		background-position: center;
  		background-size: contain;
  	}
  	
  	#hpb-header-main h1 a{
  		background-repeat: no-repeat;
  	}
  	#hpb-grobal-header{
  		background-position: left 30px;
  		margin-top: -1px;
  		padding-top: 1px;
  		padding-left: 10px;
  		padding-right: 10px;
  		padding-bottom: 0;
  		height: auto;
  	}
  	
  	.home #hpb-grobal-header{
  		height: auto;
  		max-height: none;
  		padding-bottom: 0;
  	}

  	#hpb-header-main{
  		width: auto;
  		height: auto;
  		float: none;
  	}
  	#hpb-header-main h1{
  		margin-top: 15px;
  		margin-bottom: 0px;
  		margin-left: 0;
  		margin-right: 0;
  		width: auto;
  		height:55px;
  	}
  	#hpb-header-main h2#hpb-site-desc{
  		width: 100%;
  		margin-left: -10px;
  		margin-right: -10px;
  		padding-left: 10px;
  		padding-right: 10px;
  		top: -25px;
  		height: auto;
  	}

  	#hpb-header-extra1{
  		background-color: #096193;
  		background-image: none;
  		font-size: 10px;
  		text-align: left;
  		float: none;
  		margin-left: -10px;
  		margin-right: -10px;
  		margin-top: 0;
  		margin-bottom: 10px;
  		width: auto;
  		height: auto;
  		padding-top: 5px;
  		padding-right: 10px;
  		padding-left: 10px;
  		padding-bottom: 5px;
      position: static;
  	}
  	#hpb-header-extra1 p{
  		display: inline;
  		text-align: right;
  		font-size: 1.1em;
  	}
  	#hpb-header-extra1 p.tel a{
  		color: #9999CC;
  	}
  	#hpb-header-extra1 p.tel span{
  		/* 電話番号の「TEL」文字設定 */
  		padding-left: 0;
  	}
  	#hpb-main-nav,
  	#hpb-sub-nav{
  		display: none;
  	}
  	#hpb-main-nav .menu-mainnav-container{
  		height: auto;
  		padding-top: 10px !important;
  	}
  	#hpb-main-nav ul,
  	#hpb-sidebar-main-nav ul{
  		height: auto;
  		background-image: none;
  	}
  	#hpb-main-nav ul li,
  	#hpb-sidebar-main-nav ul li{
  		float: none;
  	}
  	#hpb-sidebar-main-nav ul li li{
  		background-image: none;
  	}
  	#hpb-main-nav ul li a,
  	#hpb-sidebar-main-nav ul li a{
  		background-image : url(img/bg_main-nav-sp.png);
  		background-position:right top;
  		background-repeat:no-repeat;
  		background-color:#141414;
  		padding-top: 10px;
  		padding-bottom:10px;
  		padding-right: 40px;
  		padding-left: 10px;
  		border-bottom: none;
  		border-left: none;
  		border-right: none;
  		border-top: none;
  		line-height: 24px;
  		float: none;
  	}
  	#hpb-main-nav ul li a:hover,
  	#hpb-main-nav li.current-menu-item a,
  	#hpb-sidebar-main-nav ul li a:hover,
  	#hpb-sidebar-main-nav li.current-menu-item a{
  		background-image : url(img/bg_main-nav-sp.png);
  		background-position:right top;
  		background-repeat:no-repeat;
  		background-color:#141414;
  	}
  	#hpb-main-nav ul .sub-menu{
  		position: static;
  		margin-top: 0;
  		padding-top: 0;
  	}
  	.home #hpb-main-nav ul .sub-menu,
  	#hpb-sidebar-main-nav ul{
  		display: block;
  	}
  	#hpb-main-nav ul li:hover .sub-menu{
  		display: block;
  		position: static;
  		margin-top: 0;
  		z-index: auto;
  		
  	}
  	#hpb-main-nav ul .sub-menu li,
  	#hpb-sidebar-main-nav ul .sub-menu li{
  		background-color: inherit;
  		border-radius: 0;		
  	}
  	#hpb-main-nav ul .sub-menu li a,
  	#hpb-sidebar-main-nav .sub-menu li a{
  		background-image: none;
  		background-color: #222222;
  		padding-left: 2em;
  	}
  	#hpb-main-nav ul .sub-menu li a{
  		padding-top: 7px;
  	}
  	.home #hpb-main-nav{
  		display: block;
  		width: 100%;
  		position: static;
  		z-index: auto;
  		padding-top: 0;
  	}
  	
  	.home #hpb-sub-nav{
  		display: block;
  		width: 100%;
  		font-size:10px;
  		text-align:left;
  	}

  	#hpb-main-nav li,
  	#hpb-sidebar-main-nav li{
  		border-left-width: 0;
  		background-position: top left;
  		background-repeat: repeat-x;
  		padding-left: 0;
  	}
  	#hpb-main-nav li a,
  	#hpb-sidebar-main-nav li a{
  		display: block;
  	}
  	#hpb-sidebar-main-nav ul.sub-menu li a:hover,
  	#hpb-sidebar-main-nav ul.sub-menu li a:link,
  	#hpb-sidebar-main-nav ul.sub-menu li a:visited{
  		background-image: none;
  	}
  	#hpb-sidebar-main-nav ul.sub-menu li a:hover{
  		background-color: #000000;
  	}

  	#hpb-sidebar-main-nav li li{
  		padding-top: 0;
  		padding-right: 0;
  		padding-bottom: 0;
  		padding-right: 0;
  	}
  	#hpb-main-nav .sub-menu li a{
  		padding-left: 2em;
  	}
  	#hpb-inner{
  		padding-top: 10px;
  		padding-left: 10px;
  		padding-right: 10px;
  	}
  	#hpb-content{
  		background-image : url(img/bg_contents-sp.png);
  		background-repeat: repeat-x;
  		background-position: left top;
  		background-color: #00598d;
  		padding-top: 0;
  		padding-left: 6px;
  		padding-right: 6px;
  		padding-bottom: 0;
  	}
  	#hpb-content #hpb-main{
  		background-color: #ffffff;
  		margin-top: 20px;
  		padding-top: 15px;
  		padding-left: 15px;
  		padding-right: 15px;
  		padding-bottom: 15px;
  	}
  	#page-content{
  		padding-top: 0!important;
  		padding-left: 0;
  		padding-right: 0;
  		padding-bottom: 0;
  	}
  	#hpb-inner aside{
  		float: none;
  		clear: both;
  		width: auto;
  		padding-left: 10px;
  		padding-right: 10px;
  		padding-top: 0;
  		padding-bottom: 10px;
  	}
  	aside ul{
  		padding-top: 10px;
  		padding-left: 10px;
  		padding-right: 10px;
  		padding-bottom: 0;
  	}
  	aside ul ul{
  		background-color: transparent;
  		padding-top: 0;
  		padding-left: 0;
  		padding-right: 0;
  	}
  	aside ul li{
  		width: auto;
  	}
  	aside h2{
  		width: auto;
  		margin-left: -10px;
  	}
  	.home aside{
  		margin-top: 0;
  	}
  	aside li div,
  	aside li ul{
  		width: auto;
  	}
  	.home #hpb-title{
  		margin: 0;
  		height: 110px;
  		padding: 0;
  		position: static;
  	}
  	.home #hpb-title h2{
  		height: 100%;
  		background-size: contain;
  		background-repeat: no-repeat;
  		margin-left: 0;
  		margin-right: 0;
  	}
  	#hpb-title h2{
  		background-image: none;
  		line-height: 30px;
  		margin-left: 0;
  		margin-right: 0;
  		padding-left: 10px;
  		padding-bottom:0;
  	}
  	#hpb-content h3{
  		width: auto;
  		margin-left: 0;
  		margin-right: 0;
  	}
  	article img{
  		max-width: 320px !important;
  		height: auto !important;
  	}
  	aside .widget li{
  		background: linear-gradient(#ffffff, #f2f2f2);
  		background: -moz-linear-gradient(#ffffff, #f2f2f2);
  		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); 
  	}
  	aside #searchform input#s{
  		width: 72%;
  	}
  	aside #hpb-sidebar-main-nav,
  	aside #hpb-sidebar-sub-nav{
  		background-image: url(img/bg_aside_ul.png);
  		display: block;
  	}
  	.home aside #hpb-sidebar-main-nav,
  	.home aside #hpb-sidebar-sub-nav{
  		display: none;
  	}
  	#hpb-sidebar-sub-nav{
  		margin-top: 20px;
  	}
  	#hpb-sidebar-sub-nav ul{
  		background-color: #ffffff;
  		background-image: none;
  		border-top-style: solid;
  		border-top-width: 1px;
  		border-top-color: #cccccc;
  		border-right-style: solid;
  		border-right-width: 1px;
  		border-right-color: #cccccc;
  		border-bottom-style: solid;
  		border-bottom-width: 1px;
  		border-bottom-color: #cccccc;
  		border-left-style: solid;
  		border-left-width: 1px;
  		border-left-color: #cccccc;
  		border-radius: 5px;
  		padding-bottom: 5px;
  	}
  	#hpb-sidebar-sub-nav li{
  		display: block;
  		border-bottom-style: dotted;
  		border-bottom-width: 1px;
  		border-bottom-color: #999999;
  		padding-top: 5px;
  		padding-right: 10px;
  		padding-bottom: 5px;
  		padding-left: 10px;
  	}
  	#hpb-sidebar-sub-nav li:last-child{
  		border-bottom: none;
  	}
  	#hpb-sidebar-sub-nav li a{
  		display: block;
  	}
  	#hpb-content{
  		float: none;
  		margin-bottom: 20px;
  	}
  	.home #hpb-content{
  		padding-top: 10px;
  	}
  	#hpb-content #hpb-main .hpb_social div{
  		margin-right: 1px;
  		margin-left: 1px;
  		margin-bottom: 2px;
  	}
  	.hpb-viewtype-date dt{
  		float: none;
  		width: auto !important;
  		padding-top: 0;
  		padding-left: 10px;
  		padding-right: 0;
  		padding-bottom: 0;
  	}
  	
  	.hpb-viewtype-date dd{
  		background-image: none;
  		width: auto;
  		float: none;
  		margin-top: -25px;
  		padding-top: 28px;
  		padding-left: 10px;
  		background: linear-gradient(#ffffff, #f1f1f1);
  		background: -moz-linear-gradient(#ffffff, #f1f1f1);
  		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); 
  	}


  	/* フッター */
  	#hpb-global-footer{
  		width: 100%;
  		height: auto;
  		padding-bottom:15px;
  	}

  	#hpb-footer-main{
  		margin-top: 0;
  		width: 100%;
  		height: auto;
  		position: inherit;
  	}
  	#hpb-footer-main p{
  		margin-top: 0;
  		margin-bottom: 0;
  	}
  	.home #hpb-footer-main{
  		padding-top: 0;
  		
  	}
  	.home #hpb-footer-main p{
  		margin-top: -0.5em;
  	}
  	.hpb-wp-login{
  		float:right;
  		font-size:10px;
  		margin-top:0;
  	}

  	/* フォームパーツ設定 */
  	textarea{
  		width: 150px;
  		height: 100px;
  	}
  	input.l{
  		width: 150px;
  	}
  	input.m{
  		width: 100px;
  	}
  	input.s{
  		width: 80px;
  	}
  	#hpb-content img{
  		height: auto !important;
  		max-width: 260px !important;
  	}
  	.hpb_social{
  		overflow: hidden;
  		position: relative;
  	}
    #masthead .hpb-nav-open#site-navigation ul{
        display: block;
    }
  }

  /* clearfix */
  #masthead::after,
  #site-navigation ul::after,
  #main::after,
  .hpb-viewtype-thumbnail::after,
  .hpb-viewtype-date dl::after,
  #page-content dl::after,
  .hpb-entry-content dl::after,
  .hpb-pagenation::after,
  #primary::after,
  #sidebar-1 #secondary::after,
  #colophon .footer-widgets::after,
  .hpb_social::after{
  	content: "";
  	display: table;
  	clear: both;
  }
  #ie8 #masthead,
  #ie8 #site-navigation ul,
  #ie8 #main,
  #ie8 .hpb-viewtype-thumbnail,
  #ie8 .hpb-viewtype-date dl,
  #ie8 #page-content dl,
  #ie8 .hpb-entry-content dl,
  #ie8 .hpb-pagenation,
  #ie8 #primary,
  #ie8 #sidebar-1 #secondary,
  #ie8 .footer-widgets,
  #ie8 .hpb_social{
	zoom: 1;
}


  #ie6 #masthead,
  #ie6 #site-navigation ul,
  #ie6 #main,
  #ie6 .hpb-viewtype-thumbnail,
  #ie6 .hpb-viewtype-date dl,
  #ie6 #page-content dl,
  #ie6 .hpb-entry-content dl,
  #ie6 .hpb-pagenation,
  #ie6 #primary,
  #ie6 #sidebar-1 #secondary,
  #ie6 .footer-widgets,
  #ie6 .hpb_social{
	zoom: 1;
}

  #ie7 #masthead,
  #ie7 #site-navigation ul,
  #ie7 #main,
  #ie7 .hpb-viewtype-thumbnail,
  #ie7 .hpb-viewtype-date dl,
  #ie7 #page-content dl,
  #ie7 .hpb-entry-content dl,
  #ie7 .hpb-pagenation,
  #ie7 #primary,
  #ie7 #sidebar-1 #secondary,
  #ie7 .footer-widgets,
  #ie7 .hpb_social{
	zoom: 1;
}