@charset "utf-8";
/*---------------------------------------

Design Customize : 
  Date: 2015.8.24
  Manabu Fukai(Glitter Style)
  http://glitter-style.jp

-----------------------------------------

Index

   (1) Detail Style
   (2) Layout
   (3) Entry style
   (4) Side style
   (5) Footer
   (6) Option

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

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li, label {
	margin:0;
	padding:0;
	border:0; 
	outline:0;
	vertical-align:baseline;
	background-color:transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {
display: block;
}

#ambInfo,#barPickup,
.presentBtn,
.entryPaging,
.listImagetop,
.globalLinkArea{display:none!important}

/*==============================

　(1) Detail Style

==============================*/

/* (1-1)  font
--------------------------------------------*/

.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#434343;
font-family: Verdana "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#A0A0A0;
}
/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor,.skinBaseStrongColor{
color:#ff3399;
}

/* (1-2) Link
--------------------------------------------*/
a,a:focus{outline: none}

.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#434343;
}

.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color: #A3B8E2;
}

.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color: #C3C5C7;
}
.skinArticleBody a,
.skinMessageBoarda,
.freespaceArea a{color:#003399}


/* (1-3) Button
--------------------------------------------*/

/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}


/* ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{
color:#333333 !important;
}


/*==============================

　 (2) Layout

==============================*/

.skinBody{}
.skinFrame{padding:0}
.skinContentsFrame{position: relative;}
.skinContentsArea{
	padding: 80px 0 590px;
	letter-spacing: 1px;
}
.columnB .skinMainArea{width:650px;}
.columnB .skinSubA{width:248px}

.pagingArea .skinSimpleBtn:before,
#nav a:before,
.profileBtnArea .skinImgBtnS:before{
	content:'';
	display:block;
	position:absolute;
	border-radius:50%;
	opacity: 0;
	background:rgba(51, 70, 121, 0.4);
	-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);
}

/* (2-1) Header
--------------------------------------------*/
.skinHeaderArea{
	height: 475px;
	position: relative;
	background: url(//stat.blogskin.ameba.jp/blogskin_images/20150824/17/8f/x0/j/o09800475h17gohan1440405194422.jpg) no-repeat 50% 0;
}
.skinTitleArea a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: background .3s ease-out;transition: background .3s ease-out;
}
.skinTitleArea a, 
.skinDescriptionArea{text-indent: -999px;}

	.skinTitleArea a:hover{background:rgba(255,255,255,.3)}

/* (2-2) Navigation
------------------------------------------ */

#nav{
	width: 980px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -490px;
	border-bottom:1px solid #1a120c;
	background:#fff;
}
#nav ul{width:980px;margin:0 auto}
#nav li{width:163px;height:50px;float:left;}
#nav a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -150%;
	background-image:url(//stat.blogskin.ameba.jp/blogskin_images/20150824/17/ea/FM/p/o09800050h17gohan1440405205759.png); 
	background-repeat: no-repeat;
	position:relative;
}
	#nav .home a{background-position:0 0}
	#nav .prof a{background-position:-163px 0}
	#nav .entry a{background-position:-326px 0}
	#nav .images a{background-position:-489px 0}
	#nav .contact a{background-position:-652px 0}
	#nav .site a{background-position:-815px 0}


#nav a:before{
	top:-51px;
	width:163px;
	height:163px;
}
#nav a:hover:before{
	-webkit-animation: wave 1s ease-in-out forwards;animation: wave 1s ease-in-out forwards
}
@-webkit-keyframes wave{
	25%{opacity:1}
	50%{-webkit-transform:scale(1.5);opacity: .5}
	100%{-webkit-transform:scale(1.5);opacity: .3}
}
@keyframes wave{
	25%{opacity:1}
	50%{transform:scale(1.5);opacity: .5}
	100%{transform:scale(1.5);opacity: .3}
}

.fixation {
position: fixed!important;
top: 20px!important;
}
#nav.fixation{
	width: 100%;
	left:0;
	margin:0;
	z-index:100;
	border-color: #aaa;
	box-shadow:0 2px 8px rgba(0,0,0,.1);
	-webkit-transition:border-color,-webkit-box-shadow .5s ease-in-out;transition:border-color,box-shadow .5s ease-in-out;
}


/* (2-3) Pager
--------------------------------------------*/
.pagingArea{
	width:100%;
	height: 60px;
	margin:0 auto;
	border-top: 1px solid #6a6a6a;
	border-bottom: 1px solid #6a6a6a;
	background: url(//stat.ameba.jp/user_images/20150824/21/h17gohan/f1/b9/g/o0001000113405589938.gif) repeat-y 50% 0;
}

.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
width:50%;
height: 16px;
padding: 22px 0;
border: none;
background: transparent;
color: #A0A0A0 !important;
overflow:hidden;
}
	.pagingPrev,
	.listPagePaging .pagingPrev{left:0;}
	.pagingNext,
	.listPagePaging .pagingNext{left:50%}

