@charset "utf-8";

.textR {
    text-align: right;
}

.moji1{
color:#2A2A2A;
margin-left:4px;
font-size:14px;
line-height:150%;
}

.moji2{
margin:0px 0px 5px 0px;
font-size:20px;
font-weight:bold;
color:#990033;
line-height:1.3;
margin-bottom: 1em;
}

.moji3{
font-size:10pt;
color:#2A2A2A;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:130%;
}

.moji4{
font-size:9pt;
color:#2A2A2A;
margin-left:4px;
line-height:140%;
margin:0px 0px 0px 10px;
}

.title{
background-color:#ffcccc;
padding:2px 2px 2px 6px;
margin:0px 0px 8px 0px;
}

.title2{
font-size:100%;
background-color:#fcd7ce;
padding:0.5em 0.5em 0.5em 0.5em;
margin:0em 0em 0em 0px;
font-weight:bold;
line-height:140%;
}

.title3,
 {
background-image:url("/line.gif");
background-repeat:no-repeat;
background-position:left middle;
font-size:110%;
color:#2A2A2A;
padding:0px 0px 10px 12px;
margin:20px 0px 5px 0px;
font-weight:bold;
line-height:1.5;
}

ul.pict{
display:flex;
flex-wrap:wrap;
}
ul.pict li{
width:100px;
margin:0 10px 10px 0;
}

ol{
padding-left:2em;
}
ol li{
line-height:1.5em;
font-size:130%;
}

ol li a{
text-decoration:none;
border-bottom: dashed 1px orange;
}

.floatL{
float:left;
margin-right:10px;
}

.bg {
    padding: 10px;
    margin: 10px;
    background: #FFF1DD;
}



@charset "UTF-8";
@import "https://use.fontawesome.com/releases/v5.6.1/css/all.css";


#corner-title .title {
font-size: 150%;
    padding: 0em 1em;
    /* margin: 1em 0; */
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

#main .entryBody p {
margin-bottom: 2em;
}

#main ul,
#main ol {
margin: 10px 10px 10px 30px;
}

#main ul {
list-style: disc;
}

#main ol {
list-style: none;
}

#main #mokuji ol li {
border-bottom: 1px dotted #a9a9a9;
margin-bottom: 5px;
padding: 0 5px 5px 5px;
list-style-position: inside;
padding-left: 1.3em;
text-indent: -1.3em;
font-weight: bold;
}

#main.subPage #mokuji ol {
margin-bottom: 10px;
}


#main #mokuji ol li:last-child {
margin-bottom: 0;
}

#main #mokuji .button {
margin-bottom: 40px;
list-style-type: none;
padding: 0;
text-indent: 0;
border: none;
}


#main h1 {
margin: 0 0 20px 0;
padding: 0 0 0 10px;
font-size: 120%;
font-weight: bold;
color: #7F3F3F;

}

#main h1 span.ribbon1 {
    display: inline-block;
    position: relative;
    line-height: 30px;
    text-align: center;
    padding: 0 30px;
    font-size: 18px;
    background: #FFABAB;
    color: #FFF;
    box-sizing: border-box
}




#main .lowpri_main h2 {
margin: 20px 0;
padding: 10px;
font-size: 110%;
border-top: 3px solid #FF7F7F;
border-left: 3px solid #FF7F7F;
border-bottom: 3px solid #FF7F7F;
font-weight: bold;
border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
}

#main h3 {
margin: 0 0 20px 0;
padding: 0 0 0 10px;
font-size: 110%;
border-bottom: 2px solid #FF7F7F;
font-weight: bold;
}

#main .authorName {
font-weight: bold;
text-align: right;
}

#main h4 {
margin: 0 0 20px 0;
padding: 0 0 0 10px;
font-size: 100%;
border-left: 10px solid #FF7F7F;
font-weight: bold;
line-height: 1.2;
}

#main h5 {
display: inline-block;
margin: 0;
padding: 0 10px;
font-size: 100%;
border-bottom: 2px dotted #FF7F7F;
font-weight: bold;
}

#main .entryBody .info {
background: #FFF1DD;
padding: 20px;
margin-bottom: 20px;
}

/* ------------------------------------------------ */

#main .entryBody #profile .clearfix {
margin: 0 40px;
}

#main .entryBody #profile .floatL {
margin-right: 20px;
}

#main .entryBody #profile dl {
margin: 0 40px 20px 40px;
}

#main .entryBody #profile dt {
width:100px;
padding: 0 0 0 3px;
}

#main .entryBody #profile dd {
margin: -1.7em 0 3px 0;
padding: 0 0 3px 110px;
border-bottom:1px dotted #a9a9a9;
}

#main .entryBody #profile .bg {
background: #FFF1DD;
padding: 20px;
margin-bottom: 20px;
}

#mokuji .box {
display:block;
    padding: 0.5em 1em;
    margin: 2em 0 0 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}

#mokuji .box .flex {
display: flex;

}

