@charset "UTF-8";
/* 全ページ共通CSS */
/* -----------------------------------------------
リセット
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,th,td {
padding: 0;
margin: 0;
}
html {
height: 100%;
margin-bottom: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: 0;
vertical-align:bottom;
}
th,address {
font-style: normal;
font-weight: normal;
}
ul{
list-style: none;
}
th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
letter-spacing: 0.1em;
font-weight: normal;
}
.bold{
font-weight: bold;
}
br {
letter-spacing: 0;
}
a:focus {
outline:none
}
.boldnone{
font-weight: normal;
}
/* -----------------------------------------------
リンク
----------------------------------------------- */
a:link{
text-decoration:none;
color:#333333;
}
a:visited
{
text-decoration: none;
color: #96004d;
}
a:active
{
text-decoration: underline;
}
a:hover
{ 
text-decoration: none;
color: #96004d;
}
a{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a:hover{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

/* -----------------------------------------------
共通レイアウト
----------------------------------------------- */

body{
min-width:1200px;
width:100%;
margin: 0px 0;
font-family: "Noto Sans Japanese";
font-size:14px;
text-align: center;
letter-spacing: 1px;
line-height: 1.4em;
-webkit-text-size-adjust: 100%;
}
h1{
display: none;
}


/* -----------------------------------------------
ヘッダー
----------------------------------------------- */
.content{
background:#FFFFFF;
}

#header{
position:relative;
width:1000px;
margin:10px auto 50px;
}

#header h2{
margin:0 auto;
}
#header .tel{
position:absolute;
top:0;
right:0;
}


/* -----------------------------------------------
グローバルナビ
----------------------------------------------- */
.drawer{
display:none;
}

#g_navi{
width:100%;
margin:30px 0 0 0;
border-bottom:solid 1px #beb9d2;
background:#FFFFFF;

}

#g_navi ul{
width:1000px;
margin:0 auto;
padding:0 0 10px 0;
}

#g_navi ul li{
display:inline;
margin:0 20px;
}

#g_navi ul li a{
color:#787878;
font-size:110%;
}

#g_navi ul li a:hover{
text-decoration:none;
}

.fontred{
color: #CC0000;
}


#mainimg_y{
margin-top:5px;
background:#fcfcfc;
padding:  0;
}
#mainimg_k{
margin-top:5px;
background: #fff;
padding:  0;
}
#mainimg_h{
margin-top:5px;
background: #f6f6f0;
padding:  0;
}
#mainimg_s{
margin-top:5px;
background: #fdfaf1;
padding:  0;
}

#mainimg_o{
margin-top:5px;
background: #f3efe9;
padding:  0;
}
#mainimg_f{
margin-top:5px;
background: #f8f4f3;
padding:  0;

}
#mainimg_hm{
margin-top:5px;
background: #f5f3f5;
padding:  0;
}
#mainimg_km{
margin-top:5px;
background: #fbf6f7;
padding:  0;
}



#toppage #mainimg{
/*margin-top:5px;*/
background: #fbf9f9;
padding: 0px;
}
/* ------スライド------ */
#keyimg img{
width: 100%;
overflow: hidden;
height:auto;
}
/*#keyimg .bx-viewport {
  background: transparent !important;
  border: 0;
  overflow: visible !important; //両サイドが表示される
  height: 791px !important;
  //z-index: 1; //スマホやタブレットでスワイプできないときに指定
}*/
.bx-controls{
display: none;
}

/* ------TOPアイコン------ */

#mainimg .icon{
padding:20px 0;
}

#mainimg .icon li{
width:7%;
height:auto;
display:inline-block;
}
#mainimg .icon li img{
width:70%;
height:auto;
}




/* -----------------------------------------------
各ページ共通
----------------------------------------------- */

h3{
font-family: 'Noto Serif JP', serif;
color:#000000;
font-size:150%;
position: relative;
text-align: center;
margin:30px 0;
padding-bottom:15px;
line-height:160%;
}
.font_s{
font-size:80%;
}
 
#point .sp_txt{
display:none;
}


#payment_conte,#flow_conte,#faq_conte,#voice_conte,#shop_conte{
width:1000px;
margin:30px auto;
text-align:left;
}


