@charset "utf-8";

#dt_diary a{
	display: block;
	margin: 0 auto 5px auto;
	width: 80%;
	font-family:TMincho-GT01,'heisei-mincho-std','MS 明朝','ヒラギノ明朝 Pro','HiraMinProN-W3','モトヤLマルベリ3等幅',sans-serif;
	font-size: 1.1rem;
	font-weight:600;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5),0 0 8px rgba(0, 0, 0, 0.5);
	padding:5px 0;
	letter-spacing: 0.4em;
	text-indent:0.4em;
	background: linear-gradient(to bottom, #fd508d 0%, #fd508d 50%, #ff1164 50%, #ff1164 100%);
	background: -webkit-gradient(linear,center top,center bottom,from( #fd508d), color-stop(0.5,#fd508d), color-stop(0.5,#ff1164), to( #ff1164));
	border-radius: 10px;
	border: 2px solid #FFFFFF;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
}
/*** 名前 アイコン ***/
#ni_area{
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#333;
}
#ni_area .n_area{
	font-weight:bold;
	font-size:1.4rem;
}
#ni_area .n_area h3{
	color:#f5bc4d;
	font-size:1.8rem;
}
#ni_area .icon_area{
	display:table;
	width:100%;
	margin:0 auto;
}
#ni_area .icon_area li{
	display:inline-block;
	width:42%;
	padding:1%
}
.skill_icon_area{
	display:table;
	margin:0 auto;
}
.skillicon{
	display:table-cell;
	padding-right:1px;
}

/*** 画像切り替え ***/
#bodyPhoto{
	display: table;
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 640px;
}
#bodyPhoto #photoleft{
	display: table-cell;
    width: 18%;
    padding-right: 2%;
}
#bodyPhoto #photoleft li{
	margin-bottom:5%;
}
#bodyPhoto #photoright {
	-moz-box-flex:1;
	display: table-cell;
	border: 1px solid #d8c78e;
	text-align:center;
	margin:0 auto;
	width:80%;
}
/*** 質疑応答 ***/
#p_art1_r_data{
	overflow:hidden;
	width:95%;
	margin:0 auto;
}
#art1_r_ul{
	border:1px solid #CCCCCC;
	border-bottom:0;
	box-sizing:border-box;
}
#art1_r_ul li{
	display:table;
	border-bottom:1px solid #cccccc;
	width:100%;
	box-sizing:border-box;
}
.art1_r_li_l{
	display:table-cell;
	width:30%;
	padding:8px 4px;
	box-sizing:border-box;
	background:#FDF1C1;
}
.art1_r_li_r{
	display:table-cell;
	padding:8px 4px;
	box-sizing:border-box;
	background:#FFF;
	border-left:1px solid #CCC;
}
.art1_r_li_r h3{
	color:#a41212;
}
#comment_txt{
    width: 95%;
    margin: 6px auto;
}
#comment_txt li.manager{
	padding:10px 0;
	font-size:1.4rem;
	text-align:center;
	background:#FDF1C1;
	border-bottom:1px solid #CCC;
}
#comment_txt li.manager_txt{
	background:#FFF ;
	padding:10px;
	font-size:1.2rem;
}
/*** OPTION ***/
.option_contents{
	width:90%;
	margin:0 auto;
}
.option_contents ul{
	display:table;
	width:100%;
}
.option_contents ul li{
	border:1px solid #dcdcdc;
	box-sizing:border-box;
}
.option_contents ul li.ohead{
	padding:5px 0;
	text-align:center;
	color:#FFF;
	width:100%;
	background:#d35e79;
	font-size:110%;
	font-weight:600;
	clear:both;
}
.option_contents ul li.oltxt{
	width:50%;
	float:left;
	padding:5px 0 5px 5px;
	background:#f5f5f5;
}
.option_contents ul li.ortxt{
	width:50%;
	float:left;
	padding:5px 0;
	text-align:center;
	background:#FFF;
}
/*** SCHEDULE ***/
#week_list{
	width:95%;
	margin:0 auto;
}
#week_list ul{
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	border-top:0;
}
#week_list li{
	width:100%;
	display:table;
	border-bottom:1px solid #dcdcdc;
	box-sizing:border-box;
}
#week_list li .pday{
	width:30%;
	padding:10px 0;
	display:table-cell;
	text-align:center;
	background:#f5f5f5;
	border-right:1px solid #dcdcdc;
}
#week_list li .pday span.blue{
	color:#0000ff;
}
#week_list li .pday span.red{
	color:#ff0000;
}
#week_list li .ptime{
	width:50%;
	padding:10px 0;
	display:table-cell;
	background:#FDF1C1;
	text-align:center;
}
#week_list li .proom{
	width:30%;
	padding:10px 0;
	display:table-cell;
	text-align:center;
	background:#f5f5f5;
	border-right:1px solid #dcdcdc;
}
/***** imgSlider *****/
.companion .imgSlider{
	text-align:center;
	position:relative;
	padding:5px;
	border-bottom:1px #343434 solid;
}
.companion .imgSlider .slideLeft img{
	vertical-align:middle;
}
.companion .imgSlider .slideRight img{
	vertical-align:middle;
}
.companion .imgSlider .photo{
	vertical-align:middle;
}
/***** imgSlider - pagePoint *****/
.companion .imgSlider .pagePoint a{
	display:inline-block;
	height:20px;
	line-height:20px;
	width:20px;
}
#pointmove{
	text-align:center;
	position:relative;
  	overflow:hidden;
}
.viewport{
	width:320px;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0;
}
.flipsnap{
	width:3000px;
}
.flipsnap .item{
	text-align:center;
	float:left;
}
.flipsnap .item img.photo{
	vertical-align:middle;
}
.pointer{
	text-align:center;
}
.pointer span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: 1px solid #fff;
}
.pointer span.current {
	background: #FC0;
}
div.detail{
	text-align:left;
}
/***** FRAME *****/
.frame_wrap{
	width:100%;
	height:300px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.frame{
	width:100%;
	height:100%;
}
/***** TWITTER *****/
#twitter_ul_girl{
	max-width:640px;
	margin:20px auto;
}
.twitter_li_girl{
	
	background-position:center 0;
	width:96%;
	height:480px;
	padding:10px;
	margin:0 auto;
	box-sizing:border-box;
}
.twitter_box_girl{
	border:1px solid #555;
	box-sizing:border-box;
	height:460px;
	overflow:hidden;
}
li.twitter_li_girl .twitter_ttl_girl{
	display:table;
	width:92%;
	margin:0 auto;
	text-align:center;
	height:50px;
}
.twitter_ttl_l_girl, .twitter_ttl_c_girl, .twitter_ttl_r_girl{
	display:table-cell;
	vertical-align:middle;
}
.twitter_ttl_l_girl img, .twitter_ttl_r_girl img{
	vertical-align:middle;
}
.twitter_ttl_c_girl{
	line-height:50px;
	text-align:center;
}
.twitter_ttl_c_girl h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:24px;
	color:#f5bc4d;
} 


