薬指の呪い - 朝の病

自動改行“しない”で作成しています。
メニューリンクをクリックするとアイコンの色が変わります。アイコンごとにHEAD内で設定しているので、改変の際はご注意下さい。

HEAD

@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans');

@font-face
{
font-family:和田研中角ゴシック;
src: url('https://cdn.leafscape.be/wadalab/wadalab-nakakakugo_web.woff')
     format("woff");
}

body{
font-family:"Alegreya Sans","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#241a08;
background:#fff;
margin:0;
padding:0;}

@media screen and (min-width: 801px){
.wrp{
width:500px;
margin:0 auto;}

}

@media screen and (max-width: 800px){
.wrp{
max-width:500px;
margin:0 auto;}

.menu a > .icon-envelope,.icon-question-sign,.icon-time,.icon-book,.icon-heart{
position:relative;
right:4px;}

}

.con{
text-align:center;
border:double 5px #241a08;
margin:30px 20px;
padding:0 0 15px;}

.info{
text-align:left;
border:double 5px #241a08;
margin:30px 20px;
padding:15px;}

.box{
background:#efefef;
margin:10px 5px;
padding:10px;}

.menu{
font-size:16px;
margin:20px;}

.menu a{
text-align:left;
color:#aaa;
text-decoration:none;
margin:0 2px;
padding:0 10px;
display:inline-block;
height:130px;
weight:30px;
writing-mode:tb-rl;
writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-o-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;}

.menu a:hover{color:#241a08;}

.menu a > .icon-envelope,.icon-question-sign,.icon-time,.icon-book,.icon-heart{
font-size:20px;
color:#efefef;
transition:0.5s;}

.menu a:hover > .icon-envelope{color:#fcc800;}

.menu a:hover > .icon-heart{color:#f08080;}

.menu a:hover > .icon-book{color:#1e50a2;}

.menu a:hover > .icon-time{color:#47885e;}

.menu a:hover > .icon-question-sign{color:#ba2636;}

strong{
font-weight:normal;
text-decoration:underline;
background:#efefef;}

hr{
height:5px;
background-image:linear-gradient(
90deg,hsla(0, 0%, 50%, 1),hsla(0, 0%, 50%, 1) 33.33%,hsla(0, 0%, 50%, 0) 33.33%,hsla(0, 0%, 50%, 0) 100%);
background-size:3px 100%;
width:30%;
border:none;
margin:0 auto 10px;}

h1{
color:#543f32;
font-family:"Alegreya Sans",和田研中角ゴシック, sans-serif;
font-weight:normal;
font-size:30px;
margin:30px 0;
padding:0px;
line-height:100%;
text-align:center;}

h1 p{
font-family:"Alegreya Sans","メイリオ", sans-serif;
margin:0;
padding:0;
font-size:12px;}
 
h2{
color:#543f32;
font-family:"Alegreya Sans",和田研中角ゴシック, sans-serif;
font-weight:normal;
font-size:18px;
margin:10px 0 5px;
padding:0px;
line-height:100%;
text-align:center;}

h3{
color:#543f32;
border-bottom:double 3px #543f32;
font-family:"Alegreya Sans",和田研中角ゴシック, sans-serif;
font-weight:normal;
font-size:13px;
margin:3px;
padding:0 5px;
display:inline-block;
line-height:110%;}

a{
color:#bc8f8f;
text-decoration:none;
padding:0 3px;
transition:0.5s;
}

a:hover{
color:#543f32;
text-decoration:none;
}

</style>

BODY

123456
薬指の呪い

はじめに

見だし3

123456 薬指の呪い

はじめに

見だし3

123456
薬指の呪い