@charset "UTF-8";


/* プラグイン3を常に表示させる場合はHTML編集の該当箇所２つを削除
    使わない場合はプラグイン1や2に移動 */
/* 幅変更はカラム落ちの原因となるのでpxや%の設定を慎重に */
/* サンプル  https://paro2day.blog122.fc2.com/blog-entry-351.html */

/* 記事本文で使用可能な画像の大きさ目安 */
/* LL  640px / L  550px / M  460px / S  420px / 可変  変動 */


/* ---------------------------------------------- 左右入替え --- */
/* left → right  right → left に変更 =可変＋固定=の場合は幅変更も同様に */

div.main{ float: right ; }
div.right{ float: left ; }

/* --- 初期値 : M ------------------------------------- 幅変更 --- */
/* LL  固定    945px   690px     0px    0px   230px  */
/* L    固定    850px   615px     0px    0px   215px  */
/* M   固定    745px   510px     0px     0px   210px  */
/* S    固定    687px   472px     0px     0px  190px  */
/* 可変＋固定　  94%   100%  -230px  230px   210px  */
/* 可変＋可変    94%    72%      0px      0px    26%  */
/* 上記のどれか１行を左から順に下記の5つに上書きします */

#pagetop{ width: 98% ;}	/* メイン+サイドより大きく*/

div.main{  width: 69.5% ;	/* メイン */
      margin-right : 0px ;	/* 可変＋固定 左右入替え right ←→ left */
}
div.m-main{ margin-right : 0px ;}	/* 可変＋固定 左右入替え right ←→ left */

div.right{ width: 29.5% ; }	/* サイド */

/* コメントフォームの横幅//全体幅が小さい場合は数値を減らす */
/* M   400px  155px   S   360px  155px  */
div.c-form textarea{ width: 400px ; }	/* 本文入力欄 */
input#name,input#mail,input#title,input#url{ width: 155px ; } /* 名前等入力欄 */
.wlabel{ float: left;  width: 170px; } /* 名前入力欄 +15px */

/* ---------------------------------------------------  枠色 --- */
/*  青 #7491a9 / 緑 #73a881 / 灰 #aaaaaa / 赤 #c37f76 / 黄 #a9a271  */
/*  濃 #444455 / 濃 #445544 / 濃 #444444 / 濃 #554444 / 濃 #555544  */

.f-in{ border-color: #484848 ; }                        /* メイン */
div.r-main .f-in{ border-color: #484848 ;
                       border-width: 3px;  
                       border-style: double;  }	/* サイドバー */

/* ----------------------------------------- サイドバーリンク色 --- */

.r-main li a:link,.r-main li a:visited,.titlebody li a:link,.titlebody li a:visited,
.p-third li a:link,.p-third li a:visited{
	text-decoration: none;
	color: #ffffff ;	/* リストリンク */
}
.r-main li a:hover,.titlebody li a:hover,.p-third li a:hover{
	text-decoration: none;
	color: #f68111 ;
}

.r-main a:link,.r-main a:visited,.titlebody a:link,.titlebody a:visited,
.p-third a:link,.p-third a:visited{
	text-decoration: none;
	color: #ffffff ;	/* 本文リンク */
}
.r-main a:hover,.titlebody a:hover,.p-third a:hover{
	text-decoration: none;
	color: #f68111 ;
}

/* ----------------------------------------- 記事本文リンク色 --- */

.e-text a:link,.e-text a:visited,.f-in h2.e-title a:active,.f-in h2.e-title a:hover,
.c-entry a:link,.c-entry a:visited,.t-body a:link,.t-body a:visited{
	text-decoration: underline;
	color: #cc0044 ;
}
.e-text a:hover,.c-entry a:hover,.t-body a:hover{
	text-decoration: none;
	color: #f68111 ;
}

/* --------------------------------------------------- 画像 --- */
/* 囲み線が不要な場合は border 部分の１行を削除 */
/* 左右の余白を増やしすぎると画像がはみ出る */

img {
    max-width: auto;
    height: auto;
}

.e-text img{
	border: #222222 0px solid;	/* --記事-囲み線-- */
	margin: 10px 1px;		/* --余白-上下・左右-- */
}

.s-body .s-text img{
	border: #222222 0px solid; /* サイドバー囲み線-必要な場合は 1px */
	margin: 1px 1px;		/* --余白-上下・左右-- */
}

/* --- big 160%  small 82% ---------------------------- 文字サイズ --- */

h1.title{ font-size: 160%; }		/* --ブログタイトル-- */

.intro{ font-size: 100%; }			/* --ブログ説明文-- */

h2.e-title,#comment-area,.c-edit,#trackback,.p-third .e-title{
	font-size: 120%; }		/* --記事タイトル-- */

