@chartset "uft-8";


body {
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    animation: fadeIn 2s ease 0s 1 normal; /* ページフェードイン */
    -webkit-animation: fadeIn 2s ease 0s 1 normal; /* ページフェードイン */
	background-image:url(../image/washi.jpg);
	}


html,body{
  margin: 0;
  }


/* ページフェードイン */

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* 画像縮小 */

.freeimg {
	max-width:100%;
	height:auto;
	vertical-align:bottom
}

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* 大外のコンテナ */

.flex-container {
	color:#333; /* 全体の文字の色 */
	display: flex;
	flex-direction: column;　/* 縦並び */
	text-align: center;
}


/* 画面を高さいっぱいに合わせるコンテナ */

.wrapper {
	min-height: 100vh; /* 画面の高さいっぱいに合わせる */
	display: flex;
	flex-direction: column; /* 縦並び */
}



/* ヘッダー・フッター以外のコンテナ（枠線あり） */

.flexbox{
	display: flex;
	justify-content: center; /* ラインの中央に向かって詰め */
	align-items: stretch; /* フレックスアイテムの高さを揃えて表示 */
	border: 1px solid #aaa;
	text-align: center;
	padding: 10px;
	margin: 20px;
}

/* ページコンテナ */

.pagebox{
	width:70%;
	display: clumn; 
	align-self: center;
}


/* トップページのお知らせ */

.info{
	justify-content: center; /* ラインの中央に向かって詰め */
	background-color:#109abd;
	text-align: center;
	padding: 10px;;
}


/* 記事ページ箱 */

.page{
	align-self: center;
	text-align:left;
	 }


/* コメント箱 */

.cmt{
	align-self: center;
	text-align:left;
	line-height:180%;
	 }

/* ヘッダー */

header{
	height: 100px;
}


/* フッター */

footer{
	font-size:90%;
	color:#CCC;
	padding:30px 6px 10px 6px;
	background-color: #589da6;
}


/* マウスオーバー半透明 */

#fade {
	display:none;
}

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
} 

.fade:hover {  
	opacity: 0.4;  
	filter: alpha(opacity=60);
	}


/* 本文文字組 */

.honbun{
	line-height:180%; 
	} 
	
.cap{
	font-size:80%;
	line-height:140%;
	margin-top:2px;
	margin-bottom:5px;
	} 
	
/* ページタイトル */

h1{
	color:#333;
	font-family:'Yu Mincho';
	line-height:140%; 
	}


/* ギャラリーページのサムネイルを入れる箱 */

.thumb{
	 width:80%;
	 text-align:left;
	 }


/* ギャラリーページのサムネイル */

.thumbin{
	border:#fff 5px solid; 
	margin:4px;
	}
	

/* 絵のタイトル */

.pictit{
	margin-top:8px;
	line-height:140%; 
	}
	
	
/* タレントリスト */

.list{
	display: flex;
	flex-direction: column;　/* 縦並び */
	align-self: center;
	text-align:left;
	}

.list_s{
	display: flex;
	justify-content:flex-start;
	flex-direction: row;　/* 横並び */
	}
	
.aki{
	margin-right:10px;
	}
	
.aki2{
	margin-bottom:10px;
	}
	
.lefp{
	text-align:left;
	}
	
/* ページトップへ戻るボタン */

#page-top {
    position: fixed;
    bottom:40px;
    right:40px;
    font-size: 82%;
	}
	
#page-top a {
    background: #82dbe7;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
	}
	
#page-top a:hover {
    text-decoration: none;
    background: #55bbc9;
	}


/* トップページへ戻るボタン */

#top-page {
    position: fixed;
    top:40px;
    right:40px;
    font-size: 82%;
	}
	
#top-page a {
    background: #82dbe7;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
	}
	
#top-page a:hover {
    text-decoration: none;
    background: #55bbc9;
	}


/* プロフィールへ戻るボタン */

#to-profile {
    position: fixed;
    top:130px;
    right:40px;
    font-size: 82%;
	}
	
#to-profile a {
    background: #82dbe7;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
	}
	
#to-profile a:hover {
    text-decoration: none;
    background: #55bbc9;
	}

.ggh {
	display:flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:row;
	}
		 
a:link { color:#109abd;text-decoration:none; }
a:visited { color:#109abd;text-decoration:none; }
a:active { color:#109abd;text-decoration:none; }
a:hover { color:#109abd;text-decoration: underline; }

a:link.in { color:#fffaac;text-decoration:none; }
a:visited.in { color:#fffaac;text-decoration:none; }
a:active.in { color:#fffaac;text-decoration:none; }
a:hover.in { color:#fffaac;text-decoration: underline; }


.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.title{
	font-size:120%;
	font-weight:600;
	margin-bottom:16px;
}



/* ########### ipad縦サイズになったら ########### */

@media only screen and (max-width: 768px){
	
/* ページタイトル小さく */
h1{
	color:#333;
	font-family:'Yu Mincho';
	font-size:145%;}
	
/* 記事箱大きく */
.pagebox{
	 width:95%;
	 padding: 10px;
	 }

/* 戻るボタン小さく */
#page-top {
    position: fixed;
    bottom:5px;
    right:5px;
    font-size: 70%;
	}
#page-top a {
    background: #82dbe7;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 4px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	}
	
#top-page {
    position: fixed;
    top:5px;
    right:5px;
    font-size: 70%;
	}
	
#top-page a {
    background: #82dbe7;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 4px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	}
	
#to-profile {
    position: fixed;
    top:70px;
    right:5px;
    font-size: 70%;
	}
	
#to-profile a {
    background: #82dbe7;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 4px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	}
	
}	
	
/* ########### 670px以上 ########### */
@media (min-width: 670px) {
	
.pc { display: block !important; }
.sp { display: none !important; }
.brpc { display:none; }

}
/* ########### 670px以下 ########### */
@media (max-width: 670px) {
	

.pc { display: none !important; }
.sp { display: block !important; }

}
	
/* ########### スマホサイズ ########### */

@media only screen and (max-width: 400px){

/* サムネイル箱大きく */
.thumb{
	 width:96%;
	 text-align:center;
	 }
	 
/* ページタイトル小さく */
h1{
	color:#333;
	font-family:'Yu Mincho';
	font-size:110%;}
	
/* 記事箱大きく */
.pagebox{
	 width:98%;
	 padding: 5px;
	 }

/* リスト縦に */
.list_s{
	display: flex;
	justify-content:center;
	flex-direction: column;
	text-align:center;
	}

/* アキ無し */
.aki{
	margin-right:0px;
	}
	

}