@charset "UTF-8";

/* *******************************************************************************************
* 
*	モデレーション広告ギャラリー
*
******************************************************************************************* */

#suntory_contents .arpContents_pageTtl_ttl{
	margin: 0 auto;
	width: 920px;
}
#suntory_contents .arpContents_main_inner{
	padding: 60px 0 30px 0;
}
#suntory_contents .arpContents_ads_ttl{
	margin-bottom: 40px;
	color: #53c2de;
	font-size: 150%;
	letter-spacing: 0.34em;
}
#suntory_contents .arpContents_ads_ttl_link {
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 150%;
	letter-spacing: 0.34em;
}
#suntory_contents .arpContents_ads_ttl_link a {
	color: #53c2de;
	text-decoration: underline;
}
#suntory_contents .arpContents_ads{
	margin-right: -31px;
	width: 951px;
	text-align: left;
}
#suntory_contents .arpContents_ads_holder{
	float: left;
	margin-right: 31px;
	margin-bottom: 30px;
	width: 286px;
	overflow: hidden;
}
#suntory_contents .arpContents_ads_item{
	display: block;
	background: #f2f2f2;
	outline: none;
}
#suntory_contents .arpContents_ads_item:focus{
	outline: none;
}
#suntory_contents .arpContents_ads_item_img{
	border: 3px solid #000;
}
#suntory_contents .arpContents_ads_item_meta{
	padding: 11px 20px 16px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#suntory_contents .arpContents_ads_item_meta_ttl{
	margin-bottom: 8px;
	color: #4c4c4c;
	font-size: 88%;
	line-height: 1.7em;
	letter-spacing: 0.34em;
	font-weight: bold;
	text-decoration: underline;
}
#suntory_contents .arpContents_ads_item_meta_date{
	color: #53c2de;
	font-size: 75%;
	letter-spacing: 0.34em;
	font-weight: bold;
}

/* -------------------------------------------------------------------------------------------
*
* ポップアップ 
*
* ----------------------------------------------------------------------------------------- */

#suntory_contents.arpPopup{
	min-width: 0;
}
#suntory_contents .arpPopupContents{
	margin: 0 auto;
    padding: 60px 60px 60px 90px;
    width: 740px;
}
#suntory_contents .arpPopupContents_img{
	float: left;
	margin-right: 30px;
	width: 350px;
}
#suntory_contents .arpPopupContents_img_holder{
	border: 3px solid #000;
}
#suntory_contents .arpPopupContents_meta{
	float: left;
	width: 360px;
}
#suntory_contents .arpPopupContents_meta_ttl{
	margin-bottom: 11px;
	font-size: 113%;
	line-height: 2em;
	letter-spacing: 0.34em;
	font-weight: bold;
}
#suntory_contents .arpPopupContents_meta_date{
	margin-bottom: 30px;
	padding-bottom: 30px;
	color: #53c2de;
	font-size: 88%;
	letter-spacing: 0.34em;
	border-bottom: 2px solid #f2f2f2;
}
#suntory_contents .arpPopupContents_meta_relatedTtl{
	margin-bottom: 10px;
	font-size: 88%;
	letter-spacing: 0.34em;
}
#suntory_contents .arpPopupContents_meta_relatedLink{
	margin-bottom: 30px;
	display: block;
	padding: 17px 25px;
	color: #fff;
	font-size: 88%;
	letter-spacing: 0.14em;
	text-align: center;
	background: #4abedb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#suntory_contents .arpPopupContents_meta_sns{
	padding: 10px 50px 0;
	text-align: center;
	background: #f2f2f2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#suntory_contents .arpPopupContents_share {
	margin-bottom: 10px;
}

#suntory_contents .arpPopupContents_share li {
	display: inline-block;
	margin-bottom: 10px;
}

#suntory_contents .arpPopupContents_share li .fb-like span {
	height: 22px !important;
}

#suntory_contents .arpPopupContents_meta_sns_inner {
	display: inline-block;
	padding: 15px 0 0;
}
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_socialbutton_facebook_like{
	padding: 0 15px;
}
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_socialbutton_hatena{
	clear:both;
	padding-top: 10px;
	padding-left: 25px;
}
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_socialbutton_line{
	padding-top: 10px;
}
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_age_check_element_confirm{
	padding-top: 0;
}
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_age_check_icon{
	padding-right: 0;
	padding-bottom: 5px;
	float: none;
}
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_age_check_element{
	padding-bottom: 5px;
	float: none;
}
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_age_check_element_yes_button,
#suntory_contents .arpPopupContents_meta_sns_inner .socialbutton_suntory_age_check_element_no_button{
	margin: 0 5px;
	float: left;
}