/* -----------------------------------------------
トップページコンテンツ
----------------------------------------------- */

/*サブメニュー*/

#sub_menu{
width:100%;
margin:0 auto;
}
#sub_menu li{
margin-top:0px;
width:13.7%;
display:inline-block;
}
#sub_menu li img{
width:100%;
height:auto;
}
#sub_menu_sp{
display:none;
}



/*貸衣装あんじゅとは*/
#about{
clear:both;
width:100%;
height:571px;
background:url(../images/top/about_bk.jpg) no-repeat center;
background-size:contain;
margin:30px auto 0;
padding:10px 0 0 0;
}


#about .text_box{
width:1000px;
margin:0 auto;
}

#about .kimono_aboutbox{
width:860px;
margin:20px auto;
padding:20px;
background-color:rgba(255,255,255,0.6);
}
#about .kimono_aboutbox dl{
color:#323232;
}

#about .kimono_aboutbox dt{
margin-bottom:10px;
}



/*インフォメーション*/
#newsbox{
width:100%;
margin-top:50px;
margin-bottom:50px;
}
#newsbox .shopname{
width:100%;
height:auto;
margin-bottom:30px;
}


#info{
margin-top:10px;
overflow:hidden;
osition:relative;
}

#newsbox .topbnr{
padding-bottom:50px;
}
#newsbox .topbnr li{
display:inline-block;
width:23%;
height:auto;
margin:10px;
}
#newsbox .topbnr li img{
width:100%;
height:auto;
}


#newsbox dl{
line-height:150%;
width:1000px;
margin:0 auto 10px;
text-align:left;
overflow:hidden;
}

#newsbox dl dt{
width:50px;
float:left;
}
#newsbox dl dd{
width:900px;
float:right;
}


/*イベント*/
#event,#recommend{
width:100%;
margin-top:50px;
overflow:hidden;
clear:both;
}

#event dl{
width:312px;
display:inline-block;
vertical-align:top;
margin:0 10px 0 10px;
}
#event dl h4{
margin-top:10px;
font-size:110%;
line-height:120%;
color:#CC0000;
margin-bottom:10px;
}
#event p a{
margin-top:10px;
}

#event .link_btn a{
display:block;
padding:10px;
background:#bc8d97;
color:#FFFFFF;
margin-top:20px;
}

/*選ばれる理由*/
.movie {
margin:20px auto;
}

#point{
clear:both;
width:100%;
margin:50px auto;
background:#f6f3f7;
padding:5px 0 50px 0;
}

#point h3{
/*font-size:130%;*/
position: relative;
text-align: center;
margin:30px 0;
padding-bottom:15px;
}

#point .reason_left,.reason_right{
width:1200px;
margin:30px auto 50px;
overflow:hidden;
clear:both;
position:relative;
}
#point .reason_left .photo{
float:left;
width:473px;
}
#point .reason_right .photo{
float:right;
width:473px;
}

#point .reason_left dl{
float:right;
width:700px;
text-align:left;
}
#point .reason_right dl{
float:left;
width:700px;
text-align:left;
}

#point .reason_left dl dt,.reason_right dl dt{
height:56px;
font-size:130%;
padding:0 5px;
line-height:56px;
vertical-align:middle;
margin-bottom:30px;
padding-bottom:20px;
background:url(../images/top/line01.png) no-repeat right bottom;
}
#point .reason_right dl .point_02{
background:url(../images/top/line02.png) no-repeat right bottom;
}
#point .reason_left dl .point_03{
background:url(../images/top/line03.png) no-repeat right bottom;
}
#point .reason_right dl .point_04{
background:url(../images/top/line04.png) no-repeat right bottom;
}
#point .reason_left dl .point_05{
background:url(../images/top/line05.png) no-repeat right bottom;
}


#point .reason_left dl dd,.reason_right dl dd{
line-height:160%;
font-size:110%;
margin-left:15px;
}

.studio_link a{
background:#FFFFFF;
color:#000000;
width:30%;
display:block;
clear:both;
text-align:center;
padding:10px;
border:1px solid #000000;
}
.map a{
display:block;
color:#FFFFFF;
background:#000000;
text-align:center;
width:50px;
border-radius: 5px;        /* CSS3草案 */
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;   /* Firefox用 */
position:absolute;
right: 0px;
bottom: 50px;
padding:5px 10px 8px 10px;
}

