@charset "UTF-8";
/* ______ reset CSS ______ */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
/*要素のフォントサイズ、マージン、パディングをリセット*/
html, body, div,  object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, headers, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-style:normal;
font-weight:normal;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更*/
article,aside,details,figcaption,figure,
footer,headers,hgroup,menu,nav,section { 
display:block;
}
 
/*nav要素内ulのマーカー非表示*/
nav ul {
list-style:none;
}

ol, ul {
list-style: none;
}

/*引用符を非表示*/
blockquote, q {
quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しない*/
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
 
/* ins要素のデフォルトの下線を削除、文字色指定 */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
 
/* mark要素のデフォルトをセット、色やフォントスタイル変更指定 */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
 
/*テキストに打ち消し線が付く指定*/
del {
text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線付きに。
マウスオーバー時にヘルプカーソルの表示が出るよう変更*/
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
 
/*隣接するセルのボーダーを重ね表示、間隔0指定*/
table {
border-collapse:collapse;
border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を削除*/
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #000;
margin:1em 0;
padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
vertical-align:middle;
}

/* ______ universal setting ______ */

html, body {
margin:0px;
padding:0px;
}

body{
font-size:0.93em;
line-height:2em;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,arial,helvetica;
font-weight:300;
color:#000;
letter-spacing:0.2em;
background-color:#fff;
margin:0px;
padding:0px;
}
.contena{
margin:0 auto;
text-align:center;
width:100%;
}

/*----	自動改行時に中途半端にならない設定 --------*/
span {
display: inline-block;
margin:0px;
padding:0px;
text-indent:0px;
}


/*--------- universal link -----------*/
a:link,
a:visited,
a:active{ 
color:#000000;
text-decoration:none;
}

.mainarea p a:hover,
#wrap01 p a:hover{
color:#000;
background-color:#BBDAFF;
text-decoration:none;
padding:5px 0px 5px 0px;
margin:0px;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.4;
}

/*----- ヘッダー -----*/
#headers{
clear:both;
padding:0px;
margin:0px;
}

#headers .contena{
height:100%;
margin:0 auto;
padding:1px;
text-align:center;
}

#headers .logo{
width:250px;
padding:0px;
margin:0px;
text-align:left;
float:left;
}

#right_heada{
margin:0px;
padding:0px;
text-align:right;
}

#right_heada p{
min-width:300px;
font-size:0.9em;
line-height:1.2em;
margin:0px;
padding:0px;
text-align:right;
}

/*------- Subぺージメインビジュアル --------*/
#subpagetitle{
margin:0px;
padding:0px;
text-align:left;
background-color:#DCDCDC;

#subpagetitle_rel{
margin:0px;
padding:0px;
text-align:left;
background-color:#fff;
}
}

#subpagetitle img,
#subpagetitle_rel img{
width:100%;
height:auto;
margin:0px;
padding:0px;
text-align:right;
}

/*----- パンくず -----*/
#pan_area{
margin:0px;
padding:0px;
background-color:#DCDCDC;
}
#pan_area_wht{
margin:0px;
padding:0px;
background-color:#fff;
}
#pan{
width:100%;
height:1.5em;
margin:0px;
padding:0px 0px 1.2em 0px;
text-align:left;
}
#pan ul{
padding:0.5em 0px 0.5em 2em;
margin:0px;
text-align:left;
}
#pan li{
font-size:1em;
line-height:1em;
color:#000;
padding:0px;
margin:0px;
text-align:left;
float:left;
}
#pan a
#pan a:active, 
#pan a:focus,
#pan a:visited{
color:#000;
}
#pan a:hover{
color:#fff;
background-color:#696969;
}

#pan li.lsts{
line-height:1.6em;
padding:0px 0px 0px 3px;
margin:0px;
}
#pan .panyaji:after{
content:">";
font-size:1.4em;
line-height:1em;
margin:0px 3px 0px 3px;
padding:0px;
}

/*----- opening image -----*/
.bxslider{
clear:both;
margin:0px 0px 30px 0px;
padding:0px 0px 50px 0px;
}

.main_wrap{
height:auto !important;
}
.full_area{
position: relative;
}
.full_area img{
width: 100%;
}
.text_area{
position: absolute;
top: 50%;
left: 38%;
margin-top: -50px;
margin-left: -90px;
z-index:100;
}

.full_area .main_text{
font-size:3em;
line-height:1em;
color: #fff;
font-weight: bold;
margin: 0;
padding: 0;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
}
.sub_text{
font-size:1.3em;
line-height:1.2em;
color: #fff;
margin: 10px 0px 0px 0px;
padding: 0;
text-align: center;
}

