@charset "utf-8";

/*---------- common ----------*/
body {
background: #FFF;
font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", sans-serif;
font-size: 16px;
color: #333;
line-height: 1.9em;
margin: 0 auto;
}
a {
color: #074BB4;
text-decoration: none;
outline: none;
}
a:hover {
color: #074BB4;
text-decoration: none;
outline: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
	margin: 0 auto;
	display: block;
}


/*---------- 文字装飾 ----------*/
.small {
font-size: 11px;
}
.large {
font-size: 20px;
}
.blk,
.blk:hover {
color: #111111;
}
.normal {
font-weight: normal;
}
.text_red {
color: #990000;
font-weight: bold;
}
.text_blue {
color: #5399da;
font-weight: bold;
}
.text_bold {
font-weight: bold;
}
.marker_yel {
	background: linear-gradient(transparent 70%,#ffe329 70%);
}
.line_yel {
background:#fffdea;
}

.copylight {
	font-size: 11px;
	color:#3f3f3f;
	text-align: center;
}


/*---------- 引用 ----------*/

blockquote {
  position: relative;
  margin: 0 2em 1em;
  line-height: 1.8em;
}

@media screen and (max-width: 736px) {
  blockquote {
    margin: 0 0.5em 1em;
  }
}


/*---------- 文字マーカー ----------*/

      *.marginmarker {
      background-color: #ffff00;
      margin-left: 0.3em;
      margin-right: 0.3em;
      }
      *.largemarker {
      background-color: #ffff00;
      padding: 0.3em;
      margin-left: 0.3em;
      margin-right: 0.3em;
      }
      *.markerline {
      background-color: #ffff00;
      margin-left: 0.3em;
      margin-right: 0.3em;
      text-decoration: underline;
      }


/*---------- header ----------*/

h1 {
  margin: 0 auto;
}

@media screen and (max-width: 736px) {
  .logo {
    width: 30%;
  }
}


/*---------- contents ----------*/
#contents {
  margin: 0 auto;
  width: 720px;
  font-size: 18px;
}

@media screen and (max-width: 736px) {
  #contents {
    width: 100%;
  }
}

/*---------- 記事タイトル ----------*/
h2 {
	position: relative;
	padding: 10px 20px;
	background: #990000;
	color: #FFF;
	font-weight: bold;
}

h2::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(84, 8, 8);
}

@media screen and (max-width: 736px) {
  #contents h2 {
    padding: 8px 15px;
    font-size: 18px;
	line-height: 130%;
	font-weight: bold;
  }
}


/*---------- ボタン ----------*/

.btn a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 8px 20px;
    color: #FFF;
    transition: 0.3s ease-in-out;
	font-size:; 16px
    font-weight: bold;
    background: #339933;
    border-radius: 8px;
    border-bottom: solid 5px #0e4d04;
}
.btn a:hover {
    border-bottom: solid 2px #0e4d04;
    transform: translateY(3px);
}

.btn_az a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 8px 20px;
    color: #000;
    transition: 0.3s ease-in-out;
	font-size:; 16px
    font-weight: bold;
    background: #f9c40b;
    border-radius: 8px;
    border-bottom: solid 5px #826708;
}
.btn_az a:hover {
    border-bottom: solid 2px #826708;
    transform: translateY(3px);
}

.btn_seminar a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
	text-align: center;
    margin: 0 30px;
    padding: 8px 20px;
    color: #000;
    transition: 0.3s ease-in-out;
	font-size:; 16px
    font-weight: bold;
    background: #f9c40b;
    border-radius: 8px;
    border-bottom: solid 5px #826708;
}
.btn_seminar a:hover {
    border-bottom: solid 2px #826708;
    transform: translateY(3px);
}

.btn_dl a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 80%;
    padding: 8px 20px;
    color: #fff;
    transition: 0.3s ease-in-out;
	font-size:; 16px
    font-weight: bold;
    background: #339933;
    border-radius: 8px;
    border-bottom: solid 5px #0e4d04;
}
.btn_dl a:hover {
    border-bottom: solid 2px #0e4d04;
    transform: translateY(3px);
}

.btn_vote a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 70%;
    padding: 8px 20px;
    color: #000;
    transition: 0.3s ease-in-out;
	font-size:; 16px
    font-weight: bold;
    background: #f9c40b;
    border-radius: 8px;
    border-bottom: solid 5px #826708;
}
.btn_vote a:hover {
    border-bottom: solid 2px #826708;
    transform: translateY(3px);
}

.btn_green a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 70%;
    padding: 8px 20px;
    color: #fff;
    transition: 0.3s ease-in-out;
	font-size:; 16px
    font-weight: bold;
    background: #339933;
    border-radius: 8px;
    border-bottom: solid 5px #0e4d04;
}
.btn_green a:hover {
    border-bottom: solid 2px #0e4d04;
    transform: translateY(3px);
}

