@charset "utf-8";
/*
Theme Name: Thelonious
Theme URI: http://maxpress.jp/
Description: MaxPress のテーマ「Thelonious」は、スタイリッシュで、カスタマイズ可能で、簡潔で、読みやすく -- カスタムメニュー、ヘッダー画像、背景でサイトを>
作れます。Thelonious は6つのウィジェットエリア (サイドバーに2つ、フッターに4つ) と、アイキャッチ画像 (ギャラリー投稿のサムネイルと、投稿やページのカスタム>
ヘッダー画像) に対応しています。印刷用、管理のビジュアルエディター用、"Asides" と "Gallery" カテゴリー用のスタイルシートが用意されています。また、サイドバ>
ーを取り去った1カラムのページのテンプレートもあります。
Author: the MaxPress team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-
language-support, editor-style
*/

/*bodyのスタイル*/
body {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

* {
margin: 0;
padding: 0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
img{
	vertical-align:text-bottom;
	height: auto;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
br {letter-spacing:normal;}

a:active {outline: none;}
a:focus {-moz-outline-style: none;}
a img{ border:0px;}




#main a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);}

#side-nav a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);}

/*header,side,main,footerのスタイル*/

#container {
	margin: 0 auto;
}

#header {
	width:950px;
	margin: 0px auto 10px auto;
	padding:0;
}

#wrapper {
	margin:0 auto;
	padding:10px 0 0 0;
	width:950px;
}

#content {
	margin:0 auto;
	padding:0px;
}


#side-nav {
	float : left;
	width : 213px;
	padding:0;
	margin:0;
}

/*clearfixのスタイル*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clr {
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	visibility:hidden;
	height:0;
}

/*ヘッダーのスタイル*/
#title {
	margin:0;
	padding:0;
	display:block;
}

#container_header{
	width:950px;
	margin:0;
	padding:0;
}

/*フリースペース*/
#freespace{
	font-size:14px;
	line-height:2em;
}
#freespace ul{
	list-style-type:square;
	margin-left:2em;
}
#freespace ol{
	list-style-type:decimal;
	margin-left:2em;
}
#freespace blockquote{
	font-style:italic;
	padding:0 2em;
}
#freespace h1{
	margin:8px 0 4px;
}
#freespace h2{
	margin:6px 0 3px;
}
#freespace h3{
	margin:4px 0 2px;
}
#freespace h4{
	margin:2px 0 1px;
}

/* 0613文字サイズ変更 */

html body#top div#wrapper div#main {
	font-size: 14px;
}

#main #navigation .back,#main #navigation .next {
	top: 0px;
}

/*0730サイドバーリンク中央寄せ*/

#side-nav .linkbox li {
	text-align: center;
}

#side-nav #menu-primary a {
	letter-spacing: 0px;
}

/*20131129ブログタイトルにリンク追加*/
/*.headline-blog h2 a {
	color: #4B95DC;
	text-decoration: underline;
}*/
.headline-blog h2 a:hover {
	text-decoration: none;
}

@media screen and (max-device-width: 1024px) {

	#selector { property: value; }
	body {
		background: none !important;}
	#wrapper {
	    box-shadow: 0 5px 10px 0 #999999;
	    padding: 10px 10px 0 !important;}
}


/*20161018コンタクトフォーム*/
div.contactform{
	width: 625px;
    margin: 0 auto;
    padding: 15px 0;
}
div.contactform dl{
	margin-bottom:10px;
}
div.contactform dl dt{
    width: 160px;
    float: left;
    font-size: 15px;
	line-height:1.5em;
    margin-right: 8px;
}
div.contactform dl dd{
/*    width: 400px;
    float: left;*/
    width: auto;
    float: left;
    margin-right: 3px;
}
div.contactform dl dd input{
	padding:2px 0;
    width: 313px;
}
div.contactform dl dd select{
	padding:2px 0;
	width:315px;
}
div.contactform dl dd input[input="text"],
div.contactform dl dd textarea,
div.contactform dl dd input[type="email"]
{
	width:313px;
}
p.check{
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
}
.contactsubmit{
	text-align:center;
}
.contactsubmit input{
    width: 150px;
    padding: 5px 0;
}
.redsmall{
	padding:3px;
	color:#F00;
	font-size:12px;
    display: inline-block;
}
div.contactform dl dd .radiobutton input{
	width:auto;
}
div.contactform dl dd .radiobutton .wpcf7-list-item{
	display:block;
	margin-bottom:7px;
}
div.contactform dl dd .demand .wpcf7-list-item{
	display:block;
}


