/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 24 2018 | 03:59:49 */
.entry-meta_items{
  display: none;
}

/*fontPC 52pxB  mov 30pxB*/
.f52-30{
font-size: 52px !important;
font-weight: bold !important;
}
@media (max-width: 560px){
.f52-30{
font-size: 30px !important;
font-weight: bold !important;
}
}



/*タブタイトル付の紺ボックス*/
.ttabboxblue  {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #070751;
    border-radius: 8px;
}
.ttabboxblue  .ttbox-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #070751;
    font-weight: bold;
}
.ttabboxblue p {
    margin: 0; 
    padding: 0;
}

/*タブタイトル付の橙ボックス*/
.ttabboxorange  {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff7f50;
    border-radius: 8px;
}
.ttabboxorange  .ttbox-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff7f50;
    font-weight: bold;
}
.ttabboxorange p {
    margin: 0; 
    padding: 0;
}


/*タブタイトル付の赤ボックス*/
.ttabboxred  {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #dc143c;
    border-radius: 8px;
}
.ttabboxred  .ttbox-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #dc143c;
    font-weight: bold;
}
.ttabboxred p {
    margin: 0; 
    padding: 0;
}




/*交差するラインボックス
<div class="kousabox">
    <p>ここに文章</p>
</div>*/
.kousabox{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.kousabox:before, .kousabox:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.kousabox:before {left: 10px;}
.kousabox:after {right: 10px;}
.kousabox p {
    margin: 0; 
    padding: 0;
}



/*交差するラインで囲む中央寄せタイトル
<h3 class="kkakomititle">タイトルになる文字を入れます</h3>*/
.kkakomititle{
position: relative;
padding: 0.25em 1em;
border-top: solid 2px black;
border-bottom: solid 2px black;
	text-align: center;
}
.kkakomititle:before, .kkakomititle:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
.kkakomititle:before {left: 7px;}
.kkakomititle:after {right: 7px;}



/*交差するラインで囲む中央寄せタイトル
<h3 class="kminkakomititle">タイトルになる文字を入れます</h3>*/
.kminkakomititle{
position: relative;
padding: 0.25em 1em;
border-top: solid 2px black;
border-bottom: solid 2px black;
	text-align: center;
        font-family:serif;/*明朝*/
}
.kminkakomititle:before, .kminkakomititle:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
.kminkakomititle:before {left: 7px;}
.kminkakomititle:after {right: 7px;}





/*いいねアイコン付の箇条書きボックス*/
ul.goodico {
  background: #ffffff;/*背景色*/
  border: solid 0px gray;/*線の種類 太さ 色*/
  padding: 0.5em 1em 0.5em 2.3em;/*ボックス内の余白*/
  position: relative;
}

ul.goodico li {
  line-height: 1.5;/*文の行高*/
  padding: 0.5em 0;/*前後の文との余白*/
  list-style-type: none!important;/*ポチ消す*/
}

ul.goodico li:before {/*疑似要素*/
  font-family: "Font Awesome 5 Free";
  content: "\f164";/*アイコンのユニコード*/
font-weight: bold;/*表示されない時に限って使用する*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ff4500; /*アイコン色*/
}


/*チェックアイコン付の箇条書きボックス*/
ul.choncheck {
  background: #ffffff;/*背景色*/
  border: solid 1px gray;/*線の種類 太さ 色*/
  padding: 0.5em 1em 0.5em 2.3em;/*ボックス内の余白*/
  position: relative;
}

ul.choncheck li {
  line-height: 1.5;/*文の行高*/
  padding: 0.5em 0;/*前後の文との余白*/
  list-style-type: none!important;/*ポチ消す*/
}

ul.choncheck li:before {/*疑似要素*/
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
font-weight: bold;/*表示されない時に限って使用する*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}


/*上部にグレーラインの入った影付きボックス*/
.coolgraybox{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: white;
    border-top: solid 5px #808080;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

/*上部にオレンジ色の入った影付きボックス*/
.coolorangebox{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: white;
    border-top: solid 5px #ff7f50;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}



/*上部にベージュラインの入った影付きボックス*/
.coolbeigebox{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: white;
    border-top: solid 5px #fce2c4;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

/*上部に赤色ラインの入った影付きボックス*/
.coolredbox{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: white;
    border-top: solid 5px #dc143c;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

/*上部に紺色ラインの入った影付きボックス*/
.coolbluebox{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: white;
    border-top: solid 5px #070751;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}


/*黄色い蛍光アンダーライン太字　ラインの太さは●%が低い程太くなる*/
.keikou{
  background: linear-gradient(transparent 60%, #ff0 0%);
  font-weight: bold;
}



/*純粋太字*/
.futo{
	font-weight: bold !important;
}

/*明朝中央寄せタイトル用
<h3 class="minstitle">タイトルになる文字を入れます</h3>*/
.minstitle {
	line-height: 200% !important;  
	padding:0 0 0 0px;
	margin:0 0 5px 0;
	text-align: center;
        font-family:serif;/*明朝*/
}
@media (max-width: 650px) {  
.minstitle {
	line-height: 150% !important;  
	padding:0 0 0 0px;
	margin:0 0 5px 0;
	text-align: center;
        font-family:serif;/*明朝*/
}




/*明朝の影付き中央寄せタイトル用
<h3 class="mintitle">タイトルになる文字を入れます</h3>*/
.mintitle {
	line-height: 175% !important;  
	padding:0 0 0 0px;
	margin:0 0 5px 0;
	text-align: center;
        font-family:serif;/*明朝*/
        text-shadow: #14375b 1px 1px 2px;
}

/*影付き行間詰め詰め中央寄せ*/
.title-kage125 {
	line-height: 125% !important;  
	padding:0 0 0 0px;
	margin:0 0 5px 0;
	text-align: center;
        text-shadow: #666666 1px 1px 2px;
}

/*影付き行間詰め中央寄せ*/
.title-kage150 {
	line-height: 150% !important;  
	padding:0 0 0 0px;
	margin:0 0 5px 0;
	text-align: center;
        text-shadow: #666666 1px 1px 2px;
}


/*行間詰め詰め詰め*/
.gyokan100 {
	line-height: 100% !important;  
	padding:0 0 0 0px;
	margin:0 0 5px 0;
}
  @media screen and (max-width: 650px){	
.gyokan90 {
	line-height: 120% !important;  
	padding:0 0 0 0px;
	margin:0 0 5px 0;
}
    }


/*14px行間詰め中央寄せgyokan150*/
.gyokan150{
	line-height: 150% !important;   
	font-size:14px; 
	padding:0 0 0 0px;
	margin:0 0 5px 0; 
	text-align: center;
}


/*14px太字行間詰め中央寄せ*/
.gyokan150-14b{
	line-height: 150% !important;   
	font-size:14px !important;
	padding:0 0 0 0px;
 	font-weight: bold !important; /*太字に*/
	margin:0 0 5px 0; 
	text-align: center;
}




/*18px太字行間詰め中央寄せ 主に囲み枠内*/
.para18 {
	line-height: 150% !important; 
	padding:10 0 10 0px;
	margin:0px;
        text-align: center;
	font-weight: bold !important; /*太字に*/
	font-size:18px !important ; 
}


/*18px行間詰め詰め詰め中央寄せ*/
.gyokan100-18{
	line-height: 100% !important;   
	font-size:18px !important;
	padding:0 0 0 0px;
	margin:0 0 5px 0; 
	text-align: center;
}


/*22px太字行間詰め詰め中央寄せtitle22b125c*/
.title22b125c {
	line-height: 125% !important; 
	padding:0 0 0 0px;
	margin:0 0 5px 0;
        text-align: center;
	font-weight: bold !important; /*太字に*/
	font-size:22px !important ; 
}


/*<div class="icon-image"><img src="画像のパス"></div>*/
.icon-image img {
display: block;
 margin-left: auto;
 margin-right: auto;
}


/* PCとモバイルの改行使い分けで対応 <br class="br-sp" /><br class="br-pc" /> */
@media screen and (min-width: 650px){	
	.br-pc { display:block; }
	.br-sp { display:none; }
}
@media screen and (max-width: 650px){	
	.br-pc { display:none; }
	.br-sp { display:block; }
}




/*紺18pxで行の上に30pxの空き行間100*/
.gyoue30 {
	font-size:18px;
	color: #14375b;
	padding:30px 0 0 0px;
	margin:0px 0 5px 0;
	line-height: 100%;  
}


/*円で囲まれたアイコンが入っているボックスセット*/
.circle-frame {
display: block;/*中央寄せ*/
 margin-left: auto;
 margin-right: auto;
width:96px;/* 幅サイズ指定 */ 
height:96px;/* 高さサイズ指定 */ 
background-color:#d90000;/* 円の色 */
border-radius: 50%;/* 角を丸くする */
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

.circle-icon {
padding-top:25px; /* 真ん中にまで文字を下ろす */
text-align: center; /* 中央寄せ */
}

/*グレーのシンプルボックス*/
.graybox {
    padding: 2em 1em;
    margin: 0 0;
    color: #2c2c2f;
    background: #f7f7f7;
border: solid 1px #ddd;
}
/*円で囲まれたアイコンが入っているボックスセットここまで*/


/*一文字目だけ紺色2倍*/
.f-big {
 font-size:1em;
}
.f-big:first-letter {
 font-size:2em;
 color:#003567;
}


/*左側にのみ縦線*/
.vertical-blue {
padding: 0.25em 0.5em;/*上下 左右の余白*/
background: transparent;/*背景透明に*/
border-left: solid 5px #003567;/*左線紺*/
}

/*二重紺下線*/
.wline-blue {
border-bottom: double 2px #003567;/*線の種類（二重線）太さ 色*/
}


.container square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #67c5ff;
    color: white;
}
.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}}