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

#profile #layout{
padding-bottom:10px;
}


#profile h2{
}

#rightblock{
}
#rightblock h3{
font-size:16px;
text-align:left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#rightblock h4{
font-size:14px;
text-align:left;
}


#profile #diary_box{
float:left;
width:292px;
height:50px;
overflow:auto;
text-align:center;
margin-bottom:20px;
}
#profile #diary_box h3{
text-indent:-10000px;
height:16px;
}
#profile #diary_box img{
display:block;
margin:auto;
}

#profile #diary_box #fubloblock{
padding:10px;
font-size:12px;
font-weight:normal;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*テスト表示*/
border:1px solid #cccccc;
}
#profile #diary_box p.more{
text-align:right;
font-size:12px;
padding:4px;
}


#profile #fublo_box {
width:300px;
margin:auto;
text-align:center;
margin-bottom:10px;
}
#profile #fublo_box h3 {
    height: 16px;
    margin-bottom: 5px;
    text-indent: -10000px;
}
#profile #fublo_box p.more{
text-align:right;
font-size:12px;
padding:4px;
}


#profile #movieblock{
float:left;
width:620px;
margin-top:10px;
text-align:center;
}
#profile #movieblock h3{
text-indent:-10000px;
height:16px;
}
#profile #movieblock ul{
list-style-type:none;
}


#profile p.hstbk{
font-size:12px;
padding:10px;
width:978px;
}
#profile p.hstbk td{
font-size:12px;
padding:10px;
}

#layout ul.tabul{
list-style-type:none;
border-bottom:1px solid #cccccc;
/border-bottom:1px solid #ffffff;
width:100%;
margin-top:5px;


display:none;
}
#layout ul.tabul li{
margin-bottom:-1px;
background-color:#ffffff;
float:left;
width:140px;
height:30px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
letter-spacing: 0.3em;
font-weight:bold;
line-height:1;
text-align:center;
overflow:hidden;
border:1px solid #cccccc;
border-bottom:1px solid #ffffff;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
#layout ul.tabul li.dColor{
background-color:#efefef;
border-bottom:1px solid #cccccc;
}

#layout ul.tabul li a{
width:140px;
height:20px;
padding-top:10px;
display:block;
color:#333333;
text-decoration:none;
}
#layout ul.tabul li.dColor a:link, #layout ul.tabul li.dColor a:visited{
color:#777777;
text-decoration:none;
}
#layout ul.tabul li.dColor a:hover{
color:#333333;
text-decoration:none;
}
#layout #datatab{
margin-top:5px;
width:100%;
}

#layout #diarytab{
display:none;
}

#layout #movietab{
	display:none;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
}

#layout #movietab ul{
list-style-type:none;
padding-top:10px;
}
#layout #movietab ul li{
width:280px;
float:left;
margin:5px;
margin-bottom:20px;
}

#layout #movietab ul li{
float:left;
width:320px;
height:326px;
margin:10px 3px 10px 4px;
padding-top:2px;
text-align:center;
}
#layout #movietab ul li .movie{
margin:auto;
width:300px;
}
#layout #movietab ul li .movie a{
line-height:1px;
display:block;
}

#layout #movietab ul li .movie a img{
line-height:1px;
width:300px;
}

#layout #movietab ul li h3{
text-align:left;
font-weight:bold;
font-size:12px;
padding:4px;
height:22px;
overflow:hidden;
/*丸める用*/
text-overflow:ellipsis;
white-space:nowrap;
}
#layout #movietab ul li p{
font-size:12px;
line-height:1.3;
text-align:left;
padding:4px;
height:8px;
overflow:hidden;
}
#layout #movietab ul li p.data{
text-align:right;
font-size:10px;
padding-top:0px;
}
#layout #movietab ul li span.time{
font-size:10px;
line-height:1.3;
text-align:left;
padding:4px;
font-weight:normal;
}
#layout #movietab ul li p.updata{
font-size:10px;
text-align:left;
}
#layout #movietab ul li p.updatal{
line-height:1;
}
#layout #movietab ul li p.comment{
margin:4px;
padding:5px;
height:78px;
overflow:auto;
}

.moviebt{
background:url(/user/img/movie_bt.png) center center;
position:absolute;
top:0;
left:0;
width:300px;
height:166px;
}
.moviebt a{
display:block;
width:300px;
height:166px;
}

#rightblock .moviebt{
left:170px;
width:280px;
height:155px;
}
#rightblock .moviebt a{
width:280px;
height:155px;
}
p.bt{
border:1px solid #cccccc;
border-radius:5px;
margin:5px;
padding:5px;
}
p.bt a{
display:block;
}

#calender_lay{
font-size:12px;
}
#calender_lay th, #calender_lay td{
width:25px;
text-align:center;
}