.e-text,div.p-third .s-text,.titlebody{
	font-size: 100%; }		/* --記事本文-- */

div.tag,.e-commu,.e-category{ font-size: 100%; } /* --カテゴリ-- */

.e-bottom{ font-size: 100%; }		/* --記事下部-- */

.c-entry,.c-form,.edittitle,.t-body{ font-size: 100%; } /* --コメント・トラックバック-- */

.r-main,div.navi,div.search,#b-top{ font-size: 88%; } /* --サイド・ナビ等-- */

.s-title{ font-size: 110%; }	

.copyright{ font-size: 82%; }
.adad{ font-size: 91.4%; }
.adad strong{ font-weight:normal; }

/* -----------------------------------------------------行間--- */

div.e-text{ line-height: 1.7; }		/* --記事本文-- */
.c-body,.t-entry{ line-height: 1.6; }	/* --コメント・トラバ本文-- */
.s-text{ line-height:1.4; }		/* --サイドバー本文-- */

/* -------------------------------------------------- 文字色 --- */

h1.title a:link,h1.title a:visited,h1.title a:hover{
	text-decoration: none;
	color: #FFFF00;		/* --ブログタイトル-- */
} 

.intro{ color: #cccccc; }		/* --ブログ説明文-- */

h2.e-title,h2.e-title a:link,h2.e-title a:visited,#comment-area,div.c-edit,#trackback,
div.p-third .e-title{
	color: #FFFF00;		/* --記事タイトル-- */
	text-decoration: none;
}
.m-main,.m-main table,.c-entry,.t-body,div.p-third .s-text{
	color: #d0d0d0;		/* --記事本文-- */
}

.s-title{ color: #FFFF00; }		/* --サイドバータイトル-- */
.r-main,.r-main table,div.search{
	color: #d0d0d0;		/* --サイドバー本文-- */
}

.t-login li a:link,.t-login li a:visited{
	text-decoration: none;
	color: #aaaaaa;		/* --右上メニューリンク-- */
	background: #111111;
	padding: 0.3em 0.6em 0.2em;
}
.t-login li a:active,.t-login li a:hover{
	text-decoration: none;
	color: #ffffff;	/* --右上メニューリンク-カーソル接触-- */
	background: #444444;
}

span.c-no,span.c-no a:link,span.c-no a:visited{
	text-decoration: none;
	color: #ffffff;		/* --コメント日付-- */
}
span.c-no a:hover{
	text-decoration: none;
	color: #ee7800;	/* --コメント日付-カーソル接触-- */
}
.c-top a:link,.c-top a:visited{
	color: #d0d0d0;
	text-decoration: underline;
}

.copyright,.copyright a:link,.copyright a:visited{ color: #666666; }
.copyright a:hover{ color: #ffffff; }

/* ----------------------------------------------- ナビリンク --- */

div.navi a:link,div.navi a:visited,#b-top a:link,#b-top a:visited,div.navi{
	text-decoration: none;
	margin: 0 5px;
	color: #ffffff;
}

div.navi a:hover,#b-top a:hover{
	color: #ee7800;
}

/* -------------------------------------------- カテゴリリンク --- */

.e-category a:link,.e-category a:visited,.e-commu a:link,.e-commu a:visited,
div.tag a:link,div.tag a:visited{
	color: #ffffff;
	text-decoration: underline;
}
.e-category a:active,.e-category a:hover,.e-commu a:active,.e-commu a:hover,
div.tag a:active,div.tag a:hover{
	color: #ee7800;
	text-decoration: none;
}

.e-bottom,.e-bottom a:link,.e-bottom a:visited{
	color: #ffffff;
	text-decoration: none;
}
.e-bottom a:active,.e-bottom a:hover{
	color: #ee7800;
	text-decoration: none;
}

/* --------------------------------------------- その他リンク --- */

div.p-third a:link,div.p-third a:visited{
	text-decoration: underline;	/* --プラグイン3-- */
}
div.p-third a:active,div.p-third a:hover{
	text-decoration: none;	/* --プラグイン3-- */
}

a:link,a:visited{
	color: #ffffff;
	text-decoration: none;
}
a:hover{ color: #ee7800; }

div.tag a:link,div.tag a:visited{ padding: 0 2px; }

/* ------------------------------------------- カレンダーリンク --- */

.s-body table.calender td a:link,.s-body table.calender td a:visited{
	text-decoration: none;
}
.s-body table.calender td a:hover{
	text-decoration: none;
}

/* -----------------------------------------------------body--- */

#pagetop{
	margin: 0 auto;
	padding: 0;
}

div.main{overflow: hidden;}
div.right{overflow: hidden;}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	padding: 0;
	letter-spacing: 2px;
        text-align: center;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
	background: #000000;		/* --全体背景色-- */
	color: #cccccc;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #000000;
	scrollbar-shadow-color: #444444;
	scrollbar-highlight-color: #777777;
}

div.t-login{
	text-align: right;
	font-size: 75%;
}

.t-login ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.t-login li{
	margin: 0;
	line-height: 1.6;
	display: inline;
}

h1.title{
	height: 300px;
　　　　　　　width: 100%;
　　        　 margin: 0;
	padding: 0 0.1em 0.1em 0.1em;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
        background-repeat: no-repeat;        
}

.intro{text-align: right;margin: 0.1em 0.5em 0.5em;}

div.m-main{
	margin-top: 22px;
	text-align: left;
}

div.m-main table{ font-size: 13.12px; }

div.r-main{
	margin: 22px 0 0;
	text-align: left;
}

div.r-main table{ font-size: 13.12px; }

.emoji {
	vertical-align: middle;
	margin: 0 0.1em;
}

img{ border: none; }

a img{
	border: none;
	text-decoration: none;
}

.m-main p{
	margin:2px 0;
}

.r-main p{
	margin:3px 0;
}

pre{
	font-size: inherit;
	overflow: auto;
}

textarea,select,input{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: inherit;
}

textarea{
	line-height: 1.1;
	background: #111;
	color: #ccc;
	border: 1px #333333 solid;
}

input{
	background: #111111;
	color: #cccccc;
	border: 1px #333333 solid;
}

form{ margin: 0;padding: 0; }

blockquote{
	margin: 1em 0.5em;
	padding: 0.6em 0.7em;
	border: #333333 1px solid;
	color: #cccccc;
	background: #111111;
}

div.m-main blockquote p{
	margin: 0.1em;
}

.m-main ul,.m-main ol{
	margin: 17px 0 17px 32px;
	padding: 0;
	line-height: 1.3;
}

.m-main ul ul,.m-main ol ol{
	margin: 8px 0 10px 25px;
	padding: 0;
}

.m-main li{
	margin: 0.5em 0;
	padding: 0;
}

h3{
	border-left: #cccccc 10px solid;
	border-bottom: #cccccc 1px solid;
	margin: 20px 0 0 0;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}

h4{
	border-left: #e8e8e8 10px solid;
	border-bottom: #e8e8e8 1px solid;
	margin: 20px 0 0 0;
	padding: 5px 6px;
	line-height: 1;
	font-weight: normal;
	font-size: 100%;
}
h5{
	margin: 20px 0 0 0;
	padding: 9px 0 7px; width: 100%; position: relative;
	line-height: 1;
        font-weight: normal;
	font-size: 95%;
}
h6{
        margin: 20px 0 0 0;
	padding: 9px 0 7px; width: 100%; position: relative;
	line-height: 1;
        font-weight: normal;
	font-size: 95%;
}
/* ----------------------------------------------------entry--- */

.entry-body{ background: #000000; }

.entry-body{ padding: 9px 0 7px; width: 100%; position: relative;}
.m-main .entry-body{ padding-top: 0.7em; }

div.entry{ margin: 0 auto 3.2em; }
div.entry-p{ margin: 0 auto 2em; }

h2.e-title,#comment-area,div.c-edit,#trackback,div.e-title{
	position: absolute;
	top:-0.9em;
	padding: 0.2em 0.3em 0.2em 0.3em;
	margin: 0 0.7em;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
	background:#000000;		/* --全体背景色と同色に-- */
	z-index:3;
}

.e-category{
	text-align: right;
	line-height: 1.4;
	padding: 0 11px;
	position: relative;
	z-index:9;
}

.e-text{
	margin-bottom: 14px;
	padding: 0.1em 1.4em 0.6em 1.5em;
	text-align: left;
}

.fc2_footer{ padding: 1.5em 0 0; }

.e-more{ margin: 1em 0.5em 0.4em; }
div.e-more a{ padding: 0 0.2em; }
.topmore{ padding-top: 20px; }

div.tag{
	margin: 0 1em;
	text-align: left;
	line-height: 1.4;
}

.e-commu{
	text-align: left;
	line-height: 1.4;
	margin: 0.5em 0.8em;
	padding: 0 0.2em;
}

.e-bottom{
	padding: 0.2em 0.1em 0.4em;
	text-align: right;
}



/* -----------------------------------------------------navi--- */

div.navi{
	text-align: center;
	margin: 2px 0 1px;
}

.navi-top{
	padding: 0 0.3em 2.2em;
	line-height: 1.3;
	text-align: center;
}

.navi-perma{
	padding: 0 0 1em 0.1em;
	line-height: 1.3;
}

.navi-permab{
	padding: 0 0 1em 0.1em;
	line-height: 1.3;
}

.navi-perma .navi a:link,.navi-perma .navi a:visited{
	margin: 0;
}

#n-bottom{ margin: 0 0 1em; }

/* -----------------------------------------------------side--- */

.s-title{
	position: absolute;
	top:-0.9em;
	padding: 0.2em 0.3em 0;
	margin: 0 0.7em;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
	background:#000000;		/* --全体背景色と同色に-- */
}

.s-body{ margin: 0.3em 0.6em; }

.s-description{
	padding: 0px 0px;	/* --プラグイン説明文余白--上下・左右-- */
}

.s-text{ width: 100%; }

.r-main ul,.titlebody ul{
	margin: 0.3em 0;
	padding: 0;
	list-style-type: none;
}

.r-main li{
	padding: 6px 4px;
	margin: 0;
	line-height: 1.3;
	border-bottom: 1px #262626 solid;
}

/* ----------------------------------------comment-trackback--- */

.c-entry{
	padding: 0.2em 0;
	text-align: left;
	position: relative;
}

.c-top,.t-user{
	border: 1px #222222 solid;
	background: #111111;	/* ---c-tripと同じ色に--- */
}

span.c-trip{
	marging: 0 7px;
	color: #111111;	/* ---上記と同じ色に--- */
}

.c-top{
	margin: 4px 0 7px;
	padding: 4px 8px;
	text-align: left;
	line-height:1.2;
}

.c-body{
	margin: 0 1em 0.4em;
}

.c-bottom{
	text-align: right;
	margin: 0 0.5em 0 0.1em;
}

.c-form{
	padding : 0.6em 0 0;
	line-height: 1.5;
}

.c-formb{
	text-align: right;
	margin: 6px 0;
	padding: 2px 10px;
}

.m-main .edittop{ padding-top: 0; }

.t-url{ overflow: auto; margin: 0 7px; }

.t-user{
	margin: 1em 0;
	text-align: right;
}

.t-title{
	margin: 2px 0 3px;
	padding: 3px 11px 0;
}

.t-entry{
	line-height: 1.4;
	border-bottom: 1px #222222 dashed;
	padding: 0 11px 5px;
}

/* --------------------------------------------------bottom--- */

#b-top{
	clear: both;width: 100%;
	padding-top: 5px;padding-bottom: 5px;
	text-align: center;
}