/*おすすめ*/
#recommend #recommend_box{
width:1200px;
margin:20px auto;
clear:both;
}
#recommend #recommend_box p{
font-size:130%;
padding:20px 0;

}
#recommend #recommend_box img{
width:100%;
height:auto;
}
#recommend #recommend_box li{
margin:10px;
padding:10px 0;
width:300px;
display:inline-block;
border:1px solid #000000;
}



/*----- blog -----*/
#blog_box{
clear:both;
width:100%;
margin:0 auto 50px;

}
#blog_box #blog_conte{
width:1000px;
margin:0 auto;

}


#blog_box dl{
width:150px;
float:left;
margin:0px 8px;
}






/* -----------------------------------------------
衣装・料金のご紹介コンテンツ
----------------------------------------------- */
#category_menu{
width:1000px;
margin:0 auto;
}

#category_menu li a{
display:block;
width:132px;
line-height:60px;
float:left;
margin:30px 4px;
border:1px #000000 solid;
position:relative;
}
#category_menu .arrow{
width: 0;
height: 0;
position:absolute;
top:50px;
left:60px;
border: 5px solid transparent;
border-top: 5px solid #333333;
}

#category{
clear:both;
width:1000px;
margin:30px auto;
text-align:left;
overflow:hidden;
}
#category #furisode,#yukata,#hakama,#otokomonpuku,#shichigosan,#komono,#houmongi{
clear:both;
padding-top:30px;
overflow:hidden;
}
#category #furisode h4,#hakama h4,#otokomonpuku h4,#yukata h4,#shichigosan h4,#houmongi h4,#komono h4,#komon h4{
margin:10px 0;
text-align:left!important;
background:url(../images/detail/circle01.png) no-repeat left top;
text-indent:30px;
color:#787878;
font-size:140%;
position: relative;
padding-bottom:10px;
line-height:40px;
border:none;
}
#category #hakama h4{
background:url(../images/detail/circle02.png) no-repeat left top;
}
#category #otokomonpuku h4{
background:url(../images/detail/circle03.png) no-repeat left top;
}
#category #shichigosan h4{
background:url(../images/detail/circle04.png) no-repeat left top;
}
#category #yukata h4{
background:url(../images/detail/circle05.png) no-repeat left top;
}
#category #houmongi h4{
background:url(../images/detail/circle07.png) no-repeat left top;
}
#category #komono h4{
background:url(../images/detail/circle06.png) no-repeat left top;
}
#category #komon h4{
background:url(../images/detail/circle08.png) no-repeat left top;
}


#category dl{
width:190px;
display:inline-block;
vertical-align:top;
margin:0 2px 20px 2px;
}

/*.category_conte > dl {
width: 240px;
float: left;
margin:0 5px 20px 0;
}
.category_conte >  dl:nth-child(5n) {
margin-right: 0;
}
*/

#category dd{
margin-top:3px;
text-align:center;
}

#category p{
margin:5px;
}
#yukata p a{
text-decoration:underline;
}


#category h5{
font-size:120%;
line-height:200%;
clear:both;
text-align:left;
color:#92916e;
border-left:3px solid #92916e;
text-indent:10px;
margin:30px 0 20px 0;
}

#category #shichigosan h5{
color:#e4ac1a;
border-left:3px solid #e4ac1a;
}


/*----moreボタン----*/
#category .morebtn a{
clear:both;
width:100px;
margin:30px auto;
display:block;
text-align:center;
padding:5px 10px;
border:1px solid #000000;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
margin-bottom:30px;
text-decoration:none!important;
}


#category_menu2{
width:1000px;
margin:30px auto;
}

#category_menu2 ul li{
display:inline;
line-height:30px;
margin:30px 20px;
}
#category_menu2 ul li a{
text-decoration:underline;
}

#category_menu2 ul li a:hover{
text-decoration:none;
}



/* -----------------------------------------------
お支払い方法・レンタルの流れ
----------------------------------------------- */

#g_mainimg{
background:#673a84;
margin-top:5px;
height:170px;
}
#g_mainimg p{
padding-top:70px;
}
#guide_menu{
width:484px;
margin:30px auto 0;
clear:both;
overflow:hidden;
}

