@charset "utf-8";
/* /partner/celebrities/index.html専用CSS */


/* ----------------------------

　　　　共通パーツ

---------------------------- */

h2 {
	margin:0;
	padding:0;
}
h3 {
	border:none;
}
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mt06 { margin-top: 6px; }
.mt-10 { margin-top: -10px; }

.taR { text-align: right; }

/* font */
.fs-s { font-size: 10px; }
@media screen and (max-width: 669px) {
	.fs-s { font-size: 12px; }
}

/* content */
#content {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#content ul, #content li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content dl, #content dl dt, #content dl dd {
	margin: 0;
	padding: 0;
}
#content a, #content a:hover {
	text-decoration: none;
}
#content a {
	color: #333;
}
#content a:hover {
	color: #0099ff;
}

/* h1 */
h1 {
	border-bottom: 1px solid #039bfe;
	margin: 0;
	padding: 0;
}
h1 span {
	display: block;
	background: #039bfe; /* Old browsers */
	background: -moz-linear-gradient(top, #039bfe 0%, #47bcff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #039bfe 0%,#47bcff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #039bfe 0%,#47bcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039bfe', endColorstr='#47bcff',GradientType=0 ); /* IE6-9 */
	margin-bottom: 2px;
	padding: 4px 10px;
	color: #fff;
	font-size: 18px;
	text-shadow: 1px 1px 2px #999;
}
@media screen and (max-width: 669px) {
	h1 {
		width: 96%;
		margin: 10px auto 0;
	}
}

/* copy_text */
.copy_text p {
	color: #036;
	font-weight: bold;
	font-size:0.875em;
	line-height:1.8em;
	margin: 10px 0;
	padding: 0;
}
@media screen and (max-width: 669px) {
	.copy_text {
		width: 96%;
		margin: 0 auto;
	}
	.copy_text p {
		font-size: 14px;
	}
}

/* ------------ sec01 ------------ */
#sec01 {
	border: 1px solid #0099ff;
	border-radius: 4px 4px 10px 10px;
	background: #d0ebff; /* Old browsers */
	background: -moz-linear-gradient(top, #d0ebff 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d0ebff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0ebff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0ebff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
}

/* layout */
#sec01 .ambassador {
	display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
}
#sec01 .ambassador > div {
	width : 48% ; /* IE8以下とAndroid4.3以下用フォールバック */
  width : -webkit-calc( 100% / 2 );
	width: calc( 100% / 2 );
}
#sec01 .ambassador div > ul {
	margin: 1em;
}

/* h2 */
#sec01 .sec01_01 h2, #sec01 .sec01_02 h2 {
	border-bottom: 1px solid #094f95;
	width: 100%;
	margin: 0 0 6px;
	padding: 0;
	font-size: 16px;
}
#sec01 .sec01_01 h2 a, #sec01 .sec01_02 h2 a {
	display: block;
	position: relative;
	background: #094f95;
	margin-bottom: 2px;
	padding: 6px 18px 4px;
	color: #fff;
}
	#sec01 h2 a:hover {
		color: #fff;
	}
#sec01 .sec01_01 h2 a span, #sec01 .sec01_02 h2 a span {
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-40%);
	font-size: 14px;
	font-weight: normal;
}
#sec01 .sec01_01 h2 a span:after, #sec01 .sec01_02 h2 a span:after {
	display: inline-block;
	content: "\f0da";
	border-radius: 50%;
	background: #fff;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	color: #094f95;
	font-family: "fontAwesome";
	font-size: 16px;
	text-align: center;
	vertical-align:middle;
	line-height:1;
}
/* sec01_03 h2 */
#sec01 .sec01_03 h2 {
	border-bottom: 1px solid #3eaae8;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-align: center;
}
	#sec01 .sec01_03 h2 {
		margin-bottom: 6px;
	}
#sec01 .sec01_03 h2 a, #sec01 .sec01_03 h2 span {
	display: block;
	background: #3eaae8;
	margin-bottom: 2px;
	padding: 6px 18px 4px;
	color: #fff;
}
	#sec01 .sec01_03 h2 a:hover {
		color: #fff;
	}