#mokuji .box span {
display:block;
}

#mokuji .box span.img {
margin: 0 5px 0 0;
}

#mokuji .box span.img img {
max-width:200px;
}

#mokuji .box a {
display:block;
height: auto;
}

/* ------------------------------------------------ */

#mokuji .box .title {
font-weight: bold;
font-size: 120%;
}

#mokuji .box .author {
text-align: right;
font-weight: bold;
font-size: 120%;
}

#mokuji .box .description {
font-size: 90%;
}
/* ------------------------------------------------ */


.entryBody .table-layout {
margin-bottom: 20px;
font-size: 90%;
}


.entryBody .table-layout table {
max-width: 100%;
margin: 0 auto;
}

.entryBody .table-layout table th,
.entryBody .table-layout table td {
padding: 5px;
border: 1px solid #a9a9a9;
}


#main ul.pageNav {
    margin: 0 auto 2em;
    
}

#main ul.pageNav li {
    text-align: center;
    list-style: none;
    height: 2em;
}

#main ul.pageNav li span,
#main ul.pageNav li a {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}

#main ul.pageNav li span {

}

#main ul.pageNav li a:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


/* -----------------Q&A------------------- */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
	position: relative;
	padding: 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
.cp_qa dt {
	margin: 0 3em 1em 3em;
	background: #ffe0b2;
}
.cp_qa dd {
	margin: 0 3em 3em 3em;
	background: #b2ebf2;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
	position: absolute;
	z-index: 99;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #b2ebf2;
}
/* QAアイコン */
.cp_qa dt::after,.cp_qa dd::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* Qアイコン */
.cp_qa dt::after {
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.15em 0.35em;
    content: 'Q';
	background: #f57c00;
}
/* Aアイコン */
.cp_qa dd::after {
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.2em 0.42em;
	content: 'A';
	background: #0097a7;
}





/* デフォルト
------------------------------------------------ */
/* index
------------------------ */

#main #mokuji ul {
list-style: none;
margin: 0 10px 30px 10px;
}

#main #mokuji ul li {
border-bottom: 1px dotted #a9a9a9;
margin-bottom: 5px;
padding: 0 5px 5px 5px;
list-style-position: inside;
}

#main #title {
    padding: 0.2em 0.5em;
    margin: 10px 0 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
    text-align: center;
}

#main #title a {
    text-decoration: none;
}
#main #title h1 {
    font-size: 180%;
    margin: 0;
    padding: 10px;
    text-indent: unset;
text-align: center;
}

#main #title .author-name {
font-size:150%;
text-align: right;
}

#main #title-sub .subTitle {
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
    font-size: 150%;
    font-weight: bold;
    color: darkblue;
    padding-left: 40px;
    text-indent: -30px;
}


#main .lead {
    margin: 0 auto 1em auto;
    background-color: #f0f8ff;
    padding: 0.5em;
}

#main .midashi ul {
    background: #fcfcfc;
    padding: 0.5em 0.5em 0.5em 2em;
    border: solid 3px gray;
    margin: 1em 0 1em 0;
}

#main .midashi ul li {
    line-height: 1.5;
    padding: 0.2em 0;
}

#main #profile {
margin-bottom: 20px;
}

#main #profile .img {
float: left;
margin: 0 1em 1em 0;
}

#main #profile .name {
font-weight: bold;
font-size: 110%;
margin-bottom: 1em;
}

#main #profile p {
font-size:95%;
}

/* sub
------------------------ */

#main.subPage h1 {
margin-bottom: 0;
padding: 0 0 0 0;
border-bottom: none;
font-size: 130%;

margin: 0 10px 20px 10px;
line-height: 1.5;
color: #7F3F3F;
}

#main.subPage #title-sub {
    padding-bottom: 5px;
    margin-bottom: 5px;
    /* border-bottom: 2px solid #004583; */
    /* font-weight: bold; */
    font-size: 130%;
    /* color: #004583; */
    position: relative;
    padding: 0.5em;
    color: #010101;
    background: #eaf3ff;
    border-bottom: solid 3px #516ab6;
}

#main.subPage #title-sub .subTitle {
    font-size: 120%;
}

#main.subPage #title-sub .authorName {
padding-right: 10px;
text-align: right;
font-weight: normal;
color: #004583;
font-size: 100%;
position: absolute;
bottom: 0;
right:0;
}

#main.subPage div.img {
    display: inline-block;
    margin-bottom: 1em;
    background: #ffeaea;
    padding: 1em 2em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 0px 10px 1px #a9a9a9;
    -webkit-box-shadow: 0px 0px 10px 1px #a9a9a9;
    -moz-box-shadow: 0px 0px 10px 1px #a9a9a9;
float:none;
}

#main.subPage div.img img {
    display: block;
    margin: auto;
}

#main.subPage div.img p {
    margin-top: 1em;
    font-size: 95%;
}

#main.subPage .matome {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #b31b1b;
}