/*------- slider --------*/
/*-- RESET AND LAYOUT --*/
.bx-wrapper {
position: relative;
margin:0 auto 0px;
padding:0px;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
margin:0px auto 0px auto;
padding:0px;
text-align:center;
}
/*-- THEME --*/
.bx-wrapper .bx-viewport {
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -20px;
width: 100%;
}
/*-- LOADER --*/
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(common/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #C0C0C0;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) 
.bx-wrapper .bx-prev {
left: 10px;
background: url(common/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(common/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} 
*/

/* AUTO CONTROLS (START / STOP) 
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(common/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(common/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
*/

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
*/

/* IMAGE CAPTIONS  */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 1;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width:100%;
z-index:100;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size:0.85em;
padding:10px;
} 



/*------- 本文 --------*/
p{
text-indent:1.2em;
text-align:left;
color:#000;
}

b{
font-weight:bold;
}

red{
color:#FF0000;
}

.noindent{
text-indent:0em;
}
.em_aki{
margin:1em 0px 0px 0px;
text-align:left;
}

.mainarea{
clear:both;
height:auto;
margin:0px auto 0px auto;
padding:0px;
text-align:center;
}

.cont940{
height:auto;
margin:40px auto 0px auto;
padding:0px;
text-align:center;
}

/*-------- フッター ---------*/
#footerarea{
width:100%;
height:100%;
padding:0px;
margin:50px 0px 0px;
background:#d9d9da;
}

#footerarea .footbox{
max-width:1200px;
height:100%;
margin:0px auto 0px auto;
padding:0px;
background:#A9A9A9;
}

#footerarea .footlogo{
width:200px;
height:140px;
margin:0px 15% 0px 0px;
padding:30px 0px 0px 20px;
text-align:left;
float:left;
}

#footerarea .foottel{
max-width:500px;
text-align:right;
margin:30px 0px 0px 0px;
padding:0px 30px 0px 0px;
float:right;
}

#footerarea .add{
font-size:0.9em;
line-height:1.4em;
font-weight:normal;
margin:0px 0px 50px 0px;
padding:0px;
text-align:right;
}

.foottel img{
max-width:100%;
height:auto;
text-align:center;
}

#footerarea .add a:link,
#footerarea .add a:visited,
#footerarea .add a:active{ 
color:#fff;
text-decoration:none;
}

#footerarea .add a:hover{
color:#fff;
background-color:#696969;
text-decoration:none;
padding:5px 0px 5px 0px;
margin:0px;
}

#footerarea .add li{
font-size:0.9em;
line-height:1.4em;
font-weight:normal;
padding:0px 7px 0px 5px;
margin-bottom:3px;
list-style:none;
border-bottom:0px;
display:inline-block;
border:0px;
border-right:1px solid #fff;
}

/*___________ top page ___________ */
.mainarea{
max-width:100%;
margin:0px auto 0px auto;
text-align:center;
}

.cont940{
width:940px;
height:auto;
}

.cont940 h3{
font-size:1.1em;
line-height:1.6em;
font-weight:bold;
margin:10px 0px 1.4em;
color:#000;
}

/*___ top page １、２コラム LINK___ */
.top01 a,
.top02 a,
.top03 a,
.top03c a,
.top02c a,
#wrap01 a{
color:#4169E1;
font-size:0.9em;
text-decoration:underline;
}

.mainarea .top01,
.mainarea .top02,
.mainarea .top02c{
margin:0px 0px 15px; 
padding:15px;
border: 1px solid #9F99A3;
text-align:left;
}

.mainarea .cont940 .top01{
margin:5em auto 2em auto;
}

.mainarea .top02,
.mainarea .top02c{
width:270px;
float:left;
padding:15px;
}

.mainarea .top02c{
margin:0px 16px 15px; 
}

.mainarea .top02 img,
.mainarea .top02c img{
width:100%;
height:auto;
}

/*___ top page 3コラム___ */

.mainarea .top03,
.mainarea .top03c{
width:450px;
margin:0px 35px 20px 0px;
float:left;
padding:5px 0px 5px 0px;
border-top:1px solid #9F99A3;
border-bottom:1px solid #9F99A3;
text-align:left;
}

.mainarea .top03c{
margin:0px 0px 20px 0px;
}

/*___________ main page ___________ */

#wrap01{
width:auto;
height:auto;
margin:0px auto 0px auto;
padding:30px 0px 0px 0px;
text-align:center;
}