.copyright{
	text-align: center;
	padding: 0.7em 0 1.1em;
}

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

.titlebody{
	padding: 10px 6px;
	position: relative;
}

.titlebody li{
	padding: 6px 5px;
	margin: 0 0 1px;
	line-height: 1.3;
	border-bottom: 1px #191919 solid;
}

.titlebody li a:link,.titlebody li a:visited{
	text-decoration: none;
	padding: 0 3px;
}

div.search{
	margin:0.8em;
	padding: 0.2em 0.5em;
	border: 1px #444444 solid;
}

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

div{margin: 0;padding: 0;}

.f-in{ border-width: 3px ; border-style: double; position: relative; }

div.p-third .entry-body{ padding: 0.9em 0;}

div.p-third .s-body{ margin: 0.1em 1em 0; }

div.p-third ul{
	margin: 0.3em 0 0.1em;
	padding: 0;
	list-style-type: none;
}

div.p-third li{
	padding: 6px 7px;
	margin: 0;
	line-height: 1.3;
	border-bottom: 1px #191919 solid;
}

div.p-third li a:link,div.p-third li a:visited,div.p-third li a:hover{
	text-decoration: none;
}

/* --------------------------------------------plugin-calender--- */

.plugin-calender{
	text-align: center;
	margin: 2px auto;
	padding: 0;
}

