@charset "UTF-8" ;

/* サイト全体の画像コピー防止設定 */
img {
  pointer-events: none; 
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

/* サイト全体のテキストコピー防止設定 */
p,h3,h4,ul,li {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


/* Facebookアイコンのみリンククリック可 */
.f_logo{
  pointer-events: auto; 	
}

/* 戻るアイコンのみリンククリック可 */
.return-img{
  pointer-events: auto; 	
}


/* サイト全体のフォント指定 */
body {
    font-family: "メイリオ" "ヒラギノ角ゴシック";
    font-size: 15px;
}


/* テキストボックス内の改行設定 */
p {
　　　overflow-wrap: break-word;
　　　word-wrap: break-word;
	 white-space: pre-line;
}


/* タイトルイメージの設定 [ここから] */
.title {
    position:relative;
	top:50px;
    max-width:900px;
	min-width:100px;
	margin-left:auto;
	margin-right:auto;
}

.title-img{
	position:absolute;
	width:18%;
	min-width:100px;
	margin-left:auto;
	margin-right:auto;
    top:170px;
	left:50%;
	transform : translate(-50%, -50%);
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
}
/* タイトルイメージの設定 [ここまで] */


/* Topギャラリーの設定 [ここから] */
/* Topギャラリーのサイズ */
.top-gallery{
	width:100%;
	height:auto;
	max-width:960px;
	max-height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5em;	/* スライド下部にドットナビを配置する場合は、その分のスペースを加える */
}

/* Topギャラリー内のimg要素 */
.top-img{
	width:100%;
	height:auto;
	max-width:960px;
	max-height:600px;
	min-height:400px;
        object-fit: cover;  /* はみ出し部分のトリミング */
}
/* Topギャラリーの設定 [ここまで] */


/* 作家紹介と経歴 [ここから] */
/* Aboutのテキストボックス */
.about{
    position:relative;
    top:-30px;
	width:100%;
	height:auto;
	max-width:960px;
	max-height:600px;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
}

/* profile画像（猫）のサイズと位置 */
.profile-img{
    position:relative;
    top:0px;
    width: 100%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
/* 作家紹介と経歴 [ここまで] */


/* Newsのテキストボックス */
.news{
    position: relative;
    top: 60px;
	width:100%;
	height:auto;
	max-width:860px;
	max-height:600px;
	margin-left:auto;
	margin-right:auto;
	padding:40px;
	z-index: 1;
}


/* 紹介文１のテキストボックス */
.Testimonial_1{
    position: relative;
	top:50px;
	width:80%;
	height:auto;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.3);
    padding:40px;
	border-radius:10px;
}
.sign {text-align: right; }


/* 背景画像（裸婦画）の位置とサイズ*/
.background {
        position:relative;
        margin-top:50px;
        max-width:860px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
	
}

.back-img{
        width: 100%;
        min-width: 300px;
        margin-left: auto;
        margin-right: auto;
}
/* 背景画像（裸婦画）の位置とサイズ [ここまで] */


/* 紹介文2のテキストボックス */
.Testimonial_2{
    position: relative;
    margin-top: 0px;
	width:80%;
	height:auto;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.3);
    padding: 20px;
	border-radius:10px;
}
.sign {text-align: right;
}


/* メインギャラリーの設定 [ここから] */
/* メインギャラリーのサイズ */
.main-gallery{
	margin-top: 20px;
	width:auto;
	max-width:500px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10em;	/* スライド下部にドットナビを配置する場合は、その分のスペースを加える */
}

/* メインギャラリー内のimg要素 */
.main-img{
	width:auto;
	height:400px;
        object-fit: cover;  /* はみ出し部分のトリミング */
}
/* メインギャラリーの設定 [ここまで] */


/* 以下フッター関連 */
.footer{
position:relative;
text-align:center; 
}

/* メールアドレス画像 */
.mail{
	margin-top:10px;
	width:auto;
	height:auto;
	max-width:170px;
	margin-left:0px;
	text-align:center;
}

/* Facebookロゴ */
.f_logo{
	position:absolute;
	margin-top:-5px;
	margin-left:10px;
	max-width:30px;
	text-align:center;
}


/* Topに戻るアイコンの設定[ここから] */
#return{
	position:relative;
	max-width:860px;
}

.return-img{
	position:fixed;
	top:610px;
    right:0%;
	max-width:50px;
	z-index:1;
	opacity:0.5;
}

@media screen and (min-width:960px){
  #return .return-img{
    right: calc(50% - 450px);
  }
}
/* Topに戻るアイコンの設定[ここまで] */