.h2area_a{
max-width:1200px;
height:auto;
margin:40px auto 0px auto;
padding:0px 20px 0px 30px;
text-align:center;
}
.h2area_a h2{
font-size:1.4em;
line-height:1.5em;
font-weight:normal;
margin:0px 0px 0px; 
padding:0px;
text-align:left;
border-bottom: 1px solid #9F99A3;
}

#wrap02{
max-width:1200px;
height:auto;
margin:40px auto 0px auto;
padding:0px 20px 0px 30px;
text-align:center;
}

/*___ 第二階層以下 左コラム___ */
.box_lt{
max-width:72%;
height:auto;
margin:0px 2% 0px 0px;
padding:0px; 
float:left;
}
.box_lt h3{
font-size:1.2em;
line-height:1.4em;
font-weight:normal;
font-family:'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3','HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
color:#000;
margin:0px 0px 2em 0px;
padding: 0.5em 0.75em;
border-left: solid 6px #C0C0C0;
background-color: #EFEFEF;
box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
text-align:left;
}

.box_lt h4{
font-size:1.2em;
line-height:1.4em;
font-weight:normal;
font-family:'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3','HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
color:#000;
margin:60px 0px 2em 0px;
padding: 0 .5em .5em 0;
text-align:left;
}
.box_lt h4{
position: relative;
overflow: hidden;
}
.box_lt h4::before,
.box_lt h4::after{
position: absolute;
content: "";
bottom: 0;
width:100%;
}
.box_lt h4:before{
border-bottom: 2px solid #a86a80;/*文字下のライン*/
}
.box_lt h4:after{
border-bottom: 2px solid #c0c0c0;/*文字以外のライン*/
}

.box_lt h5{
font-size:1.2em;
line-height:1.4em;
font-weight:bold;
color:#993366;
margin:1em 0px 0px 0px;
padding:0em;
text-align:left;
}

/*___ 第二階層以下 右コラム___ */
.con_rt{
max-width:26%;
margin:0px;
padding:0px;
text-align:left;
float:right;
}

.con_rt .top02,
.con_rt .top02c{
max-width:100%;
margin:0px 0px 1em;
padding:0px;
border: 1px solid #b9b9b9;
}

.con_rt .rightclm #pickup .top03,
.con_rt .rightclm #pickup .top03c{
max-width:100%;
margin:0em 0px 1em 3em;
padding:0px;
border: 1px solid #b9b9b9;
}

.con_rt .nonbod .rightclm{
max-width:100%;
margin:0px 0px 0em 3em;
padding:0px;
border:none;
}

.con_rt .rightclm p{
max-width:195%;
font-size:0.9em;
line-height:1.6em;
text-indent:0em;
margin:0px 0px;
padding:1em;
text-align:left;
}

.con_rt .rightclm img{
clear:both;
max-width:94%;
height:auto;
margin:0px auto;
padding:0.5em;
text-align:center;
}

.con_rt .rightclm #pickup img{
clear:both;
width:100%;
height:auto;
text-align:center;
float:none;
}

.con_rt .rightclm #pickup .top03 .alignleft,
.con_rt .rightclm #pickup .top03c .alignleft{
clear:both;
max-width:100%;
height:auto;
margin:0px auto;
padding:0em;
text-align:center;
float:none;
}

.con_rt h3{
font-size:1em;
line-height:1.2em;
font-weight:bold;
margin:0px 0px 0px 1em; 
padding:0px 1em 0px 0px;
}

/*-------- 更新履歴 --------*/
.top_tt2{
max-width:100%;
height:80px;
margin:10em auto 2em auto;
padding:0px 0px 0px 0px;
text-align:center;
}

.top04{
max-width:100%;
margin:0px 0px 15px; 
padding:15px;
border-top: 1px solid #9F99A3;
text-align:left;
}
.rireki_flm{
max-width:60%;
overflow:auto;
-webkit-overflow-scrolling:touch;
margin:0px auto;
padding:0px;
border:0;
}
.rireki_flm{
height:280px;
}

.rireki_flm .ifrm{
width:100%;
height:100%;
margin:0px;
padding:0px;
border:0;
display:block;
}

/*___________ page top  ___________ */
#pagetop{
position:fixed;
bottom:15px;
right:10px;
display:block;
}
#pagetop img{
display:block;
filter: Alpha(opacity=50);
opacity: 0.5; /*firefox safari*/
}

#pagetop a:hover img{
filter: Alpha(opacity=30);
opacity: 0.3; /*firefox safari*/
}