#sitemap_list {
	margin: 0 auto;
	padding: 20px;
	width:670px;
}
#sitemap_list li.home-item {
	margin-left: 0px;
	width:640px;

}
#sitemap_list li {
	background: url(images/line_dotted_brown.png) repeat-x 0 1.8em;
	font-size: medium;
	text-indent: 0;
	padding: 0 0 12px 0px;
	margin: 12px 10px;
	list-style-type: none;
	width:300px;
	float:left;
}
#sitemap_list li a {
	background: url(images/ico_lv1.png) no-repeat left center;
	text-decoration: none;
	display: inline-block;
	padding-left: 25px;
	line-height: 32px;
	}
#sitemap_list li li {
	font-size: small;
	background: none;
	margin: 7px 0 0 0;
	padding: 1px 0 0 7px;
	width:290px;
}
#sitemap_list li li a {
	background: url(images/ico_lv2.png) no-repeat left center;
	padding-left: 15px;
	line-height: normal;
}
#sitemap_list li li li {
	padding-left: 15px;
	width:270px;
}
#sitemap_list li li li a {
	background: url(images/ico_lower_lv.png) no-repeat left center;
}
#sitemap_list ul {
	padding: 0;
	margin: 0;
}
#sitemap_list .posts_in_category {
	position: absolute;
	padding-left: 10px;
	padding-top: 3px;
}
#sitemap_list li li .posts_in_category {
	padding-top: 0;
}
#sitemap_list li .posts_in_category a {
	background: url(images/ico_post_list.png) no-repeat center;
	text-indent: -9999px;
	display: block;
	width: 1.2em;
	height: 1.2em;
	border: solid 1px;
	padding: 0;
}




h1.wp-heading-1 {
    width: 652px;
    height: 16px;
    background: url(https://bouhancamera.net/wp-content/themes/thelonious/images/indexbar_l.jpg) no-repeat;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: bold;
    margin: 0px auto 10px auto;
}
h2.wp-heading-2 {
    width: 650px;
    height: 16px;
    background: url(https://bouhancamera.net/wp-content/themes/thelonious/images/indexbar_m.jpg) no-repeat;
    padding: 12px 20px 12px 20px;
    color: #115aac;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0px auto 10px auto;
}
h3.wp-heading-3 {
    width: 600px;
    margin: 0px auto 10px auto;
    background: url(images/indexbar_s.jpg) no-repeat;
    background-position: bottom;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 11px 30px 11px 30px;
}

div.wp-block-group {
  width: 100%;
  max-width: 700px;
  margin: 5px auto 10px;
}

div.wp-block-group .wp-block-group__inner-container {
    padding: .5em 0;
}

div.wp-block-group .wp-block-group__inner-container .wp-block-columns {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto 10px;
}

div.wp-block-group .wp-block-group__inner-container .wp-block-image {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0;
}
div.wp-block-group .wp-block-group__inner-container .wp-block-columns .wp-block-column:not(:last-child) {
    margin-right: 20px;
}

div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr {
    width: 100%;
    margin: 0px auto 0px auto;
    border-bottom: 1px solid #999999;
}
div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr td {
    padding: 10px 5px;
}
div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr td:first-child {
    color: #666666;
    letter-spacing: 2px;
    padding-left: 20px;
    font-weight: bold;
    position: relative;
}
div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr td:first-child::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(images/main_icon.png)no-repeat;
    left: 0;
    top: 50%;
    margin-top: -8px;
}
figure.wp-block-table {
    margin: 10px auto;
}


div.before-after_img {
  padding: 5px 10px;
}

div.wp-block-group .wp-block-group__inner-container .wp-block-columns.before-after .before-after-icon {
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 5px;
}

div.wp-block-group .wp-block-group__inner-container .wp-block-columns.before-after .wp-block-column {
    margin-right: 0;
}

div.wp-block-column img {
    image-rendering: -webkit-optimize-contrast;
    max-width: 100%;
    height: auto;
}



#freespace h1.wp-heading-1 {
    width: 652px;
    height: 16px;
    background: url(images/indexbar_l.jpg) no-repeat;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: bold;
    margin: 0px auto 10px auto;
  }
