/* font size & font family */
body                        {
                             font-family:"Comic Sans MS";
                             font-size:16.5px;
                             -webkit-text-size-adjust: 100%;
                             max-height: 999999px;
}
#banner                     {font-family:"Comic Sans MS" sans-serif;}
#banner h1 a                {font-size:x-large;}
.tag-title                  {font-size:x-large;}
#banner .description        {font-size:normal;}
.sidetitle                  {font-size:normal;}
.syndicate                  {font-size:normal;}
.date                       {font-size:16px;}
h3.title                    {font-size:large;}
.listCategoryArticle ul li  {font-size:16px;}
.tag-word                   {font-size:16px;}
.posted                     {font-size:16px;}
#calendar th                {font-size:16px;}
.calendarday                {font-size:normal;}


body{
        background-image:url("http://makomako972.up.seesaa.net/image/AAAAA15B15D5B15D.jpg");
　　　　background-repeat: no-repeat ;
        background-attachment:fixed;
	margin:0;
	padding:0;
	color:#f47ace;
}

a:link{color:#FFFFFF;}
a:visited{color:#FFFFFF;}
a:hover{color:#3298FF;}




h2
,h3{
    padding:0;
    margin:0;
}


#container{
     background-color:rgba(0,0,0,0.7);
     background-image:url("http://makomako972.up.seesaa.net/image/AAAAA15B15D5B15D.jpg");
    margin-right: auto;
    margin-left : auto;
	width:773px;
	text-align:left;
    background-repeat: no-repeat ;
}
#banner{
	background-image:url("http://makomako972.up.seesaa.net/image/mainEFBC93EFBC93aEX5B15Daaa5B15D.jpg");
    background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 0px 0px;
	margin-bottom:975px;
    height:250px;
    
}
#banner h1 a{
    color:#FFB84D;
    text-decoration:none;
    display:block;
    width:770px;
     height:250px;
}
#banner h1{
    margin:0;
    padding-top:0px;
    padding-bottom:20px;
    text-indent:-9999px;
}
#banner .description{
    color:#FFB84D;
    font-weight:bold;
    padding-left:0px;
    display:none;
}

.navi {
        font-family: Comic Sans MS;
        font-weight: bold;
        font-size:150%;
	text-align:center;
	padding-bottom:0px;
        margin:20px 0px 0px 0px;
        
}
.navi a{
	text-decoration:none;
}
#links-left{
	width:180px;
	float:left;
	margin-right:3px;
	padding:0px 0px 0px 0px;
	line-height:1.5;
}
.sidetitle{
	background:url("http://makomako972.up.seesaa.net/image/side_titleAS.jpg") no-repeat 10px 0px;
	color:#000000;
	text-align:left;
　　　　text-shadow:
        0 0 25px #edf8ff,
        0 0 20px #edf8ff,
        0 0 0.40px #edf8ff;
	padding:0px 0px 0px 50px;
	margin-bottom:3px;
	font-weight: 900;
}
.side{
	margin-top:0px;
	margin-bottom:25px;
	padding:0 5px 0 15px;
}
.side-tag {
	margin-top:0px;
	margin-bottom:25px;
	padding:0 5px 0 15px;
}
#content{
        width:590px;
	float:left;
}
.blog{
	padding-top:0px;
	margin-bottom:25px;
}

.date{
	padding:0px 23px 0px 0px;
        font-size:x-small;
	color:#f47ace;
	position:relative;
	text-align:right;
	top:10px;
}
.blogbody{
	margin-bottom:0px;
	}
	h3.title{
		background-image:url("http://makomako972.up.seesaa.net/image/sub20title20X5B15D.jpg");
        background-size:contain;
        background-repeat:no-repeat;
		background-position:top left;
		padding:23px 0px 10px 5px;
		line-height:1.5;
		height:54px;
	}
	a.title{text-decoration:none;
　　　　　　　　a:visited color:#FFFFFF;
　　　　　　　　a:hover color:#3298FF;
                padding:0px 0px 0px 65px;
        }
	.text{
		margin:0 0 0 0px;
		color:#f47ace;
		padding:10px 5px 10px 5px;
		line-height:1.95;
		font-weight:bold;
	}
	.text blockquote{
		border:0 solid #E5E5E6;
		margin:10px;
		padding:8px 12px;
		background:#FFF0DA;
		color:#A07C61;
	}
	.bookmark{
		margin-top:5px;
	}