#main.subPage .matome .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #b31b1b;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

#main.subPage .matome ul li {
    list-style-type: none!important;
    border-bottom: dashed 1px #ffdfdf;
}
#main.subPage .matome ul li:before {
    /* font-family: FontAwesome; */
    content: "✔";
    position: absolute;
    left: 1.5em;
    color: #b31b1b;
}


#main.subPage .kakomi {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: dashed 2px #5b8bd0;/*点線*/
    font-size: 90%;
}

#main.subPage .kakomi h3 {
    font-size: 140%;
    border-bottom: 3px solid #5b8bd0;
}

#main.subPage .kakomi h4 {
    border-left: 10px solid #5b8bd0;
}

#main.subPage .kakomi h4 {
    display: block;
    margin: 1em auto;
}

#main.subPage .kakomi img {
    margin: 1em auto;
    display: block;
}

#main.subPage p.writer {
    text-align: right;
    font-size: 85%;
}

#main.subPage .quote {
    display: flex;
    justify-content: flex-end;
    font-size: 95%;
}

/* 糖尿ブギウギ
------------------------------------------------ */

/* index
------------------------ */

#main.boogie #mokuji ul {
list-style: none;
margin: 0 10px 30px 10px;
}

#main.boogie #mokuji ul li {
border-bottom: 1px dotted #a9a9a9;
margin-bottom: 5px;
padding: 0 5px 5px 5px;
list-style-position: inside;
}

#main.boogie #title {
}

#main.boogie h1 {
margin-bottom: 0;
padding: 0 0 0 0;
border-bottom: none;

margin-bottom: 5px;
padding: 0 40px 5px 40px;
border-bottom: 2px solid #004583;
font-weight: bold;
line-height: 1.2;
font-size: 250%;
color: #004583;
}

#main.boogie h1 span {
font-size: 70%;
}


#main.boogie #title .author-name {
font-size:150%;
text-align: right;
}

#main.boogie .lead .image {
float: left;
margin: 0 20px 20px 0;
}

#main.boogie .lead .guidance {
clear: both;
border: 1px solid #a9a9a9;
padding: 10px;
font-size: 90%;
}


/* sub
------------------------ */

#main.subPage.boogie h1 {
margin-bottom: 0;
padding: 0 0 0 0;
border-bottom: none;
font-size: 140%;

margin: 0 10px 20px 10px;
padding-left: 4em;
text-indent: -4em;
line-height: 1.5;
color: #7F3F3F;
}


#main.subPage.boogie #title-sub {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 2px solid #004583;
font-weight: bold;
font-size: 130%;
color: #004583;
}

#main.subPage.boogie #title-sub .subTitle {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 10px;
}

#main.subPage.boogie #title-sub .authorName {
padding-right: 10px;
text-align: right;
font-weight: normal;
color: #004583;
font-size: 100%;
}

#main.subPage.boogie .entryBody .image-manga {
text-align: center;
padding-bottom: 20px;
border-bottom: 2px dotted #FF7F7F;
}

/* インスリンとの歩き方
------------------------------------------------ */

/* index
------------------------ */

#main.arukikata #mokuji ul {
list-style: none;
margin: 0 10px 30px 10px;
}

#main.arukikata #mokuji ul li {
border-bottom: 1px dotted #a9a9a9;
margin-bottom: 5px;
padding: 0 5px 5px 5px;
list-style-position: inside;
}

#main.arukikata #title {
width:600px;
margin:0 auto 20px auto;
background:url(/opinion/002/images/top.jpg);
height:440px;
padding:20px;
}

#main.arukikata h1 {
margin-bottom: 5px;
padding: 0 40px 5px 40px;
border-bottom: 2px solid #fff;
font-weight: bold;
line-height: 1.2;
font-size: 250%;
color: #fff;
}

#main.arukikata #title .author-name {
color:#fff;
font-size:150%;
text-align: right;
}

#main.arukikata .lead {
width:36em;margin:0 auto 1em auto;font-weight:bold;line-height:1.8;
}

#main.arukikata #profile {
margin-bottom: 20px;
}

#main.arukikata #profile .image {
float: left;
margin-right: 20px;
}

#main.arukikata #profile .name {
font-weight: bold;
font-size: 110%;
}

/* sub
------------------------ */

#main.subPage.arukikata h1 {
margin-bottom: 0;
padding: 0 0 0 0;
border-bottom: none;
font-size: 140%;

margin: 0 10px 20px 10px;
padding-left: 4em;
text-indent: -4em;
line-height: 1.5;
color: #7F3F3F;
}

#main.subPage.arukikata #title-sub {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 2px solid #004583;
font-weight: bold;
font-size: 130%;
color: #004583;
}

#main.subPage.arukikata #title-sub .subTitle {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 10px;

}

#main.subPage.arukikata #title-sub .authorName {
padding-right: 10px;
text-align: right;
font-weight: normal;
color: #004583;
font-size: 100%;
}