@charset "utf-8";

#suntory_contents #main_contents #sado,
#suntory_contents #main_contents #sosina,
#suntory_contents #main_contents .banner {
	margin:10px auto 15px auto;width:70%;
}
#suntory_contents #main_contents #sado a {
	color: #000;
	text-decoration: none;
	width:100%;
	display:block;
}
#suntory_contents #main_contents #sado a img,
#suntory_contents #main_contents #sosina img,
#suntory_contents #main_contents .banner img {
	width:100%;height:auto;
}

#suntory_contents #main_contents div.info p.message {
	font-size:3.7vw;
	line-height:160%;
	font-weight:normal;
	margin: 15px 15px 0 15px;
	text-align:left;
}
#suntory_contents #main_contents div.info h3{
	color:#2f61ca;font-size: 4.7vw;font-weight:bold;line-height:130%;text-align:center;
}
#suntory_contents #main_contents div.info.gray h3{
	color:#000;
}
#suntory_contents #main_contents div.info h4{
	color:#000;font-size:4vw;font-weight:bold;line-height:120%;text-align:center;
}


#suntory_contents #main_contents div.info ul.link_btn{
	width:95%; margin:20px auto 0;
}
#suntory_contents #main_contents div.info ul.link_btn li{
	background-color:#2F528F; margin-bottom:3%;
}
#suntory_contents #main_contents div.info ul.link_btn li a{
	padding:3%; color:#fff; display:block; text-align:center;	font-size:3.7vw;
	line-height:160%;
}
#suntory_contents #main_contents div.info p.type4 span{
		font-size:3.7vw;
	line-height:160%; font-weight:bold;
}












#suntory_contents #main_contents .wrap {
   padding: 10px 0;
}
#suntory_contents #main_contents .wrap p {
	font-size:3.4vw;
	line-height:160%;
}
#suntory_contents #main_contents .inner{
	width: 100%;
    padding: 30px 0;
	border: 5px solid #ddd;
	background-color:#fff;
	box-sizing:border-box;
}
#suntory_contents #main_contents .inner .content .remote_lesson{
	margin-top:30px;
}

#suntory_contents #main_contents .inner .content .title{
	color:#000;
	font-size: 4vw;
    font-weight: bold;
    line-height: 120%;
}
#suntory_contents #main_contents .inner .content{
	padding:0 10px; text-align:center; font-size:3vw; line-height:160%;
}
#suntory_contents #main_contents .inner .content .banner{
	width:75%; margin:5px auto;
}
#suntory_contents #main_contents .inner .content .banner img{
	width:100%;
}
#suntory_contents #main_contents #banner a {
	color: #000;
	text-decoration: none;
	width:100%;
	display:block;
}



#main_contents #special_banner {
  margin-bottom: 20px;	
}
#main_contents #special_banner a {
  display: block;
}
#main_contents #special_banner a:hover {
  cursor: pointer;
  opacity: 0.7;
}
#main_contents #special_banner a img {
 width: 100%;
 height: auto;
}



/*202211*/
#suntory_contents  #main_contents  .guest_block {
	margin: 15px 0;
}
#suntory_contents  #main_contents #main_contents_inner  .guest_block a {
	display: inline;
	color: #2f61ca;
	text-decoration: underline;
}
#suntory_contents  #main_contents #main_contents_inner  .guest_block a:hover {
	cursor: pointer;
	opacity: 0.7;
}
#suntory_contents  #main_contents  .guest_block h4 {
	font-size: 4vw;
	margin-bottom: 10px;
	text-align: left;
	padding-top: 10px;
}
#suntory_contents  #main_contents  .guest_block .guest_intro {
	margin-bottom: 10px;
}
#suntory_contents  #main_contents  .guest_block .guest_photo {
	width: 70%;
	margin: 0 auto 10px auto;
} 
#suntory_contents  #main_contents  .guest_block .guest_photo img {
	width: 100%;
	height: auto;
}
#suntory_contents  #main_contents  .guest_block .guest_message {
	margin-bottom: 10px;
	font-size: 3.6vw;
	padding: 0 15px;
}
#suntory_contents  #main_contents  .guest_block .guest_profile {
	font-size: 3.2vw;
	padding: 10px;
	background-color: #F0F8FF;
	padding: 15px;
}

#suntory_contents  #main_contents  #mainichi_link {
	text-align: center;
	font-size: 3vw;
	margin: 20px 0 30px 0;
}
#suntory_contents  #main_contents  #mainichi_link a {
	display: inline;
	color: #2f61ca;
	text-decoration: underline;
}
#suntory_contents  #main_contents  #mainichi_link a:hover {
	cursor: pointer;
	opacity: 0.7;
}


#suntory_contents  #main_contents #movie_area_2 {
	width: 100%;
	line-height: 140%;
	margin: 10px 0;
}
#suntory_contents  #main_contents #movie_wrap_2 {
	border: 1px solid #ddd;
}
#suntory_contents  #main_contents #movie_2 {
	width: 100%;
    padding: 30px 15px;
	border: solid 4px #2f61ca;;
	background-color:#fff;
	box-sizing:border-box;
	text-align: center;
}
#suntory_contents  #main_contents #movie_2 h3 {
    font-size: 4vw;
    font-weight: bold;
}
#suntory_contents  #main_contents #movie_2 .banner {
	margin: 30px auto 0 auto !important;
	width: 80%;
}
/*
#suntory_contents  #main_contents #movie_2 .banner a {
	display: block;
}
*/
#suntory_contents  #main_contents #movie_2 .banner img {
	width: 100%;
	height: auto;
}
#suntory_contents  #main_contents #movie_2 .banner a img {
	width: 100%;
	height: auto;
}
#suntory_contents  #main_contents #movie_2 #master_message {
	margin: 20px 0;
	font-size: 3.6vw;
	line-height: 140%;
}


#suntory_contents  #main_contents .information_wrap {
	border: 1px solid #ddd;
    width: calc( 100% - 2px );
    line-height: 140%;
    margin: 10px 0;
}
#suntory_contents  #main_contents .information {
	width: 100%;
    padding: 20px 15px;
	border: solid 4px #2f61ca;;
	background-color:#fff;
	box-sizing:border-box;
}
#suntory_contents  #main_contents .information h4 {
	font-size: 4vw;
    margin-bottom: 10px;
    text-align: left;
}

#suntory_contents #main_contents .information ul li {
	text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 10px;
	font-size: 3.6vw;
    line-height: 140%;
}
#suntory_contents #main_contents .information ul li span.red {
	color: #f00;
}
#suntory_contents #main_contents .information ul li span.small {
    font-size: 80%;
    margin-left: 1em;
}
#suntory_contents #main_contents .information p#information_img {
	width: 70%;
	margin: 0 auto 5px auto;
}
#suntory_contents #main_contents .information p#information_img a {
	width: 100%;
	display: block;
}
#suntory_contents #main_contents .information p#information_img img {
	width: 100%;
	height: auto;
}
#suntory_contents #main_contents .information p#information_title {
    margin: 2vw 0 1vw 0;
    font-size: 3.7vw;
    font-weight: bold;
    text-align: center;
}
#suntory_contents #main_contents .information p#information_txt {
	text-align: center;
}
#suntory_contents #main_contents .information p#information_txt a {
    font-size: 3.2vw;
	color: #2f61ca;
	text-decoration: none;
    font-weight: bold;	
}
#suntory_contents #main_contents .information p#information_txt a span {
    transform: rotate(90deg);
    display: inline-block;
}
#suntory_contents #main_contents .information p a:hover {
	color: #2f61ca;
	cursor: pointer;
	opacity: 0.7;
}