.posted{
	padding:0px 5px 20px 10px;
	text-align:right;
	margin-bottom:0px;
	color:#f47ace;
}

#footer{clear:both;}

.powered {
	padding:20px 0px 20px 0px;
	text-align:center;
}
.powered table{
	margin:0px auto;
}
.syndicate {
	margin-right:10px;
	text-align:center;
}
#calendar {
	text-align:center;
	padding-bottom:10px;
}
#calendar table{
	width:180px;
	margin:0px auto;
}
.calendarhead {
	background:url("http://makomako972.up.seesaa.net/image/side_titleAS.jpg") no-repeat 10px 0px;
	color:#f90;
	text-align:left;
	padding:0px 0px 0px 10px;
	margin-bottom:3px;
	font-weight:bold;
}
.calendarday a{
	font-weight:bold;
	display:block;
	text-decoration:underline;
	padding:3px 0;
}
.calendarhead .calendarday a{
	text-decoration:none;
	background:#000000;
	display:inline;
}
#calendar th{
}
.calendarday {
	padding:1px 2px;
	color:#f47ace;
}
input{
	max-width:200px;
}
.input-submit{
	margin-right:5px;
}
#comments {
	padding:10px 0px 10px 10px;
	margin-top:25px;
	background:#fff;
}
#comments form {
	margin:0px;
	padding:0px 10px;
}
textarea{
	width:95%;
	margin-bottom:5px;
}
.comments-head{ 
	font-weight:bold;
	margin:0px;
	padding: 0px 0px 10px 0px;
}
.comments-body {
	margin:0px;
	padding:0px;
}
.comments-post {
	padding:5px 10px;
	text-align:right;
	border-bottom:dotted 1px #999;
	margin-bottom:5px;
}
#trackback {
	margin-bottom:30px;
	margin-top:25px;
	padding:15px;
	border:1px solid #000;
	background:#fff;
}
.copyright{
	text-align:center;
}
.diet-content{
	padding-left:10px;
}
#diet-foods{
	padding-left:10px;
}
.food-title{
	width:20%;
	clear:left;
	float:left;
}
.food-content{
	width:75%;
	padding-top:10px;
}
#diet-container{
	border:1px solid #999;
	padding:5px;
	margin-bottom:5px;
}
.diet-title{
	padding:2px 10px 2px 5px;
	margin-top:5px;
}
.diet-content{
	padding-left:10px;
}
#diet-foods{
	padding-left:10px;
}
.food-title{
	width:20%;
	clear:left;
	float:left;
}
.food-content{
	width:75%;
	padding-top:10px;
}
.tag-word{
	margin:0px 0px 0px 0px;
	line-height:1.4em;
	text-align:right;
}
.tag{
	margin-top:20px;
	padding:10px;
	margin-left:0px;
	background:#000000;
}
#tag_cloud{
	border:1px solid #CCC;
	padding:10px;
	text-align:left;
	position:relative;
}
#tag_cloud a {
	padding:2px;
}
.tag-title{
	font-weight:bold;
	text-align:left;
}
.tag-body{
	margin:10px 0px;
	padding:10px 0px 0px 0px;
	position:relative;
}
.tag-service{
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:0px 0px 5px 0px;
	clear:left;
	position:relative;
}
.tag-search{
	text-align:right;
	padding:5px 0px;
	margin-bottom:10px;
	font-weight:bold;
	position:relative;
}
.tag-article{
	padding:0px 10px 10px 10px;
	text-align:left;
	position:relative;
}
.tag-article-title{
	text-align:left;
	padding:0px 0px 5px 0px;
	font-weight:bold;
	position:relative;
}
.tag-article-posted{
	font-weight:normal;
	position:relative;
}
.tag-article-summary{
	padding:0px 10px;
	line-height:1.4em;
	position:relative;
}
.tag-more{
	text-align:right;
	margin:10px 0px;
	clear:left;
	position:relative;
}
.tag-photos{
	float:left;
	margin:10px 5px;
	position:relative;
	width:140px;
	height:200px;
}
.tag-photos-title{
	line-height:1.4em;
	padding:5px 0px;
	text-align:left;
	position:relative;
}
.tag-audios{
	margin:5px;
	position:relative;
}
.tag-audios-title{
	text-align:left;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	position:relative;
}
.tag-audios-posted{
	font-weight:normal;
	position:relative;
}
.tag-videos{
	float:left;
	margin:10px 5px;
	position:relative;
}
.tag-videos-title{
	line-height:1.4em;
	padding:5px 0px;
	text-align:left;
	position:relative;
}
.tag-navi{
	clear:left;
	text-align:center;
	margin:10px 0px;
	position:relative;
}
.listCategoryArticle{
	margin-top:5px;
	padding:5px;
	border:solid 1px #f47ace;
}
.listCategoryArticle ul{
	list-style:none;
	padding:0;
	margin:0 0 0 10px;
	text-align:left;
	list-style-position:outside;
}
.listCategoryArticle ul li{
	margin:0;
	background:url(http://blog.seesaa.jp/img/listCategoryArticle.gif) no-repeat 0 2px;
	padding-left:12px;
	line-height:1.4;
}
#links,
#links-left,
.side,
#content,
.blog,
.blogbody,
.text{
	overflow:hidden;
}

/* twitter quote */
.tweetBlockQuote{
 margin-bottom:10px;
 overflow:hidden;
 width:98%;
}
.tweetBlockQuote img{
 border:0;
}
.tweetBlockQuote .tweetImg{
 padding:0px;
 width:53px;
 text-align:left;
 overflow:hidden;
 vertical-align:top;
 float:left;
 margin-right:7px;
}
.tweetBlockQuote .tweetMain{
 padding:5px;
 border:solid 1px #ddd;
 background:#fff;
 color:#000;
 overflow:hidden;
 vertical-align:top;
 float:left;
 width:70%;
}
.tweetBlockQuote .tweetMain a.tweetOwner{
 color:#E86390;
 font-weight:bold;
 text-decoration:none;
}
.tweetBlockQuote .tweetMain a.tweetFriends{
 font-weight:bold;
 color:#26A6DC;
 text-decoration:none;
}
.tweetBlockQuote .tweetMain .tweetText{
 color:#000;
}
.tweetBlockQuote .tweetMain .tweetText a{
 color:#000;
 text-decoration:underline;
}
.tweetBlockQuote .tweetMain .tweetDate{
 color:#9C9C9C;
}
.tweetBlockQuote .tweetBoth{
 clear:both;
}
/* twitter quote */



#YOOPP{ display:none; }

/* 広告非表示(スマホ用) こちらの削除方法は2014年9月27日現在で有効な方法です*/
[id*="adArea"] {visibility:hidden;height:0px;}
[id*="jt:seesaa_seesaa"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis"] {visibility:hidden;}
[id*="adblock"] {display:none;visibility:hidden;height:0px;}
[class*="ad_block"] {display:none;visibility:hidden;height:0px;}
[class*="seesaaAdA"] {display:none;visibility:hidden;height:0px;}
.seesaa-adLink, .adlink, .adBoth, .adText, .adUrl, .adImage, .adSponsor, .adSponsorUrl, .adHr {visibility:hidden;height:0px;width:0px;}
[class*="ad_frame"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis_sticky_zone"] {display:none;}
[id*="androidGame"] {display:none;visibility:hidden;height:0px;}
[class*="ichioshi"] {display:none;visibility:hidden;height:0px;}
[class*="top-ad"] {display:none;visibility:hidden;height:0px;}
[class*="im_ad"] {display:none;visibility:hidden;height:0px;}
[class*="androidgame"] {display:none;visibility:hidden;height:0px;}
[id*="iphonead"] {display:none;visibility:hidden;height:0px;}
[id*="iphoneFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="androidFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="adstir_ad"] {display:none;visibility:hidden;height:0px;}
[class*="seesaa-adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adTitle"] {display:none;visibility:hidden;height:0px;}
[id*="adcon"] {display:none;visibility:hidden;height:0px;}
[id*="imobile_adspotdiv"] {display:none;visibility:hidden;height:0px;}
[id*="ad_cloud_overlay_space"] {display:none!important;visibility:hidden;height:0px;}
.ad-area, .ad-area div, .ad-area.ad-footer div {display: none!important;visibility: hidden;}
[id*="nend_banner_img"] {display:none!important;visibility:hidden;height:0px;}
[id*="adingoBeagle"] {display:none!important;visibility:hidden!important;height:0px!important;}

/* 以下は2014年10月11日追加 */
[id*="kauli_yad_js_1"]{display:none!important;visibility:hidden;height:0px;}
[id*="yjAdwrapper"]{display:none!important;visibility:hidden;height:0px;}
[id*="adunit"]{display:none!important;visibility:hidden;height:0px;}
[id*="ads"]{display:none!important;visibility:hidden;height:0px;}
[class*="bottom_fixed_ad"] {display:none!important;visibility:hidden;height:0px;}
[class*="soc_dest"] {display:none!important;visibility:hidden;height:0px;}

/* 以下は2015年1月7日の追記 */
[id*="imobile_adspotdiv1"]{display:none!important;visibility:hidden;height:0px;}
[id*="fluct_ad_unit_1000001623"] {display:none!important;visibility:hidden;height:0px;}
[class*="fluct_ad_container"] {display:none!important;visibility:hidden;height:0px;}
[class*="tapone"] {display:none!important;visibility:hidden;height:0px;}

/* 広告非表示(PC用) こちらの削除方法は2014年9月27日現在で有効な方法です*/
[id*="nend_adspace"] {display:none!important;visibility:hidden!important;height:0px!important;}
[class*="adlantis_banner_image"] {display:none!important;visibility:hidden!important;height:0px!important;}
/* 「スマートフォン専用ページを表示」を消す */
#iphone-link { display: none !important; }




.radius {
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px;
    behavior: url(border-radius.htc); /* IE */
}
.box {
    width: 575px;
    margin: 1px;
    padding: 3px;
    background: #f47ace;
}


a{
  transition: color 0.7s ease 0s;
  -webkit-transition: color 0.5s ease 0s;
}










a img.linkimg{
background:none!important;
}

a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}






.button {
	display: inline-block;
	width: 180px;
	height: 20px;
    margin: 6px 0px 6px 0px;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	position: relative;
	z-index: 2;
	background-color: #000000;
	border: 2px solid #000000;
	color: #333;
	line-height: 16px;
	overflow: hidden;
}
.button:hover {
	color: #000000;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #f47ace;
}





/* =====================
	電光掲示板
======================= */
.ledText {
    overflow: hidden;
    margin:5px 1px;
    position: relative;
    padding:0px 0;
    color: #000000;
    font-size: 25px;
    font-weight: 800;
    background: #f47ace;
}

/* CSS3グラデーションでドット感を出す */
.ledText:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(#0a0600 1px, transparent 0px), linear-gradient(0, #0a0600 1px, transparent 1px);
	background-image: -webkit-linear-gradient(#0a0600 1px, transparent 0px), -webkit-linear-gradient(0, #0a0600 1px, transparent 1px);
	background-size: 2px 2px;
    z-index: 10;
}

/* CSS3アニメーションでスクロール */
.ledText span {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%;
	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 20s;
	-moz-animation-name: marquee;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 20s;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 20s;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}






.view {
    width: 200px;
    height: 160px;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    float: left;
    border: 0px solid #000000;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 0px #e6e6e6;
    cursor: default;
    background: #000000 url(../images/bgimg.jpg) no-repeat center center
}
.view .mask, .view .content {
    width: 200px;
    height: 160px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
　　font-family:Comic Sans MS;
    font-style:Comic Sans MS;
    color: #f47ace;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 0px;
    background: rgba(0, 0, 0, 0.8);
    margin: 5px 0 0 0
}
.view p {
    font-family:Comic Sans MS;
    font-style:Comic Sans MS;
    font-size: 15px;
    position: relative;
    color: #f47ace;
    padding: 3px 5px 5px;
    text-align: center
}
.view a.info {
    display: inline-block;
    font-family:Comic Sans MS;
    font-style:Comic Sans MS;
    font-size: 17px;
    padding: 4px 7px;
    background: #f47ace;
    color: #f47ace;
    text-transform: none;
    box-shadow: 0 0 35px #000
}
.view a.info:hover {
    box-shadow: 0 0 35px #f47ace;
}

.view-third img {
    transition: all 0.2s ease-in;
}
.view-third .mask {
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    transform: translate(460px, -100px) rotate(180deg);
    transition: all 0.2s 0.4s ease-in-out;
}
.view-third h2{
    transform: translateY(-100px);
    transition: all 0.2s ease-in-out;
}
.view-third p {
    transform: translateX(300px) rotate(90deg);
    transition: all 0.2s ease-in-out;
}
.view-third a.info {
    transform: translateY(-200px);
    transition: all 0.2s ease-in-out;
}

.view-third:hover .mask {
    opacity:1;
    transition-delay: 0s;
    transform: translate(0px, 0px);
}
.view-third:hover h2 {
    transform: translateY(0px);
    transition-delay: 0.5s;
}
.view-third:hover p {
    transform: translateX(0px) rotate(0deg);
    transition-delay: 0.4s;
}
.view-third:hover a.info {
    transform: translateY(0px);
    transition-delay: 0.3s;
}







.spin_infinite {
/* keyframes に任意の名前を付ける */
  -moz-animation-name: 'rotate1';
  -webkit-animation-name: 'rotate1';
  animation-name: 'rotate1';
  -goog-ms-animation-name: 'rotate1'; 
 
 /* 1動作(ここでは1回転)あたりの秒数 */
  -moz-animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -goog-ms-animation-duration: 4s;
 
/* 動作の向き、初期値はnormal 、逆再生は alternate */
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -goog-ms-animation-direction: normal;
  
/* 動き方 linear, ease, easein, ease-out, ease-in-out */
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -goog-ms-animation-timing-function: linear;
  
/* 動作 (ここでは回転) の回数を数値で指定、無限ループは infinite */
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -goog-ms-animation-iteration-count: infinite;
}
 
@-webkit-keyframes 'rotate1' {
  from {
  /* 最初の回転角 */
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -goog-ms-transform: rotate(0deg);
  }
  /* 1動作の最後 ( 1duration 後) の回転角 */
  to {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -goog-ms-transform: rotate(-360deg);
  }
}



.anime04a{
	color:#000;
	padding:0px;
	-webkit-animation:anime04a 1s infinite alternate linear;
	animation:anime04a 1s infinite alternate linear;
}
@-webkit-keyframes anime04a{
	0%	{}
	100%	{color:#f47ace;}
}
@keyframes anime04a{
	0%	{}
	100%	{color:#f47ace;}
}





.anime04b{
	color:#000;
	padding:0px;
	-webkit-animation:anime04b 1s infinite alternate linear;
	animation:anime04b 1s infinite alternate linear;
}
@-webkit-keyframes anime04b{
	0%	{}
	100%	{color:#FFFFFF;}
}
@keyframes anime04b{
	0%	{}
	100%	{color:#FFFFFF;}
}







.anime01 {
	width:180px;
	height:180px;
	-webkit-animation: anime01 4s linear infinite;
	animation: anime01 4s linear infinite;
}
@-webkit-keyframes anime01 {
	0%	{ -webkit-transform: rotate(-0deg); }
	100%	{ -webkit-transform :rotate(360deg); }
}
@keyframes anime01 {
	0%	{ transform: rotate(-0deg); }
	100%	{ transform :rotate(360deg); }
}



.anime03 {
	width:190px;
	height:44px;
	-webkit-animation: anime03 11s linear infinite;
	animation: anime03 11s linear infinite;
}

@-webkit-keyframes anime03 {
	0%	{ -webkit-transform: rotateY(-0deg); }
	100%	{ -webkit-transform :rotateY(360deg); }
}
@keyframes anime03 {
	0%	{ transform: rotateY(-0deg); }
	100%	{ transform :rotateY(360deg); }
}




.anime05 {
	width:150px;
	height:28px;
	-webkit-animation: anime05 10s linear infinite;
	animation: anime05 10s linear infinite;
}

@-webkit-keyframes anime05 {
	0%	{ -webkit-transform: rotateX(0deg) rotate(0deg); }
	100%	{ -webkit-transform: rotateX(360deg) rotate(360deg); }
}
@keyframes anime05 {
	0%	{ transform: rotateX(0deg) rotate(0deg); }
	100%	{ transform: rotateX(360deg) rotate(360deg); }
}



.view-2 {
    width: 280px;
    height: 210px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    float: right;
    border: 0px solid #000000;
    overflow: visible;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 0px #e6e6e6;
    cursor: default;
    background: #000000 url(../images/bgimg.jpg) no-repeat center center
}
.view-2 .mask, .view .content {
    width: 280px;
    height: 210px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view-2 img {
    display: block;
    position: relative
}
.view-2 h2 {
    font-size: 20px;
    font-family:Comic Sans MS;
    font-style:Comic Sans MS;
    color: #f47ace;
    text-align: center;
    position: relative;
    padding: 0px;
    background: rgba(0, 0, 0, 0.8);
    margin: 0px 0 0 0
}
.view-2 p {
    font-family:Comic Sans MS;
    font-style:Comic Sans MS;
    font-size: 13px;
    position: relative;
    color: #f47ace;
    padding: 5px 15px 5px;
    text-align: center
}
.view-2 a.info {
    font-family:Comic Sans MS;
    font-style:Comic Sans MS;
    font-size: 18px;
    display: inline-block;
    padding: 5px 10px;
    background: #f47ace;
    color: #f47ace;
    box-shadow: 0 0 50px #000
}
.view-2 a.info:hover {
    box-shadow: 0 0 50px #f47ace
}
.view-2-sixth img { 
	transition: all 0.4s ease-in-out 0.5s; 
}
.view-2-sixth .mask{ 
	background-color: rgba(0, 0, 0, 0.3);
	opacity:0;
	transition: all 0.3s ease-in 0.4s;
}
.view-2-sixth h2{
	opacity:0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(10);
    transition: all 0.3s ease-in-out 0.1s;
}
.view-2-sixth p { 
	opacity:0;
    transform: scale(10);
	transition: all 0.3s ease-in-out 0.2s;
}
.view-2-sixth a.info { 
	opacity:0;
    transform: translateY(100px);
	transition: all 0.3s ease-in-out 0.1s;
}
.view-2-sixth:hover .mask {  
	opacity:1; 
	transition-delay: 0s;
}																			 
.view-2-sixth:hover img { 
	transition-delay: 0s; 
}
.view-2-sixth:hover h2 { 
	opacity: 1;
    transform: scale(1);
	transition-delay: 0.1s;
}
.view-2-sixth:hover p { 
	opacity:1; 
    transform: scale(1);
	transition-delay: 0.2s;
}
.view-2-sixth:hover a.info { 
	opacity:1;
    transform: translateY(0px);
	transition-delay: 0.3s;
}

.view-2-sixth:hover .mask {  
	opacity:1; 
	transition-delay: 0s;
}																			 
.view-2-sixth:hover img { 
	transition-delay: 0s; 
}
.view-2-sixth:hover h2 { 
	opacity: 1;
    transform: scale(1);
	transition-delay: 0.1s;
}
.view-2-sixth:hover p { 
	opacity:1; 
    transform: scale(1);
	transition-delay: 0.2s;
}
.view-2-sixth:hover a.info { 
	opacity:1;
    transform: translateY(0px);
	transition-delay: 0.3s;
}





.box2{
	zoom: 1;
	display: table;
}

p.anime06{
        font-family:Comic Sans MS;
        font-style:Comic Sans MS;
        font-size: 17px;
	text-align: center;
	display: inline-block;
	padding: .20em 0.5em;
	text-align: center;
	background: #f47ace;
	color: #000000;
	font-weight: bold;
	text-shadow: 0 1px 0 #3f3f3f;
	float: left;
	letter-spacing: 2px;
	border-radius: 2px;
	line-height: 1;
	position: relative;
	bottom: 0;
	-webkit-transform: middle center rotate(0deg);
	-webkit-animation: ani06 1.5s ease-in-out infinite;
　　　　-ms-transform: middle center rotate(0deg);
	-ms-animation: ani06 1.5s ease-in-out infinite;
}

@-webkit-keyframes ani06 {
0%	{ -webkit-transform: rotate(0deg); bottom: 0; }
50%	{ -webkit-transform: rotate(0deg); bottom: 0;}
60%	{ -webkit-transform: rotate(5deg); bottom: 5px; }
70%	{ -webkit-transform: rotate(-5deg); }
80%	{ -webkit-transform: rotate(4deg); }
90%	{ -webkit-transform: rotate(-3deg); }
100%	{ -webkit-transform: rotate(0deg); }

0%	{ -ms-transform: rotate(0deg); bottom: 0; }
50%	{ -ms-transform: rotate(0deg); bottom: 0;}
60%	{ -ms-transform: rotate(5deg); bottom: 5px; }
70%	{ -ms-transform: rotate(-5deg); }
80%	{ -ms-transform: rotate(4deg); }
90%	{ -ms-transform: rotate(-3deg); }
100%	{ -ms-transform: rotate(0deg); }
}




/* 言の葉の庭（ノベライズ）専用　反転エフェクト */
.img-block {
  width: 590px;
  height: 120px;
  overflow: hidden;
}
.img-block img {
  transition: 1.5s;
}
.img-block img:hover {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}

/* おとボク　キャラ考察　MAIN MANU */
.img-block2 {
  width: 250px;
  height: 395px;
　white-space: nowrap;
  overflow: hidden;
}
.img-block2 img {
  transition: 0.9s;
}
.img-block2 img:hover {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}



/* トップページ　おすすめ×４ */
.radius2 {
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px;
    behavior: url(border-radius.htc); /* IE */
}
.box3 {
    width: 169px;
    margin: 17px 5px 22px 5px;
    padding: 7px;
    background: #F279E6;
}


/* トップページ　おすすめ×４ */
.radius3 {
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px;
    behavior: url(border-radius.htc); /* IE */
}
.box4 {
    width: 123px;
    margin: 17px 4px 22px 4px;
    padding: 7px;
    background: #f47ace;
}




/* utena トップページ　背景画像 */
.bg {
        background:url(http://makomako972.up.seesaa.net/image/test105B15D.jpg) no-repeat;
  　　　background-size:contain;
        width:940px;
        height:649px;
        margin:0px;
        float:left;
}
.button9 {
        background:url(http://makomako972.up.seesaa.net/image/QAS5B15D.jpg) no-repeat;
        width:300px;
        height:300px;
}

/* utena トップページ　複合CSS */
.anime09 {
	width:300px;
	height:300px;
	-webkit-animation: anime09 5s linear infinite;
	animation: anime09 5s linear infinite;
}
@-webkit-keyframes anime09 {
	0%	{ -webkit-transform: rotate(-0deg); }
	100%	{ -webkit-transform :rotate(360deg); }
}
@keyframes anime09 {
	0%	{ transform: rotate(-0deg); }
	100%	{ transform :rotate(360deg); }
}








.radius7 {
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px;
    behavior: url(border-radius.htc); /* IE */
}
.box7 {
    width: 390px;
    margin: 0px;
    padding: 0px;
    background: #000000;
}

p1 { line-height: 27px; }








/* main manu 六連スライドショー */
#stage {
    position:relative;
    width: 590px;
    height: 400px;
    background: #000000;
    overflow:hidden;
    float: none;
    margin:0px 0px 0px 0px
}
/* スライド共通 */
.photo {
    position: absolute;
    left: 150px;top:50px;
    border:#f47ace 2px solid;
    z-index:-1;
}
/* 各スライドのanimation設定 */
#photo1 {
    -webkit-animation:slidepass 18s infinite;
    -webkit-animation-delay:-9s;
    animation:slidepass 18s infinite;
    animation-delay:-9s;
}
#photo2 {
    -webkit-animation:slidepass 18s infinite;
    -webkit-animation-delay:-6s;
    animation:slidepass 18s infinite;
    animation-delay:-6s;
}
#photo3 {
    -webkit-animation:slidepass 18s infinite;
    -webkit-animation-delay:-3s;
    animation:slidepass 18s infinite;
    animation-delay:-3s;
}
#photo4 {
    -webkit-animation:slidepass 18s infinite;
    -webkit-animation-delay:-0s;
    animation:slidepass 18s infinite;
    animation-delay:0s;
}
#photo5 {
    -webkit-animation:slidepass 18s infinite;
    -webkit-animation-delay:3s;
    animation:slidepass 18s infinite;
    animation-delay:3s;
}
#photo6 {
    -webkit-animation:slidepass 18s infinite;
    -webkit-animation-delay:6s;
    animation:slidepass 18s infinite;
    animation-delay:6s;
}
/* スライドの動きワンサイクル */
@-webkit-keyframes slidepass {
    0% {-webkit-transform:perspective(1000px) rotateY(-95deg) translateZ(-300px);z-index:11;}
    10% {-webkit-transform:perspective(1000px) rotateY(-95deg) translateZ(-240px);z-index:12;}
    16.7% {-webkit-transform:perspective(1000px) rotateY(-95deg) translateZ(-240px);z-index:12;}
    26.7% {-webkit-transform:perspective(1000px) rotateY(-90deg) translateZ(-200px);z-index:13}
    33.3% {-webkit-transform:perspective(1000px) rotateY(-90deg) translateZ(-200px);z-index:13}
    43.3% {-webkit-transform:perspective(1000px) rotateY(0deg) translateZ(0px);z-index:14;}
    50% {-webkit-transform:perspective(1000px) rotateY(0deg) translateZ(0px);z-index:14;}
    60% {-webkit-transform:perspective(1000px) rotateY(90deg) translateZ(-200px);z-index:17;}
    66.7% {-webkit-transform:perspective(1000px) rotateY(90deg) translateZ(-200px);z-index:17;}
    76.7% {-webkit-transform:perspective(1000px) rotateY(95deg) translateZ(-240px);z-index:15;}
    83.4% {-webkit-transform:perspective(1000px) rotateY(95deg) translateZ(-240px);z-index:15;}
    93.7% {-webkit-transform:perspective(1000px) rotateY(95deg) translateZ(-300px);z-index:11}
    100% {-webkit-transform:perspective(1000px) rotateY(95deg) translateZ(-300px);z-index:11}
}
@keyframes slidepass {
    0% {transform:perspective(1000px) rotateY(-95deg) translateZ(-300px);z-index:11;}
    10% {transform:perspective(1000px) rotateY(-95deg) translateZ(-240px);z-index:12;}
    16.7% {transform:perspective(1000px) rotateY(-95deg) translateZ(-240px);z-index:12;}
    26.7% {transform:perspective(1000px) rotateY(-90deg) translateZ(-200px);z-index:13}
    33.3% {transform:perspective(1000px) rotateY(-90deg) translateZ(-200px);z-index:13}
    43.3% {transform:perspective(1000px) rotateY(0deg) translateZ(0px);z-index:14;}
    50% {transform:perspective(1000px) rotateY(0deg) translateZ(0px);z-index:14;}
    60% {transform:perspective(1000px) rotateY(90deg) translateZ(-200px);z-index:17;}
    66.7% {transform:perspective(1000px) rotateY(90deg) translateZ(-200px);z-index:17;}
    76.7% {transform:perspective(1000px) rotateY(95deg) translateZ(-240px);z-index:15;}
    83.4% {transform:perspective(1000px) rotateY(95deg) translateZ(-240px);z-index:15;}
    93.7% {transform:perspective(1000px) rotateY(95deg) translateZ(-300px);z-index:11}
    100% {transform:perspective(1000px) rotateY(95deg) translateZ(-300px);z-index:11}
}