#guide_menu li a{
display:block;
width:220px;
float:left;
line-height:60px;
margin:30px 10px;
border:1px #000000 solid;
position:relative;
}
#guide_menu .arrow{
width: 0;
height: 0;
position:absolute;
top:50px;
left:105px;
border: 5px solid transparent;
border-top: 5px solid #333333;
}

#payment,#flow{
margin-top:50px;
}

#payment_conte h4,#flow_conte h4{
line-height:60px;
font-size:120%;
}
.arrow_box{
position: relative;
background: #ffffff;
border: 1px solid #000000;
}
.arrow_box:after, .arrow_box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.arrow_box:before {
border-color: rgba(0, 0, 0, 0);
border-top-color: #000000;
border-width: 11px;
margin-left: -11px;
}
#payment_conte ul{
margin-top:30px;
text-align:left;
}

#payment_conte li{
background:url(../images/guide/circle.png) no-repeat left top;
padding-left:35px;
line-height:35px;
margin-bottom:20px;
}

#payment_conte table{
margin: 0 auto 30px;
border-collapse: collapse;
}
#payment_conte table th,
#payment_conte table td{
border: 1px solid #bfa886;
padding: 20px 30px;
text-align: center;
}
#payment_conte table th{
background: #e6dac8;
}

#flow_conte{
text-align:left;
}
#flow_conte h4{
line-height:48px;
padding-left:5px;
}
#flow_conte p{
line-height:200%;
margin:30px 0 50px 0;
padding-left:15px;
border-left:1px solid #000000;
}
#flow_conte .n_link{
borde-left:none;
margin-top:0;
}

/* -----------------------------------------------
よくある質問・お客様の声
----------------------------------------------- */

#f_mainimg{
background:#26492f;
margin-top:5px;
height:170px;
}
#f_mainimg p{
padding-top:70px;
}
#faq_conte dl{
margin-bottom:40px;
}
#faq_conte dt{
margin-bottom:20px;
padding-left:70px;
background:url(../images/faq/circle_q.png) no-repeat left;
line-height:60px;
}
#faq_conte dd{
margin-bottom:30px;
padding-left:70px;
background:url(../images/faq/circle_a.png) no-repeat left;
line-height:60px;
}
#faq_conte .line2{
line-height:30px;
}

#voice_conte dl{
width:283px;
float:left;
margin:0 25px;
text-align:center;
}

#voice_conte .voice_txttit{
margin:20px 0;
font-size:150%;
color:#be1e05;
}
#voice_conte dd{
padding:0 5px;
}

/* -----------------------------------------------
内覧会情報
----------------------------------------------- */
#n_mainimg{
background:#01589a;
margin-top:5px;
height:170px;
}

#nairankai_conte{
width:1000px;
margin:30px auto;
}

.nairanka_txt{
width:1000px;
text-align:left;
margin:30px auto 50px;
font-size:120%;
line-height:200%;
}

#nairankai_conte h4{
text-align:left;
font-size:140%;
margin:20px 0;
line-height:33px;
}

#nairankai_conte dl{
text-align:left;
margin-bottom: 20px; 
display:inline-block;
}

#nairankai_conte dt{
width:100px;
float:left;
padding-left:15px;
border-left:#be1e05 solid 1px;
line-height:250%;
color:#be1e05;
margin-bottom:20px;

}
#nairankai_conte dd{
width:880px;
float:left;
line-height:250%;
margin-bottom:20px;
}

#nairankai_conte .line2{
line-height:125%;
}


#nairankai_conte .chirashi_link a{
clear:both;
padding:3px 20px;
border:1px solid #000000;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
margin-bottom:30px;
}
.chirashi img{
width:100%;
height:auto;
}
.chirashi .sp{
display:none;
}

/* -----------------------------------------------
店舗情報
----------------------------------------------- */
#s_mainimg{
background:#be1e05;
margin-top:5px;
height:170px;
}
#s_mainimg p{
padding-top:70px;
}
.shop_txt{
margin:50px 0;
text-align:center;
font-size:200%;
line-height:120%;
}

#shop_conte2{
width:100%;
background:#fafafa;
overflow:hidden;
}


