/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/*以前の見出しスタイル
.home h2 {
float: none;
letter-spacing: 0.3em;
text-align: center;
}*/


/*フッター*/
#seisakusitu {
font-size: 18px;
letter-spacing: 0.2em;
text-align: center;
}
#seisakusitu img {
border-radius: 5px;
	margin-top:0.5em;
}

.top_link::hover{
	color: #503cc1;
}


/*トップページ*/
.top-page {
	font-size: 16px;
	overflow:hidden;
}
.top-page h2 {
	margin-top: 5%;
	letter-spacing: 0.3em;
	text-align: center;
}
/*wakkiのYouTube動画挨拶*/
.yagi_to_wakkii{
	margin-top: 0px;
	padding: 0 10% 0%;
}
.yagi_to_wakkii iframe,  
.v-wrap object,  
.v-wrap embed {
		margin-top: 0%;
}
.youkoso {
text-align: center;
padding: 0 0 0% 0%;
}
.homecaption img {
	float: left;
	width: 15%;
	margin: 0 0 0 0;
}
.homecaption img:hover {
	opacity: 0.5;
}
.homecaption h2 {
	margin-top: 7%;
	letter-spacing: 0.3em;
	text-align: center;
}
.homecaption p {
	display: block;
	margin:0 0 ;
padding: 0 16px 0px 16px;
overflow: hidden;
}
.homecaption a {
	color: #666;
}
.home_sakuhin {
	overflow: hidden;
}
.home_slider a {
}
.home_slider {
	float: left;
	border-radius: 7px;
	width: 33%;
	text-align: center;
	/*height: 237px;*/
}
	.home_slider div{
	margin-top: 0%;
}
	.home_slider:hover {
	opacity: 0.5;	
}


@media screen and (max-width: 960px){
.yagi_to_wakkii {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}
.yagi_to_wakkii iframe,  
.v-wrap object,  
.v-wrap embed  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}

@media screen and (max-width: 640px){
.top-page h2 {
float: none;
letter-spacing: 0.3em;
font-size: 16pt;
text-align: center;
}
.homecaption img {
float: none;
width: 100%;
margin: 16px 0 ;
}
.homecaption p {
padding: 0 16px 0 16px;
}
}




/*Movie Gallery*/
.moviegallery {
	margin: 0%;
	padding: 0;
	overflow: hidden;
}
.moviegallery h2 {
	margin-bottom: 5%;
	letter-spacing: 0.3em;
	text-align: center;
}
.moviegallery h3 {
}
.sakuhin {
	margin: 0%;
	padding: 0% 0 0;
	border-top: 1px solid lightgrey;
	overflow:hidden;
}
.m_slider {
	float: left;
	/* margin-top: 4%;*/
	border-radius: 7px;
	/*width: 425px;
	height: 237px;*/
}

.m_slider:hover {
	opacity: 0.5;	
}
.douga iframe,  
.douga object,  
.douga embed {
	float: left;
	margin-top: 4%;
	border-radius: 7px;
	/*width: 425px;*/
	/*height: 237px;*/
}
.caption {
	padding-left: 3%;
	font-size: 14px;
	overflow: hidden;
}
.runningtime {
	float: right;
	font-size: 18px;
	width: 63px;
	text-align: center;
	color: #ffffff;
	background-color: #808080;
	border-radius: 7px;
}
@media screen and (max-width: 960px) {
.caption {
float: none;
width: 100%!important;
}
.douga iframe,  
.douga object,  
.douga embed {
float: none;
border-radius: 7px;
width: 100%!important;
}
.runningtime {
float: right;
font-size: 18px;
width: 63px;
text-align: center;
color: #ffffff;
background-color: #808080;
border-radius: 7px;
}
}

/*Movie Galleryのサブページ*/
.movie_gallery {
	
}




/* about_wakkii */
.about_wakkii {
	padding: 0 100px;
	font-size: 16px;
}
.about_wakkii h2 {
	margin-bottom: 5%;
	letter-spacing: 0.3em;
	text-align: center;
}

	/* konnichiha */
.konnichiha{
	padding: 0 0px 5%;
}
.konnichiha h4 {
	font-weight: bold;
	color: black;
}
.konnichiha a {
	font-weight: bold;
	color: black;
}
.konnichiha a:hover {
	font-weight: bold;
	color: #f50b67;
}
.konnichiha img {
	margin-right: 5%; 
	width: 180px;
	height: 180px;
	float: left;
}
.konnichiha p {
	margin: 2% 0 0 0;
	padding: 0% 0% 0 0%;
}

/*kouki-shin*/
.kouki-shin p {
font-size: 16px;
}
.kouki-shin img {
float: right;
}