/* pic */
#sec01 .pic {
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
}
#sec01 .pic span {
	display: block;
	font-size: 12px;
}

/* sec01_01 */
#sec01 .ambassador div > ul.sec01_01 {}
#sec01 .ambassador div > ul.sec01_01 > li {}
#sec01 .ambassador div > ul.sec01_01 > li + li {
	margin-top: 20px;
}
#sec01 .ambassador div > ul.sec01_01 > li > div {
	padding: 5px 10px 0;
}
#sec01 .ambassador div > ul.sec01_01 > li > .partner a {
	display: block;
	background: #fff;
	padding: 6px;
	box-shadow: 1px 1px 3px #aaa;
}
	#sec01 .ambassador div > ul.sec01_01 > li > .partner a:hover {
		border: 1px solid #286ebd;
		padding: 5px;
	}
#sec01 .ambassador div > ul.sec01_01 > li > div p {
	display: table-cell;
	margin: 0;
	vertical-align: middle;
}
#sec01 .ambassador div > ul.sec01_01 > li > div p.pic {
	width: 35%;
}
#sec01 .ambassador div > ul.sec01_01 > li > div p.pic img {
	width: 100%;
	height: auto;
}
#sec01 .ambassador div > ul.sec01_01 > li > div p.name {
	position: relative;
	width: 65%;
}
#sec01 .ambassador div > ul.sec01_01 > li > div p.name span {
	position: absolute;
}
	#sec01 .ambassador div > ul.sec01_01 > li > div p.name span:nth-child(1) {
		top: 20%;
		left: 20px;
		font-size: 18px;
		font-weight: bold;
	}
	#sec01 .ambassador div > ul.sec01_01 > li > div p.name span:nth-child(2) {
		right: 10px;
		bottom: 10px;
		font-size: 14px;
	}
#sec01 .ambassador div > ul.sec01_01 .seelist {
	margin: 10px 10px 0;
	font-size: 14px;
    display: inline-block;
}
.text{display: inline-block;
    }
.content_area .text_position p{
 font-size: 14px!important;
}
.content_area .text a{
 background : none !important; 
    box-shadow:none !important;
        margin-left: 5px;
    border: none !important;
  

}




.content_area2 .text_position p{
  margin-left: 5px;
    font-size: 14px!important;
 
    
}

/* sec01_02 / sec01_03 */
.sec01_02 ul, .sec01_03 ul {
	display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
	-webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
	justify-content: center;
}
.sec01_02 ul li, .sec01_03 ul li {
	width : 32% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc( 100% / 3 );
	width: calc( 100% / 3 );
}

/* copy_text */
.sec01_text p {
	color: #036;
	font-size:0.875em;
	line-height:1.6em;
	margin: 10px 1em;
	padding: 0;
}

/* ------------ sec01 669px ------------ */
@media screen and (max-width: 669px) {
	#sec01 {
		width: 96%;
		margin: 0 auto;
	}

	/* copy_text */
	#sec01 .copy_text p {
		font-size:14px;
		line-height:1.6em;
	}
	/* layout */
	#sec01 .ambassador {
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#sec01 .ambassador > div {
		width : 100% ; /* IE8以下とAndroid4.3以下用フォールバック */
	  width : -webkit-calc( 100% / 1 );
		width: calc( 100% / 1 );
	}
	/* h2 */
	#sec01 h2 a span {
		display: block;
		position: static;
		transform: translateY(0%);
		text-align:right;
	}
	/* pic */
	#sec01 .pic img {
		width: 100%;
		height: auto;
	}
	#sec01 .pic span {
		font-size: 14px;
		padding: 0 4px;
	}
	/* sec01_01 */
	#sec01 .ambassador div > ul.sec01_01 > li > div p.name span:nth-child(1) {
		top: 10px;
		left: 10px;
		transform: translateY(0%);
		font-size: 16px;
	}
	#sec01 .ambassador div > ul.sec01_01 > li > div p.name span:nth-child(2) {
		bottom: 0px;
		margin-left: 10px;
	}
	/* copy_text */
	.sec01_text p {
		font-size:14px;
	}
}