div.r-main table.calender{
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
	color: #aaaaaa;
	font-size: 12px;
}

.calender caption{
	color: #cccccc;
	margin: 0 auto;
	padding: 3px 0 4px;
}

.calender caption a{
	padding: 0 3px;
}

.calender th{
	text-align: center;
	font-weight: normal;
	line-height: 1.4;
	color: #cccccc;
}

.calender th#sun{
	color: #ff6666;
}

.calender th#sat{
	color: #6666ff;
}

.calender td{
	text-align: center;
	width: 22px;
	line-height: 1.4;
	padding: 0;
	color: #606060;
}

/* ------------------------------------------------------baton--- */

p.baton_title{
	font-weight: bold;
	margin: 0;
	padding: 5px 0 8px;
}
dl.blog_baton{
	margin: 0px 0 8px;
}
dt.baton_q{
	margin: 0px 0px 5px 0px;
	color: #66aadd;
	line-height: 1.5;
}
span.q_number{
	font-family: verdana;
	color: #55aaff;
	font-weight: bold;
	margin-right: 5px;
}
dd.baton_a{
	margin: 0px 0px 10px 13px;
	line-height: 1.5;
}
span.a_number{
	font-family: verdana;
	color: #ff8844;
	font-weight: bold;
	margin-right: 5px;
}