#shop_conte3{
width:1000px;
margin:0 auto;
text-align:left;
}
#shop_conte3 #shop_left{
width:500px;
float:left;
margin-top:20px;
}
#shop_conte3 #shop_left dl{
}
#shop_conte3 #shop_left dt{
width:100px;
float:left;
padding-left:15px;
border-left:#be1e05 solid 1px;
line-height:250%;
color:#be1e05;
margin-bottom:20px;
}

#shop_conte3 #shop_left dd{
width:380px;
float:left;
line-height:250%;
margin-bottom:20px;
}

#shop_conte3 #shop_right{
width:490px;
float:right;
}

.arrow_s{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow_s::before,
.arrow_s::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.sankaku::before{
left: 5px;
width: 20px;
height: 20px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.n_link2 a{
margin-top:30px;
font-size:150%;
border:1px solid #000000;
padding:20px;
border-radius: 10px;		/* CSS3草案 */
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
}


/* -----------------------------------------------
イベント情報
----------------------------------------------- */

#event_conte{
font-family: "Sawarabi Mincho";
}
#event_conte .sp{
display:none;
}
#event_conte h3{
border-bottom:none;
margin:0px!important;
padding:0px!important;
}

#event_conte h3 img{
width:100%;
height:auto;
}

#event_conte .event_txt{
background:#e8f1f8;
}
#event_conte .event_txt img{
width:1000px;
margin:0 auto 50px;
}

#event_conte #yukata_plan{
margin:50px auto;
background:url(../images/event/yukata_bk.jpg) no-repeat center top;
}
#event_conte #yukata_plan .price{
font-size:150%;
color:#123a48;

}
#event_conte #yukata_plan .title{
font-size:200%;
font-family: "Hannari";
padding-bottom:50px;
}

#event_conte #yukata_plan h4{
font-size:150%;
padding:0 0 5px 10px;
margin-bottom:15px;
line-height:180%;
color:#64a5bb;
border-bottom:1px solid #64a5bb;
border-left:1px solid #64a5bb;
font-family: 'Noto Serif JP', serif;
}

#event_conte #yukata_plan .yukata_planbox{
text-align:left;
width:550px;
display:inline-block;
vertical-align:top;
margin:20px;
}


#event_conte #yukata_plan dl{
margin-bottom:30px;
margin-top:30px;
}
#event_conte #yukata_plan dt{
font-size:120%;
line-height:150%;
color:#64a5bb;
padding-bottom:5px;
}

#event_conte #yukata_plan dd{
line-height:180%;
}

#event_conte #yukata_plan dd img{
width:100%;
height:auto;
}

#event_conte .toiawasetel{
clear:both;
padding:30px 0;
margin:20px 0;
font-size:120%;
color:#123a48;
}

#event_conte .toiawasetel dd{
padding:10px 0;
font-size:180%;
line-height:180%;
}

#event_conte .toiawasetel dd a{
padding:5px 0;
width:30%;
margin:10px auto;
display:block;
background:#64a5bb;
color:#FFFFFF;
}



/* -----------------------------------------------
フッター
----------------------------------------------- */
#footer{
margin-top:100px;
clear:both;
width: 100%;
background: #f5f5f5;
padding: 30px 0 5px 0;
border-top:#c8c8c8 solid 1px;
}
#footer #footer_box{
width:1000px;
margin:0 auto;

}
#footer h2{
float:left;
margin-bottom:20px;
}

#footer .f_telno{
float:right;
}

#footer #f_gnavi{
clear:both;
}

#footer #footer_box dl{
float:left;
text-align:left;
margin:20px;
}

#footer #footer_box dt{
margin:10px 0;
}

#footer #footer_box dd{
font-size:90%;
}

#footer .link_bnr{
margin-top:10px;
clear:both;
width:1000px;
float:right;
}
#footer .link_bnr li{
width:217px;
display:inline-block;
margin:0 5px 10px 0;
}
#footer .line_box{
clear:both;
display:inline-block;
background:rgba(255,255,255,0.5);
padding:10px;
border:1px solid #beb9d2;
}
#footer .line_box .fontsize_ss{
font-size:90%;
margin-bottom:3px;
}


#copyright{
margin-top:50px;
clear:both;
font-size: 12px;
}