/* ------------ sec02 ------------ */
#sec02 {
	margin-top: 30px;
	margin-bottom: 20px;
}
/* h2 */
#sec02 h2, #sec02 .lead {
	display: table-cell;
	vertical-align: middle;
}
#sec02 .lead {
	padding-left: 10px;
	color: #3081c3;
	font-size: 14px;
	font-weight:600;
}

/* layout */
#sec02 > ul {
	display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
	margin-top: 10px;
}
#sec02 > ul > li {
	border: 1px solid #0099ff;
	border-radius: 10px;
	background: #d0ebff; /* Old browsers */
	background: -moz-linear-gradient(top, #d0ebff 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d0ebff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0ebff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0ebff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
	width : 48% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc( ( 100% - 18px ) / 2 );
	width: calc( ( 100% - 18px ) / 2 );
	padding-bottom: 10px;
}
#sec02 > ul > li + li {
	margin-left: 18px;
}
/* h3 */
#sec02 h3 {
	border-bottom: 1px solid #009dff;
	width: 78%;
	margin: 14px 0 0;
	padding-left: 16px;
	color: #009dff;
	font-size: 20px;
	text-shadow: 1px 1px 2px #ccc;
	box-shadow:0px 1px 0px 0px #ccc;
}
/* text */
#sec02 .text {
	margin: 1em;
	color: #666;
	font-size: 14px;
}
/* sec02_01 / sec02_02 */
.sec02_01, .sec02_02 {
	display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
	-webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
	justify-content: center;
}
.sec02_01 li, .sec02_02 li {
	margin: 0 5px 16px !important;
}
.sec02_02 li:nth-child(1), .sec02_02 li:nth-child(2) {
	margin: 0 5px 34px !important;
}
.sec02_01 li dl, .sec02_02 li dl {
	font-size: 12px;
}

/* ------------ sec02 669px ------------ */
@media screen and (max-width: 669px) {
	/* h2 */
	#sec02 h2, #sec02 .lead {
		display: block;
	}
	#sec02 h2 img {
		width: 100%;
		height: auto;
	}
	#sec02 .lead {
		padding-left: 0px;
	}
	/* layout */
	#sec02 {
		width: 96%;
		margin: 20px auto;
	}
	#sec02 > ul {
		-webkit-flex-wrap:wrap;
	  -moz-flex-wrap:wrap;
	  -ms-flex-wrap:wrap;
	  flex-wrap:wrap;
	}
	#sec02 > ul > li {
		width : 100% ; /* IE8以下とAndroid4.3以下用フォールバック */
		width : -webkit-calc( 100% / 1 );
		width: calc( 100% / 1 );
	}
	#sec02 > ul > li + li {
		margin-top: 20px;
		margin-left: 0px;
	}
	/* h3 */
	#sec02 h3 {
		padding-bottom: 4px;
		font-size: 18px;
	}
	/* text */
	#sec02 .text {
		font-size: 14px;
	}
	/* sec02_01 / sec02_02 */
	.sec02_02 li:nth-child(1), .sec02_02 li:nth-child(2) {
		margin: 0 5px 16px !important;
	}
	.sec02_01 li dl, .sec02_02 li dl {
		font-size: 14px;
	}
}

/* ------------ bott_text ------------ */
.bott_text {
	border-radius: 6px;
	background-color: #069cff;
	width: 100%;
	margin-bottom: 20px;
	padding: 16px 0;
}
.bott_text .text {
	margin: 0;
	padding: 0 20px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 0px 1px #333;
	line-height: 1.8;
}
.bott_text .bokin_bt {
	text-align:center;
}

/* ------------ bott_text 669px ------------ */
@media screen and (max-width: 669px) {
	.bott_text {
		width: 96%;
		height: auto;
		margin: 0 auto 20px;
	}
	.bott_text .text {
		padding: 0 20px;
		font-size: 14px;
		line-height: 1.6;
	}
	.bott_text .bokin_bt img {
		width: 100%;
		max-width: 280px;
	}
}