#layout #datatab {
    position: relative;
}
#datatab div#rightblock{
	overflow:hidden;
	width:260px;
    position: absolute;
    top: 0px;
    right:0px;
    left: inherit;
}
#datatab div#rightblock h4{
	padding:5px;
	border-bottom:2px solid #999999;
}
#datatab div#rightblock #alwaysShow{
	color:#333333;
    border-radius: 4px;
	background-color:#999999;
	padding:10px;
	text-align:left;
	margin-bottom:5px;
}
#datatab div#rightblock #alwaysShow h3{
	font-size:20px;
	padding:5px 0px;
}
#datatab div#rightblock #alwaysShow .today{
	float:right;
}
#pdata_box{
	color:#333333;
    border-radius: 4px;
	background-color:#999999;
	margin-bottom:5px;
}
#opdata_box{
	color:#333333;
    border-radius: 4px;
	background-color:#999999;
	margin-bottom:5px;
}
#schedule_box{
	color:#333333;
    border-radius: 4px;
	background-color:#999999;
	margin-bottom:5px;
}
#datatab div#rightblock table{
display:block;
}
#photospace{
line-height:1;
width:910px;
}
#photospace #photoBox{
}
#photospace #photoBox ul{
}
#photospace #photoBox ul li{
display:inline-block;
}
#photospace img.myPhoto{
display:block;
/*float:left;*/
max-width:700px;
	height:auto;
}
#datatab div#rightblock table{
	font-size:12px;
	width:100%;
    background-color: #999999;
    border-radius: 6px;
    color: #333333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#datatab div#rightblock table th,
#datatab div#rightblock table td{
	width:108px;
	padding:4px;
	text-align:left;
}
#datatab div#rightblock table th.saturday{
color:#3090FF;
}
#datatab div#rightblock table th.sunday{
color:#F46438;
}
#datatab div#rightblock #schedule_box table{
font-size:12px;
font-weight:bold;
}
#datatab div#rightblock #schedule_box table th,
#datatab div#rightblock #schedule_box table td{
width:224px;
}
#datatab div#rightblock #schedule_box table td{
text-align:center;
border-bottom:1px solid #999999;
}
#datatab div#rightblock #schedule_box table tr:last-child td{
border:none;
}
#datatab div#rightblock table tr:last-child th,
#datatab div#rightblock table tr:last-child td,
#profile #pdata_box table td.comment{
	border:none;
}
#datatab div#rightblock table td.comment p{
	max-height:200px;
	overflow:auto;
}
#profile #datatab div#rightblock #pdata_box table th,
#profile #datatab div#rightblock #pdata_box table td,
#profile #datatab div#rightblock #opdata_box table th,
#profile #datatab div#rightblock #opdata_box table td {
    border-bottom: 1px solid #999999;
}
.profPageNav{
width:100%;	
margin:0 auto 10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:11px;
}
.profPageNav > span{
	display:inline-block;
	width:32%;
	width:calc(100%/3 - 8px);
}
.profPageNav span a{
color:#ffffff;

	background-color:#073C72;
	background-image: -moz-linear-gradient(#073C72, #071738); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#073C72), to(#071738));	
	background-image: -webkit-linear-gradient(#073C72, #071738);	
	background-image: -o-linear-gradient(#073C72, #071738);
	background-image: -ms-linear-gradient(#073C72, #071738);

border: 1px solid #073C72;
/*box-shadow: 0 1px 0 #073C72, 0 1px 0 #073C72 inset;*/
padding:6px;
border-radius:4px;
display:block;

}
.profPageNav > span a:hover{
}
.profPageNav span a span{
display:inline-block;
margin:0px 3px;
}
.profPageNav span:nth-child(2) a{
font-size:13px;
border:none;
color:#d1d1d1;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
}
.profPageNav span:nth-child(2) a span.fa{
	display:none;
}
#layout #rightblock #alwaysShow .icontype > span{
	display:inline-block;
}
#layout #rightblock #alwaysShow .icontype span span{
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.8);

	background-color:#FF0A4F;
	background-image: -moz-linear-gradient(#FF99B4, #FF0A4F); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF99B4), to(#FF0A4F));	
	background-image: -webkit-linear-gradient(#FF99B4, #FF0A4F);	
	background-image: -o-linear-gradient(#FF99B4, #FF0A4F);
	background-image: -ms-linear-gradient(#FF99B4, #FF0A4F);
	background-image: linear-gradient(#FF99B4, #FF0A4F);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    margin: 2px 0;
    padding: 3px 6px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#profile span.iconNew,
#profile span.iconUp{
	position:relative;
}
span.iconNew{
	position:absolute;
	top:2px;
	left:2px;
    border: 1px solid rgba(255,255,255,.8);
    display: inline-block;
    font-size: 11px;
    padding: 2px;

	background-color:#0A6B9E;
	background-image: -moz-linear-gradient(#9DC1DB, #0A6B9E); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9DC1DB), to(#0A6B9E));	
	background-image: -webkit-linear-gradient(#9DC1DB, #0A6B9E);	
	background-image: -o-linear-gradient(#9DC1DB, #0A6B9E);
	background-image: -ms-linear-gradient(#9DC1DB, #0A6B9E);
	background-image: linear-gradient(#9DC1DB, #0A6B9E);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    line-height: 1.5;
    margin: 0;
    padding: 3px 6px;
	vertical-align:middle;
}
span.iconUp{
	position:absolute;
	top:2px;
	left:2px;
    border: 1px solid rgba(255,255,255,.8);
    display: inline-block;
    font-size: 11px;
    padding: 2px;

	background-color:#147000;
	background-image: -moz-linear-gradient(#9DC180, #147000); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9DC180), to(#147000));	
	background-image: -webkit-linear-gradient(#9DC180, #147000);	
	background-image: -o-linear-gradient(#9DC180, #147000);
	background-image: -ms-linear-gradient(#9DC180, #147000);
	background-image: linear-gradient(#9DC180, #147000);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 4px;
    color: #ffffff;
    line-height: 1.5;
    margin: 0;
    padding: 3px 6px;
	vertical-align:middle;
}
#profile span.iconNew,
#profile span.iconUp{
	position:relative;
}
span.iconOsusume {
    font-size: 10px;
    padding: 3px 6px;
}
.icontype + .icon2 > span, span.content > span {
    display: inline-block;
}
#showMovie{
cursor:pointer;
}


#jidoriInProf{
width:100%;
padding:5px;
float:left;
margin-top:10px;

}
#jidoriInProf h3{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:14px;
border-bottom:2px solid #cccccc;
text-align:left;
margin-bottom:10px;
}
#jidoriInProf ul{
}
#jidoriInProf ul li{
	width:23%;
	width:calc(100%/4 - 6px);
	display:inline-block;
}
#jidoriInProf ul li img{
display:block;
width:100%;
}
#jidoriInProf p{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:11px;
}
#jidoriInProf p a{
	background-color:#111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
    border: 1px solid #222;
    border-radius: 4px;
    box-shadow: 0 1px 0 #999, 0 1px 0 #666 inset;
    color: #a8a8a8;
    display: block;
    padding: 6px;
}

#jidoriInProf ul li{
float:left;
margin:2px;
overflow:hidden;
position:relative;
border-radius:5px;
overflow:hidden;

cursor:pointer;
}
#jidoriInProf ul li{
border:1px solid #cccccc;
border-radius:5px;
}
#jidoriInProf ul li.yokonaga span img{
display:block;
height:100%;
width:auto;
}
#jidoriInProf ul li.tatenaga span img{
display:block;
width:100%;
height:auto;
}

#jidoriInProf ul li.tatenaga  img{
	float:none;
	width:100%;
	height:auto;
}
#jidoriInProf ul li.yokonaga img{
	float:none;
	width:auto;
	height:100%;
}
#jidoriInProf ul li.square img{
	float:none;
    height: 100%;
    width: auto;
}


