header h1 {
text-align: center;
margin: 0;
padding: 0;
}

p.tagline {
 font-size: 1.4rem;
 text-align: center;
 text-transform: uppercase;
 color:#c90;
}
nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 background-color: #0b4667;
}
nav ul li {
 display: block;
 width: 100%;
 text-align: center;
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 2.5em;
 color:#555;
 border-top: 1px solid #1a5879;
 border-bottom: 2px solid #003755;
}

nav ul li img {
width: 17px;
height: 17px;
margin: 0 5px 9px 0;
vertical-align: bottom;
}


article {
 margin: 0 0 2em;
}

#contain {
padding: 0 10px;
}
#pankuzu {
margin: 0;
padding: 12px 0;
font-size: 12px;
font-size: 1.2rem;
line-height: 190%;
border-bottom: 1px dotted #7A3F9B;
}

#date {
margin: 5px 0 0 0;
padding: 12px 0;
font-size: 12px;
font-size: 1.2rem;
line-height: 190%;
}

article.main h1 {
color: #393F64;
font-size: 20px;
font-size: 2.0rem;
padding: 20px 0 5px 0;
margin: 10px 0 20px 0;
line-height: 150%;
border-bottom: 2px solid #003755;
clear: both;
}
article.main h2 {
color: #FFF;
font-size: 16px;
font-size: 1.6rem;
padding: 5px 5px 3px 5px;
margin: 30px 0 10px 0;
line-height: 150%;
background-color: #0b4667;
border: 1px solid #003755;
/*background-color: #FF7200;
border: 1px solid #CB5B00;*/
}
article.main h3 {
color: #393F64;
font-size: 16px;
font-size: 1.6rem;
padding: 20px 0 3px 0;
margin: 10px 0;
line-height: 170%;
border-bottom: 1px dotted #0d66b8;
}

article.main h4 {
color: #393F64;
font-size: 14px;
font-size: 1.4rem;
padding: 15px 0 3px 0;
margin: 10px 0 2px 0;
line-height: 170%;
}

article.main h2 span,
article.main h3 span {
font-weight: normal;
font-size: 12px;
font-size: 1.2rem;
margin: 10px;
line-height: 150%;
}
article.main h2 span a {
color: #F9EDFF;
}
article.main p {
font-size: 13px;
font-size: 1.3rem;
line-height: 180%;
padding: 0;
margin: 0 0 10px 0;
}
.MAINimg {
margin: 0;
}
.MAINimg img {
width: 100%;
border-bottom: 3px solid #003755;
}

aside.side {
border-top: 3px solid #003755; 
background-color: #EEE;
margin: 0;
padding: 0 10px;
}
aside.side h1 {
font-size: 14px;
font-size: 1.4rem;
color: #FFF;
background-color: #185373;
border: 1px solid #003755;
padding: 10px;
margin: 20px 0 10px 0;
}
aside.side ul {
margin: 10px 0 0 0;
padding: 0;
}
aside.side ul li {
font-size: 13px;
font-size: 1.3rem;
line-height: 180%;
color: #185373;
margin: 0 0 5px 20px;
padding: 0;
}
aside.side ul li a {
/*color: #FFF;*/
text-decoration: none;
}
aside.side ul li a:hover {
/*color: #FFF;*/
text-decoration: underline;
}

.ToP {
text-align: right;
margin: 30px 10px;
font-size: 12px;
font-size: 1.2rem;
border-top: 1px dotted #7A3F9B;
padding: 10px 0 10px 10px;
}
.ToP img {
width: 12px;
height: 12px;
margin-right: 3px;
margin-bottom: -2px;
vertical-align: baseline;
}

.FOOTinfo {
text-align: center;
margin: 0;
font-size: 12px;
font-size: 1.2rem;
padding: 10px;
border-top: 1px solid #888;
background-color: #DDD;
line-height: 150%;
}

a[href^="tel:"] {
pointer-events: none;
}

small {
 font-size: 12px;
 font-size: 1.2rem;
color: #1d6dd1;
line-height: 150%;
}
small a {
color: #1d6dd1 !important;
}

/*■■■TOP■■■*/
/* Facebook Like Box width: 100% */
/* サイドパネルメニュー */
/* テーブル  --- --- --- --- --- --- --- --- --- --- --- --- */
.txtL {
text-align: left;
}
.txtR {
text-align: right;
}
.txtC {
text-align: center;
}
.WSn {
white-space: nowrap;
}
/* モバイルメニュー--- --- --- --- --- --- --- --- --- --- --- --- */
.MBLtop {
position: fixed;
bottom: 0;
right: 0;
margin: 0 3px 5px 0;
}
.MBLmenu {
position: fixed;
bottom: 0;
left: 0;
margin: 0 0 5px 3px;
}
.MBLtop img, .MBLmenu img {
width: 75px;
height: 25px;
max-width: 75px;
max-height: 25px;
}
.MBLtop, .MBLmenu {
z-index: 9;
}
/* リストスタイル --- --- --- --- --- --- --- --- --- --- --- --- */
article.main ul,
article.main ol {
margin: 15px 0 0 0;
padding: 0;
}
article.main ul li,
article.main ol li {
font-size: 13px;
font-size: 1.3rem;
line-height: 180%;
margin: 0 0 5px 20px;
padding: 0;
}
.ListN li {
margin: 0 0 5px 30px !important;
list-style-type: decimal-leading-zero;
}
.INDEX {
margin: 15px 0 0 0;
border: 1px solid #AAA;
background-color: #f5f7ff;
}
.INDEX ul {
margin: 5px 5px 0 5px !important;
}
.INDEX li {
font-size: 12px !important;
font-size: 1.2rem !important;
line-height: 160%;
padding: 0 0 5px 0;
margin: 0;
}
.INDEX p {
border-bottom: 1px dotted #595c6d;
font-weight: bold;
color:#161A31;
margin: 0 10px 10px 10px !important;
padding: 7px 0 5px 0 !important;
font-size: 12px !important;
font-size: 1.2rem !important;
}