/*______ Photo揃え  _____ */
.alignleft,
.alignleft_cap{
float:left;
clear:left;
margin:0.5em 1em 0em 0px;
}

.alignright,
.alignright_cap{
float:right;
clear:right;
margin:0.5em 0px 0em 0.5em;
}

.alignleft_cap,
.alignright_cap{
max-width:240px;
}
.p_cap{
font-size:0.8em;
line-height:1.6em;
margin:0.1em 0px 1em 0em;
text-align:left;
}

.phtcent{
max-width:100%;
height:auto;
float:none;
margin:20px 0px 0px;
padding:0px;
text-align:center;
}

.phtcent img{
max-width:100%;
height:auto;
margin:0px auto;
padding:0px; 
text-align:center;
border:0.5px solid #C0C0C0;
}

.phtcent_cap{
font-size:0.8em;
line-height:1.6em;
margin:0 0 1em;
text-align:left;
}

.textright{
text-align:right;
margin:0px;
padding:0px;
}

.phot_border img{
border:0.5px solid #C0C0C0;
}

.atoaki{
margin:0;
padding:0 0 1.5em 0;
}

/*-------- ボックスコラム --------*/

/*______On another note _____ */
.box_lt ul {
font-size:1em;
line-height:1.6em;
list-style-type:disc; 
margin:0;
padding:1.5em 1em 1em 1.5em;
text-align:left;
}
.box_lt li {
margin:0 0 0.8em 0;
padding:0;
}

.point_box01 {
border:2px solid #CEA8F4;
border-radius:6px;
margin:3em 0;
padding:1.2em 1.2em 0.1em;
position:relative;
}
.point_box01::before {
background-color: #fff;
color: #800080;
content: "On another note";
font-weight: bold;
left:1em;
padding:0 0.5em;
position: absolute;
top: -1em;
}
.point_box01 p{
font-size:1em;
line-height:1.6em;
margin:0.5em 0 0;
padding:0;
text-indent:0;
}

/*______おみやげコラム _____ */
.omiyagebox{
border-bottom:1px dotted #000;
margin:.0 0 3em 0;
padding:0;
text-align: left;
text-indent:0;
}

.omiyagebox p{
text-indent:0;
}

.omiyagebox span{
color:#778899;
font-weight:bold;
margin:1em 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align: left;
}

/*______和紙コラムピンク _____ */
.washi_box01 {
border:2px solid #BC8F8F;
border-radius:6px;
margin:5em 0 3em;
padding:1.2em 1.2em 1.5em;
position:relative;
background-image:url(../common/washi01.jpg) ;
background-size:cover;
}

.washi_box01::before {
background-color:none;
color: #A0522D;
content: "Column[ちょっとひと息…]";
font-weight: bold;
left:0.5em;
padding:0 0.5em;
position: absolute;
top:-2em;
}
.washi_box01 p{
font-size:1em;
line-height:1.8em;
margin:0.5em 0 0;
padding:0;
text-indent:1;
}
/*______和紙コラム白 _____ */
.washi_box_wh {
border:2px solid #B0C4DE;
border-radius:6px;
margin:5em 0 3em;
padding:1.2em 1.2em 1.5em;
position:relative;
background-image:url(../common/washi02.jpg) ;
background-size:cover;
}

.washi_box_wh::before {
background-color:none;
color: #708090;
content: "Column[ちょっとひと息…]";
font-weight: bold;
left:0.5em;
padding:0 0.5em;
position: absolute;
top:-2em;
}
.washi_box_wh p{
font-size:1em;
line-height:1.8em;
margin:0.5em 0 0;
padding:0;
text-indent:1;
}
.washi_box_wh h5{
color: #708090;
margin:1em 0 1em;
padding:0;
text-indent:1;
}
/*______コラム和紙無し _____ */
.washi_box_none {
border:2px solid #BC8F8F;
border-radius:6px;
margin:5em 0 3em;
padding:1.2em 1.2em 1.5em;
position:relative;
background-color:#ffffff;
background-size:cover;
}

.washi_box_none::before {
background-color:none;
color: #A0522D;
content: "Column[ちょっとひと息…]";
font-weight: bold;
left:0.5em;
padding:0 0.5em;
position: absolute;
top:-2em;
}
.washi_box_none p{
font-size:1em;
line-height:1.8em;
margin:0.5em 0 0;
padding:0;
text-indent:1;
}

/*------- sitemap --------*/
#mapmenu{
margin:0px 0px 50px 0px; 
padding:0px 0px 0px 0px;
list-style: none; 
}

#mapmenu .mapme_li{
display: inline; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}

