@charset "UTF-8";
/* CSS Document */

html, body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
	font-family: "游ゴシック", "YuGothic", "hiragino", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:500;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%
}

.sp{display: none;}




/* common
--------------------------------------------- */
#dakara_wrap {
	padding-top: 150px !important;
	position: relative;
}
#dakara_wrap * {
	box-sizing: border-box;
}
#dakara_wrap img {
	max-width: 100%;
}

.sub_hd_nav > li:nth-of-type(1) > div {
	display: none;
}
#dakara_wrap a:hover {
	opacity: 1 !important;
}

#dakara_wrap h2{margin-bottom: 40px;}

@media only screen and (min-width: 769px) {
	#suntoryCommonHeader {
		position: fixed !important;
		top: 0;
		z-index: 100;
	}
	#suntorySubCommonHeader {
		display: none;
	}
	#suntorySubCommonFooter,
	#suntoryCommonFooter {
		position: relative;
		z-index: 1;
	}
	#dakara_wrap .inner {
		margin-top: 20px;
		max-width: 1164px;
	}
}
@media only screen and (max-width: 768px) {
	#dakara_wrap {
		min-width: initial;
		padding-top: 30px !important;
	}

	#dakara_wrap h2{margin-bottom: 20px;}
}



/*****************************************/




#sun_logo {margin:30px auto;text-align: right;}
#sun_logo img {width:200px;} 

h1{text-align: center;padding: 40px 0;}

section{margin: 20px auto !important;max-width: 1000px !important; width:95% !important;}

h2{font-size: 20px;color: #00A152;text-align: center;}


#cm {margin-top: 40px !important;}

#cm ul{display: flex; flex-wrap: wrap;text-align: center;}

#cm li {width: 50%; list-style: none;}
#cm li p{margin: 10px 0;}

#cm li video{max-width: 430px;width: 100%;}


#cm li img {max-width: 420px;width: 100%;}



/*
#grafic ul{display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
#grafic{margin-top: 250px;}

#grafic li{line-height: 1; list-style: none; margin: calc(20 / 1378 * 100%) calc(14 / 1378 * 100%) !important; padding: 0 !important; width: calc(315 / 1378 * 100%);}

#grafic li img {max-width: 100%; width: 100%;}
*/

#grafic ul{display: flex; flex-wrap: wrap;text-align: center;}
#grafic{margin-top: 250px;}

#grafic li{margin: 10px 0 !important;padding: 0 !important;}

#grafic li{width: 50%;list-style: none;}

#grafic li img {max-width: 420px;width: 100%;}


#character .block-content.character {
	border: 2px solid #01A152;
	border-radius: 15px;
	padding: 40px 10px;
	max-width: 400px;
	margin: 0 auto;
}

#character .block-content.character {
	margin-top: 40px;
}
#character .block-content.character h3 {
	text-align: center;
}
#character .block-content.character h3 img {
	max-height: 21px;
	width: 100%;
	max-width: 315px;
}
#character .block-content.character .content-image {
	margin-top: 25px;
	text-align: center;
}

#character .block-content.character .content-image img{max-width: 350px;width: 100%; }

#character .block-content.character .content-text {
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.07em;
	margin-top: 15px;
	text-align: center;
}
#character .block-content.character .content-text .head {
	font-size: 16px;
	font-weight: bold;
}


#gd_logo {text-align: center;}

#gd_logo img{width:150px;} 




/************modal area****************/
#dakara_wrap {
	position: relative;
}
#dakara_wrap {
	margin: 0 auto !important;
	padding: 0
}


/**********SP******/
@media (max-width: 767px) { 
	
.sp{display: block;}
h1{font-size: 20px; padding: 20px 0;}
	
#sun_logo img {width:180px;} 	
	
section{margin: 0 auto;width:90%;}	
	
ul{display:inherit;}
	
#cm li {width: 100%;margin: 10px 0 !important;padding: 0 !important;}
	
#cm li video{max-width:100%;}
	
	
#grafic li{width: 100%;text-align: center;margin: 8px 0 !important;padding: 0 !important;}

#gd_logo {margin-top: 40px !important;}

#gd_logo img{width:120px;} 	
	
iframe{width:100%;}

}
/**********SP******/