@charset "UTF-8";
/* CSS Document */

/*
theme Name: ブリリアントモース
Author: morse
Description: ブリリアント専用テーマ
version： 1.0.0
*/

/*イントロ*/
.main-title{
padding: 2rem 0rem 0;
text-align: center;
}
.main-title h1{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Shippori Mincho', serif;
font-size: 4.5rem;	
letter-spacing: 1.3rem;
color: #5c2920;
margin-top: 7rem;	
margin-bottom: 1rem;	
}
.main-title h2{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Shippori Mincho', serif;
letter-spacing: 0.3rem;
font-size: 1.6rem;	
color: #5c2920;
position: relative;
display: inline-block;
}
.main-title h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;/*線の上下位置*/
  display: inline-block;
  width: 60px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #CCB2A3;/*線の色*/
  border-radius: 0.1px;/*線の丸み*/
}
.main-title p{
letter-spacing: 0.1rem;
color: #5c2920;
margin-top: 2rem;	
}

@media (max-width: 768px) {
.main-title h1{
letter-spacing: 0.8rem;
font-size: 3rem;
margin-top: 3rem;	
}
.main-title p{
font-size: 1.2rem;
text-align: left;
padding: 0 3rem;	
}	
}

/*index 一覧*/
.ind-box a{
color: #000;
}
.ind-box a:hover{
opacity:0.7;
transition:0.3s;
text-decoration: underline;
}
.ind-box{
margin-top: 10rem;
text-align: left;
}
.ind-thumbnail{
background-position: center center;
background-size: cover;
height: 250px;
margin-bottom: 2rem;
}
.ind-category{
display: inline-block;
padding: 0.5rem 1rem;
background-color: #5C2920;
color: #fff;
font-size: 1.4rem;
}
.ind-time{
display: inline-block;
width: 100%;
font-size: 1.6rem;
text-align: right;
color: #CCB2A3;
}
.ind-box h3{
margin-top: 2rem;
font-size: 1.4rem;
line-height: 2rem;
}
@media (max-width: 768px) {
.ind-box{margin-top: 5rem;}
.ind-thumbnail{height: 200px;}
}
.pagination {
width: 100%;
text-align: center;
}
.pagination ul {
font-size: 0;
margin: 10rem auto 0;
}
.pagination ul li {
  font-size: 1.6rem;
  display: inline-block;
  margin-right: .5rem;
}
.pagination ul li:last-child {
  border: 0;
}
.pagination ul li a,
.pagination .current {
  display: block;
  padding: .5rem .8rem;
  border: 1px solid #ccc;
}
.pagination ul li .prev,
.pagination ul li .next {
  border: 0;
}
.pagination ul li a {
  text-decoration: none;
  color: #333;
}
.pagination ul li a:hover {
  opacity: .6;
}
.pagination .current {
  color: #fff;
  background-color: #5C2920;
}

/*single 記事*/
.article-content{
margin: 10rem auto 0;
max-width: 750px;
}
.article-content a {
  text-decoration: underline;
  color: #000;
}
.article-content a:hover {
  opacity: .6;
}
.article-content .article-info {
  margin-bottom: .5rem;
}
.article-content .cat-data a {
  font-size: 1rem;
  margin-right: .5rem;
  padding: .3rem .8rem;
  text-decoration: none;
  color: #fff;
  background-color: #5C2920;
}
.article-content .article-info .article-date,
.article-content .article-info .article-author {
  font-size: 1.2rem;
  display: inline-block;
  margin-right: .5rem;
  color: #888;
} 
.article-content p,
.article-content b,
.article-content table,
.article-content ul,
.article-content ol {
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: 1px;
}
.article-content p,
.article-content img,
.article-content table,
.article-content ul,
.article-content ol {
  margin-bottom: 2rem;
}
.article-content h1 {
  font-size: 2.5rem;
  margin: 0 0 2rem;
  letter-spacing: 1px;
}
.article-content h2 {
  font-size: 2.2rem;
  margin: 3rem 0 2rem;
  padding: .4rem 0;
  letter-spacing: 1px;
}
.article-content h3 {
  font-size: 2rem;
  margin: 2.5rem 0 1.8rem;
  letter-spacing: 1px;
}
 
