@charset "utf-8";

/*-------------------------------------
default
---------------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;	
}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}

body > div {
  font-size: 16px;
  font-size: 1.6rem;
}


/* ----------------------
reset
------------------------- */
*{margin:0; padding:0;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, input,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

html {
	font-size: 62.5%;
	overflow-y: scroll; 
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	padding:0; margin:0;
	background:#eee;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
ol, ul {list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
a:hover,a:active {outline: 0;}
a img {border: 0;}
img {
　　　vertical-align:bottom;
　　　font-size:0;
　　　line-height:0;
}

body{
	font-size:16px; font-size:1.6rem;
	line-height:1;
	font-family:sans-serif;
	color:#666;
	padding:0; margin:0;
	border:none;
}

/* clear */
.clear {
	clear: both;
	background: transparent;
	height: 1px;
	font-size: 1px;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
	display: inline-block;
}

/* IE7 */
 *+html .clearfix {
 	display: inline-block;
}
/* margin */
.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:40px !important;}
.mgt60 {margin-top:60px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}
.mgr50 {margin-right:50px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}

.mgb3 {margin-bottom:3px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}



/* padding */

.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}

.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}


/* align */

.alR {text-align:right;}
.alL {text-align:left;}
.alC {text-align:center;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}


/* link */
a:link {   color: #FF5400; text-decoration: none;}
a:visited {color: #FF5400; text-decoration: none;}
a:hover {  color: #046102; text-decoration: none;}
a:active { color: #046102; text-decoration: none;}

/* font-size */
.txtSS { font-size:10px; font-size:1.0rem;}
.txtS { font-size:12px; font-size:1.2rem;}
.txtR { font-size:14px; font-size:1.4rem;}
.txtM { font-size:16px; font-size:1.6rem;}
.txtB { font-size:18px; font-size:1.8rem;}

.bold { font-weight:bold;}

.corRed{color:#cc0000;}
.corBlue{color:#1d95ce;}
.corPink{color:#f24864;}

.reformline { white-space: pre-wrap;}

/* care */
ul.care { font-size:10px; font-size:1.0rem; line-height:1.3;}
ul.care li{ text-indent:-10px; padding-left:10px; padding-bottom:3px;}

ul.care02 { font-size:12px; font-size:1.2rem; line-height:1.3;}
ul.care02 li{ text-indent:-12px; padding-left:12px; padding-bottom:3px;}

p{ line-height: 1.5;}
.arrow a {
    background: url(images/icon_icon_arrow01.svg) left center no-repeat;
	background-size: 10px;
    padding-left: 15px;
}

a.blankLink{
display: inline-block;
background: url(images/redblank.png) left 5px center no-repeat;
background-size: 24px 16px;
padding: 1px 0 1px 34px;
color: #c91422;
text-decoration: underline;
}
a.ulLink{ text-decoration:underline;}

/*-----------------------------
Midashi
-----------------------------*/
#mainBox h2 {
    border-bottom: 1px solid #ccc;
    font-size: 24px; font-size: 2.4rem;
    font-weight: bold;
}
#mainBox h2 span.tit {
    display: block;
    background: url(images/tit01.gif) left top no-repeat;
    padding-left: 15px;
    line-height: 1.3;
}

#mainBox h3.subTit,#wrapper01 h3.subTit {
    background: url(images/sub_tit_border01.gif) left bottom repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom: 5px;
    font-weight: bold;
}


/*--201812--*/
#mainBox h3.subTit,#wrapper01 h3.subTit {
    background: url(images/sub_tit_border01.gif) left bottom repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom: 5px;
    font-weight: bold;
line-height: 1.5;
}

/*--201901--*/
#mainBox h2.titChara{
background:url(/wp/wp-content/uploads/2019/01/icon_h2chara.png) left no-repeat;
-webkit-background-size: 46px 50px;background-size: 46px 50px;
padding-left: 50px;
border-bottom: none;
margin-top: 15px;
}
#mainBox h2.titChara span{
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 15px;
padding: 15px;
min-width: calc(100% - 50px);
max-width: 100%;
color: #fff;
font-size: 18px;
background: #0fb582;
border-radius: 6px;
}
#mainBox h2.titChara span:before{
content: "";
position: absolute;
top: 50%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #0fb582;
}
#mainBox h3.subTitSquare{
font-size: 16px;font-size: 1.6rem;
font-weight: bold;
margin-top: 20px;
}
#mainBox h3.subTitSquare:before,.characteristic li:before{
display:inline-block; 
vertical-align: middle;
content:'';
width:10px;
height: 10px;
background: #ccc;
margin-right: 7px;
}
.characteristic li:before{
margin-right: 10px;
}