/*---------- 注釈 ----------*/
.notes{
font-size: 10px;
text-align: right;
}
.noteslink{
text-align: right;
}
.noteslink a{
font-size: 10px;
text-decoration:none;
color:#CDCDCD;
}
/*---------- footer ----------*/
#footer {
font-weight: normal;
text-align: center;
background: #021000;
padding: 10px;
line-height: 1.8em;
}
#footer a{
color:#fff;
text-decoration:underline;
}
/*---------- その他 ----------*/
.underline {
	text-decoration:underline;
}
.blue{color:#006bb9;}
.blue2{color:#074bb4;}
.blue3{color:#5faff9;}
.green {color:#08a92c;}
.red {color:#ff0000;}
.orange{color:#FF6700;}
.imgL {
    display: block;
    margin: 0 auto;
}
.imgW {
    width: 80%;
}
.imgW95 {
    width:95%;
}
.bold {
	font-weight:bold;
}
.marker {
    background-color: #ffff00;
}
.fontS {
	font-size: 75%;
	font-weight: normal;
	line-height: 1.7em;}
.fontSS {font-size: 60%;    line-height: 1.7em;}
.font110 {font-size:110%;font-weight: bold;}
.font120 {font-size:120%;font-weight: bold;}
.font140{font-size: 140%;font-weight: bold;line-height: 1.5em;}
.font160{font-size: 160%;font-weight: bold;line-height: 1.5em;}
.font190{font-size: 190%;font-weight: bold;line-height: 1.5em;}

.lh{    line-height: 1.8em;}
.lh16{    line-height: 1.6em;}

.box1 {
    padding: 0.5em;
    margin: 2em 3em;
    font-weight: bold;
    border: solid 1px #990000;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/*---------- 余白 ----------*/
/*Margin
--------------*/
.mg0 {margin:0 !important;}
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}


/*top*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT25 {margin-top:25px;}
.mgT30 {margin-top:30px;}
.mgT35 {margin-top:35px;}
.mgT40 {margin-top:40px;}
.mgT45 {margin-top:45px;}
.mgT50 {margin-top:50px;}
.hr{border-top:7px solid #25a776;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR15 {margin-right:15px;}
.mgR20 {margin-right:20px;}
.mgR25 {margin-right:25px;}
.mgR30 {margin-right:30px;}
.mgR35 {margin-right:35px;}
.mgR40 {margin-right:40px;}
.mgR45 {margin-right:45px;}
.mgR50 {margin-right:50px;}

/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB25 {margin-bottom:25px;}
.mgB30 {margin-bottom:30px;}
.mgB35 {margin-bottom:35px;}
.mgB40 {margin-bottom:40px;}
.mgB45 {margin-bottom:45px;}
.mgB50 {margin-bottom:50px;}

/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL15 {margin-left:15px;}
.mgL20 {margin-left:20px;}
.mgL25 {margin-left:25px;}
.mgL30 {margin-left:30px;}
.mgL35 {margin-left:35px;}
.mgL40 {margin-left:40px;}
.mgL45 {margin-left:45px;}
.mgL50 {margin-left:50px;}
.mgL3p{margin-left:3%;}

/*Padding
--------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}


/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}
.pdT20 {padding-top:20px;}
.pdT25 {padding-top:25px;}
.pdT30 {padding-top:30px;}
.pdT35 {padding-top:35px;}
.pdT40 {padding-top:40px;}
.pdT45 {padding-top:45px;}
.pdT50 {padding-top:50px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR15 {padding-right:15px;}
.pdR20 {padding-right:20px;}
.pdR25 {padding-right:25px;}
.pdR30 {padding-right:30px;}
.pdR35 {padding-right:35px;}
.pdR40 {padding-right:40px;}
.pdR45 {padding-right:45px;}
.pdR50 {padding-right:50px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB25 {padding-bottom:25px;}
.pdB30 {padding-bottom:30px;}
.pdB35 {padding-bottom:35px;}
.pdB40 {padding-bottom:40px;}
.pdB45 {padding-bottom:45px;}
.pdB50 {padding-bottom:50px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL15 {padding-left:15px;}
.pdL20 {padding-left:20px;}
.pdL25 {padding-left:25px;}
.pdL30 {padding-left:30px;}
.pdL35 {padding-left:35px;}
.pdL40 {padding-left:40px;}
.pdL45 {padding-left:45px;}
.pdL50 {padding-left:50px;}

/*改行*/

.br-sp{
	display: none;
}
.br-pc{
	display: inline;
}

@media screen and (max-width:720px){
	.br-sp{
	display: inline;
}
	.br-pc{
	display: none;
}
}