#mapmenu .mapme_li a{
max-width:900px;
font-size:0.9em;
display: block; 
border: 1px solid #9F99A3;
background-color:#fff;
text-decoration: none;
color:#000;
margin:8px 0px 0px 0px;
padding:3px 0px 3px 20px;
text-align: left;
}

#mapmenu .mapme_li a:hover{
color:#000;
border: 1px solid #8593A9;
background-color:#BBDAFF;
}

#mapmenu .colist01 {
color:#808080;
font-weight: bold;
list-style-type:disc;
margin:30px 0px 0px 1.5em;
padding:0px;
}

/*-------- 工事中 --------*/
.mainarea .cont940 .migi .unconst img{
max-width:100%;
height:auto;
margin:20px auto 20px auto;
padding:0px;
text-align:center;
}


#maparea {
max-width:98%;
height:560px;
margin:30px 0px 30px 0px; 
padding:0px 0px 0px 0px;
border: 1px solid #b9b9b9;
text-align:left;
}


/*------- リキッドフォーム --------*/
.formread{
line-height:1.4em;
text-align:left;
margin:0px 0px 20px 0px;
padding:0;
}

#formbass{
clear:both;
float:none;
width:100%;
height:100%;
margin:10px auto 0px auto;
padding:0px;
text-align:center;
}

#contena table{
line-height:1.4em;
}

#contena .formtable{
width:100%;
margin:0px 0px 0px 0px;
padding:0;
border-top:1px solid #b9b9b9;
border-right:1px solid #b9b9b9;
}
#contena .formtable input, 
#contena .formtable select, 
#contena .formtable textarea {
font-size:1.1em;
}

#contena .formtable th{
width:25%;
color:#696969;
background-color:#F0F8FF;
border-bottom:1px solid #b9b9b9;
border-left:1px solid #b9b9b9;
vertical-align: top;
text-align:left;
padding:15px 0px 0px 10px;
font-weight:700;
}

#contena .formtable td{
border-bottom:1px solid #b9b9b9;
border-left:1px solid #b9b9b9;
text-align:left;
padding:15px 25px;
}

#contena .formtable th span,
#contena .chu span{
color:#cc0000;
}

#contena .formtable td .choiaki{
margin:20px 0px 0px 0px; 
}

#contena #formbass .submitbot .typetext,
#contena #formbass .submitbot2 .typetext{
color: #000;
font-size:1em;
line-height:1.5em;
margin:20px auto 50px auto; 
padding:0.3em 0.6em;
text-align:center;
}

#contena #formbass .submitbot2 {
color: #000;
border-top: 1px solid #b9b9b9;
margin:20px auto 50px auto; 
padding:0.3em 0.6em;
text-align:center;
}

.chu {
width:100%;
color: #000;
font-size:0.8em;
line-height:1.5em;
margin:0; 
padding:0px 0px 10px 0px;
text-align:left;
border-bottom: 1px solid #b9b9b9;
}
.chu2 {
width:900px;
color: #000;
font-size:0.8em;
line-height:1.5em;
margin:0px auto 0px auto; 
padding:0;
text-align:center;
}


/*______ おみくじ  _____ */
.kujibk01 {
background-image:url(../omikuji/omikuij_bk01.jpg) ;
-moz-background-size:contain;
background-size:contain;
background-repeat:no-repeat;
margin:3em 0 2em;
padding:5% 3em 10em;
text-align:center;
}

.kujibk02 {
background-image:url(../omikuji/02omikuji_bk02.jpg) ;
-moz-background-size:contain;
background-size:contain;
background-repeat:no-repeat;
margin:3em 0 2em;
padding:5% 3em 10em;
text-align:center;
}

/*-------- リキッドシステム --------*/

/*----- pc 1200より大きい画面 -------*/
@media only screen and (min-width:1200px){
#headers .contena{
width:1200px;
}
}

/*----- pc 970より大きい画面のPick UP TOPICS 文字の扱い -------*/
@media only screen and (min-width:970px){
.rightclm .top_tt img{
max-width:80%;
height:auto;
margin:0px 0px 0px 2.9em;
padding:0px;
text-align:right;
}
}

/*----- pc 960より小さい画面のPick UP TOPICS 文字の扱い -------*/
@media only screen and (maxn-width:960px){
.rightclm .top_tt img{
clear:both;
max-width:350px;
height:auto;
margin:0px auto 0px auto;
padding:0px;
text-align:center;
}
}

