/******************************************
Theme Name:BLOGS
Theme URI:https://alicex.jp/shikiri/note/1/
Description:ブログ用デザイン
Version:1.0.0
Author:ARCHETYP
Author URI:https://alicex.jp/shikiri/
:https://alicex.jp/
License:GNU General Public License
License URI:https://alicex.jp/shikiri/2/
******************************************/
/*全ての要素*/
*{
word-break:break-all;
word-wrap:break-word;
overflow-wrap:break-word;
line-break:strict;
word-wrap:break-word;
-webkit-text-size-adjust:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
outline:none;
}
/*body要素*/
body{
color:#444;
background:#fff;
line-height:1.6;
font-size:14px;
font-family:Assistant,'Hiragino Kaku Gothic ProN','FontAwesome','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
word-break:break-all;
text-align:justify;
}
/*リンク*/
a{
color:#0e7ac4;
}
article{
margin:20px auto;
max-width:100%;
}
/*ヘッダーとフッター*/
header,footer{
font-family:Montserrat,sans-serif;
display:block;
font-size:16px;
width:100%;
max-width:100%;
color:#444;
background:#fff;
text-align:center;
/*box-shadow:2px 2px 6px rgba(0,0,0,0.1);*/
}
/*ヘッダー*/
header{
margin:-20px 0 20px 0;
display:block;
background:#fff url(//alicex.jp/data/shikiri/img/shikiri_upld_17.jpg) no-repeat 0 100%;
-webkit-background-size:cover;
background-size:cover;
}
.header{
font-weight:700;
font-size:30px;
padding:22px 10px 15px 10px;
}
.header small{
font-size:90%;
color:#3b4675;
}
.header span{
display:block;
font-size:13px;
font-weight:normal;
background-color:rgba(255,255,255,0.6);
}
.header a{
text-decoration:none;
color:#3b4675;
}
/*フッター*/
footer{
padding:22px 10px 35px 10px;
margin:0 auto;
background:#333960;
border-top:2px solid #efefef;
}
footer a{
color:#fff;
text-decoration:none;
}
.commentHeader{
font-size:13px;
text-align:center;
width:100%;
max-width:100%;
padding:12px 10px 12px 10px;
color:#444;
background:#fff;
border-top:1px solid #f8823c;
border-bottom:1px solid #f8823c;
}
section.section{
display:flex;
flex-shrink: 0;
flex-wrap:wrap;
width:96%;
max-width:960px;
margin:0 auto;
counter-reset:number 0;
}
.menu_left{
flex:1;
margin-right:20px;
}
.menu_right{
width:300px;
}
.box__right{
border:1px solid #f1f1f1;
border-radius:4px;
margin-bottom:20px;
}
.brand{
display:block;
width:60px;
height:60px;
overflow:hidden;
object-fit:cover;
margin:0 auto 0px auto;
clear:both;
}
/*カードBOX領域*/
#article{
background:#fff;
}
.fc,#commentEdit{
width:calc(100% - 10px);
margin:0 5px 10px 5px;
color:#444;
background:#fff;
border:1px solid #fff;
/*box-shadow:2px 2px 6px rgba(0,0,0,0.1);*/
}
.fc .upper{
display:flex;
}
.fc .upper .icons{
display:inline-block;
width:60px;
height:60px;
overflow:hidden;
object-fit:cover;
margin:0 auto;
border-radius:4px;
background:#fff;
}
.fc .upper .group{
width:100%;
padding:12px 0;
background:#fff;
}
.fc .upper .group .group_head{
display:block;
margin-bottom:12px;
color:#aaa;
}
.fc .upper .group .categoryTitle{
display:inline-block;
text-align:right;
margin:0 0;
padding:2px 12px;
font-size:12px;
color:#fff;
background:#ffcd44;
border-radius:4px;
}
.fc .upper .group .date{
display:block;
width:100%;
text-align:right;
color:#aaa;
}
.fc .upper .group .date:before{
font-family:"FontAwesome";
content: '\f017';
padding-right:4px;
}
.fc .upper .group .file{
display:block;
width:98%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.fc .upper .group .file img{
width:700px;
max-width:700px;
height:400px;
object-fit:cover;
}
.fc .upper .group .numbering{
display:block;
font-size:22px;
font-weight:normal;
line-height:1.4;
padding:4px 0;
}
.fc .upper .group .name{
font-weight:normal;
}
.fc .upper .group .pbody{
color:#777368;
display:block !important;
font-size:16px;
line-height:1.6;
}
.fc .upper .group .pbody em{
font-style:normal;
color:#26ae90;
background:#f8f8f8;
}
.fc .upper .group .pbody .read__more{
clear:both;
display:block;
width:240px;
margin:12px auto !important;
margin-left:auto !important;
margin-right:auto !important;
padding:6px 4px;
text-align:center;
font-size:14px;
color:#fff;
background:#333960;
text-decoration:none;
border-radius:4px;
}
.fc .upper .group .iine{
margin:12px 0;
}
.fc .upper .group .ptag{
color:#ffcd44;
}
.fc .upper .group .ptag a{
display:inline-block;
margin:1px 6px 1px 0;
padding:1px 6px;
color:#60c4b6;
border:1px solid #60c4b6;
border-radius:4px;
text-decoration:none;
}
.fc .upper .group .ptag a:before{
font-family:"FontAwesome";
content: '\f02b';
padding-right:4px;
}
.fc .upper .group .ptag a:empty{
display:none;
padding:0px 0px;
}
.fc .upper .group .group_footer{
/*display:flex;*/
}
.fc .upper .group .group_footer div{
width:100%;
}
.fc .upper .group .group_footer .p:nth-child(even){
text-align:right;
}
.fc .upper .group .mailbox{
margin-bottom:12px;
}
.menu_left .th{
width:calc(100% / 2 - 8px);
margin:0 4px 10px 4px;
color:#bcbcbc;
background:#fff;
border:1px solid #ddd;
/*box-shadow:2px 2px 6px rgba(0,0,0,0.1);*/
line-height:1.0;
float:left;
}
.th a{
text-decoration:none;
}
.th .upper{
display:flex;
-webkit-align-items:center;
align-items:center;
}
.th .upper .icons{
position:relative;
width:80%;
height:80px;
background:#3b4675 url(//alicex.jp/data/shikiri/img/shikiri_upld_14.jpg) no-repeat 50%;
-webkit-background-size:cover;
background-size:cover;
object-fit:cover;
overflow:hidden;
}
.th .upper .icons img{
display:inline-block;
min-width:130px;
min-height:80px;
object-fit:cover;
margin:0 auto;
border-radius:4px;
background:#fff;
z-index:2;
}
.th .upper .category{
position:absolute;
left:6px;
z-index:999;
font-size:13px;
margin:4px 0 0 0;
padding:2px 6px;
color:#343868;
background:#ffcd44;
border-radius:4px;
}
.th .upper .group{
width:100%;
padding:6px 6px 6px 8px;
background:#fff;
}
.th .upper .group .group-headre{
display:flex;
-webkit-align-items:center;
align-items:center;
}
.th .upper .group .topics{
display:inline-block;
font-size:14px;
line-height:1.4;
width:calc(100% - 4px);
/*position:relative;
top:-4px;*/
font-weight:bold;
padding:0 0 0 2px;
color:#66737a;
background:#fff;
}
.th .upper .group .p{
font-size:12px;
color:#aaa;
background:#fff;
padding:3px 12px 0 6px;
line-height:1.4;
}
.cat__title{
display:block;
font-size:15px;
width:100%;
max-width:960px;
margin:24px auto 0;
padding:6px 12px;
color:#ffcb3f;
background:#343868;
}
.category__title{
display:block;
font-size:16px;
width:260px;
max-width:260px;
margin:20px auto 0;
padding:6px 12px;
color:#555555;
border-bottom:1px solid #343868;
}
.categoryLink_right{
display:block;
width:260px;
max-width:260px;
margin:0 auto 20px;
background:#fff;
border-top:1px solid #ccc;
}
.categoryLink{
display:block;
width:100%;
max-width:960px;
margin:0 auto;
background:#fff;
border-top:1px solid #ccc;
}
.categoryLink_right a{
display:block;
width:260px;
max-width:260px;
text-decoration:none;
color:#3b4675;
padding:12px 12px 12px 3em;
border-bottom:1px solid #ccc;
}
.categoryLink_right a:last-child{
border-bottom:0;
}
.categoryLink a{
display:block;
width:100%;
max-width:960px;
text-decoration:none;
color:#3b4675;
padding:12px 12px 12px 3em;
border-bottom:1px solid #ccc;
background:url(../img/arrow_right.png) no-repeat 99% center;
-webkit-background-size:12px auto;
background-size:12px auto;
}
.categoryLink a:before{
font-family:"FontAwesome";
content: '\f138';
position:relative;
left:-1.5em;
color:#3b4675;
}
.radius{
border-radius:60px !important;
overflow:hidden;
}
.bgc{
background:#e3f2fd;
}

.breadcrumb{
display:block;
width:98%;
max-width:960px;
margin-left:auto;
margin-right:auto;
margin-bottom:6px;
padding:0 15px;
list-style:none;
background-color:#fff;
border-radius:4px;
}
.breadcrumb > li{
display:inline;
margin:2px;
}
.breadcrumb > li + li:before{
padding:5px;
color:#999;
content:" \00bb ";
}
.breadcrumb > .active{
color:#777;
}
.backBtn-grid{
display:flex;
width:100%;
max-width:960px;
margin:12px auto -6px;
}
.backBtn-grid .backBtn{
display:block;
width:calc(100% / 2 - 10px);
margin:0 5px 1px 5px;
padding:6px 0;
text-decoration:none;
background:#fff;
border:0px solid #fff;
}
.backBtn-grid span.backBtn{
display:block;
color:#ccc;
}
.backBtn-grid a.backBtn{
border:1px solid #ddd;
/*box-shadow:2px 2px 6px rgba(0,0,0,0.1);*/
display:block;
color:#444;
}
textarea{
width:100%;
max-width:100%;
}
.commentError{
display:block;
width:100%;
max-width:960px;
color:#fff;
background:#eb2142;
margin-left:auto;
margin-right:auto;
padding:12px;
}
table{
width:260px;
margin:12px auto 0;
background:#fff;
border:1px solid #ccc;
}
.menu_right table{
margin:20px auto;
border:1px solid #fff;
}
td{
width:34px;
}
table tr td:nth-child(1){
color:#ff8080;
}
table tr td:nth-child(7){
color:#1b95e0;
}
table tr td[colspan="7"]{
color:#777;
border-bottom:1px solid #ccc;
}
td a{
text-decoration:none;
display:block;
color:#777;
background:#efefef;
border:1px solid #fff;
}
table tr td:nth-child(1) a{
color:#ff8080;
background:#ffd8d8;
border:1px solid #ffd8d8;
}
table tr td:nth-child(7) a{
color:#1b95e0;
background:#d1e9f8;
border:1px solid #d1e9f8;
}
table tr td[colspan="7"] a{
color:#777;
display:inline-block;
text-decoration:underline;
background:transparent;
border:0px;
}
blockquote br,
.pbody ol br,.pbody ul br{
display:none;
}
blockquote p br,
.pbody ol li br,.pbody ul li br{
display:block;
}
blockquote{
position:relative;
margin:12px 0;
padding:10px 15px 10px 50px;
box-sizing:border-box;
font-style:italic;
border:solid 2px #3b4675;
color:#464646;
}
blockquote:before{
display:inline-block;
position:absolute;
top:20px;
left:15px;
vertical-align:middle;
content:"\f10d";
color:#ffcd44;
font-size:25px;
line-height:1;
font-weight:900;
font-family:"FontAwesome";
}
blockquote p{
padding:0;
margin:10px 0;
line-height:1.7;
}
blockquote cite{
display:block;
text-align:right;
color:#888888;
font-size:0.9em;
}
.pbody ol{
border:solid 2px #3b4675;
border-radius:5px;
padding:0.5em 1em 0.5em .3em;
position:relative;
counter-reset:number;
list-style-type:none!important;
}
.pbody ol li{
position:relative;
padding-left:30px;
line-height:1.5em;
padding:0.5em 0.5em 0.5em 30px;
}
.pbody ol li:before{
position:absolute;
counter-increment:number;
content:counter(number);
display:inline-block;
color:white;
font-family:'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size:15px;
border-radius:50%;
left:0;
width:25px;
height:25px;
line-height:25px;
text-align:center;
top:50%;
color:#fff;
background:#ffcd44;
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
.pbody ul{
color:#1e366a;
border-top:solid #1e366a 1px;
border-bottom:solid #1e366a 1px;
padding:0.5em 0 0.5em 1.5em;
}
.pbody ul li{
line-height:1.5;
padding:0.5em 0;
}
.pbody h1{
position:relative;
padding:.6em 12px;
color:#fff;
background:#3b4675;
border-radius:6px;
}
.pbody h1:after{
position:absolute;
content:'';
top:100%;
left:30px;
border:15px solid transparent;
border-top:15px solid #3b4675;
width:0;
height:0;
}
.pbody h2{
font-size:20px;
position:relative;
padding-left:.5em;
}
.pbody h2:after{
position:absolute;
bottom:-4px;
left:0;
content:'';
height:4px;
width:100%;
background:-webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #ffcd44 2px, #ffcd44 4px);
background:repeating-linear-gradient(45deg, #fff, #fff 2px, #ffcd44 2px, #ffcd44 4px);
}
.pbody h3{
color:#3b4675;
position:relative;
padding:0 .5em;
border-left:5px solid #3b4675;
}
.pbody h3:before{
position:absolute;
left:-5px;
bottom:0;
content:'';
width:5px;
height:50%;
background-color:#9da3ba;
}
.pbody h3:after{
position:absolute;
left:0;
bottom:0;
content:'';
width:100%;
height:0;
}
/*フォーム全体*/
dl.search{
width:260px;
position:relative;
background-color:#fff;
border:1px solid #95c5d6;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
-ms-border-radius:20px;
border-radius:20px;
margin:20px auto;
}
dl.search dt{
margin-right:40px;
padding:8px 0 8px 8px;
}
dl.search dt input{
width:100%;
height:20px;
line-height:20px;
padding:0 12px;
background:none;
border:none;
}
dl.search dd{
position:absolute;
top:0;
right:0;
}
dl.search dd button{
display:block;
padding:10px;
background:none;
border:none;
}
dl.search dd button span{
display:block;
width:20px;
height:20px;
color:#66737a;
}