@media screen and (max-width: 667px) {
#photospace{
width:100%;
text-align:center;
}
#photospace #photoBox{
width:100%;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#photospace #photoBox ul{
	overflow:hidden;
}
#photospace #photoBox ul li{
display:inline-block;
vertical-align:top;
}

#photospace img.myPhoto {
    display: block;
	margin:auto;
    float: none;
    height: auto;
    max-width: 100%;
}
#datatab div#rightblock{
	position:static;
	left:0;
	top:0;
	width:100%;
}
#rightblock h4{
color:#ffffff;
	background-color:#073C72;
	background-image: -moz-linear-gradient(#073C72, #071738); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#073C72), to(#071738));	
	background-image: -webkit-linear-gradient(#073C72, #071738);	
	background-image: -o-linear-gradient(#073C72, #071738);
	background-image: -ms-linear-gradient(#073C72, #071738);
}


#jidoriInProf ul li.tatenaga img,
#jidoriInProf ul li.yokonaga img,
#jidoriInProf ul li.square img{
	max-width:initial;
}

#datatab div#rightblock table th {
    width: 40%;
}
#datatab div#rightblock table td {
    width: 60%;
}

#datatab div#rightblock #opdata_box{
}
#datatab div#rightblock #opdata_box table{
}
#datatab div#rightblock #opdata_box table th{
width:80vw;
}
#datatab div#rightblock #opdata_box table td{
width:20vw;
text-align:center;
}

#datatab div#rightblock #schedule_box{
}
#datatab div#rightblock #schedule_box table{
}
#datatab div#rightblock #schedule_box table th{
width:100vw;
}
#datatab div#rightblock #schedule_box table td{
width:100vw;
}


}