/*メイン*/
html{
height:100%;
overflow-y:scroll;
line-height:1.9;
letter-spacing:.075rem;
color:#000000;
font-family:游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
font-weight:500;
}
.site_title{
padding:0 .75rem;
line-height:1.6;
letter-spacing:.075rem;
text-align:center;
font-weight:bold;
}
.container{
max-width:unset;
}
.site-content.container{
margin-top:1rem;
}
.home .site-content.container{
margin-top:0;
}
.site_title.container a{
color:#720032;
display:block;
text-align:center;
}
.site_title span {
display: block;
text-align: center;
font-size:1rem;
}
main#main{
margin:0 0 4rem;
padding:0;
}
aside.sidebar{
margin-top:3rem;
}
aside.sidebar.col.s12.l4{
padding:0;
}
a{
color:#720032;
cursor:pointer;
transition:.3s;
}
a:hover{
opacity:.8;
}
h1{
font-size:1.75rem;
line-height:1.8;
letter-spacing:.08rem;
color:#720032;
}
.single h1{
margin:0 auto .5rem;
font-size:1.1rem;
}
h2{
margin:9.5rem auto .5rem;
font-size:1.1rem;
font-weight:bold;
line-height:1.8;
letter-spacing:.08rem;
color:#720032;
}
h3{
font-size:1.05rem;
padding:1.25rem;
font-weight:bold;
margin:6.5rem auto .5rem;
line-height:1.5;
border-bottom:10px solid #006b72;
color:#720032;
}
h4{
font-size:1.025rem;
padding:1rem 1.25rem;
margin:5.5rem auto .5rem;
line-height:1.5;
border-bottom:4px dotted #006b72;
font-weight:bold;
color:#720032;
}
.sidebar_header{
font-size:1.1rem;
margin:5rem 0 3rem;
padding:2rem 1.25rem;
font-weight:bold;
line-height:1.8;
background:#006b72;
color:#720032;
}
.h1_title{
font-weight:bold;
}
.h1_title.a{
padding:1.5rem 1.25rem;
background:#006b72;
color:#720032;
}
h1.h1_title.a{
margin: 0 auto .5rem;
}
.single h2{
margin-bottom:3rem;
}
p{
font-size:1rem;
margin:0 0 1.75rem;
padding:0 1rem;
font-weight:500;
}
/*404・検索結果（sidebar.phpにstyle直書きあり）*/
.page-content.none{
margin:5rem 0;
}
.card{
width:96%;
margin:0 auto;
}
.card-content.post_title{
font-size:1.1rem;
padding:1.25rem;
font-weight:bold;
display:block;
}
/*テキスト・装飾*/
.bold{
font-weight:bold;
color: #00b3bf
}
.bold.a{
background:linear-gradient(transparent 50%, #dde3ec 50%);
color:#744257;
font-size:115%;
}
.bold.b{
border-bottom:1px dotted #91b279;
font-size:105%;
}
.bold.td{
font-size:1rem;
}
.margin_top{
margin-top:3rem;
}
.margin_bottom{
margin-bottom:3rem;
}
.margin {
margin:4rem 0;
}
.text_style {
font-size:1.4rem;
font-weight:bold;
padding:0 .1rem;
}
.a_box{
margin:4rem 0;
padding:0 1.25rem;
}
.text_link{
border-bottom:1px dotted #720032;
font-size:1.05rem;
font-weight:bold;
}
.text_link i{
margin-left:.3rem;
}
/*ヘッダー*/
header#masthead{
padding:1.5rem 0;
background:#006b72;
-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
box-shadow:0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
/*パンくず*/
ol.nav-wrapper{
list-style-type:none;
padding:1rem 1.25rem 2rem;
margin:0;
background:#fff;
}
.breadcrumb{
font-size:1.1rem;
color:#720032;
}
ol.nav-wrapper i{
margin:0 .15rem;
color:#720032;
}
/*検索フォーム*/
form{
margin:0 0 1rem!important;
}
.search-text,.search-button{
margin:0!important;
}
.search-button{
padding:.26rem 0!important;
width:calc(25% - 11px)!important;
box-shadow:none;
background:#720032;
}
.search-button i{
color:#fff;
}
.search-button:hover{
background-color:#57a7eb;
}
input[type=text]:not(.browser-default){
border-bottom:1px solid #eee;
border-top:1px solid #eee;
border-left:1px solid #eee;
padding:0 5px;
}
input[type=text]:not(.browser-default):focus:not([readonly]){
border-bottom:1px solid #57a7eb;
-webkit-box-shadow:0 1px 0 0 #57a7eb;
box-shadow:0 1px 0 0 #57a7eb;
}
/*目次*/
#toc_container{
margin:5rem auto 6rem;
border:2px solid #006b72;
box-sizing:border-box;
padding:0 .5rem;
display:table;
width:calc(100% - 1rem);
counter-reset:li;
}
#toc_container ul.toc_list li::before{
content:none;
padding:0;
margin:0;
width:0;
height:0;
background:none;
box-shadow:none;
}
#toc_container .toc_title{
text-align:center;
font-weight:bold;
font-size:118%;
padding:0;
margin:1rem 0;
}
#toc_container .toc_toggle a{
font-size:13px;
padding:2px 4px;
color:#720032;
}
#toc_container p.toc_title + ul.toc_list{
padding:20px 1rem;
margin:20px 0 0;
border-top:1px dashed #eee;
}
#toc_container ul.toc_list li{
position:relative;
padding:0;
margin:0;
}
#toc_container ul.toc_list li a{
position:relative;
font-size:.85rem;
text-decoration:none;
display:inline-block;
line-height:1.6;
padding:3px 0;
margin:5px 0;
transition:all .3s ease;
}
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited{
color:#720032;
}
#toc_container ul.toc_list li a:hover{
text-decoration:none;
opacity:.8;
}
#toc_container ul.toc_list > li > a{
font-size:.9rem;
font-weight:bold;
margin-left:40px;
margin-top:7px;
}
#toc_container ul.toc_list > li::before,
#toc_container ul.toc_list > li::after{
position:absolute;
top:4px;
left:0;
}
#toc_container ul.toc_list > li::before{
content:'';
display:inline-block;
vertical-align:bottom;
width:32px;
height:32px;
margin-right:7px;
background-color:#720032;
}
#toc_container ul.toc_list > li::after{
counter-increment:li;
content:counter(li);
width:32px;
line-height:32px;
font-family:'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', san-serif;
color:#fff;
font-weight:bold;
text-align:center;
}
#toc_container ul.toc_list > li > ul{
margin-left:40px;
}
#toc_container ul.toc_list > li ul li::before{
position:absolute;
top:3px;
left:0;
content:'\f0da';
display: inline-block;
width:14px;
height:28px;
line-height:1.8;
font-size:1.1rem;
color:#5f7b96;
font-family:"Font Awesome 5 Free";
font-weight:bold;
}
#toc_container ul.toc_list > li ul li a{
margin-left:16px;
}
/*サムネイル画像*/
.thumbnail_box{
margin:.5rem auto 3rem;
}
.thumbnail_box img{
display:block;
width:100%;
height:100%;
}
/*コンテンツ内画像*/
.img_box{
width:100%;
margin:0 auto 3rem;
}
.img_box.bn{
width:100%;
margin:0 auto 1.5rem;
padding:0 1.25rem;
}
.img_box img{
display:block;
width:100%;
height:100%;
}
.img_box.mid {
margin: 3rem auto;
padding: 0 .25rem;
}
/*テーブル*/
table{
width:calc(100% - 1rem);
margin:4rem auto;
font-size:.85rem;
}
th{
width:22%;
background:#eee;
text-align:center;
}
tr{
border-top:1px solid rgba(0,0,0,0.12);
}
td,th{
padding:10px;
border-right:1px solid rgba(0,0,0,0.12);
border-left:1px solid rgba(0,0,0,0.12);
}
.w_tt{
width:33%;
}
/*ボタン*/
.btn{
display:block;
height:unset;
margin:0 auto;
padding:1rem 0;
font-size:.85rem;
font-weight:bold;
}
.btn.b,.btn.top{
border-radius:3px;
transition:.4s;
}
.btn.b{
padding:1.25rem 0;
width:calc(100% - 2.5rem);
background:#720032;
color:#fff;
font-size:1rem;
margin:1rem auto 0;
}
.btn.top{
width:65%;
margin-top:3.5rem;
padding:.75rem 0;
border:solid 2px #720032;
background:#fff;
color:#720032;
}
.btn.b:hover{
background:#720032;
color:#fff;
}
.btn.top:hover{
opacity:.8;
}
.btn i{
font-size:inherit;
margin:0 .3rem;
}
/*サイドバー*/
.sidebar_box{
padding:0 1.25rem;
}
.list_link{
margin-bottom:.25rem;
padding:.5rem 0 .75rem;
border-bottom:1px dotted #006b72;
font-size:.8rem;
font-weight:bold;
}
.list_link:last-child{
border:none;
}
.list_link i{
margin-left:.5rem;
font-size:.8rem;
}
.side_pro_box {
padding: .85rem;
margin-bottom: .5rem;
line-height: 1.6;
background:#fcfcfc;
font-size: .8rem;
}
.sidebar_header.pro {
margin-bottom: .5rem;
}
.cat_link_btn {
display:block;
background:;
background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
background-image:linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
box-shadow:0 2px 2px 0 rgba(255,255,255,.1) inset, 0 2px 10px 0 rgba(255,255,255,.2) inset, 0 -2px 2px 0 rgba(0,0,0,.1) inset;
color:#720032;
padding:.5rem;
margin-bottom:.5rem;
border-radius:5px;
text-align: center;
font-size:.9rem;
font-weight:bold;
}
.cat_link_btn i {
margin-left:.15rem;
}
.cat_link_btn.pro{
text-align: center;
}
/*フッター*/
footer#colophon{
padding:4rem 0;
background:#006b72;
margin-top:3rem;
}
.site-info{
text-align:center;
color:#720032;
font-size:.85rem;
font-weight:bold;
}
/*トップに戻る*/
#page-top_a{
position:fixed;
right:5px;
bottom:5px;
display:none;
font-size:2rem;
z-index:9999999999;
padding:10px 15px;
text-decoration:none;
display:block;
cursor:pointer;
text-align:center;
line-height:100%;
transition:.3s;
box-shadow:0 2px 2px 0 rgba(0,0,0,.12.6), 0 2px 2px 0 rgba(0,0,0,.24);
background:#720032;
opacity:.95;
}
#page-top_a i{
color:#fff;
}
/*追加*/
span.font_small{
font-size:1.25rem;
}
/*Twitter*/
twitter-widget{
margin:0 auto;
padding:1.25rem;
}
/*画像系*/
.image_box{
width:50%;
margin:5rem auto;
padding:0 1.25rem;
}
.image_box img{
display:block;
width:100%;
}
.content_image{
display:block;
width:100%;
border:1px solid #c0c0c0;
}
.search-header.inner{
padding:0 1rem;
}
.padding_lr{
padding:0 .5rem;
}
/* 口コミ */
.review{
margin:3rem auto;
padding:3rem 1.25rem 1.5rem;
border-left:none;
background:#fcfcfc;
position:relative;
width:94%;
}
.review:before{
position:absolute;
top:-25px;
left:5px;
content:"\f10d";
font-family:"Font Awesome 5 Free";
font-weight:bold;
font-size:2rem;
color:#720032;
}
.review p{
padding:0 0.5rem;
margin-bottom:1.5rem;
font-size:1rem;
}
p.bl_title{
font-size:1.05rem;
font-weight:bold;
}
.img_box.bl_img{
margin:5rem 0 0;
opacity:.7;
}
.table_b td{
text-align:center;
}
.home main#main{
padding-top:0;
}
.search h1{
margin:0 auto .5rem;
font-size:1.1rem;
}
/*~600px*/
@media only screen and (max-width: 600px){
	.container{
	width:100%;
	}
}
/*993px~*/
@media only screen and (min-width: 993px){
	body{
	background:#fcfcfc;
	}
	p{
	padding:0 3rem;
	}
	div#primary{
	background:#fff;
	}
	.home div#primary{
	padding-top:5rem;
	}
	main#main{
	padding:0 3rem 3rem;
	}
	header#masthead{
	padding:4.5rem 0;
	margin:0 auto;
	}
	.container{
	width:94%;
	}
	.site-content.container{
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
	}
	.site_title{
	font-size:1.5rem;
	width:100%!important;
	line-height:1.6;
	text-align:center;
	padding:0;
	}
	span.font_small{
	font-size:1.75rem;
	}
	.thumbnail_box{
	width:65.935%;
	margin:0 auto 4rem;
	}
	footer#colophon{
	margin:1rem auto 0;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
	}
	.search-button{
	padding:.36rem 0!important;
	}
	.btn.b{
	width:62%;
	padding:1.5rem .5rem;
	font-size:1.1rem;
	}
	.btn.top{
	width:40%;
	padding:1rem .5rem;
	}
	table{
	font-size:.8rem;
	}
	.en_content,
	.en_advantage{
	width:25%;
	margin-bottom:2rem;
	}
	#page-top_a{
	padding:.8rem 1.5rem;
	font-size:2.5rem;
	}
	.text_center{
	text-align:center;
	}
	ol.nav-wrapper{
	padding:3rem calc(4rem + 17.3125px);
	}
	aside.sidebar{
	position:-webkit-sticky;
	position:sticky;
	top:10px;
	margin-top:0;
	}
	/*追加*/
	.img_box{
	width:65.935%;
	}
	.img_box.bn{
	width: 65.79%;
	padding: 0;
	}
	.image_box{
	width:50%;
	}
	.image_box.large{
	width:90%;
	}
	#toc_container{
	width:82%;
	}
	h2,h3,h4{
	margin-bottom:1rem;
	}
	.padding_lr{
	padding:0;
	}
	.review{
	width:86%;
	padding:3.5rem 3.5rem 2rem;
	}
	.review p{
	width:unset;
	}
	.bold.a{
	font-size:117%;
	}
	.h1_title.a,
	h3,
	h4{
	width:91.195%;
	}
	.h1_title.a{
	padding:1.5rem 1.25rem;
	font-size: 1.4rem;
	}
	h3{
	padding:1.25rem 1.25rem;
	font-size: 1.2rem;
	}
	h4{
	padding:1rem 1.25rem;
	font-size: 1.15rem;
	}
	.single h1{
	margin-bottom:1rem;
	}
	.table_a{
	width:80%;
	font-size:.9rem;
	}
	.table_b{
	width:70%;
	font-size:.95rem;
	}
	.a_box{
	padding:0 3rem;
	}
	.sidebar_header{
	margin:0 0 .5rem;
	padding:.25rem 1.25rem;
	}
	.card{
	width:65.935%;
	}
	.card-content.post_title{
	padding:1.5rem 1.25rem;
	font-size:1.2rem;
	}
	.home main#main{
	padding-top:0;
	}
	aside.sidebar.col.s12.l4{
	padding-right:3rem;
	}
	th{
	padding:.85rem;
	}
	td{
	padding:1.75rem;
	}
	.home .site-content.container{
	margin-top:1rem;
	}
	.img_box.mid {
	width: 65.79%;
	padding: 0;
	}
	h1.h1_title.a{
	margin-bottom: 1rem;
	}
	.page h1.h1_title.a{
	margin-bottom: 3rem;
	}
}
@media only screen and (min-width: 1500px){
	div#content{
		width:1500px;
		margin: 1rem auto;
	}
}