/* -----------------------------------------------
ブログページコンテンツ
----------------------------------------------- */
#blogpage{
line-height:220%;
}


#blogpage #mainimg_b{
text-align: center;
background:#c1ac30;
height:170px;
margin-top:5px;
}
#blogpage #mainimg_b img{
padding-top:70px;
}
#blog .content{
width: 960px;
margin: 0px auto;
padding: 50px 20px;
overflow: hidden;
}
#blog .content h4{
text-align: left;
font-size: 16px;
}
#blog .contentarea{
width: 660px;
float: left;
}
/* ---- 記事 ---- */	
.postsarea{
text-align: left;
}
.postsarea .singlebox{
margin: 0 auto 50px auto;
overflow: hidden;
width: 660px;
}
.postsarea .singlebox .title{
padding: 10px 0px 8px 10px;
margin: 0px 0 15px 0;
background: #e6e6e6;
overflow: hidden;
width: 100%;
}
.postsarea .singlebox .title h3{
font-size:120%;
border-bottom:none!important;
color:#000000;
line-height:180%;
font-weight:none;
text-indent: 0;
width: auto;
height: auto;
float: left;
margin: 0px;
padding: 0;
border-radius: 100px;        /* CSS3草案 */  
-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 100px;   /* Firefox用 */ 
}
.postsarea .singlebox .title .post-date{
float: right;
padding: 0 25px 0 0;
line-height:180%;
}
.postsarea .singlebox .content{
padding: 0 10px 10px 15px;
overflow: hidden;
}
.postsarea .singlebox .content p{
line-height: 1.7em;
}
.postsarea .singlebox .postfoot{
overflow: hidden;
border-top: 1px dotted #c2aa75;
margin: 15px auto 0px auto;
padding: 5px 5px 0 5px;
font-size: 12px;
clear: both;
}
.postsarea .singlebox .postfoot .post-author{
float: right;
}
.postsarea .singlebox .postfoot .post-categor{
float: left;
}
/*--ページャー--*/
.page_navi{
clear: both;
width: 100%;
overflow: hidden;
padding: 40px 0 10px 0;
text-align: center;
}
.page_navi a{
float: left;
border: 1px solid #c1a773;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
padding: 3px 6px;
margin: 0 0px 5px 5px;
color: #866320;
}
.page_navi .current{
float: left;
border: 1px solid #c1a773;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
padding: 3px 6px;
margin: 0 0px 5px 5px;
background: #99751d;
text-decoration: none;
color: #FFFFFF;
}
.page_navi a:hover{
background: #99751d;
text-decoration: none;
color: #FFFFFF;
}

#blogcontent .blogmore a{
text-align: center;
clear: both;
display: block;
border: 2px solid #c1a773;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
padding: 6px 5px 5px 5px;
margin: 0 auto 20px auto;
width: 250px;
font-weight: bold;
color: #866320;
letter-spacing: 1.2px;
}
#blogcontent .blogmore a:hover{
background: #99751d;
text-decoration: none;
color: #FFFFFF;
}
/*--次のページ・前のページ--*/
.postnavigation{
clear: both;
overflow: hidden;
}
.postnavigation .previous{
width: 250px;
float: left;
text-align: left;
}
.postnavigation .home{
width: 135px;
float: left;
}
.postnavigation .next{
width: 250px;
float: left;
text-align: right;
}
.postnavigation a{
color: #957321;

}
#facebookbox{
text-align: center;
margin: 40px 0 0 0;
}
#facebookbox a{
width: 430px;
margin: 0px auto 0 auto;
}

/* ---- ブログサイドバー ---- */	
.sidebararea{
width: 250px;
float: right;
text-align: left;
}
.screen-reader-text{
display: none;
}
#categories-2{
padding: 20px 0 20px 0;
}
#categories-2 li{
padding: 5px 0 5px 3px;
border-bottom: dotted 1px #957321;
}



/*ページトップへ*/
.pagetop{
position: fixed;
bottom: 20px;
right: 50px;
}
.pagetop a{
text-indent:-9999px;
display: block;
background:url(../images/common/top_btn.png) no-repeat;
width:102px;
height:86px;
}
.pagetop a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}



/**/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}