/* --------------------------------------------plugin-category--- */

.s-body ul.main_menu{
	margin: 1px 0 7px 0px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.sub_menu{
	margin: 6px -4px -5px;
	padding: 0;
	list-style-type: none;
}
.s-body ul.main_menu li.main_list{
	padding: 6px 4px;
	margin: 0;
	line-height: 1.3;
	border-bottom: #262626 1px solid;
}
.s-body ul.sub_menu li{
	padding: 6px 4px 6px 9px;
	margin: 0;
	line-height: 1.3;
	border-top: #262626 1px solid;
	border-bottom: none;
}

/* カッテネ */
.kattene {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 1em;
  box-sizing: border-box; }

.kattene__imgpart {
  text-align: center; }

  .kattene__imgpart img {
    -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); }

.kattene__description {
  font-size: 0.8em; }

.kattene__btns {
  width: 100%;
  margin-top: 1.2em; }

  .kattene__btns:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: "."; }

  .kattene__btns > div {
    float: left;
    margin-bottom: 5px; }

  .kattene__btns .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
   }

  .kattene__btns.__three > div {
    width: 32.66667%; }

    .kattene__btns.__three > div:not(:last-child) {
      margin-right: 1%; }

  .kattene__btns.__two > div {
    width: 49.5%; }

    .kattene__btns.__two > div:nth-child(odd) {
      margin-right: 1%; }

