@charset "UTF-8";
/*-----------------------------------------------------
全体共通
-------------------------------------------------------*/
body {
	font-family: 'Noto Sans', sans-serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	-webkit-print-color-adjust: exact;
	line-height: 1.8;
	font-size: 16px;
	background-color: #fff000;
}
h1, h2, h3, h4 {
	font-weight: 400;
}
a {
	text-decoration: none;
	color: #221814;
}
.caution-txt a {
	text-decoration: underline!important;
	color: #C21B1E!important;
}
.part_pc {
}
.part_sp {
}
.anchorlink {
	font-size: 0;
	line-height: 1;
}
.clearfix {
	zoom: 1;
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.section h1, .section h2, .section h3, .section h4 {
	text-align: center;
}

.txt-j {
text-align: justify;
}

/*====================================================================
 pagetopbtn_common
====================================================================*/
#ptbtn {
	position:fixed;
	bottom: 30px;
	right:5px;
	display:none;
	z-index:1000;
}

header {
background-color: #fff;
width: 100%;
margin: 0 auto;
border-top:3px #FABE00 solid;
}
header #hd_logo {
padding: 10px;
text-align: left;
}
header #hd_logo img {
max-width: 243px;
}

footer {
width: 100%;
margin: 0 auto;
padding: 15px 0 50px 0;
background-color: #fabe00;
}
#copyright {
font-size: 12px;
text-align: center;
}
#yw_top {
margin: 0 auto;
text-align: center;
padding-top: 10px;
}
#yw_top img {
max-width: 149px;
width: 70%;
}