.article-content h4 {
  font-size: 1.6rem;
  margin: 2rem 0 1rem;
  letter-spacing: 1px;
}
.article-content h5 {
  font-size: 1.4rem;
  margin: 0 0 .3rem;
  letter-spacing: 1px;
}
.article-content h6 {
  font-size: 1.4rem;
  margin: 0 0 .3rem;
  letter-spacing: 1px;
}
.article-content .article-img {
  margin-bottom: 2rem;
}
 
.article-content .article-img img {
  display: block;
  margin: 0 auto;
}
.article-content ul {
  margin-left: 2rem;
  list-style: disc;
}
.article-content ol {
  margin-left: 2rem;
  list-style: decimal;
}
.article-content table {
  border-collapse: collapse;
}
.article-content th,
.article-content td {
  padding: .6rem;
  vertical-align: middle;
  border: 1px solid #ddd;
}
.article-content figure {
  max-width: 100%;
}
.article-tag {
  text-align: right;
}
.article-tag ul {
  font-size: 0;
  margin-bottom: 0;
}
.article-tag ul li {
  font-size: .9rem;
  display: inline-block;
  margin-right: .5rem;
  vertical-align: middle;
}
.article-tag ul li:last-child {
  margin-right: 0;
}
.article-tag ul li a {
  padding: .2rem .5rem;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
}
.article-tag ul li a:hover {
  opacity: .6;
}
.archive-top {
margin: 10rem auto 0;
}
.archive-top h1 {
  font-size: 2.5rem;
  margin: 0 0 2rem;
  letter-spacing: 1px;
}
 
/*voice 一覧(loop-content-voice.php)*/
.ind-box-v a{
color: #000;
}
.ind-box-v a:hover{
opacity:0.7;
transition:0.3s;
}
.ind-box-v{
text-align: left;
margin-top: 5rem;
padding: 0 30px;
}
.ind-box-v01{
position: relative;
background: #E6D4C8;
width: 100%;
padding: 35px 30px 20px;
border-radius: 30px;
text-align: right;
margin-top: 6rem;
}
.ind-box-v01 img:first-of-type{
position: absolute;
top:-15px;
left:-20px;
width: 200px;
}
.ind-box-v01 img:last-of-type{
width: 160px;
}
.ind-box-v01 p{
background: #fff;
padding: 25px 20px;
margin-bottom: 15px;
font-size:2.7rem;
line-height: 4.2rem;
font-family: 'Zen Kurenaido', sans-serif;
text-align: left;
}
.ind-box-v-h3{
font-size: 2.4rem;
margin-top: 30px;
color: #CCB2A3;
letter-spacing: .3rem;
}
.ind-box-v-h3 span{
font-size: 2rem;
color: #5C2920;
}

.ind-thumbnail{
background-position: center center;
background-size: cover;
height: 250px;
margin-bottom: 2rem;
}
.ind-category{
display: inline-block;
padding: 0.5rem 1rem;
background-color: #5C2920;
color: #fff;
font-size: 1.4rem;
}
.ind-time{
display: inline-block;
width: 100%;
font-size: 1.6rem;
text-align: right;
color: #CCB2A3;
}
.ind-box h3{
margin-top: 2rem;
font-size: 1.4rem;
line-height: 2rem;
}
@media (max-width: 992px) {
.ind-box-v{padding: 15px;}
.ind-box-v01{margin-top: 4rem;}
}
@media (max-width: 768px) {
.ind-box{margin-top: 5rem;}
.ind-thumbnail{height: 200px;}
.ind-box-v{padding: 0 25px;}
.ind-box-v01{margin-top: 1rem;}
.ind-box-v01 p{font-size:1.7rem;}
.ind-box-v-h3{font-size: 1.7rem;}
.ind-box-v-h3 span{font-size: 1.6rem;}
}