/*-----------------------------
Header
-----------------------------*/
#topheader	{
	width:100%;
	background: #fff;
	background: -moz-linear-gradient(top,  #ffffff 58%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 58%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 58%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 58%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 58%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border-bottom:4px solid #c8171c;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	padding:10px;
	margin:0;
	
	position: fixed;
	z-index:100;
}
#topLogo{ width: 60px;}
/*-----------------------------
drawer-hamburger
-----------------------------*/
.drawer-hamburger { width: 3rem; padding-top: 12px;}
.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before { height: 4px; background: #666;}
.drawer-nav {
    color: #fff;
    background: #333;
	width: 260px;
	z-index: 110;
}
.drawer-nav li { border-bottom: 1px dotted #aaa;}
.drawer-nav li:last-child { border-bottom: none;}

.drawer-nav a{
	display: block;
    color: #fff;
	padding: 15px;
}

.drawer--right.drawer-open .drawer-hamburger { right: 260px;}
.drawer--right .drawer-nav { right: -260px;}



/*-----------------------------
Footer
-----------------------------*/
/* display Pc or mobile */
#bottomLink{ font-size: 14px; font-size: 1.4rem;}
#dispPc { width: auto; text-align: center;}
#dispPc span{ display: inline-block; border-radius:5px; background:#fff; padding:10px; margin:10px auto 0;}
#english { text-align:center; vertical-align:middle; margin:10px auto;}
#english a{ display:inline-block;}
#english span{ display: inline-block; background:transparent url(images/icon_arrow01.png) left center no-repeat; background-size:12px 11px; padding-left:20px; min-height:21px; vertical-align:middle; }

#footer #ftLink a{ color:#666;}
#footer { color:#666; padding-bottom:5px; font-size: 14px; font-size: 1.4rem;}
#footer #ftLink { background:#cbcbcb; box-shadow: 0 -1px 4px 0 rgba(102,102,102,0.5); padding:5px; border-bottom:4px solid #c8171c; text-align:center;}
#footer #copy {	padding:5px; text-align:center; font-size: 10px; font-size: 1rem;}

/* pageTop */
#pageTop {
	width:50%;
	border:1px solid #cccccc;
	border-radius:30px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #dedede 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#dedede 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#dedede 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#dedede 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	text-align:center;
	vertical-align:middle;
	margin:5px auto 15px auto;
}
#pageTop a{	color:#666; display:block; padding:5px; font-size: 12px; font-size: 1.2rem;}
#pageTop span{ background:transparent url(images/footer_icon_pagetop.png) left center no-repeat; background-size:12px 11px; padding:0 0 0 20px; min-height:21px; vertical-align:middle;}

/* toTop */
#toTop{display:none; position:fixed; right:20px; bottom:30px; width:45px; height:45px;}
#toTop a{width:45px; height:45px; display:block;}

#mainBox { padding: 70px 10px 10px 10px;}
#wrapper01 { padding: 10px;}

/*arrow*/
.affiliate .arrow a {
    background: url(images/icon_icon_arrow01.svg) left center no-repeat;
	background-size: 10px;
    padding-left: 15px;
}

/*pankuzu*/
.pankuzu { margin-bottom: 10px; font-size: 14px; font-size: 1.4rem;}
.pankuzu li { display: inline-block; margin-right: 10px;}

/*btmCatchBoxWa8*/
.btmCatchBoxWa8{ position: relative;}
.btmCatch { color: #f05847;}
.btmCatch:after {
    	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAUFJREFUOI2d1D1LHFEUBuBndUGRIBGbgFUgpVgFDKRKo62NoBj8KEzAItktAiGBIKyCH4hLesEfIKQXklZsxVLSiZUhoIUJCZNiZs1lmd2dO7d63+HwzAwXTuXn3LQS5xnmUUNSLQFU0MQkEtTLIIsZAG+R9EUCD7DV9uxhLPIRj4L+HW9ikCeoB/0vXuImBtnFQNA3cQJFkSnMBP0UjVYpglSxF/Rb6W/8iUHWMB70Gi7CgV7IKNaD/gUH7UO9kAZGsnyF1byhbsgEXmU5wTKuY5Em+rP8GcedBjshs3iR5XO87/KyXGQQ21n+hQXcxSLv8DjLH3DWDchDxvz/9K/Y7wXkITsYwg8sSW8lCnkuXXnwGpdFgBDpk15pBYc4KgqEyAqeypZMDNBChrEhWDJlkE/SlXe/ZMogv/FNsGRizz8X8TZcRaG1twAAAABJRU5ErkJggg==");
    	display: inline;
    	margin-left: 0.5em;
    	vertical-align: middle;
}
.btmCatch:before {
    	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAYAAACkCdXRAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAR5JREFUOI2d1K9LQ1EUAOBvQwRNmmTYNJk0i1HwR1iQhbEgYtRgEaOoSYaITdEmWoZiFJto0rDgH2GxTASDKDPcO3hFhHPSPec9Pu69571T6tTnoIx9vOJIMPowgHPU8I02HiJYGVcZ6uEtjEaxPbwXaiMZ7I9gT6jis1CfxmEEI93REr4Kz9axHMHgDnX8FGrHmIpgcIOVAjiIawxHMLjAGro5H8PlH+/+i8EpNgv5ArajGKmbO4V8G4tRDHZxkNcl6bjjUQy2cJLXQ1JDBqNYV2rIec4ncRbFeuBq3hU0sBHFSN9eA7c5b2ImipF+txrupUHQQiWKkQZCVRoQFYUJE8HgA/N4kY7aJA3DaHQwi0epGc/RnfXiLYNtTPwCsDs3Ip3LyGMAAAAASUVORK5CYII=");
    	display: inline;
    	margin-right: 0.5em;
    	vertical-align: middle;
}
.aboutAffiColumnBtn { text-align: center;}
.aboutAffiColumnBtn a { display: inline-block; background: #17b987; border-bottom: 7px solid #068d62; border-radius: 6px; color: #fff; font-weight: bold; padding: 14px 24px;text-decoration:none !important;}
.aboutAffiColumnBtn a span { text-shadow: 0px 2px 0px rgba(6, 141, 98, 1); filter: dropshadow(color=#068d62,offx=1,offy=1); filter: none\9; display: block; /* IE */}
:root .aboutAffiColumnBtn a span { filter: none \0/; /*IE9用ハック*/}
.aboutAffiColumnBtn a:hover { border-bottom: 4px solid #068d62; margin-top: 3px;}

.btmCatchBoxWa8 .arrow a{ text-decoration: underline;}

/*-----------------------------
top
-----------------------------*/
#catch{ background: /*#52bd9b*/#cc0000; color: #fff; padding:60px 5px 5px; text-align: center; font-size: 14px; font-size: 1.4rem;}
#mainImage { text-align: center;}

p.cmmnFukidashi{ position: relative; display: inline-block; padding: 0 15px; width: auto; min-width: 115px; height: 40px; line-height: 34px; color: #fff; text-align: center; background: #f63838; border: 3px solid #f63838; z-index: 0; margin-top: 10px; font-size: 14px; font-size: 1.4rem;}
p.cmmnFukidashi:before { content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #f63838 transparent transparent transparent; z-index: 0;}
p.cmmnFukidashi:after { content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #f63838 transparent transparent transparent; z-index: -1;}

p.freeEntry{ color: #f05847; margin: 10px auto 0;}
p.freeEntry:after {
    	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAUFJREFUOI2d1D1LHFEUBuBndUGRIBGbgFUgpVgFDKRKo62NoBj8KEzAItktAiGBIKyCH4hLesEfIKQXklZsxVLSiZUhoIUJCZNiZs1lmd2dO7d63+HwzAwXTuXn3LQS5xnmUUNSLQFU0MQkEtTLIIsZAG+R9EUCD7DV9uxhLPIRj4L+HW9ikCeoB/0vXuImBtnFQNA3cQJFkSnMBP0UjVYpglSxF/Rb6W/8iUHWMB70Gi7CgV7IKNaD/gUH7UO9kAZGsnyF1byhbsgEXmU5wTKuY5Em+rP8GcedBjshs3iR5XO87/KyXGQQ21n+hQXcxSLv8DjLH3DWDchDxvz/9K/Y7wXkITsYwg8sSW8lCnkuXXnwGpdFgBDpk15pBYc4KgqEyAqeypZMDNBChrEhWDJlkE/SlXe/ZMogv/FNsGRizz8X8TZcRaG1twAAAABJRU5ErkJggg==");
    	display: inline;
    	margin-left: 0.5em;
    	vertical-align: middle;
}
p.freeEntry:before {
    	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAYAAACkCdXRAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAR5JREFUOI2d1K9LQ1EUAOBvQwRNmmTYNJk0i1HwR1iQhbEgYtRgEaOoSYaITdEmWoZiFJto0rDgH2GxTASDKDPcO3hFhHPSPec9Pu69571T6tTnoIx9vOJIMPowgHPU8I02HiJYGVcZ6uEtjEaxPbwXaiMZ7I9gT6jis1CfxmEEI93REr4Kz9axHMHgDnX8FGrHmIpgcIOVAjiIawxHMLjAGro5H8PlH+/+i8EpNgv5ArajGKmbO4V8G4tRDHZxkNcl6bjjUQy2cJLXQ1JDBqNYV2rIec4ncRbFeuBq3hU0sBHFSN9eA7c5b2ImipF+txrupUHQQiWKkQZCVRoQFYUJE8HgA/N4kY7aJA3DaHQwi0epGc/RnfXiLYNtTPwCsDs3Ip3LyGMAAAAASUVORK5CYII=");
    	display: inline;
    	margin-right: 0.5em;
    	vertical-align: middle;
}

p.cmmnBtn{ margin-top: 5px;}
p.cmmnBtn a{ padding: 10px; border-bottom: 6px solid #4f8861; color: #fff; font-size: 18px; font-size: 1.8rem; display: inline-block; border-radius: 10px; background: #36a680;}
p.cmmnBtn a:hover{ background: #3ac191;}

/*  login  */
#idpwArea { width: 90%; background: #fff; border-radius: 5px; padding:10px; margin:10px auto 0;}
#idpwArea .loginArea{ width: auto; display: table; margin: 10px auto 0;}
.loginArea .loginBox,.loginArea div{ display: table-cell; vertical-align: middle;}
.loginArea div{ padding-left: 10px;}
.loginArea input{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; display: inline-block;}
.loginArea .loginBox input{ width: 100%;}
input.login{ padding:5px; border-radius:3px; border:solid 2px #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }
input.login:focus { border:solid 2px #41b4eb;}
input.loginBtn{ border-style:none; -webkit-appearance: none; border-radius: 0; display: block;}
input.loginBtn{ min-height:65px; font-size:16px; font-size:1.6rem; padding:10px 15px; border-radius: 5px; background:#41b4eb; box-shadow: 0 2px 0 0 #1a77a4; text-align:center; color:#fff;}

#topNews h3{ margin-top: 20px; font-weight: bold; font-size: 16px; font-size: 1.6rem; padding: 10px; color: #fff; background: #ffb546;}
#topNews #newsEntry{ background: #fff; padding: 10px; line-height: 1.3;}
#topNews #newsEntry li{border-bottom: 1px dotted #ccc; padding: 3px;}
#topNews #newsEntry li:last-child{ border-bottom: none;}
#topNews #newsEntry span{ display: block;}

#aboutAffiliate { margin-top:20px;}

#aboutAffiliate .affiliateMovieWrap {position: relative; width: 100%; height: 0; margin-top: 10px; padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */}
#aboutAffiliate .embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#aboutAffiliate #aboutWrap{ padding:15px 10px 10px;}

#aboutAffiliate #aboutWrap p.lead{line-height:1.5;}

#aboutAffiliate h4{
	font-size:16px;
	font-weight:bold;
	background:url(images/a8_circleicon.jpg) left 5px no-repeat;
	padding-left:20px;
	margin-bottom:5px;
}
#aboutAffiliate h4 p.arrow{
	display:inline-block;
	float:right;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	font-weight:normal;	
}

#aboutAffiliate #newMainEcList{ margin-top:40px;}
#aboutAffiliate #newMainEcList #mainEcframe2{ margin-top:15px;}
#aboutAffiliate #newMainEcList #mainEcnavisL{ width:15px; float:left;}
#aboutAffiliate #newMainEcList #mainEcLogos{ width:100%; float:left;}
#aboutAffiliate #newMainEcList #mainEcnavisR{ width:15px; float:left;}


#aboutAffiliate #exampleAffi{ margin-top:25px;}
#aboutAffiliate #exampleAffi ul.siteArea{ margin-top:15px;}
#aboutAffiliate #exampleAffi ul.siteArea li.left{ width:295px; float:left; text-align:center;}
#aboutAffiliate #exampleAffi ul.siteArea li.right{ width:295px; float:right; text-align:center;}

#aboutAffiliate #exampleAffi ul.siteArea li p.title{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	

	font-size:12px; color:#7e7e44;
	background:#eeeec9;
	padding:3px;
	margin-bottom:8px;
}
.aboutAffiColumnBtn { text-align: center;}
.aboutAffiColumnBtn a {
	background: #17b987;
	border-bottom: 7px solid #068d62;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	min-width: 220px;
	padding: 14px 24px;
}
.aboutAffiColumnBtn a span {
	text-shadow: 0px 2px 0px rgba(6, 141, 98, 1);
	filter: dropshadow(color=#068d62,offx=1,offy=1);
	filter: none\9;
	display: block; /* IE */
}
:root .aboutAffiColumnBtn a span {
	filter: none \0/; /*IE9用ハック*/
}

.aboutAffiColumnBtn a:hover {
	border-bottom: 4px solid #068d62;
	margin-top: 3px;
}
/*---------青色のボタン-----------*/
.aboutAffiColumnBtn.blue a {
	background: #1eaed2;
	border-bottom: 7px solid #0384a4;
}

.aboutAffiColumnBtn.blue a span {
	text-shadow: 0px 2px 0px rgba(26, 150, 181, 1);
	filter: dropshadow(color=#0384a4,offx=1,offy=1);
	filter: none\9;
	display: block; /* IE */
}

:root .aboutAffiColumnBtn.blue a span {
	filter: none \0/; /*IE9用ハック*/
}

.aboutAffiColumnBtn.blue a:hover {
	border-bottom: 4px solid #0384a4;
	margin-top: 3px;
}
.aboutAffiColumnBtn.orange a {
	background: #ffa41b;
	border-bottom: 7px solid #e38e0d;
}

.aboutAffiColumnBtn.orange a span {
	text-shadow: 0px 2px 0px rgba(190, 118, 10, 1);
	filter: dropshadow(color=#be760a,offx=1,offy=1);
	filter: none\9;
	display: block; /* IE */
}

:root .aboutAffiColumnBtn.orange a span {
	filter: none \0/; /*IE9用ハック*/
}

.aboutAffiColumnBtn.orange a:hover {
	border-bottom: 4px solid #e38e0d;
	margin-top: 3px;
}

.reasonList { table-layout: fixed; display: block; width: 100%;}
.reasonItem { display: block;}
.reasonItem ul { background: #fff; border-radius: 50%; box-sizing: border-box; margin: 10px auto 0; min-height: 192px; padding: 20px 0 0 0; text-align: center; width: 192px;}
.reasonItem ul li:first-child { display: inline-block;}
.reasonItem ul li:last-child { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding: 10px 0 0 0;}
.reasonItem ul li strong { color: #d00000; display: inline-block; font-size: 30px; font-size: 3.0rem; line-height: 1.2;}
.reasonItem h5 { background: #17b987; color: #fff; font-weight: bold; height: 34px; line-height: 34px; padding: 0 15px; position: relative;}
.reasonItem h5:after,
.reasonItem h5:before { content: ''; position: absolute;}
.reasonItem h5:after { top: 0; right: -28px; z-index: 2; border-width: 17px 14px; border-style: solid; border-color: #17b987; border-right-color: transparent;}
.reasonItem h5:before { top: 0; left: -28px; z-index: 2; border-width: 17px 14px; border-style: solid; border-color: #17b987; border-left-color: transparent;}
.reasonItem h5 > span { text-shadow: 0px 2px 0px rgba(6, 141, 98, 1); filter:dropshadow(color=#068d62,offx=1,offy=1); filter: none\9; display:block; /* IE */}
:root .reasonItem h5 > span { filter: none \0/; /*IE9用ハック*/}
.exampleContent { background: #eee; border-radius: 4px; padding: 10px; margin-top: 15px;}
.exampleContent .voiceList { display: block; table-layout: fixed; width: 100%;}
.exampleContent .voiceItem { display: block; vertical-align: top; margin-bottom:10px; }
.exampleContent .voiceItemContent {	background: #fff; border: 1px solid #e2e2e2; border-radius: 4px; padding: 10px 10px 0 10px;}
.exampleContent .voiceItemCaption {	display: table; padding: 10px 0; table-layout: fixed; width: 100%;}
.exampleContent .voiceItemCaption dt,
.exampleContent .voiceItemCaption dd { display: table-cell;}
.exampleContent .voiceItemContent dd { text-align: right;}
.exampleContent .voiceItemContent dt span { background: #d00000; color: #fff; font-weight: bold; padding: 2px 10px;}
.exampleContent .interviewBtn { border-top: 1px dashed #e2e2e2; text-align: center;}
.exampleContent .interviewBtn a { display: block; padding: 10px;}
.exampleContent .interviewBtn a:after {
	content: url("data:image/gif;base64,R0lGODlhDwANAPAAAMzMzAAAACH5BAEAAAEALAAAAAAPAA0AAAIejAOpC4fMHIyuyrkOzmYr3VgdKHaUGI5lipQtuDkFACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAOw==");
	display: inline-block;
	margin-left: 0.5em;
	vertical-align: middle;
}

.exampleContent .interviewBtn a:before {
	content: url("data:image/gif;base64,R0lGODlhFAAUAPU2APOBB/ODDPOEDfOEDvSHE/SHFPSOIfSPIvSQJfWRJvWTKvWULPWVLvagRPahRfahRvemUPenUveoVPeqWPerWfesXPetXveuYPevYfiyZ/i0bPi2b/i2cPi3cvi4dPm7efm7evm8e/m8fPnAg/vSpvvVq/vVrPvVrfvWrvvWr/vXsP748f758v/79v/79//8+P/8+f/9+v/9+//+/P/+/f///v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADcALAAAAAAUABQAAAaVwJtQCCtZEgICw2KCDZ9ClQJArVIVKehtBrJ6q6DZs/stg4anshpwusEOXpFt1SgbYKSyhtaClEkUahcxMBVfEwhrES4zGV4IA2sADiw1HlYCBZKUNiOYC4otNR2PgWUWMTIYh3lfey4Sf29eITUsD3YvNyaSXyZDH71VH08zHMIbYlAoU2UKbVpEJBMJAQEJEyROT0EAIf8LWE1QIERhdGFYTVA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAA7");
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
	opacity: 1;
	transition: opacity 0.2s linear;
}
.exampleContent .interviewBtn a:hover:before { opacity: 0.7;}

/*  fanBlog  */
#fanBlogIntro a img {　opacity: 1;　transition: opacity 0.2s linear;}
#fanBlogIntro a:hover img { opacity: 0.7;}
.fanBlogIntroContent { display: block; width: 100%;}
.fanBlogIntroContent div:last-child { display: block; vertical-align: top; width: auto; margin-top: 10px;}
.blogOrange{display:inline-block; background:#f38108; color:#ffffff; padding:3px 5px; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h4 .blogBrown{display:inline-block; font-weight:bold; font-size:18px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-bottom:dashed 1px #f38108;}
.blogBrown{color:#482500;}

.faqList .subTxt { font-size: 12px; font-size: 1.2rem; margin: 1em 0 0 0;}
.faqList dl.acMenu dd{ line-height:1.75;}
.acMenu dt { border: #e2e2e2 1px solid; border-bottom: none; background: #fff; box-sizing: border-box; cursor: pointer; display: block; line-height: 1.5; padding: 10px 30px; position: relative;}
.faqItem:last-child dt { border-bottom: #e2e2e2 1px solid;}
.acMenu dt:before { content: "Q"; color: #da5858; display: inline; font-size: 22px; left: 10px; margin-right: 0.5em; position: absolute; top: 5px;}
.acMenu dt:after {
	content: url("data:image/gif;base64,R0lGODlhDAAHAPMAAMzMzM3Nzc7OztLS0tXV1dzc3OHh4enp6erq6u/v7/X19fn5+fz8/P7+/gAAAAAAACH5BAEAAA4ALAAAAAAMAAcAAAQh0IBJq2ml1tIcIxpAME65DNWwlKwiTILCzkkQJHOOHHkEACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAOw==");
	display: inline;
	right: 10px;
	margin-left: 0.5em;
	position: absolute;
	top: 16px;
}
.acMenu dd { background: #f2f2f2; line-height: 1.5; border: #e2e2e2 1px solid; border-bottom: none; display: none; padding: 10px 10px 10px 30px; position: relative;}
.acMenu dd:before { content: "A"; color: #666; font-size: 18px; font-size: 1.8rem; left: 10px; margin-right: 0.5em; position: absolute; top: 5px;}
.faqItem:last-child dd { border-top: none; border-bottom: #e2e2e2 1px solid;}


#newMediaBtn,#newEcBtn,#best3,#a8Contents{ margin-top: 10px; position: relative;}
h3.mediaOpen,h3.ecOpen,h3.best3Open,h3.a8ConOpen{ border: #e2e2e2 1px solid; background: #fff; box-sizing: border-box; cursor: pointer; display: block; line-height: 1.5; padding: 10px 30px 10px 10px; position: relative; font-size: 18px; font-size: 1.8rem;}
#newMediaBtn .mediaDetail,#newEcBtn .ecDetail,#best3 .best3Detail,#a8Contents .a8ConDetail{ border: #e2e2e2 1px solid; background: #f2f2f2; border-top: none; padding: 10px; display: none;}
h3.mediaOpen:after,h3.ecOpen:after,h3.best3Open:after,h3.a8ConOpen:after {
	content: url("data:image/gif;base64,R0lGODlhDAAHAPMAAMzMzM3Nzc7OztLS0tXV1dzc3OHh4enp6erq6u/v7/X19fn5+fz8/P7+/gAAAAAAACH5BAEAAA4ALAAAAAAMAAcAAAQh0IBJq2ml1tIcIxpAME65DNWwlKwiTILCzkkQJHOOHHkEACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAOw==");
	display: inline;
	right: 10px;
	margin-left: 0.5em;
	position: absolute;
	top: 8px;
}
/*common #newAsBtn */
.enjoyTxt{ font-weight:bold; color:#666;}
#newMediaBtn a.mediaBtn{ display:block; background:#17b987; border-radius:5px; color:#fff; font-weight:bold; box-shadow: #068d62 0px 5px 0px 0px; text-align:center; line-height: 1.2; padding:15px; font-size:22px; font-size:2.2rem; text-shadow:1px 1px 1px #01a066; margin:0 2px 0 0;}
#newMediaBtn a.mediaBtn:hover {background:#1ecc96;}
#newMediaBtn span.freeMedia { font-size: 14px; font-size: 1.4rem; color: #e60019; display: inline-block; padding: 3px 10px; background: #ffffff; margin: 5px 0 8px 0; text-shadow: none; border-radius: 3px;}

#newMediaBtn .mediaLink,#newEcBtn .ecLink{margin-top: 15px;}
#newMediaBtn .mediaLink li,#newEcBtn .ecLink li{ background: url(images/medialink.png) left center no-repeat; padding-left: 20px; background-size: 14px 14px; line-height: 2;}
#newMediaBtn .mediaLink a,#newEcBtn .ecLink a{ color: #333;}
#newEcBtn a.ecBtn { display: block; background: #27a7d7; border-radius: 5px; color: #fff; font-weight: bold; box-shadow: #1785af 0px 6px 0px 0px; text-align: center; padding: 18px 5px; font-size: 20px; font-size: 2rem; text-shadow: 1px 1px 1px #1781b4;}
#newECBtn a.ecBtn:hover{background:#34c8ff;}
#newEcBtn .ecLink li{ background: url(images/eclink.png) left center no-repeat; background-size: 14px 14px;}
#newEcBtn .ecTelTit{ margin-top: 10px; font-size: 12px; font-size: 1.2rem;}
#newEcBtn .ecTel{ font-size: 14px; font-size: 1.4rem; font-weight: bold;}

ul#best3{ margin-top:5px;}
#best3 li{
	display:inline;
	font-size:16px !important; font-size:1.6rem !important;
	padding:3px 0 0 15px;
	margin-right:3px;
}
#best3 li.best1{background:url(images/best3_icon01.gif) left center no-repeat;}
#best3 li.best2{background:url(images/best3_icon02.gif) left center no-repeat;}
#best3 li.best3{background:url(images/best3_icon03.gif) left center no-repeat; margin-right:0;}

#a8Contents .a8ConDetail{ padding: 0;}
#a8Contents li{ border-bottom: 1px solid #ccc; padding: 0 10px; background: #efefef; font-size: 14px; font-size: 1.4rem;}
#a8Contents a{ padding: 10px 10px 10px 15px; display: block; color: #333;}
#a8Contents a{
    background: url(images/icon_icon_arrow01.svg) left center no-repeat;
	background-size: 10px;
}

/*　sns　*/
ul#snslink{ padding:0 10%; margin-top: 10px;}
#snslink li {display:block; float:left; width:45%; margin-right:5%; font-size:1.4rem;  height:40px;}
#snslink li:last-child{float:right; width:45%; margin-right:0;}
#snslink li.twitter{background:url(images/twibtn.png) no-repeat 10px 11px #00aced; background-size:22px 19px;}
#snslink li.facebook{background:url(images/facbtn.png) no-repeat 5px 11px #3b5997; background-size:22px 19px;}
#snslink li a{display:block; padding-top:12px; padding-bottom:12px; color:#fff;}
#snslink li.twitter a{padding-left:40%;}
#snslink li.facebook a{padding-left:32%;}

.pMark,.jpx{ width: auto; margin: 10px auto 0; display: table;}
.pMark li,.jpx li{ display: table-cell; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 1.3; padding-left: 10px;}

#todayNum{ border:2px solid #eee; background: #fff; padding:10px; font-size:12px; font-size: 1.2rem; margin-top:20px;}
#todayNum .bigNum{ font-size:20px; font-size: 2.0rem; line-height:120%; font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-weight:bold;}
#todayNum dl{ width: 100%; display: table;}
#todayNum dt,#todayNum dd{ display: table-cell; vertical-align: top; line-height: 1.5;}
#todayNum dt{ padding-right: 10px;}
#todayNum dt{ width: 50%;}




/*-----------------------------
about A8.net
-----------------------------*/
/* choice-of-reaso */
#choice-of-reason{ margin-top: 30px;}
#choice-of-reason .reason-title{ margin-top:20px; padding-left: 16px; vertical-align: middle;}
#choice-of-reason > .reason-title{ margin-top:15px;}
#choice-of-reason .reason-title h4{ font-weight:bold; font-size:22px; font-size:2.2rem; line-height: 1.3; color:#333; margin: 10px 0 0 -16px;}
#choice-of-reason .reason-title h4 em{ color:#d00000; font-weight: bold; }
#choice-of-reason .reason-num{ background: #17b987 none repeat scroll 0 0; color: #fff; font-weight: bold; height: 30px; line-height: 30px; padding: 0 5px; position: relative; font-size: 12px;font-size: 1.2rem; margin-top: 3px; display: inline-block; }
#choice-of-reason .reason-num::after,#choice-of-reason .reason-num::before { content: ""; position: absolute;}
#choice-of-reason .reason-num::after { border-color: #17b987 transparent #17b987 #17b987; border-style: solid; border-width: 15px 8px; right: -16px; top: 0; z-index: 2;}
#choice-of-reason .reason-num::before { border-color: #17b987 #17b987 #17b987 transparent; border-style: solid; border-width: 15px 8px; left: -16px; top: 0; z-index: 2;}
#choice-of-reason .reason-num > span { display: block; text-shadow: 0 2px 0 rgb(6, 141, 98); }
:root #choice-of-reason .reason-num > span { filter: none \0/; /*IE9用ハック*/}
#choice-of-reason .reason-summary{ margin:10px 0 20px;}
#choice-of-reason p.arrow a{ display: inline-block; padding: 5px 10px; background: #27a7d7; border-radius: 5px; color: #fff; font-size: 14px; font-size: 1.4rem; box-shadow: #1785af 0px 6px 0px 0px; text-align: center;}


/* beginnerCont */
#beginnerCont { margin-top:40px;}
#beginnerCont dl.bgCont,#beginnerCont dl.bgCont2{ width: 100%; display:table;}
#beginnerCont dl.bgCont dt,#beginnerCont dl.bgCont dd{ display:table-cell; vertical-align: top;}
#beginnerCont dl.bgCont dt{ width:30%; padding-right:20px;}
#beginnerCont dl.bgCont dt img{ border:1px solid #ccc;}
#beginnerCont h4{ font-size:16px;font-size:1.6rem; line-height: 1.3; font-weight:bold; background:url(images/a8_circleicon.jpg) left no-repeat; padding-left:20px; margin-bottom:5px;}
#beginnerCont dl.bgCont2 dt{ display:table-cell; width:290px; padding-right:30px;}
#beginnerCont dl.bgCont2 dd{ display:table-cell; vertical-align:top;}
.wa8ivent{margin-top:20px;}
.wa8ivent dd{width: 100%;}
.wa8ivent dd{margin-top:10px; line-height: 1.4;}

#beginnerCont h4.wa8ivent-title{ font-size: 18px; font-size: 1.8rem;}


/*-----------------------------
affiliate.html
-----------------------------*/

.affiliate .spNone { display: none;}
.affiliate .tbl{ display: table; width: 100%;}
.affiliate .tblCell{ display:table-cell; vertical-align: top;}

/*ここから古いの*/
#AfficontentsAnc{
	margin-top: 30px;
	padding:10px;
	background: #fff;
	border: solid 1px #cccccc;
}
#AfficontentsAnc ul li{
	background: url(images/icon_icon_ancarrow.svg) left top 8px no-repeat;
	background-size: 8px;
	padding-left: 15px;
	margin-bottom: 8px;
	line-height: 1.5;
}
#AfficontentsAnc ul li:last-child{ margin-bottom: 0;}
#AfficontentsAnc ul li a{
	font-size: 14px; font-size: 1.4rem;
	color: #003366;
	text-decoration: underline;
}
#AfficontentsAnc ul li a:hover{ text-decoration:none;}

#affiAsp { margin-top: 30px;}
#affiStructure,
#affiHistory,
#affiAchieve,
#affiKind,
#affiRequire,
#affiFlow,
#affiPeople,
#affiStart,
#affiGenre,
#affiSelfback { margin-top: 40px;}

#affiStructure ul.step {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	background: #fff;
	padding: 10px;
	margin-top: 15px;
}
#affiStructure ul.step li{
	width: 50%;
	text-align: center;
	margin-top: 15px;
	padding: 0 5px;
}
#affiStructure ul.step li:first-child,
#affiStructure ul.step li:nth-child(2){ margin-top: 5px;}

#affiAchieve .affiAchieveImg { margin-top: 10px;}
#affiAchieve dl.exam { width: 100%; display: table; margin-top: 20px;}
#affiAchieve dl.exam dt,
#affiAchieve dl.exam dd{ display: table-cell; vertical-align: middle;}
#affiAchieve dl.exam dt{ width: 40%; padding-right: 10px;}

#affiKind h4,
#affiRequire h4{
	font-weight: bold;
    border-left: 6px solid #d00000;
    background: none;
    padding-left: 0.5em;
    margin-bottom: 5px;
}
#affiKind .ban,
#affiKind .text,
#affiKind .productLink,
#affiKind .mail,
#affiRequire .pcNet,
#affiRequire .address,
#affiRequire .bank,
#affiRequire .site,
#affiRequire .mail {
    padding: 5px 0 15px;
    border-bottom: dashed 1px #7f7f7f;
}

#affiKind .affiKindImgR { width: 40%; float: right; padding-left: 10px;}
#affiGenre .genreListAreaBox {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
	margin: 15px 0;
}
#affiGenre .genreListAreaBox li{ text-indent:-14px; padding-left:14px; padding-bottom:4px;}
#affiGenre .genreListAreaImg { display: none;}

#affiRequire .affiRequireImgR { width: 40%; float: right; padding-left: 10px;}

#affiFlow .cap01,
#affiFlow .cap03{ width: 80%; margin: 15px auto 0 auto; text-align: center; }
#affiFlow .cap01 .capArrow img,
#affiFlow .cap03 .capArrow img{ transform: rotate(90deg);}

#affiFlow h4{
	font-weight: bold;
	font-size:14px; font-size: 1.4rem;
	margin-top:25px; 
}
#affiFlow h4 span.flowNum{
	display: block;
    float: left;
    height: 24px;
    background: #17b987;
    padding: 0 3px;
    position: relative;
    margin: 0 22px 0 0;
    font-size: 12px; font-size: 1.2rem;
	color: #fff;
    line-height: 24px;
    width: 70px;
	text-align: center;
}
#affiFlow h4 span.flowNum:after{
	content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 11px solid #17b987;
    position: absolute;
    right: -11px;
    top: 0;
}

#affiFlow .cap02,
#affiFlow .cap04 { margin-top: 15px;}

#affiSelfback .selfbackLogo { width: 150px; float: left; margin-right: 20px;}
#affiPeople .peopleTxt { margin-top: 15px;}
#affiPeople .peopleTxt .pic { text-align: center; margin-top: 10px;}

#affiPeople .merit {
    background: #ffeaeb;
    margin-top: 10px;
    padding: 10px;
}
#affiPeople .merit li {
    background: url(images/icon_check.svg) left center no-repeat;
	background-size: 16px;
    padding-left: 25px;
	margin-bottom: 10px;
}
#affiPeople .merit li:last-child { margin-bottom: 0;}
/*ここまで古いの*/

/*--201901--*/
#affiAsp a{text-decoration: underline;}
ol.count{
counter-reset: item;
padding: 15px;
border: 1px solid #ccc;
background: #fff;
margin-top: 10px;
}
ol.count li{
text-indent: -2em;
padding-left: 2em;
line-height: 1.75;
margin-top: 15px;
font-size: 14px;font-size: 1.4rem;
}
ol.count li:first-child{
margin-top: 0;
}
ol.count li:before {
counter-increment: item;
content: counter(item)'';
font-weight: bold;
color: #fff;
background: #444;
padding: 2px 8px;
margin-right: 3px;
}
#affiAsp h4{
font-weight: bold;
border-left: 6px solid #d00000;
background: none;
padding-left: 0.5em;
margin-bottom: 5px;
}
ul.characteristic{
margin-top: 20px;
}
ul.characteristic li{
font-size: 18px;font-size: 1.8rem;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
margin-top: 15px;
text-indent: -1em;
padding-left: 1em;
line-height:1.4;
}
ul.characteristic li b{
color: #d00;
}
ul.characteristic li span.txtS{
font-weight: normal;
}
h3.affiType{
margin-top: 20px;
font-size: 18px;font-size: 1.8rem;
font-weight: bold;
}
span.number{
background: #444;
color: #fff;
padding: 2px 8px;
display: inline-block;
margin-right: 5px;
font-weight: bold;
}
#affiKind .ban, #affiKind .text, #affiKind .productLink, #affiKind .mail{
display: table;
width: 100%;
padding: 5px 0 15px;
border-bottom: dashed 1px #ccc;
}
#affiKind .ranking{
padding-bottom: 15px;
border-bottom: dashed 1px #ccc;
}
#affiKind .productLink{
border-bottom: none;
}
#affiKind .ban p, #affiKind .text p, #affiKind .productLink p, #affiKind .mail p{
display:table-cell;
}
#affiKind .ban p:first-child, #affiKind .text p:first-child, #affiKind .productLink p:first-child, #affiKind .mail p:first-child{
width: calc(60% - 10px);
}
#affiKind .ban p:last-child, #affiKind .text p:last-child, #affiKind .productLink p:last-child, #affiKind .mail p:last-child{
vertical-align: top;
text-align: center;
padding-left:10px;
width: 40%;
}
.productEx{
margin-top: 10px;
text-indent: -2em;
padding-left: 2em;
}
ul.productExList{
margin-top: 15px;
background: #fff;
padding: 15px;
}
ul.productExList li{
text-align: center;
}
.productExList.productAffiLink .comment{
background: #fff799;
-webkit-box-sizing: border-box;box-sizing: border-box;
border-radius: 8px;
padding: 10px 15px;
margin-top: 10px;
}
ul.productExList li img{
width: 170px;
height: auto;
margin: 0 auto 5px;
display: block;
}
#affiAsp .em{
font-weight: bold;
color: #d00;
}
#affiAsp .capArrow img{ transform: rotate(90deg);width: 21px;}
#affiFlow .cap01, #affiFlow .cap03{text-align: center;margin-top: 15px;}
/*ここまで*/


/*-----------------------------
 entry.html
-----------------------------*/
/*--201812--*/
#AfficontentsAnc{font-weight:bold; font-size: 14px;font-size: 1.4rem; margin-top: 30px; padding:12px 15px; background: #fff; border: solid 1px #cccccc;}
#AfficontentsAnc ul li{background: url(/wp/wp-content/themes/a8/images/icon_ancarrow.png) left top 10px no-repeat; padding-left: 20px; margin-bottom:5px;}
#AfficontentsAnc ul li a{font-size: 14px; line-height:1.5; color: #003366; text-decoration: underline;}
#AfficontentsAnc ul li a:hover{text-decoration:none !important;}

.innerAnc01 li {margin-bottom:0px !important; background:none !important;}
.innerAnc01 li a{color: #4a79a7 !important; margin-left:10px;}
.innerAnc02 li{margin-left:30px; background: url(../../uploads/2019/01/img_entryanc.png) left center no-repeat !important; background-size:9px !important; padding-left:0px !important;}


#whatsArea img{width:100%;}
#whatsArea .floatR{float:right;width:45%; margin-left:10px;}
#entryArea a{text-decoration-line: underline !important;}

h2.entryTit span.tit {background: url(../../uploads/2019/01/img_entryh2.png) left top repeat-y !important; padding-bottom:10px;}
h2.entryTit span.entryTitsub {font-size: 20px;font-size: 2.0rem;}


.innerAnc{font-weight:bold; font-size: 14px;font-size: 1.4rem; margin: 20px 0; padding:10px 15px; background: #fff; border: solid 1px #cccccc;}
.innerAnc ul li{background: url(/wp/wp-content/themes/a8/images/icon_ancarrow.png) left top 10px no-repeat; padding-left: 15px;}
.innerAnc ul li a{font-size: 14px; line-height: 2; color: #4a79a7; text-decoration: underline;}
.innerAnc ul li a:hover{text-decoration:none;}


#preArea01 .meritBox{justify-content: space-between; margin:20px 0;}
#preArea01 .meritBox li{background: #d7ecf1; border-radius: 5px; width:100%; font-size: 14px;font-size: 1.4rem; line-height: 1.5; margin-bottom:20px;}
#preArea01 .meritBox li div{padding:10px 10px 20px;}
#preArea01 .meritBox li h4{background: #67b4c5; color:#fff; text-align: center; border-left:0; border-radius: 5px 5px 0 0;  font-size: 18px;font-size: 1.8rem; font-weight:bold; padding:8px;}
#preArea01 .meritBox li h5{font-weight: bold; font-size: 16px;font-size: 1.6rem; color:#227588; margin-bottom:5px;}
#preArea01 .meritBox li ul li{width:97%; text-indent:-14px; padding-left:14px; background: none; margin:0;}
#preArea01 .meritBox .care {margin-top:10px;}
#preArea01 .meritBox .care li{font-size: 12px;font-size: 1.2rem !important; text-indent:-12px; padding-left:12px;}
#preArea01 .meritBox li.tollCon{background: #fff2f6;}
#preArea01 .meritBox li.tollCon h4{background: #ed8b93;}
#preArea01 .meritBox li.tollCon h5{color:#af414a;}

h4.subTitentry{background: #ddd; padding:10px; font-weight: bold; border-left:5px solid #ce0012;}

#enstep02 img{margin:20px auto; text-align: center; display: block;}
#enstep02 img{margin:20px auto; text-align: center; display: block;}
#enstep03 img{padding:10px;}

h5.steptit{background: #4a79a7; color:#fff; padding:15px 10px; font-weight: bold; font-size: 16px;font-size: 1.6rem; line-height:1.5;}
h5.steptit02{font-size: 16px;font-size: 1.6rem; font-weight:bold; background:url(../../uploads/2019/01/img_entrytitsub.png)no-repeat left top 8px; background-size:10px; padding-left:20px; margin-bottom:10px;}
.blueBox{background: #dfebf8; padding:15px; line-height: 1.8;}
#affiFree img,.stepimg01 img,.stepimg03 img,.stepimg02 img{width: 80%; margin: 0 auto 15px; display: block;}

#preArea02 .grayBox{background: #fff; padding:15px; font-size: 14px;font-size: 1.4rem; width:auto; justify-content: space-between; margin:20px 0; line-height: 1.6;}
#preArea02 .grayBox dt {width:100%;}
#preArea02 .grayBox h4{font-size: 18px;font-size: 1.8rem; border-left:0; background:none; padding-left:0; padding:0 0 5px 0; font-weight:bold;}
#preArea02 .grayBox h4 span{color:#fff; background: #a2000c; font-size: 16px;font-size: 1.6rem; border-radius: 5px; padding:3px 8px; margin-right:15px;}

.whiteBox{background: #fff; padding:15px; width:auto; justify-content: space-between; margin:20px 0; font-size: 14px;font-size: 1.4rem;}
.whiteBox dt{width: auto !important;}
.whiteBox dd{}
.whiteBox h4{font-size: 16px;font-size: 1.6rem !important; padding-left:20px !important; background:url(../../uploads/2019/01/img_entrytitsub.png)no-repeat left top 8px !important; background-size:10px !important;}

#entryArea .repoBox{margin-top:20px;}
#entryArea .repoBox p{margin-right:20px;}
#entryArea .chooseBox{margin:20px 0;}


#entryArea h3.subTit02{background:url(../../uploads/2019/01/img_entrytit02.png) left center; color:#fff; padding:10px; border-radius: 5px; font-weight: bold; line-height:1.5;}



#preArea03 table.table01 {width:100%; border-right:#fff solid 2px; border-collapse: collapse; margin-top: 20px; font-size:14px; font-size:1.4rem;}
#preArea03 table.table01 thead th {background:#20a5ac; color:#FFF; font-weight: bold; padding:5px; border-right:#FFF solid 2px; border-bottom:#FFF solid 2px; text-align: center;}
#preArea03 table.table01 thead th:last-child {border-right:#fff solid 2px;}
#preArea03 table.table01 tbody th {font-weight: bold; background:#57c4ca; color:#FFF; padding:5px; border-bottom:#FFF solid 2px; vertical-align:top; text-align: center;}
#preArea03 table.table01 tbody tr:last-child th {border-bottom:#fff solid 2px;}
#preArea03 table.table01 tbody td {background:#d9eaeb; color:#105c60; padding:5px; border-left:#fff solid 2px; border-bottom:#fff solid 2px; vertical-align:top;}

#entryArea #cmnNewASBtn {margin: 20px auto 10px;}
#entryArea .aboutAffiColumnBtn a {text-decoration: none !important;}


/*-----------------------------
frequentfaq.html
-----------------------------*/
.faqList dl.acMenu { background: #fff;}
.faqList dl.acMenu dd{ line-height:1.75;}
.acMenu dt {
	border: #e2e2e2 1px solid;
	border-bottom: none;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	line-height: 1.5;
	padding: 10px 30px;
	position: relative;
}
.acMenu dt:before {
	content: "Q";
	color: #da5858;
	display: inline;
	font-size: 22px;
	left: 10px;
	margin-right: 0.5em;
	position: absolute;
	top: 5px;
}
.acMenu dt:after {
	content: url("data:image/gif;base64,R0lGODlhDAAHAPMAAMzMzM3Nzc7OztLS0tXV1dzc3OHh4enp6erq6u/v7/X19fn5+fz8/P7+/gAAAAAAACH5BAEAAA4ALAAAAAAMAAcAAAQh0IBJq2ml1tIcIxpAME65DNWwlKwiTILCzkkQJHOOHHkEACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAOw==");
	display: inline;
	right: 10px;
	margin-left: 0.5em;
	position: absolute;
	top: 16px;
}
.acMenu dd {
 	background: #fff;
 	line-height: 1.5;
 	border: #e2e2e2 1px solid;
	border-bottom: none;
 	display: none;
	padding: 10px 10px 10px 30px;
	position: relative;
}
.acMenu dd:before {
	content: "A";
	color: #666;
	font-size: 22px;
	left: 10px;
	margin-right: 0.5em;
	position: absolute;
	top: 5px;
}
.faqItem:last-child dt { border-bottom: #e2e2e2 1px solid;}
.faqItem:last-child dd { border-top: none; border-bottom: #e2e2e2 1px solid;}


/*-----------------------------
camp.html
-----------------------------*/
#rewritable_camp { margin-top: 30px;}
#rewritable_camp dl { padding-bottom: 20px; border-bottom:solid 1px #ccc; margin-bottom: 20px;}
#rewritable_camp dl p { font-size: 14px;}
#rewritable_camp dl h3.arrow { margin-top:10px;}

.campResult { background: #ffffec; padding: 10px; border-radius: 5px;}
.resultTit { font-size: 18px; font-weight: bold; color: #d19513; margin-bottom: 10px;}
.campResult .campL { margin-bottom: 15px;}
.campResult h3.arrow { font-size: 16px;}
.campResult p { font-size: 14px;}

dl.mediaSite1807 { display:block; width:100%; margin-top:15px; padding-top:15px; border:none;}
dl.mediaSite1807 dt{ width:80%; display:block; padding-right:0; margin:10px auto; vertical-align:top;}
dl.mediaSite1807 dd{ display:block; vertical-align:middle; text-align:center;}

/*-----------------------------
campus.html
-----------------------------*/
.campusIntroR { width: 120px; float: right; margin: 0 0 10px 10px;}
#campus div { line-height: 1.5;}


/*-----------------------------
fanblog.html
-----------------------------*/
#fanblog .aboutblog_title {
	color: #482500;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dashed #f38108;
	line-height: 1.4;
}
#fanblog .aboutblog_title span {
    display: inline-block;
    background: #f38108;
    color: #ffffff;
    padding: 3px 5px;
    font-weight: bold;
	margin-bottom: 4px;
	font-size: 12px; font-size: 1.2rem;
}
#fanblog .img_aboutblog { margin-top: 10px;}
#fanblog .blog { font-weight: bold;}

.fanblogBtn { text-align: center; width: 80%; margin: 0 auto;}
.fanblogBtn a { display: inline-block; width: 100%; background: #f38108; border-bottom: 7px solid #c36705; border-radius: 6px; color: #fff; font-weight: bold; padding: 14px 24px;}
.fanblogBtn a span { text-shadow: 0px 2px 0px rgba(195, 103, 5, 1); filter: dropshadow(color=#c36705,offx=1,offy=1); filter: none\9; display: block; /* IE */}
:root .fanblogBtn a span { filter: none \0/; /*IE9用ハック*/}
.fanblogBtn a:hover { border-bottom: 4px solid #c36705; margin-top: 3px;}


/*-----------------------------
interview.html
-----------------------------*/
#a8recEc {
    font-size: 14px;
    margin-top: 10px;
    border: solid 1px #ccc;
    padding: 15px 15px 5px 15px;
	background: #fff;
}
#a8recEc li { display: inline-block; line-height: 1.4; margin: 0 15px 8px 0;}
#a8recEc li a {
    background: url(images/icon_icon_arrow01.svg) left center no-repeat;
	background-size: 10px;
	padding-left: 15px;
}
.ecInterview { border: 1px solid #ccc; padding: 10px; margin-top: 15px;}
.ecInterview.mgr20 { margin-right: 0 !important;}
.asecName { font-size: 16px; font-weight: bold; margin-bottom: 10px;}

/* interview.php */
#case h2 {
    background: url(images/sub_tit_border01.gif) left bottom repeat-x;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 16px; font-size: 1.6rem;
    border:none;
}
#case .ecLeft{ text-align: center; margin-bottom: 10px;}
#case .ecRight { background: #fff; padding: 10px;}
#case .ecRight h3,
#case .ecRight p{ font-size: 14px; font-size: 1.4rem; line-height: 1.5;}

#case .iconQ {
    background: url(images/icon_icon_q.svg) no-repeat 0 3px;
	background-size: 16px;
    padding-left: 22px;
    font-weight: bold;
}
#case .iconA {
    background: url(images/icon_icon_a.svg) no-repeat 0 3px;
	background-size: 16px;
    padding-left: 22px;
	margin-top: 10px;
}

#case .questionR { width: 80%; margin: 10px auto;}
#case .questionR img { border: 1px solid #ccc;}
#case .dot02 { border-bottom: 1px dotted #666;}
#case .banRight { margin-top: 15px;}

#case .program {
    margin-top: 30px;
    padding: 10px;
    border: solid 5px #ffea77;
    background-color: #fff;
}

#case .program .programL { text-align: center;}
#case .program h3.programR { font-size: 16px; font-size: 1.6rem; line-height: 1.5; margin-top: 10px;}
#case .program .programTxt { font-size: 14px; font-size: 1.4rem; background: #eee; padding: 10px; line-height: 1.5; margin: 10px 0 0 0;}

#case #ecCase {
    background: #ffffec;
    margin-top: 15px;
    border: solid 1px #dca225;
    padding: 10px;
}
#case #ecCase ul li {
	margin-top: 10px;
    background: url(images/icon_icon_arrow01.svg) left center no-repeat;
	background-size: 10px;
	padding-left: 15px;
	line-height: 1.4;
	font-size: 14px; font-size: 1.4rem;
}

.ecFlexbox{
display:-moz-box;/*--- Android旧ブラウザ用 ---*/
display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display:-webkit-flex;/*--- safari（PC）用 ---*/
display:flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flexboxflex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
.ecFlexbox li{ width: 50%; padding: 0 10px; text-align: center; margin-bottom: 20px;}
.ecFlexbox .ecName { text-align: center; font-family: 12px; font-size: 1.2rem; margin-top: 5px; word-break: break-all;}


/*-----------------------------
event.html
-----------------------------*/
.semiPic { text-align: center; margin-top: 10px;}
.nextSemi,
.endSemi {
    padding: 10px;
    font-weight: bold;
    background: #ffea77;
}

#semi { margin-top: 10px; font-size: 14px; font-size: 1.4rem;}
#semi h3 { font-size: 14px; font-size: 1.4rem; line-height:1.4; background-color: #0db3dd; padding:8px 5px; color: #fff;}
#semi h3 a { color: #fff;}
#semi .semiinfo {
    padding: 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
	background: #fff;
}
.semiGarally { margin-top: 15px; display: table; width: 100%; border-collapse: separate; border-spacing: 10px 0;}
.semiGarally .floatL { display: table-cell;}
.festivalreport {
    border: solid 1px #ccc;
    padding: 10px;
    margin-top: 20px;
	background: #fff;
}
/*-----------------------------
affiliater.html
-----------------------------*/
#affiliater .flex01{ display:block;}
#affiliater .flex01 .pdl30,#affiliater .flex01 .pdl20{ margin-top:10px; text-align:center; padding-left:0 !important;}
#affiliater .flex01 .pdl30 img{ width:60%;}
#affiliater .flex01 .pdl20 img{ width:50%;}
#affiliater ul{line-height: 1.3;}

#rewardTimingCaption{
	background:#cc0033; 
	color:#fff; 
	padding:8px 20px; 
}
#rewardTimingTable{
	border:1px solid #333;
	border-collapse:collapse;
	width:auto;
	margin:0 auto;
	font-size: 14px; font-size: 1.4rem;
line-height:1.3;
}
#rewardTimingTable th,#rewardTimingTable td{
	border:1px solid #333;
	padding:7px;
	font-weight: bold;
 	vertical-align:middle;
}
#rewardTimingTable th{background:#fff2cc;}
#rewardTimingTable td{background:#fff;}

.blockquoteLink{ text-align:left; margin-top:5px;font-size: 14px;font-size: 1.4rem;}
#affiliater .corRed{ font-weight:bold;}

#affiliater h4.subTitSquare{
	font-size: 16px;font-size: 1.6rem;
	font-weight: bold;
	margin-top: 20px;
}
#affiliater h4.subTitSquare:before{
	display:inline-block; 
	vertical-align: middle;
	content:'';
	width:10px;
	height: 10px;
	background: #ccc;
	margin-right: 7px;
}

.pad15{	padding:15px;}

#affiliater .checkscambox{background:#fef6c3; font-weight:bold;}
#affiliater .meritBox{background:#f9bec7;}
#affiliater .demeritBox{background:#bcddf6;}
#affiliater .defaultList{list-style-type: disc; padding-left:20px;}

#affiliater .checkscambox li,#affiliater .meritBox li,#affiliater .demeritBox li{
	margin-bottom:10px;
}
#affiliater .checkscambox li:last-child,#affiliater .meritBox li:last-child,#affiliater .demeritBox li:last-child{
	margin-bottom:0;
}
.affiliaterChecklist li{
	margin-left: 1.8em;
	text-indent: -1.8em;
}
.affiliaterChecklist li:before {
    content:  "";
    width: 22px; 
	height: 22px;
    display:  inline-block; 
    position:  relative;
    margin-right: 7px; 
    background:  url(images/affiliaterCheck.png) no-repeat;
    vertical-align: bottom; 
}