/* 750px以下 スマホ向け
--------------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
body {
	-webkit-text-size-adjust: 100%;
	min-width: 320px;
	line-height: 1.6;
	font-size: 13px;
}
div img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.part_pc {
	display: none!Important;
}
#wrapper {
}
/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.contents {
	padding-bottom: 40px;
}
/* タイトル部分 */
.block_title {
	padding: 40px 0 0;
}
.block_title .inner_title {
	position: relative;
	margin: 0 auto;
}
.block_title h1 {
	margin: 0 20px 30px;
	padding: 0;
}
.block_title .img1 {
	margin: 0 30px;
}
.block_title .clearfix {
	font-size: 0;
	position: absolute;
	left: 0px;
	bottom: -100px;
	padding: 0;
	margin-left: 30px;
}
.block_title .clearfix li {
	float: left;
	display: inline;
}
.block_title .clearfix li img {
width: 50%;
}
.block_title .clearfix li a {
	display: block;
}
/* 猫の日 */
.block_contents_bg {
	background: url(http://www.yellowhat.jp/campaign/201902/img/bg2.jpg) left top repeat-x;
	background-size: 100% 520px;
	padding: 0 15px;
}
.block_contents {
	margin: 0 auto;
	background: url(http://www.yellowhat.jp/campaign/201902/img/bg1.jpg) center top repeat-y;
	background-size: 100%;
	padding: 140px 15px 40px;
	text-align: center;
}
.block_contents h2 {
	margin: 0 10px 30px;
}
.block_contents h3.h3_1 {
	margin: 0 auto 20px;
}
.block_contents h3.h3_2 {
	margin: 0 auto 40px;
}
.block_contents .txt1 {
	margin: 0 auto 50px;
}
/* 動画ボタン */
.block_contents .block_movie {
	margin: 0 auto 40px;
	font-size: 0;
}
.block_contents .note_movie {
	font-size: 13px;
	font-weight: 700;
	background: url(http://www.yellowhat.jp/campaign/201902/img/icon_note.png) left 50% no-repeat;
	padding: 0 0 2px 42px;
	display: inline-block;
	margin: 10px auto 0;
	text-align: left;
	line-height: 1.2;
}
/**/

.cat-watching {
margin:20px auto;
text-align: center;
}
.cat-watching img {
width: 90%;
}


.block_contents .pg_qa {
	text-align: left;
	margin: 0 auto 50px;
}
.block_contents .box_qa {
	position: relative;
	margin: 0 auto 40px;
}
.block_contents .box_qa .h_qa {
	font-weight: 700;
	font-size: 18px;
	color: #006934;
	background: url(http://www.yellowhat.jp/campaign/201902/img/icon.png) center top no-repeat;
	background-size: 50px;
	padding-top: 55px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.block_contents .box_qa .h_qa1{
	padding-right:95px;}
.block_contents .box_qa .txt_qa {
	font-size: 14px;
	line-height: 1.6
}
.mv_anno {
margin: 10px auto;
text-align: center;
}
.mv_anno img {
width: 100%;
}

.block_contents .box_qa .txt_qa br{
	display:none;}
.block_contents .box_qa .txt_qa2 {
	margin-bottom: 40px;
}
.block_contents .box_qa .img_qa {
	position:absolute;
	right:0;
	top:60px;
	width:80px;
}
/* 動画キャプチャ */
.block_contents .box_qa .pg_ph {
	margin: 0 10px ;
}
.block_contents .box_qa .box_ph {
	margin-bottom:30px;
}
.block_contents .box_qa .box_ph .ph {
	position: relative;
	margin-bottom: 10px;
}
.block_contents .box_qa .box_ph .ph span {
	position: absolute;
	right: -10px;
	bottom: -10px;
	display: block;
	width: 80px;
}
.block_contents .box_qa .box_ph .h_ph {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
}
.block_contents .box_qa .box_ph .txt_ph {
}
/* 京都大学サムネイル */
.block_contents .box_qa .pg_ph2 {
}
.block_contents .box_qa .pg_ph2 .box_ph {
}
.block_contents .box_qa .pg_ph2 .box_ph .h_ph {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 700;
}
.block_contents .box_qa .pg_ph2 .box_ph .ph {
	margin-bottom: 10px;
}
.block_contents .box_qa .btn_omoi {
	margin: 0 20px;
}
.block_contents .box_qa .btn_omoi a {
	display: block;
	background-color: #fab900;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	padding: 10px 0;
	line-height: 1.1;
}
/* ステッカー */
.block_contents .box_st {
	position: relative;
	margin: 0 0 40px;
}
.block_contents .box_st .h_st {
	margin:0 5px 3px;
}
.block_contents .box_st .img_st {
	margin-bottom: 5px;
}
.block_contents .box_st .txt_st {
	text-align: left;
}
.block_contents .box_st .txt_st span {
	display: block;
	font-size: 11px;
	margin:10px 90px 0 0 ;
}
.block_contents .box_st .txt_st-anno {
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 5px;
}

.block_contents .box_st .bg_st {
	position: absolute;
	right: -15px;
	bottom: 0px;
	width:90px
}
/* SDカード */
.block_contents .box_sd {
	text-align: left;
}
.block_contents .box_sd .h_sd {
	margin:0 auto 20px;
	text-align:center;
}
.block_contents .box_sd .h_sd img{
	width:auto;
	height:77px;
	}
.block_contents .box_sd .txt_sd {
	margin-bottom: 20px;
}
.block_contents .box_sd .img_sd {
	margin:0 20px 30px;
}
.block_contents .box_sd .btn_sd {
	margin: 0;
}
.block_contents .box_sd .btn_sd a {
	display: block;
	background-color: #fab900;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	padding: 10px 0;
	line-height: 1.1;
}
/* モーダルウィンドウ */
/* スマホ向けボタン位置調整 */
.modaal-close {
	position:absolute;
	right: 17px;
	top: 18px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 22px;
	height: 22px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/**/
.box_modal {
	text-align: left;
}
.box_modal .h_modal {
	font-size: 18px;
	font-weight: 700;
	background-color: #fff000;
	padding: 15px 30px 15px 15px;
}
.box_modal .clearfix {
	padding: 15px 20px;
}
.box_modal .txt_modal {
	margin-bottom:20px;
}
.box_modal .ph_modal {
}
.box_modal .note_modal {
}
.box_modal .note_modal a {
	text-decoration: underline;
	display:inline-block;
}
/* 各モーダル調整 */

.box_modal1 .movie_modal {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	font-size: 0;
	line-height: 1;
	background-color: #000;
}
.box_modal1 .movie_modal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box_modal2 .txt_modal {
	float:left;
	width:65%;
}
.box_modal2 .ph_modal {
	float:right;
	margin:0 ;
	width:30%;
}
.box_modal3 .clearfix {
}
.box_modal3 .txt_modal {
}
.box_modal3 .ph_modal {
}
.box_modal3 .note_modal {
	clear: both;
	padding-top: 20px;
}

.mv_box{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 10px;
}
.mv_box iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.kensho_box {
width: 100%;
margin: 30px auto;
background-color:rgba(239,239,239,0.7);
border-radius: 10px;
}
.kensho_box .inner {
width: 90%;
margin: 0 auto;
padding: 5% 5% 0;
}

.kensho_box .ttl {
text-align: center;
padding-bottom: 10px;
}
.kensho_box .ttl img {
width: 100%:
}
.kensho_box .capture {
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
}
.kensho_box .comment {
font-size: 14px;
line-height: 1.5;
padding-bottom: 10px;
text-align: left;
}
.kensho_box .comment br {
display: none;
}
.kensho_box .dis_block {
width: 94%;
margin: 10px auto 20px;
}
.kensho_box .dis_block .item {
}
.kensho_box .dis_block .item .point {
font-weight: 700;
font-size: 15px;
padding-bottom: 15px;
}
.kensho_box .dis_block .item .honbun {
font-size: 13px;
line-height: 1.5;
padding-bottom: 15px;
}
.kensho_box .dis_block .item .ph {
margin: 0 auto;
text-align: center;
}
.kensho_box .dis_block .item .ph img {
width: 50%;
}
.add_mv_txt {
font-weight: 700;
font-size: 16px;
color: #006934;
text-align: center;
padding-top: 30px;
}
.btn_douga {
	margin: 10px auto;
	width: 80%;
}
.btn_douga a {
	display: block;
	background-color: #007a44;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	line-height: 1.1;
}

}


/* 751px以上 PC向け
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 751px) {
body {
	min-width: 1000px;
}
.part_sp {
	display: none!Important;
}
a {
	transition: .5s;
}
a:hover {
	opacity: 0.7;
}
#wrapper {
}
/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.contents {
	padding-bottom: 60px;
}
/* タイトル部分 */
.block_title {
	padding: 76px 0 0;
}
.block_title .inner_title {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.block_title h1 {
	margin: 0 auto 34px;
	padding: 0;
	text-align: center;
}
.block_title .img1 {
	margin-left: 253px;
}
.block_title .clearfix {
	position: absolute;
	left: 15px;
	bottom: 38px;
}
.block_title .clearfix li {
	float: left;
	display: inline;
	margin-left: 129px;
	width: 129px;
}
.block_title .clearfix li a {
	display: block;
}
.block_title .clearfix li a img {
	width: 100%;
	height: auto;
}
/* 猫の日 */
.block_contents_bg {
	background: url(http://www.yellowhat.jp/campaign/201902/img/bg2.jpg) left top repeat-x;
}
.block_contents {
	width: 1000px;
	margin: 0 auto;
	background: url(http://www.yellowhat.jp/campaign/201902/img/bg1.jpg) center top repeat-y;
	padding: 133px 0 77px;
	text-align: center;
}
.block_contents h2 {
	margin: 0 auto 53px;
}
.block_contents h3.h3_1 {
	margin: 0 auto 28px;
}
.block_contents h3.h3_2 {
	margin: 0 auto 55px;
}
.block_contents .txt1 {
	margin: 0 auto 173px;
}
/* 動画ボタン */
.block_contents .block_movie {
	margin: 0 auto 90px;
	width: 960px;
	font-size: 0;
}
.block_contents .note_movie {
	font-size: 18px;
	font-weight: 700;
	background: url(http://www.yellowhat.jp/campaign/201902/img/icon_note.png) left top no-repeat;
	padding: 0 0 2px 42px;
	display: inline-block;
	margin: 10px auto 0;
}
.cat-watching {
margin:50px auto 20px;
text-align: center;
}

/**/
.block_contents .pg_qa {
	text-align: left;
	width: 950px;
	margin: 0 auto 120px;
}
.block_contents .box_qa {
	position: relative;
	margin: 0 auto 77px;
}
.block_contents .box_qa .h_qa {
	font-weight: 700;
	font-size: 26px;
	color: #006934;
	background: url(http://www.yellowhat.jp/campaign/201902/img/icon.png) left 3px no-repeat;
	background-size: 39px;
	padding-left: 55px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.mv_anno {
margin: 10px auto;
text-align: left;
}
.mv_anno img {
width: 400px;
}

.block_contents .box_qa .txt_qa {
	font-size: 18px;
	line-height: 1.6;
}
.block_contents .box_qa .txt_qa2 {
	margin-bottom: 85px;
}
.block_contents .box_qa .img_qa {
	position: absolute;
	right: 0;
	top: 50px;
}
/* 動画キャプチャ */
.block_contents .box_qa .pg_ph {
	margin: 0 20px 77px;
}
.block_contents .box_qa .box_ph {
	float: left;
	display: inline;
	width: 400px;
}
.block_contents .box_qa .box_ph:nth-of-type(2n) {
	float: right;
}
.block_contents .box_qa .box_ph .ph {
	position: relative;
	margin-bottom: 10px;
}
.block_contents .box_qa .box_ph .ph span {
	position: absolute;
	right: -38px;
	bottom: -27px;
	display: block;
	width: 143px;
}
.block_contents .box_qa .box_ph .ph img {
	width: 100%;
	height: auto;
}
.block_contents .box_qa .box_ph .h_ph {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 700;
}
.block_contents .box_qa .box_ph .txt_ph {
margin-bottom: 30px;
}
/* 京都大学サムネイル */
.block_contents .box_qa .pg_ph2 {
	margin: 0 35px 30px;
}
.block_contents .box_qa .pg_ph2 .box_ph {
	width: 410px;
}
.block_contents .box_qa .pg_ph2 .box_ph .h_ph {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
}
.block_contents .box_qa .pg_ph2 .box_ph .ph {
	margin-bottom: 20px;
}
.block_contents .box_qa .btn_omoi {
	width: 880px;
	margin: 0 auto;
}
.block_contents .box_qa .btn_omoi a {
	display: block;
	background-color: #fab900;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	padding: 10px 0;
	line-height: 1.1;
}
/* ステッカー */
.block_contents .box_st {
	position: relative;
	margin: 0 auto 85px;
}
.block_contents .box_st .h_st {
}
.block_contents .box_st .img_st {
margin: 0 0 5px 30px;
}
.block_contents .box_st .txt_st {
	text-align: left;
	margin-left: 100px;
}
.block_contents .box_st .txt_st span {
	display: block;
	font-size: 14px;
	margin-top: 10px;
}
.block_contents .box_st .txt_st-anno {
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 5px;
	margin-left: 100px;
}
.block_contents .box_st .bg_st {
	position: absolute;
	right: 0;
	bottom: -90px;
}
/* SDカード */
.block_contents .box_sd {
	position: relative;
	margin: 0 0 0 107px;
	width: 808px;
	text-align: left;
}
.block_contents .box_sd .h_sd {
	margin-bottom: 20px;
	position: relative;
}
.block_contents .box_sd .txt_sd {
	margin-bottom: 20px;
}
.block_contents .box_sd .img_sd {
	position: absolute;
	right: 0;
	top: 24px;
}
.block_contents .box_sd .btn_sd {
	width: 404px;
	margin: 0;
}
.block_contents .box_sd .btn_sd a {
	display: block;
	background-color: #fab900;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	padding: 10px 0;
	line-height: 1.1;
}
/* モーダルウィンドウ */
.box_modal {
	text-align: left;
}
.box_modal .h_modal {
	font-size: 24px;
	font-weight: 700;
	background-color: #fff000;
	padding: 10px 0 10px 15px;
}
.box_modal .clearfix {
	padding: 20px 25px;
}
.box_modal .txt_modal {
	float: left;
}
.box_modal .ph_modal {
	float: right;
}
.box_modal .ph_modal img {
	width: 100%;
	height: auto;
}
.box_modal .note_modal {
}
.box_modal .note_modal a {
	text-decoration: underline;
}
.box_modal .note_modal a:hover {
	text-decoration: none;
	opacity: 1;
}
/* 各モーダル調整 */
.box_modal1 .movie_modal {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	font-size: 0;
	line-height: 1;
	background-color: #000;
}
.box_modal1 .movie_modal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box_modal2 .txt_modal {
	width: 580px;
}
.box_modal2 .ph_modal {
	width: 147px;
	margin-right: 25px;
}
.box_modal3 .clearfix {
	padding: 20px 20px 20px 25px;
}
.box_modal3 .txt_modal {
	width: 500px;
}
.box_modal3 .ph_modal {
	width: 306px;
}
.box_modal3 .note_modal {
	clear: both;
	padding-top: 30px;
}
.mv_box{
width: 100%;
margin: 0px auto 10px;
text-align: center;
}
.kensho_box {
width: 100%;
margin: 0 auto 80px;
padding: 40px 0 20px;
background-color:rgba(239,239,239,0.5);
border-radius: 20px;
}
.kensho_box .ttl {
text-align: center;
padding-bottom: 20px;
}
.kensho_box .capture {
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
}
.kensho_box .comment {
font-size: 16px;
line-height: 1.5;
padding-bottom: 15px;
text-align: center;
}

.kensho_box .dis_block {
width: 90%;
margin: 20px auto 40px;
}
.kensho_box .dis_block .item {
}
.kensho_box .dis_block .item .point {
font-weight: 700;
font-size: 18px;
padding-bottom: 15px;
}
.kensho_box .dis_block .item .honbun {
font-size: 15px;
line-height: 1.5;
padding-bottom: 15px;
}
.kensho_box .dis_block .item .ph {
float: right;
}

.add_mv_txt {
font-weight: 700;
font-size: 24px;
line-height: 2;
color: #006934;
text-align: center;
padding-top: 50px;
}
.txt_anno {
font-size: 13px;
line-height: 1.5;
}
.btn_douga {
	width: 400px;
	margin: 20px auto;
}
.btn_douga a {
	display: block;
	background-color: #007a44;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	line-height: 1.1;
}


}