* { margin: 0 auto; padding: 0px; color:#222222; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
p { line-height:1.2em; padding: 0 0.3em 0.6em 0.3em; }
hr { margin:0.6em 0; height:1px; border:0; background:#999; }

h1 { font-size:xx-large; font-weight:normal; background-color:#ffd6dd; padding:0.5em 0.3em 0.3em 0.3em; line-height:1.2em; margin:0.6em 0; }
h2 { font-size:x-large; font-weight:normal; line-height:1.2em; padding:0.6em 0.2em; }
h3 { font-weight:normal; display:inline; line-height:1.8em; padding: 0 0.3em 0.6em 0.3em; }

body { line-height: 1.2em; background-color : #ffffff; width:960px; padding:8px; font-size:16px; }
a { color: #0044CC; }

#navi { padding:0.6em 0 0 0; }
.navic { margin:0.3em 0 0.8em 0; padding:0.6em 0.3em 0.3em 0.3em; background-color:#ffd6dd; }

.imgfb2 { height:160px; width:160px; background-color:#fff; margin:0 0 0.6em 0; }
.imgfb2:hover { background-color:#fef8f0; }
.imgfbp { line-height:1.2em; padding: 0 0 0.6em 0; }

.photop { text-align:cnter; width:100%; }

#footer { font-size:small; padding:0.6em 0.3em; }

.midashi { font-size:x-large; padding:0.6em 0.3em; } 
.midashi2 { font-size:x-large; padding:1em 0.3em 0.6em 0.3em; } 
.idt { text-indent:1em; }
.idtx { text-indent:1em; display:inline; }
.mokuji { min-height:448px; }
.ichiran { font-size:small; text-indent:1em; } 

.ad { width:50%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:336px; height:280px; margin:1.2em 0 1.8em 1.3em; }
.ad5 { width:336px; height:280px; background-color:#fee8e8; margin:0 0 1.2em 2em; }
.ad6 { width:50%; height:auto; }
.ad7 { width:100%; min-height:624px; background-color:#fee8e8; padding:20px 16px 20px 16px; text-align:center; }

.txta { padding:0.2em 0; }
.txtb { padding:0.6em 0; }
.txtc { padding:0.2em 2em 0.8em 2em; line-height:2em; }
.txtd { padding:0.2em 2em 0.8em 0em; line-height:2em; }

#social { width:100%; padding-bottom:1em; }
  #fb { float:left; text-align:center; width:49%; }
  #tw { float:right;text-align:center; width:49%; }
  
.areaA { width:100%; }
  .colx { float:left; width:49%; }
  .coly { float:right; width:49%; }
  
.areaB { width:100%; background-color:#fff; margin:1.2em 0 0.8em 0;  }
  .cols { float:right; width:758px; background-color:#fff; text-align:left; }
    .colm { float:left; width:560px; background-color:#fff;  }
    .coln { float:right; width:200px; text-align:center; }
  .colt { float:left; width:168px; text-align:center; margin-top:0.8em; }
  
.areaC { width:90%; }
  .cola { width:49%; float:left; text-align:left; }
  .colb { width:49%; float:right; text-align:right; }
  
.clear { clear:both; }  
.clear hr { display:none; } 

.mark { color:#a0273d; }
.markb { font-weight:bold; }
.red { color:red; }
.blue { color:blue; }

table, td, th { border:1px #666666 solid; border-collapse: collapse; padding:0.5em 0.1em; }
.md { width:90%; table-layout:fixed; text-align:center; vertical-align:center; color:initial; }
.tbl { width:90%; height:48px; color:#222222; font-size:small; text-align:center; vertical-align:center; padding:0; border:1px; }
.btn { color:#ffffff; }
.jp { color:#375786; }
.kr { color:#f4939e; }
.bg { background-color:#dddddd; font-size:medium; color:#222222; }
.btn1 { background-color:#0b56a0; }
.btn2 { background-color:#ca3650; }
.btn3 { background-color:#ffffff; }

.photos { width:84%; height:auto; padding-top:1.6em; }
.trvl1 { margin:0 0 1.2em 0; } 
.trvl2 { margin:0 0 0.6em 0; border-top: 1px dashed #bbb; } 

@media screen and (max-width:680px) {
body { width:95%; }
h1 { font-size:x-large; }
h2 { line-height:1.2em; padding:0.6em 0em; }
h3 { font-weight:normal; font-size:medium; display:inline; line-height:1.6em; padding: 0.2em 0 0.4em 0; }
p { padding: 0.2em 0 0.4em 0; line-height:1.4em; }
#fb { float : none ; width:100%; padding:0 0 1.2em 0; }
#tw { float : none ; width:100%; }
.colx { float : none ; width:100%; }
.coly { float : none ; width:100%; }
.cols { float : none ; width:100%; }
.colt { float : none ; width:75%; }

.imgfb2 { width:62%; height:auto; background-color:#fff; margin:0 0 1.4em 0; }

.areaB { background-color:#fff; margin:1.2em 0 0.8em 0; }
.ad { width:100%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; margin:0; }
.ad5 { width:100%; padding: 1.2em 0 1.2em 0; height:auto; background-color:#fef0e0; margin:0; }
.ad6 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 0.8em 0; background-color:#fff; padding-left:0; padding-right:0; }
.midashi { font-size:x-large; padding:0.6em 0em; }
.idt { text-indent:0em; padding:0 0.3em 0.3em 0.3em; }
.idtx { text-indent:0em; padding:0 0.3em 0.3em 0.3em; display:inline; }
.txtc { text-indent:0em; padding:0 0.3em 0.3em 0.3em; line-height:1.4em; }
.photos { width:100%; height:auto; padding-top:1.0em; }
} 

@media screen and (max-width:400px) {
body { width:95%; }
h1 { font-size:x-large; }
h2 { line-height:1.2em; padding:0.6em 0em; }
h3 { font-weight:normal; font-size:medium; display:inline; line-height:1.6em; padding: 0.2em 0em 0.4em 0; }
p { padding: 0.2em 0 0.4em 0; line-height:1.4em; }
.colx { float : none ; width:100%; }
.coly { float : none ; width:100%; }
.cols { float : none ; width:100%; }
.colt { float : none ; width:100%; }

.imgfb2 { width:62%; height:auto; background-color:#fff; margin:0 0 1.4em 0; }

.areaB { background-color:#fff; margin:1.2em 0 0.8em 0; }
.ad { width:100%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; margin:0; }
.ad5 { width:100%; padding: 1.2em 0 1.2em 0; height:auto; background-color:#fef0e0; margin:0; }
.ad6 { width:100%; padding: 0.6em 0 1.8em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 0.8em 0; background-color:#fff; padding-left:0; padding-right:0; }
.midashi { font-size:x-large; padding:0.6em 0em; }
.idt { text-indent:0em; padding:0 0.3em 0.3em 0.3em; }
.idtx { text-indent:0em; padding:0 0.3em 0.3em 0.3em; display:inline; }
.txtc { text-indent:0em; padding:0.3em 0.3em 0.8em 0.3em; line-height:1.4em; }
.photos { width:100%; height:auto; padding-top:1.0em; }
}