@media screen and (max-width: 900px) {

  .kattene__btns.__four > div {
    width: 49.5%; }

    .kattene__btns.__four > div:nth-child(odd) {
      margin-right: 1%; }

  .kattene__btns.__one > div {
    width: 50%;
    margin-left: 25%; } }
@media screen and (min-width: 901px) {

  .kattene {
    display: table;
    width: 100%; }

  .kattene__imgpart {
    display: table-cell;
    width: 20%; }

  .kattene__infopart {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-left: 10px;
    width: 80%; }

  .kattene__btns {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding-right: 10px; }

    .kattene__btns.__four > div {
      width: 24.25%; }

      .kattene__btns.__four > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__two > div {
      width: 49.5%; }

      .kattene__btns.__two > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__one > div {
      width: 49.5%;
      float: right; } }

.btn {
  appearance: none;
  background-color: #54c0d1;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

  .btn:hover, .btn:focus {
    background-color: #439aa7;
    color: #fff; }

  .btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

    .btn:disabled:hover {
      background-color: #54c0d1; }

.btn.__small {
  padding: 0.55em;
  font-size: 0.9em; }

.btn.__orange {
  background-color: #FF9901;
  -webkit-box-shadow: 0 5px 0 #cc7a01;
  -moz-box-shadow: 0 5px 0 #cc7a01;
  box-shadow: 0 5px 0 #cc7a01;
  -o-box-shadow: 0 5px 0 #cc7a01;
  -ms-box-shadow: 0 5px 0 #cc7a01;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .btn.__orange:hover {
    background-color: #cc7a01; }

  .btn.__orange i {
    font-weight: bold; }

    .btn.__orange i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.btn.__blue {
  background-color: #007dcd;
  -webkit-box-shadow: 0 5px 0 #0064a4;
  -moz-box-shadow: 0 5px 0 #0064a4;
  box-shadow: 0 5px 0 #0064a4;
  -o-box-shadow: 0 5px 0 #0064a4;
  -ms-box-shadow: 0 5px 0 #0064a4;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .btn.__blue:hover {
    background-color: #0064a4; }

  .btn.__blue i {
    font-weight: bold; }

    .btn.__blue i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.btn.__red {
  background-color: #c20004;
  -webkit-box-shadow: 0 5px 0 #9b0003;
  -moz-box-shadow: 0 5px 0 #9b0003;
  box-shadow: 0 5px 0 #9b0003;
  -o-box-shadow: 0 5px 0 #9b0003;
  -ms-box-shadow: 0 5px 0 #9b0003;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .btn.__red:hover {
    background-color: #9b0003; }

  .btn.__red i {
    font-weight: bold; }

    .btn.__red i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.btn.__green {
  background-color: #0BBD80;
  -webkit-box-shadow: 0 5px 0 #099766;
  -moz-box-shadow: 0 5px 0 #099766;
  box-shadow: 0 5px 0 #099766;
  -o-box-shadow: 0 5px 0 #099766;
  -ms-box-shadow: 0 5px 0 #099766;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .btn.__green:hover {
    background-color: #099766; }

  .btn.__green i {
    font-weight: bold; }

    .btn.__green i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }
/* カッテネここまで*/