@media screen and (max-width : 767px){

	#suntory_contents .arpContents_pageTtl_inner-ads{
		padding: 52px 0 23px 0;
	}
	#suntory_contents .arpContents_pageTtl_ttl{
		width: 90%;
	}
	#suntory_contents .arpContents_main_inner{
		padding: 33px 0 22px 0;
	}
	#suntory_contents .arpContents_ads_ttl{
		margin-bottom: 30px;
		font-size: 94%;
		letter-spacing: 0.34em;
	}
	#suntory_contents .arpContents_ads_ttl_link {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 15px;
		letter-spacing: 0.24em;
	}
	#suntory_contents .arpContents_ads{
		margin-right: 0;
		padding: 0 10px;
		width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#suntory_contents .arpContents_ads_holder{
		margin-right: 0;
		margin-bottom: 12px;
		padding: 0 6px;
		width: 50%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#suntory_contents .arpContents_ads_item:nth-child(odd){
		clear: both;
	}
	#suntory_contents .arpContents_ads_item_img{
		border: 2px solid #000;
	}
	#suntory_contents .arpContents_ads_item_meta{
		padding: 12px;
	}
	#suntory_contents .arpContents_ads_item_meta_ttl{
		margin-bottom: 8px;
		font-size: 63%;
		line-height: 2em;
		letter-spacing: 0.34em;
	}
	#suntory_contents .arpContents_ads_item_meta_date{
		font-size: 56%;
		letter-spacing: 0.2em;
	}

	#suntory_contents .arpContents_ads_holder.is-lg1,
	#suntory_contents .arpContents_ads_holder.is-lg2 {
		width: 100%;
	}

	/* -------------------------------------------------------------------------------------------
	*
	* ポップアップ 
	*
	* ----------------------------------------------------------------------------------------- */

	#suntory_contents .arpPopupContents{
	    padding: 25px 0 0 0;
		width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#suntory_contents .arpPopupContents_img{
		float: none;
		margin-right: 0;
		margin-bottom: 12px;
		padding: 0 25px;
		width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#suntory_contents .arpPopupContents_img_holder{
		border: 2px solid #000;
	}
	#suntory_contents .arpPopupContents_meta{
		float: none;
		width: 100%;
	}
	#suntory_contents .arpPopupContents_meta_ttl{
		margin-bottom: 8px;
		padding: 0 25px;
		font-size: 63%;
		line-height: 2em;
		letter-spacing: 0.34em;
	}
	#suntory_contents .arpPopupContents_meta_date{
		margin-bottom: 17px;
		padding: 0 25px;
		padding-bottom: 0;
		font-size: 56%;
		letter-spacing: 0.2em;
		border-bottom: 0;
	}
	#suntory_contents .arpPopupContents_meta_relatedTtl{
		padding: 0 25px;
		padding-top: 17px;
		font-size: 56%;
		letter-spacing: 0.34em;
		border-top: 2px solid #f2f2f2;
	}
	#suntory_contents .arpPopupContents_meta_relatedLink{
		margin: 0 25px;
		margin-bottom: 17px;
		padding: 13px 0;
		font-size: 63%;
		letter-spacing: 0.1em;
	}
	#suntory_contents .arpPopupContents_meta_sns{
		padding: 0 30px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#suntory_contents .popup_close{
		min-height: 36px;
		background: #808080;
	}
	#suntory_contents .popup_close_link{
		display: block;
		color: #fff;
		font-size: 63%;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.32em;
	}
	#suntory_contents .popup_close_link span{
		display: inline-block;
		padding: 13px 21px;
		background: url(../../common/img/ic_close_sp.png) 0 center no-repeat;
		background-size: 9px 9px;
	}


}

/* 追加 */
@media screen and (min-width : 768px){
	#suntory_contents .arpContents_ads_holder.is-lg1{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 500px;
	}

	#suntory_contents .arpContents_ads_holder.is-lg2{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 800px;
	}

	#suntory_contents.is-lg .arpPopupContents {
		padding: 60px 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	#suntory_contents.arpPopup.is-lg .arpPopupContents .arpPopupContents_img {
		width: calc(100% - 460px);
		max-width: 900px;
	}

	#suntory_contents .arpContents_ads.is-lg {
		margin-right: 0;
		width: auto;
	}

	#suntory_contents.arpPopup.is-lg .arpPopupContents_meta {
		width: 320px;
	}

	/* #suntory_contents .arpPopupContents{
		margin: 0 auto;
		padding: 60px 60px 60px 90px;
		width: 740px;
	}
	#suntory_contents .arpPopupContents_img{
		float: left;
		margin-right: 30px;
		width: 350px;
	}
	#suntory_contents .arpPopupContents_img_holder{
		border: 3px solid #000;
	}
	#suntory_contents .arpPopupContents_meta{
		float: left;
		width: 360px;
	} */
}