#main #common h1.title-voice {
    background-color: transparent;
}
#freespace h2.wp-heading-2 {
    width: 650px;
    height: 16px;
    background: url(images/indexbar_m.jpg) no-repeat;
    padding: 12px 20px 12px 20px;
    color: #115aac;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0px auto 10px auto;
  }
#freespace h3.wp-heading-3 {
    width: 600px;
    margin: 0px auto 10px auto;
    background: url(images/indexbar_s.jpg) no-repeat;
    background-position: bottom;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 11px 30px 11px 30px;
}



#freespace div.wp-block-group {
  width: 100%;
  max-width: 700px;
  margin: 5px auto 10px;
}

#freespace div.wp-block-group .wp-block-group__inner-container {
    padding: .5em 0;
}

#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-columns {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto 10px;
}

#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-image {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0;
}
#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-columns .wp-block-column:not(:last-child) {
    margin-right: 20px;
}

#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr {
    width: 100%;
    margin: 0px auto 0px auto;
    border-bottom: 1px solid #999999;
}
#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr td {
    padding: 10px 5px;
}
#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr td:first-child {
    color: #666666;
    letter-spacing: 2px;
    padding-left: 20px;
    font-weight: bold;
    position: relative;
}
#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-table table tr td:first-child::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(images/main_icon.png)no-repeat;
    left: 0;
    top: 50%;
    margin-top: -8px;
}
#freespace figure.wp-block-table {
    margin: 10px auto;
}


#freespace div.before-after_img {
  padding: 5px 10px;
}

#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-columns.before-after .before-after-icon {
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 5px;
}

#freespace div.wp-block-group .wp-block-group__inner-container .wp-block-columns.before-after .wp-block-column {
    margin-right: 0;
}

#freespace div.wp-block-column img {
    image-rendering: -webkit-optimize-contrast;
    max-width: 100%;
    height: auto;
}

.before {
    margin-top: 20px;
    padding-top: 30px;
    background: url(images/before_icon.png) no-repeat;
}
.after {
    margin-top: 20px;
    padding-top: 30px;
    background: url(images/after_icon.png) no-repeat;
}

/*faq*/
h1.title-faq {
	width: 652px;
    height: 16px;
    background: url(/wp-content/blogs.dir/2/files/2012/06/indexbar_l.jpg) no-repeat #115aac;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: bold;
    margin: 0px auto 10px auto;
}
#main .faq_box { font-size: 14px; margin: 0px 0 25px; padding: 10px 0 5px 0; background: #FFF; }
#main .faq_box ul { clear: both; }
#main .faq_box li { margin: 0px 10px 10px 10px; border-bottom: 1px dotted #888; padding: 5px 5px 7px 35px; background: url(images/q_icon.jpg) 5px center no-repeat; letter-spacing: 1px; line-height: 1.5em; }
#main .faq_box li a { text-decoration: none; }
#main .faq_box li a:hover { text-decoration: underline; }

#main .faq_box ul li {
	list-style-type:none;
}


/*動画*/
iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.categorybox p.img {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 74%;
    margin: 0px 0px 10px 0px;
}
.categorybox p.img img {
    padding: 4px;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}
.widget-title{
display: none;
}
ul.xoxo.blogroll li img {
    max-width: 100%;
}
body#top.custom-background {
 	/*    background-repeat: repeat-y;*/
}
.bg_box h1.title-topics {
    position: relative;
    align-items: center;
    display: flex;
}
.bg_box h1.title-faq {
    position: relative;
    align-items: center;
    display: flex;
    line-height: 1;
}