/*--------- 1200より小さい画面 ---------*/
@media only screen and (max-width:1300px){
#headers .contena{
max-width:96%;
margin:0px 0px 0px 10px;
padding:2px 0px 0px 0px;
}

#headers .logo{
width:250px;
padding:0px;
margin:0px;
text-align:left;
}

#right_heada{
width:100%;
margin:0px 0px 0px 10px;
padding:0px;
text-align:right;
}

#right_heada h1{
min-width:300px;
margin:0px;
padding:0px 30px 0px 0px;
text-align:right;
}

#right_heada p{
min-width:250px;
margin:0px 0px 0px 10em;
padding:0px 30px 0px 5em;
text-align:right;
}


#right_heada .cent{
min-width:240px;
margin:0px 30px 0px 10px;
padding:0px;
text-align:right;
}

/*----- opening image -----*/
.text_area{
position: absolute;
top: 50%;
left: 36%;
margin-top: -40px;
margin-left: -120px;
z-index:100;
}


/*-------- 更新履歴 --------*/
.rireki_flm{
width:96%;
overflow:auto;
-webkit-overflow-scrolling:touch;
margin:0px auto;
padding:0px;
border:0;
}

}

/*---- タブレット 横1000より小さい -----*/
@media only screen and (max-width:1000px){

/*---- メイン画像 -----*/
#subpagetitle .container{
display: flex;
justify-content: space-between;
}
#subpagetitle .container-item{
max-width: 100%;
}
#subpagetitle .container-item-img{
border: 1px solid #ccc;
}
#subpagetitle .container-item-img img{
display: block;
height: 200px;
object-fit: none;
width: 100%;
}
#subpagetitle .container-item:nth-child(1) img{
object-position: 0px 0px;
}

/*----- opening image -----*/
.text_area{
position: absolute;
top: 50%;
left: 30%;
margin-top: -40px;
margin-left: -120px;
z-index:100;
}

/*------- top 2コラム --------*/
.mainarea .cont940 .top01{
max-width:94%;
}

.cont940{
width:90%;
height:auto;
margin:4em auto 0px auto;
text-align:center;
padding:0px;
float:none;
}
.mainarea .cont940 .top02,
.mainarea .cont940 .top02c,
.con_rt .top02,
.con_rt .top02c{
width:28%;
margin:0px 0px 10px 0px; 
padding:15px;
float:left;
}

.mainarea .cont940 .top02c,
.con_rt .top02c{
margin:0px 1% 10px;
float:left;
}

.con_rt .nonbod .rightclm{
max-width:100%;
margin:0px;
padding:0px;
border:none;
}

/*___ top page 3コラム___ */
.mainarea .top03,
.mainarea .top03c,
.con_rt .rightclm #pickup .top03,
.con_rt .rightclm #pickup .top03c{
width:48%;
margin:0px 1.3em 1.3em 0px;
padding:1em 0px 0px 0px;
border:1px solid #9F99A3;
text-align:left;
float:left;
}

.mainarea .top03c,
.con_rt .rightclm #pickup .top03c{
margin:1px 0px 1em 0px;
}

.con_rt .rightclm #pickup img{
clear:both;
width:60%;
height:auto;
}

.mainarea .top03 p,
.mainarea .top03c p,
.mainarea .top03 h3,
.mainarea .top03c h3{
margin:0px 0px 1em 1em;
}

.mainarea .top03 .alignleft,
.mainarea .top03c .alignleft,
.mainarea .top03 .bbox,
.mainarea .top03c .bbox{
width:240px;
float:none;
margin:0px auto 0px auto;
text-align:center;
}

.mainarea .top03 img,
.mainarea .top03c img,
.mainarea .top03 .bbox img,
.mainarea .top03c .bbox img{
width:240px;
height:auto;
padding:5px 0px 0px 0px;
}

/*------- 本文 --------*/

/*___________ main page ___________ */
#wrap02{
height:auto;
margin:40px auto 0px auto;
padding:0px 20px 60px 1em;
text-align:center;
}
.h2area_a{
max-width:84%;
height:auto;
margin:40px auto 0px auto;
padding:0px 20px 0px 30px;
text-align:center;
}

/*___ 第二階層以下 左コラム___ */
.box_lt{
max-width:90%;
height:auto;
margin:0px auto 80px auto;
padding:0px; 
float:none;
}


/*___ 第二階層以下 右コラム___ */
.con_rt{
max-width:90%;
height:auto;
margin:0px auto 0px auto;
padding:0px; 
text-align:center;
float:none;
}
.con_rt .rightclm{
margin:30px 0px 1em 0px;
padding:15px 0px 0px 0px;
}