.Dlist dl {margin:0;padding:0;width:100%;}
.Dlist dl dt {
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
line-height: 180%;
margin: 0;
padding: 0;
color:#161A31;
float:left;
}
.Dlist dl dd {
font-size: 13px;
font-size: 1.3rem;
line-height: 180%;
margin: 0;
padding: 0;
}
.Dlist dl dt:after {content: "：";}

.ListFB a {
font-weight: bold;
}

/* SNS --- --- --- --- --- --- --- --- --- --- --- --- */
.SNSlinks img {
margin-right: 4px;
width: 20px;
height: 20px;
vertical-align: middle;
border: none;
}

/* 画像関連 --- --- --- --- --- --- --- --- --- --- --- --- */
table img {
margin: -2px;
width: 100%;
border: 2px solid #595c6d;
}

/* データ2段 --- --- --- --- --- --- --- --- --- --- --- --- */
.TN dl,
.TC dl {margin:0;padding:0;width:100%;}

.TN dt,
.TC dt {color:#161A31;margin:0;padding:0;font-weight:bold;float:left;}

.TN dt:after,
.TC dt:after {content: "：";}

.TN dd,
.TC dd {margin:0 0 0 0;padding:0;}

.IMGtxt p {
}
.IMGtxt img {
width: 100%;
margin: 0 0 10px 0;
}

/* イメージリスト  --- --- --- --- --- --- --- --- --- --- --- --- */
.IMG-VI {
margin: 0;
}
.IMG-VI img {
width: 100%;
margin: -1px;
border: 1px solid #555;
}
.IMG-VI .IMGlistA,
.IMG-VI .IMGlistB,
.IMG-VI .IMGlistC,
.IMG-VI .IMGlistD {
margin: 0;
}
.IMG-VI .IMGlistA,
.IMG-VI .IMGlistC {
width: 48%;
margin: 0;
float: left;
}
.IMG-VI .IMGlistB,
.IMG-VI .IMGlistD {
width: 48%;
margin: 0;
float: right;
}
.STimg img {
width: 100%;
max-width:100%;
height: auto;
}
/* フォーム  --- --- --- --- --- --- --- --- --- --- --- --- */

.TXTinput {
width: 90%;
}
.Fsend {
font-size: 13px;
font-size: 1.3rem;
}
.Freset {
font-size: 13px;
font-size: 1.3rem;
}
.TXTarea {
width: 90%;
height: 150px;
}

/* COLOR */
.RED {color: #DD0000;}
.call {
margin: 0 0 1em;
color: #DD0000;
font-family: Anton;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.3;
}

/* YouTube  --- --- --- --- --- --- --- --- --- --- --- --- */
.youtube {
position: relative;
padding-top: 56.25%;
margin: 15px 0 0 0;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.caption {
font-size: 13px;
font-size: 1.3rem;
line-height: 150%;
padding: 5px;
border: 1px solid #555;
}
.caption a {
font-weight: bold;
}

/* Diary  --- --- --- --- --- --- --- --- --- --- --- --- */
.balloon {
  width: 100%;
  margin: 10px 0 1.5em 0;
  overflow: hidden;
}

.balloon .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon .faceicon img{
  width: 100%;
  height: auto;
/*border: solid 3px #d7ebfe;
border-radius: 10%;*/
}

.balloon .chatting {
  width: 100%;
}

.says {
  position: relative;
  display: inline-block;
  margin: 0 0 0 105px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #FF9600;
  box-sizing: border-box;
border-radius: 10px;
}

.says:before {
  content: "";
  position: absolute;
  top: 50px;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.says:after {
  content: "";
  position: absolute;
  top: 50px;
  left: -32px;
  margin-top: -16px;
  border: 16px solid transparent;
  border-right: 16px solid #FF9600;
  z-index: 1;
}

.says p {
  margin: 0 0 10px 0 !important;
  padding: 0 0 0 0 !important;
}

.BLOG,
.TWsingle {
margin: 0 0 0 0;
padding: 10px 10px 0 10px;
border: 1px solid #3A8A0A;
background-color: #FFF;
}

#googlefeed {
margin: 10px 0 0 0;
}
.feedL {
float: left;
margin: 0 10px 10px 0;
}
.feedL img {
width: 80px !important;
margin: -1px;
border: 1px solid #3A8A0A;
}
.feedR p {
font-size: 11px !important;
font-size: 1.1rem !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
}