div#v_ttl {
    background: #f5bc4d;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    font-size: 20px;
}



.v_contents {
    box-sizing: border-box;
    padding: 12px 8px;
    border-bottom: 1px dashed #ccc;
}

.v_txt {
    font-size: 14px;
    margin: 10px 0;
}
.v_link {
    text-align: center;
    margin-top: 20px;
}
.v_name_box {
    text-align: right;
    font-size: 14px;
}
.v_link a {
    background: #f5bc4d;
    color: #fff;
    box-sizing: border-box;
    padding: 8px 20px;
    font-size: 16px;
}
.v_box {
    max-height: 350px;
    height: 100%;
    overflow: auto;
}
#voice {
    margin: 20px 0;
}
.v_box_none {
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px;
}

/*** TODAY ***/
#today_art {
    width: 100%;
    padding: 2%;
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    background-size: contain;
}
#today_div {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f5bc4d;
}
#today_ul{
	display:table;
	font-size:0;
	width:100%;
	margin:0 auto;
}
.today_li{
	display:inline-block;
	width:32%;
	padding:0 0 10px 4px;
	text-align:center;
	box-sizing:border-box;
	vertical-align:top;
}
.today_li a:hover{
	text-decoration:none;
}
.today_li figure .today_ph{
	position:relative;
}
.today_li figure .today_ph .today_new{
	position:absolute;
	bottom:0;
}
.today_li figure figcaption{
	padding-top:4px;
	font-size:0.8rem;
	color:#111;
}
.today_name{
	font-weight:bold;
	line-height:1.5;
}
.today_size{
	line-height:1.5;
}
.today_today{
	font-size:0.9rem;
	font-weight:bold;
}
.skill_icon_area{
	display:table;
	margin:0 auto;
}
.skillicon{
	display:table-cell;
	padding-right:1px;
}
.menes_repo {
    width: 95%;
    margin: 6px auto;
    position: relative;
    background: #2ab5d3;
    padding: 10px;
    box-sizing: border-box;
    height: 84px;
}
.menes_repo a {
    color: #FFF;
    font-size: 16px;
}
.menes_repo img {
    position: absolute;
    right: 0;
}
.mensbz {
    text-align: center;
    margin-top: 10px;
}
.eslove {
    text-align: center;
    margin-top: 10px;
}
.eslove img{
    width: 98%;
}