.kujibk02 {
background-image:600%;
-moz-background-size:auto 80%;
background-size:auto 80%;
background-repeat:no-repeat;
margin:3em 0 2em;
padding:5% 0 10em 1em;
text-align:center;
}



/*-------- フッター ---------*/
#footerarea{
height:100%;
padding:0px;
margin:0px;
background-image:none;
}

#footerarea .footbox{
width:100%;
height:100%;
margin:0px auto 0px auto;
padding:0px;
background:#A9A9A9;
text-align:center;
}

#footerarea .footlogo{
float:none;
height:95%;
width:95%;
margin:0px auto 30px auto;
padding:30px 0px 0px 0px;
text-align:center;
}

#footerarea .foottel{
clear:both;
height:120px;
max-width:900px;
float:none;
text-align:center;
margin:0px auto 30px auto;
padding:0px;
}

#footerarea .add{
max-width:800px;
font-size:0.9em;
line-height:1.4em;
font-weight:normal;
margin:0px auto 30px auto;
padding:0px;
text-align:center;
}

.footerarea img{
height:auto;
text-align:center;
}

/*___________ page top  ___________ */
#pagetop{
position:fixed;
bottom:30px;
}

}

/*---- 横950より小さい -----*/
@media only screen and (max-width:950px){
.con_rt .rightclm .top02,
.con_rt .rightclm .top02c{
clear:both;
width:95%;
margin:0px auto 10px 0.1em;
padding:1em 15px 15px 15px;
text-align:center;
float:none;
}

.mainarea .top03 h3,
.mainarea .top03c h3{
margin:1em 0px 1em 1em;
}

}


/*---- 小タブレット 横780より小さい -----*/
@media only screen and (max-width:780px){
#headers{
clear:both;
height:200px;
padding:0px;
margin:0px 0px 50px 0px;
}

#headers .logo{
width:100%;
padding:0px;
margin:0px auto;
text-align:center;
}

#right_heada{
clear:both;
width:100%;
margin:0px;
padding:20px 0px 10px 0px;
text-align:center;
float:none;
}

#right_heada h1{
min-width:300px;
padding:0px;
text-align:center;
}


#right_heada p{
min-width:300px;
margin:0px auto 90px auto;
padding:0px 8em 0px 3em;
text-align:center;
}

#right_heada .cent{
min-width:250px;
margin:10px 0px 0px 0px;
padding:0px;
text-align:center;
float:none;
}

/*----- opening image -----*/
.text_area{
position: absolute;
top: 50%;
left: 40%;
margin-top: -30px;
margin-left: -160px;
z-index:100;
}
.full_area .main_text{
font-size:2em;
line-height:1em;
color: #fff;
font-weight: bold;
margin: 0;
padding: 0;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
}
.sub_text{
font-size:1em;
line-height:1.2em;
color: #fff;
margin: 10px 0px 0px 0px;
padding: 0;
text-align: center;
}

/*----- パンくず -----*/
#pan{
height:1.3em;
}
#pan ul{
padding:0.8em 0px 0.5em 2em;
margin:0px;
}
#pan li{
font-size:0.8em;
line-height:1.5em;
}
#pan li.lsts{
line-height:1.5em;
}

/*______ Photo揃え  _____ */
.alignleft,
.alignright{
clear:both;
width:97%;
height:auto;
float:none;
margin:0px 0px 20px;
padding:0px;
text-align:center;
}
.alignleft img,
.alignright img{
clear:both;
width:80%;
height:auto;
margin:5px auto;
padding:0px;
text-align:center;
}

.alignleft_cap,
.alignright_cap{
clear:both;
max-width:100%;
height:auto;
margin:0 auto 1em auto;
padding:0px;
text-align:center;
float:none;
}

.alignleft_cap img,
.alignright_cap img,
.phtcent img{
clear:both;
width:80%;
height:auto;
margin:5px auto;
padding:0px;
text-align:center;
}

.phtcent_cap,
.p_cap{
max-width:80%;
margin:5px auto 5em;
padding:0px;
}

/*------- top 2コラム --------*/

.cont940{
clear:both;
width:90%;
height:auto;
margin:4em auto 0px auto;
padding:0px 0px 0px 0px
text-align:center;
}
.mainarea .cont940 .top01,
.mainarea .cont940 .top02,
.mainarea .cont940 .top02c,
.con_rt .rightclm .top02,
.con_rt .rightclm .top02c{
clear:both;
width:90%;
margin:0px auto 10px auto;
padding:1em 15px 15px 1em;
text-align:center;
float:none;
}