.pagingArea .skinSimpleBtn:before{
	width:330px;
	height:330px;
	top:-130px;
}
.pagingArea .pagingPrev:before{right:-160px;}
.pagingArea .pagingNext:before{left:-160px;}

.pagingArea .pagingPrev:hover:before,
.profileBtnArea .skinImgBtnS:hover:before,
.pagingArea .pagingNext:hover:before{
	-webkit-animation: waveDirec 1s ease-in-out forwards;animation: waveDirec 1s ease-in-out forwards;
}
@-webkit-keyframes waveDirec{
	20%{opacity:1}
	40%{-webkit-transform:scale(2);opacity: .5}
	100%{-webkit-transform:scale(2);opacity: .3}
}
@keyframes waveDirec{
	20%{opacity:1}
	40%{transform:scale(2);opacity: .5}
	100%{transform:scale(2);opacity: .3}
}


/* (2-4) Message Board
--------------------------------------------*/

.skinMessageBoard{
border:none;
padding-top: 63px;
background: url(//stat.ameba.jp/user_images/20150824/18/h17gohan/7f/65/p/o0307006213405429802.png) no-repeat 50% 0;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding: 0px 0 25px;
}
/*メッセージボード内の画像を自動で制御*/
.skinMessageBoard3 img{max-width: 35%;float:left;margin-right:2em}

/* (2-5) TabList
------------------------------------------ */
.listPageArea {
padding: 17px 0;
}

.tabArea{border-bottom: 1px solid #6a6a6a;}

.tabList .listContentsArea{
border:none;
padding:16px 0;
margin:0
}

.contentsList{
	margin-bottom:30px!important;
}
.contentsList li{
	border-bottom:1px dashed #c7c7c7;
}

.contentsList .contentTitleArea a{
	display:block;
	padding: 12px 2px;}

.tab{
	background: #eee!important;
	border-color: #a6a6a6!important;
	border-radius:0;
	margin-right: -6px;
}
.currentTab{background:#fff!important;}


/*==============================

　 (3) Entry

==============================*/

.skinArticle{
	padding: 0;
	border:none;
}
.skinArticle2{}
.skinArticle3{
}
.skinArticleBody2{margin:0}

/* (3-2) 記事タイトルエリア
------------------------------------------ */
.skinArticleHeader{
margin:0;
padding:32px 0 3px;;
border-left:none;
}
.skinArticleHeader2{}

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
color:#3d3d3d;
}

.skinArticleHeader h1{font-size:1.2em;}
.articleDetailArea{padding:5px 0 10px;}
.articleDetailArea>span{
	display:inline-block;
	padding-left:64px;
	background-image:url(//stat.ameba.jp/user_images/20150824/18/h17gohan/be/cb/p/o0064004013405429803.png);
	background-repeat:no-repeat;
}
.articleTime{background-position: 0 -2px;}
.articleTheme{background-position:0 -21px}

.articleTheme a{display: inline-block;padding:1px 5px;margin-left:-57px;background:#fff;min-width: 51px;}

/* (3-3) 記事本文エリア
------------------------------------------ */



/* (3-4) 記事フッターエリア
------------------------------------------ */
.articleBtnArea{
	border-top: 1px solid #C7C7C7;
}
.skinArticleFooter{
	border-top: none;
	border-bottom: 1px solid #C7C7C7;
}

.articleThemeHeading,.articleImageHeading{
font-weight: normal;
font-size: 1.3em;
}
 
.articleThemeHeading{padding:0;}


.articleThemeListArea ul,
.articleImageListArea ul {
	margin-top: 4px;
}
.articleThemeListArea ul {
	list-style: disc;
	padding: 8px 20px 0;
}
.articleImageListArea li {
	margin: 8px 14px 0 0;
	padding: 5px 14px 0 0;
}

/* (3-5) コメント欄、記事一覧などの一覧
--------------------------------------------*/

.commentOpenArea,.commentOpenArea a,
.blogComment a{}

.commentArea{
	margin:0;
	border: 1px solid #c7c7c7;
	padding: 0;
}
.commentTitleArea{margin:0;padding: 8px 16px 12px;border-bottom-style: solid;} 

.commentTitle{
	height:32px;
	background:url(//stat.ameba.jp/user_images/20150824/18/h17gohan/35/dc/p/o0248066513405429804.png) no-repeat 0 -243px;
	text-indent:-999px;
}
.commentOpenArea{padding-top:10px}

#commentListUl li{
	margin:0;
	padding: 0;
	border-bottom: 1px solid #efefef;
}

.commentFooter{
	margin-top:1em;
	padding-top:8px;
}

.blogComment {padding: 16px 21px;}
.ownerComment /* 管理者のコメント背景色 */{
}

.commentHeader{
	font-size: 1.2em;
	font-weight: bolder;
	margin-bottom: 8px;
}
.commentBtn,
.commentReply{
	padding:6px 16px;
	border:1px solid #ccc;
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);
}
.commentReply{color: #a0a0a0!important;background:#fff;margin-top:-6px;-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
.commentBtn{background:rgb(51, 70, 121);}

.commentBtn,
.readerRequestBtnArea a{
-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}

.commentArea .commentBtn{color: #fff!important;}

/* 背景色 */
.skinBgColor,.skinBaseBgColor,.skinBlock{
background-color:#ffffff;
}

/* 弱い背景色 */
.skinWeakBgColor,.skinBaseWeakBgColor{
background-color:#f7f7f7;
}

/* 強い背景色 */
.skinStrongBgColor,.skinBaseStrongBgColor{
background-color:#f7f7f7;
}

/* 枠線の色 */
.skinBorderColor,.skinBaseBorderColor,.skinBlock{
border-color:#dddddd;
}

/* 境界線の色 */
.skinBorderHr,.skinBorderList li{
border-color:#c7c7c7;
}

/*==============================

　 (4) Side bar

==============================*/

.skinSubArea{} /* サイドバーエリア共通 */
.skinSubA{padding: 130px 26px 50px;} /* 300pxのサイドバーエリア */

.skinSubArea a:hover,.skinSubArea a:focus{text-decoration:none;}

/* (4-1) サイドバータイトルエリア
--------------------------------------------*/
.skinMenuHeader{height:40px;}

.skinMenuHeader,
.rss{
padding:0;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-color:#fff;
background-image:url(//stat.ameba.jp/user_images/20150824/18/h17gohan/35/dc/p/o0248066513405429804.png);
background-repeat:no-repeat;
}
.blogSearchForm.subModule{
background-color:#fff;
background-image:url(//stat.ameba.jp/user_images/20150824/18/h17gohan/35/dc/p/o0248066513405429804.png);
background-repeat:no-repeat;
}
/*  各エリア毎 */

  .profileMenu .skinMenuHeader{background-position:0 0px!important;}
  .recentEntriesMenu .skinMenuHeader{background-position:0 -40px!important;}
  .themeMenu .skinMenuHeader{background-position:0 -80px!important;}
  .archiveMenu .skinMenuHeader{background-position:0 -120px!important;}
  .blogSearchForm.subModule{background-position:0 -160px!important;padding-top: 40px;}
  .readerMenu .skinMenuHeader{background-position:0 -200px!important;}
  .recentCommentMenu .skinMenuHeader{background-position:0 -240px!important;}
  .favoriteMenu .skinMenuHeader{background-position:0 -280px!important;}
  .bookmarkMenu .skinMenuHeader{background-position:0 -320px!important;}
  .calendarMenu .skinMenuHeader{background-position:0 -360px!important;}
  .rankingMenu .skinMenuHeader{background-position:0 -400px!important;}
  .worksMenu .skinMenuHeader{background-position:0 -440px!important;}
  .rss{background-position: 0 -480px!important;padding-top: 40px;width: 100%!important;}


.rss div{background:#fff;padding-bottom: 5px}
.rss div:first-child{padding-top:12px}

/* (4-2) サイドバー本文エリア
--------------------------------------------*/
.skinMenu{
	margin-bottom: 32px;
	background:none
}
.skinMenuBody{
margin:0px;
padding: 12px 0px 0px 0;
}
.skinSubList li{
	border-bottom:1px dashed #666;
}
.skinSubList li a{
	display:block;
	padding:6px;
	color:#666;
	-webkit-transition:all .3s ease-in;transition:all .3s ease-in;
}
.skinSubList li a:hover{
	text-decoration:none;
	background:#f5f5f5;
	padding-left:1em;
}

/* (4-3) プロフィールエリア
--------------------------------------------*/
.skinSubA .profileUserNicknameArea{width:143px}
.profileBtnArea .skinImgBtnS{
	background-image:url(//stat.ameba.jp/user_images/20150824/18/h17gohan/35/dc/p/o0248066513405429804.png);
	background-repeat:no-repeat;
	text-indent:-999px;
	width: 248px;
	position: relative;
	overflow: hidden;
}
.profileBtnArea .readerBtn{background-position:0 -520px}
.profileBtnArea .amemberBtn{background-position:0 -552px}
.profileBtnArea .messageBtn{background-position:0 -584px}
.skinImgBtnS span{background:none}

.profileBtnArea .skinImgBtnS:before{
	width:248px;
	height:248px;
	top: -109px;
	left: -130px;
}
/* (4-4) フリースペース
--------------------------------------------*/
.worksContent{
	text-align: center;
}
.worksContent img{margin: 5px auto 1em;max-height:150px}

.banners,
.freespaceArea .more{text-align:center}
.banners img{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;max-width:160px;}

.freespaceArea .more{
	display:block;
	padding:8px;
	margin: 0 24px;
	background:#434343;
	color: #fff;
	-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out
}

.plugin{text-align:center}
.plugin iframe{margin: 0 auto!important;}

/* (4-5) Search Form
--------------------------------------------*/
.skinSubA .blogSearchForm{width:100%}
form#blogSearchForm{margin: 0 0 20px;width: 248px;position: relative;}
.skinSubA .blogSearchInput{width: 215px;max-height: 150px;}

/* (4-6) 読者登録エリア
--------------------------------------------*/
.readerHeader{
font-size:1.3em;
padding-bottom: 10px;
}
.readerRequestBtnArea a{
	width:248px;
	height:120px;
	background:url(//stat.blogskin.ameba.jp/blogskin_images/20150825/22/b4/pj/p/o02480120h17gohan1440509430522.png) no-repeat 50% 0;
	text-indent:-999px;
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);
}

.readerRequestBtnArea a:hover,.reader_main:hover,
.commentBtn:hover,
.commentReply:hover{
	-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.readerRequestDescription{letter-spacing: 0}

/* (4-7) サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること
--------------------------------------------*/
.skinSubList {
}
.listLink a{
	display: block;
	float:right;
	width: 88px;
	padding:3px 8px;
	margin-bottom:1px;
	background: #434343 url(//stat.blogskin.ameba.jp/blogskin_images/20150825/18/2d/Fd/p/o01000044h17gohan1440493600319.png) no-repeat 100% 0%;
	color:#fff;
	text-indent: 999px;
	white-space:nowrap;
	-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out
}

.listLink>a{}
.list a{background-position:100% 100%!important}

.freespaceArea .more:hover,
.listLink a:hover{background-color:#a6a6a6}
.list{clear:both}

/*==============================

　 (5) Footer

==============================*/

#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 350px;
	padding:60px 0;
	text-align:center;
	background: url(//stat.blogskin.ameba.jp/blogskin_images/20150825/16/3c/1C/j/o19201283h17gohan1440489359802.jpg) no-repeat 50% 0;
	background-size: 100% auto;
}

#footer ul{margin:0 auto}
#footer a{
	display:block;
	text-indent:-999px;
	-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in;
}


#footer .footer_nav{
	padding:30px 0;
	width:450px;
	border-bottom:1px solid #fff;
}

#footer .sns{
	width:150px
}
.sns li{float:left;}
.footer_nav a{
	background-image:url(//stat.ameba.jp/user_images/20150825/02/h17gohan/22/0d/p/o0240013713405860501.png);
	background-repeat:no-repeat;
	padding:25px;
}
.sns a{
	background-image:url(//stat.ameba.jp/user_images/20150825/02/h17gohan/0e/2e/p/o0150008013405860500.png);
	background-repeat:no-repeat;
	width:75px;
	height:80px
}
	.footer_nav .contact{background-position:50% 0}
	.footer_nav .site{background-position:50% 100%}
	.sns .fb{}
	.sns .pn{background-position:100% 0}

/*==============================

　 (6) Option

==============================*/

#ameMeister{
	display: block;
	width: 248px;
	position: absolute;
	top: 80px;
	text-align: center
}
#ameMeister img{
	max-width: 130px;
	-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in;
}

#ameMeister:hover img,
.banners a:hover img,
#footer a:hover{opacity:.6}

#bnr{
position:absolute;
bottom: 585px;;
z-index: 88;
}
#bnr img{
border:1px solid #aaa;
width:130px;
height:auto;
-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;
-ms-filter: "alpha( opacity=90 )";
filter: alpha( opacity=90 );
opacity:0.9;
}
#bnr img:hover{
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity:0.5;
}

.articleText .board{
    border: 1px solid #a4a4a4;
    padding: 18px 16px;
    border-radius: 5px;
}
.clear:after,
#nav ul:after,
#slideThumb:after,
.listLink:after,
.hide:after{
.clear {
  min-height: 1px;
}

* html .clear {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.skinArticleBody img{
margin:0 5px 0 0;
max-width:100%;
}