/*umaremashita*/
.umaremashita p {
font-size: 16px;
}
.umaremashita img {
float: left;
}


@media screen and (max-width: 960px) {
.konnichiha {
padding: 0 0 0 0;
}
.kouki-shin p {
font-size: 16px;
}
.kouki-shin img {
width: 100%;
float: none;
}
.umaremashita p {
font-size: 16px;
}
.umaremashita img {
width: 100%;
float: none;
}
}


@media screen and (max-width: 640px){
.about_wakkii {
	padding: 0 0px;
	font-size: 16px;
}
.about_wakkii h2 {
	margin-bottom: 0%;
	letter-spacing: 0.3em;
	text-align: center;
}
.konnichiha {
	padding: 0 0 0 0;
}
.konnichiha img {
	width: 50%;
	height: 50%;
	margin: 0 25%;
	float: none;
}
.konnichiha h4 {
	padding: 0 0% 0 5%;
	font-weight: bold;
	color: black;
	overflow: hidden;
}
.konnichiha a {
font-weight: bold;
color: black;
overflow: hidden;
}
.konnichiha a:hover {
font-weight: bold;
color: #f50b67;
overflow: hidden;
}
.konnichiha p {
padding: 0 0% 0 5%;
overflow: hidden;
}
}






/* 動画を作りませんか？ */
.makevideo {
}
.makevideo h2 {
	margin-bottom: 5%;
	letter-spacing: 0.3em;
	text-align: center;
}
.makevideo h3 {
margin:0;
}

.makevideo h4 {
	font-family: "游明朝体", "Yu Mincho", "YuMincho", serif;
}
#otoiawaseha {
font-size: 20px;
}


.whats-ikimonoland p {
	overflow: hidden;
}
.whats-ikimonoland img {
margin-top: 2%;
float: right;
overflow: hidden;
}
.voice_and_movie p {
padding-left: 3%;
overflow: hidden;
}
.voice_and_movie div {
float: left;
overflow: hidden;
}
.voice_and_movie img {
float: left;
overflow: hidden;
}

.donyujisseki ul {
margin-left: 0;
border-left: 0;
padding-left: 0;
}
.donyujisseki ul li {
text-align: left;
font-size: 12pt;
list-style-type: circle;
}


@media screen and (max-width: 960px) {
.whats-ikimonoland p {
overflow: hidden;
}
.whats-ikimonoland img {
float: none;
width: 100%;
overflow: hidden;
}
}


@media screen and (max-width: 960px) {
.voice_and_movie p {
padding-left: 3%;
overflow: hidden;
}
.voice_and_movie div {
float: none;
width: 100%;
overflow: hidden;
}
.voice_and_movie img {
float: none;
width: 100%;
overflow: hidden;
}
}





/*制作・受賞歴*/
.awards {
font-size: 20px;
}
.awards h2 {
	padding: 0 0 20px 0;
	letter-spacing: 0.3em;
	text-align: center;
}
.awards h3 {
	padding: 10px 0 10px 0; 
	color:#ffffff;
	background-color:#f50b67;
	text-align: center;
	font-size:24px;

}
.awards ul{
    list-style-type: none;
    overflow: hidden;
}
.awards img {
float: right;
}
.awards img:hover {
	opacity: 0.5;
}
.wrapper-awards {
	padding-bottom:0%;
	overflow: hidden;
}
.wrapper-awards img {
	float:left;
	padding-top:10%;
	width: 15%;
}
.wrapper-awards img:hover {
	opacity: 0.5;
}
.wrapper-awards p{

}
#block {
	font-size: 14px;
	padding-top: 10%;
	padding-left: 120px;
}







/* お問い合わせ */

.question　{
	
}
.question h2 {
	padding: 0 0 20px 0;
	letter-spacing: 0.3em;
	text-align: center;

}

/*　ContactForm7のテーブル化レスポンシブ調整　*/
 
/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 0.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}

/*ここから768px以下の指定*/
 
@media only screen and (max-width: 768px) {
/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}
 
/*ここまで768px以下の指定---終わり*/
 
/*ここから入力欄のスタイル指定*/
 
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, input[type="email"]:focus,
textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #4C9ED9;
    color: #fff;
    box-shadow: 0 0 1px 0 			rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}




/*生き物ランドニュース用*/
.landnews {
	text-align: left;
	overflow: hidden;
}
.landnews img {
	float: left;
	padding-right: 30px;
}
.landnews iframe{
	float: left;	
	padding-right: 30px;
}
.landnews_slider {
	float: left;
	padding-right: 30px;
}
.myEyeCatch {
	float:left;
	padding-right: 30px;
}