.mainarea .cont940 .top02 h3,
.mainarea .cont940 .top02c h3{
text-align:center;
}

.mainarea .cont940 .top02 p,
.mainarea .cont940 .top02c p{
text-align:left;
}

.mainarea .cont940 .top02 img,
.mainarea .cont940 .top02c img,
.con_rt .rightclm .top02 img,
.con_rt .rightclm .top02c img,
.con_rt #pickup .top03 img,
.con_rt #pickup .top03c img{
clear:both;
width:340px;
margin:5px auto 20px auto;
text-align:center;
}

/*___ top page 3コラム___ */
.mainarea .cont940 .top03,
.mainarea .cont940 .top03c{
clear:both;
width:90%;
margin:0px auto 0.7em auto;
padding:15px 15px 0px;
text-align:center;
float:none;
}

/*___第二階層 3コラム___ */
.con_rt .rightclm #pickup .top03,
.con_rt .rightclm #pickup .top03c{
clear:both;
width:90%;
margin:0px auto 0.7em auto;
padding:15px 15px 0px;
text-align:center;
float:none;
}

.mainarea .cont940 .top03 img,
.mainarea .cont940 .top03c img{
clear:both;
margin:0px 20px 0px -60px;
width:150%;
}

/*-------- 更新履歴 --------*/
.rireki_flm{
max-width:90%;
overflow:auto;
-webkit-overflow-scrolling:touch;
margin:0px auto;
padding:0px;
border:0;
}

/*___ 第二階層以下 左コラム___ */
.box_lt{
clear:both;
width:97%;
height:auto;
float:none;
margin:0px auto 80px;
padding:0px;
text-align:center;
}


.kujibk02 {
background-image:100%;
-moz-background-size:auto 90%;
background-size:auto 90%;
background-repeat:no-repeat;
margin:3em 0 2em;
padding:5% 0 10em 0;
text-align:center;
}

}

/*---- スマートフォン 横480より小さい　縦(ポートレート) -----*/
@media only screen and (max-width:480px){
#headers{
height:220px;
margin:0 auto;
padding:0px;
text-align:center;
}

/*___________ top page ___________ */
.top01 img{
width:100%;
height:100%;
margin:0px;
}

#right_heada h1{
padding:0px 10px 0px 5px;
text-align:center;
}

#headers .contena{
width:100%;
height:100%;
margin:0 auto;
padding:0px;
text-align:center;
border-bottom:0px solid #999;
}

.cont940 h3{
font-size:1.3em;
font-weight:bold;
margin:5px 0px 0px;
text-align:center;
}


/*---- メイン画像 -----*/
#subpagetitle relatline{
display: none;
height:200px;
}

/*-------- スマホフッター ---------*/
#footerarea .footbox{
clear:both;
height:100%;
padding:0px;
background:#A9A9A9;
}

#footerarea .foottel{
clear:both;
height:100%;
width:100%;
float:none;
text-align:center;
margin:0px;
padding:0px;
}

#footerarea .foottel .add{
width:100%;
float:none;
margin:3em 0 2em 0;
text-align:center;
}

#footerarea .add li{
width:100%;
font-size:1em;
line-height:2.5em;
float:none;
padding:0px;
margin:0px;
list-style:none;
border-bottom:1px solid #fff;
border-right:none;
}

#footerarea .add a:link,
#footerarea .add a:visited,
#footerarea .add a:active{ 
color:#fff;
display: block;
padding:0;
margin:0;
text-decoration:none;
}

#footerarea .add a:hover{
color:#fff;
background-color:#696969;
text-decoration:none;
padding: 0px;
margin:0px;
}

/*______ Photo揃え  _____ */
.alignleft,
.alignright{
clear:both;
width:97%;
height:auto;
float:none;
margin:0px 0px 20px;
padding:0px;
text-align:center;
}
.alignleft img,
.alignright img{
clear:both;
width:97%;
height:auto;
margin:5px auto;
padding:0px;
text-align:center;
}

.alignleft_cap,
.alignright_cap,
.p_cap{
clear:both;
max-width:100%;
height:auto;
margin:0 0 1em;
padding:0px;
text-align:left;
float:none;
}

.alignleft_cap img,
.alignright_cap img,
.phtcent img{
clear:both;
width:100%;
height:auto;
margin:5px auto;
padding:0px;
text-align:center;
}

#maparea {
max-width:98%;
height:390px;
margin:30px 0px 30px 0px; 
padding:0px 0px 0px 0px;
border: 1px solid #b9b9b9;
text-align:left;
}

}