@charset "UTF-8";
/* CSS Document */
*{
margin: 0;
padding:0;
}

img {
vertical-align: bottom;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
body {
width: 100%;
}

a:link, a:visited {
    color: #297bd2;
    text-decoration: none;
}

area{
  border:none;
  outline:none;
}
.mt10 {
margin-top: 10px;
}

.mt20 {
margin-top: 20px;
}

.mr20 {
margin-right: 20px;
}

.pt10 {
padding-top:10px;
}

.inner {
width:960px;
margin: 0 auto;
}

#header h1 {
font-size:12px;
}

#logo {
display: inline-block;
}

#right {
display: inline-block;
float:right;
}

#logo img {
max-width:100%;
}

#g_navi {
background-color:#fff;
height:25px;
}

#g_navi a {
text-decoration: none;
color:#e07ccc;
font-size:14px;
display:block;

}

#g_navi li {
    float: left;
    line-height: 27px;
    width: 10.996%;
    border-left: 1px solid #e07ccc;
    border-right: 1px solid #e07ccc;
    text-align: center;
}

#g_navi li+ li {
  border-left: 0;
  border-right: 1px solid #e07ccc;
}

#g_navi .inner ul {
list-style-type:none;
}

#mainContent {
width:960px;
}

#subContent {
    width: 680px;
    float: left;
}

#whatsNew li img {
margin-right: 10px;
}

#whatsNew li {
font-size:12px;
color:#ff0000;
float:left;
margin-right: 20px;
width:46%;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#whatsNew li a,
#whatsNew li a:visited {
color:#000000;
}


#whatsNew li:last-child {
margin-right: 0;
}

.title_bg_blue {
font-size:14px;
padding:5px 10px;
color:#ffffff;
background:#0222e4;
}

.sub_title {
background:url(../img/top/sub_title_bg.jpg);
width:330px;
height:30px;
line-height: 30px;
}

.sub_title p {
font-size:14px;
margin-left: 20px;
font-weight:bold;
}

.contents_area {
width:330px;
float:left;
}

.contents_area h3{
margin-top:5px;
    border-bottom: #cf5392 solid 2px;
    margin-bottom: 5px;
}

.contents_area h4{
margin-top:5px;
padding: .25em 0 .25em .75em;
  border-left: 6px solid #cf5392;
    margin-bottom: 5px;
    margin-left:5px;
}

.contents_area {
    width: 960px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#search_area {
width: 100%;
    height: 400px;
    background-image: url(../img/top/headerback.jpg);
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.search_post input[type="text"] {
width:250px;
margin-right: 10px;
}

.search_post input[type="submit"] {
color:#ffffff;
width:60px;
background: #ff7200; /* Old browsers */
background: -moz-linear-gradient(top, #ff7200 0%, #ff8a00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7200 0%,#ff8a00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7200 0%,#ff8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#ff8a00',GradientType=0 ); /* IE6-9 */
}

#keyword_list {
line-height: 1.2;
}

#keyword_list a {
font-size:12px;
margin-right: 10px;
}

#right_side {
float:right;
width:260px;
}

#ad_side {
width:960px;
text-align:center;
}

.ad_side_detail img {
width:100%;
    margin-bottom: 10px;
}

.ad_side_detail p {
font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.ad_side_detail span {
    color: #ffffff;
    margin-right: 5px;
    font-size: 13px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: rgba(207,83,146,0.9);
    padding: 5px 10px;
}

.ad_side_detail a {
text-decoration: none;
margin-bottom: 10px;
}

.ad_side_detail a:hover {
opacity: 0.6;
}


.right_side_detail img {
width:100%;
}

.right_side_detail p {
font-size:12px;
width:100%;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right_side_detail span {
color:#ffffff;
margin-right: 5px;
font-size:10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:rgba(207,83,146,0.9);
padding:5px 10px;
}

.right_side_detail a {
text-decoration: none;
margin-bottom: 10px;
}

.right_side_detail a:hover {
opacity: 0.6;
}

#bnr_area img {
margin-top: 10px;
}

.sub_title_bg {
margin-top: 10px;
width:258px;
height:38px;
background:url(../img/top/right_sub_title.jpg)no-repeat;
border:#c6c6c6 1px solid;
}

.sub_title_bg p {
font-size:14px;
line-height:38px;
margin-left:10px;
font-weight:bold;
}

.right_side_detail {
border-right:#c6c6c6 1px solid;
border-left:#c6c6c6 1px solid;
border-bottom:#c6c6c6 1px solid;
width:248px;
padding:5px;
}

.ad_side_detail {
border-right:#c6c6c6 1px solid;
border-left:#c6c6c6 1px solid;
border-bottom:#c6c6c6 1px solid;
width:31%;
padding:1.06%;
float:right;
height:320px;
}


#footer {
margin-top: 20px;
background:#eeeeee;
}

#foot {
padding:10px;
}

#foot ul {
display: inline-block;
margin: 0 auto;
list-style-type:none;
}

#foot li {
float:left;
margin-right: 10px;
}

#address {
text-align: center;
font-size:10px;
}

#company {
text-align: right;
}

.searchArea {
width:330px;
float:left;
}

.searchArea dl {
margin-top: 10px;
}

.searchArea dt {
border-bottom:#0000ff solid 2px;
margin-bottom: 5px;
}

.searchArea dd {
font-size:14px;
}

.searchArea dd input[type="checkbox"] {
margin-right: 10px!important;
}

#submit {
text-align: center;
}

#submit input[type="submit"] {
color:#ffffff;
padding:5px 10px;
background: #ff7200; /* Old browsers */
background: -moz-linear-gradient(top, #ff7200 0%, #ff8a00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7200 0%,#ff8a00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7200 0%,#ff8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#ff8a00',GradientType=0 ); /* IE6-9 */
}

/* new */
/* =13 module item new/reco
------------------------*/

.new h2,
.reco h2{
	margin:0 0 20px 0;
}

.new table,
.reco table{
	width:100%;
	font-size:80%;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	clear:both;
	border-collapse: collapse;
}
	
.new th,
.new td,
.reco th,
.reco td{
	text-align:center;
	line-height:150%;
	border-bottom:1px solid #ccc;
}

.new th,
.reco th{
	padding:7px 5px 6px 5px;
	background:#eee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
}

.new th a,
.reco th a{
	color:#333;
	text-decoration:none;
}

.new th a:hover,
.reco th a:hover{
	color:#666;
}

.new td,
.reco td{
	padding:7px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}

.new .point,
.reco .point{
	line-height:150%;
	margin:0 0 10px 0;
}

.new tr,
.reco tr{
	border-bottom:1px solid #ccc;
}

.new .detail a,
.reco .detail a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto;
}

.new .detail a,
.reco .detail a{
	background:url(img/btn_info.jpg) no-repeat 0 0;
}

.new .detail a:hover,
.reco .detail a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



.new .detail a,
.reco .detail a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto;
}

.new .detail a,
.reco .detail a{
	background:url(../img/btn_info.jpg) no-repeat 0 0;
}

.new .detail a:hover,
.reco .detail a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.new #main h2 {
font-size:16px;
text-align: left;
margin-block-start:0!important;
border-bottom:#0000ff solid 1px;
padding:10px;
}

#main .news h2,
.h2_title h2 {
font-size:16px;
text-align: left;
margin-block-start:0!important;
border-bottom:#0000ff solid 1px;
padding:10px;
}

table.detail{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

table.detail th,
table.detail td{
	border:1px solid #fff;
	line-height:150%;
	padding:5px;
}

table.detail th{
	width:35%;
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	text-align:left;
	background:#fff;
}

table.detail td a{
	color: #535252;
	outline: medium none;
	text-decoration: underline;
}

table.detail td a:hover{
	text-decoration: none;
}

#main .news ul {
list-style-type:none;
padding:10px;
}

#main .news ul li span {
font-size:10px;
}

#main .news ul li {
font-size:14px;
padding:10px;
margin-bottom: 5px;
background:#eeeeee;
}

.page_top {
	font-size:10px;
	text-align: right;
}

.page_top a:hover{
	opacity:0.6;
}

/*______ ページナビ ______*/

.page_navi p{
	font-size:90%;
	text-align:center;
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
}

.page_navi p strong{
	margin:0 5px 0 0;
}

.page_navi ul{
	font-size:78%;
	text-align:right;
}

.page_navi li{
	display:inline;
}

.page_navi li span {
	color:#fff;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:0.4em 0.7em;
	background-color:#f9ab16;
	border:1px #f9ab16 solid;
	font-weight:bold;
}

.page_navi li a{
	color:#333;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:0.4em 0.7em;
	border:1px #ccc solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#ccc;
}

.page_navi li a:hover,
.page_navi li a:active{
	border-color:#ccc;
	background-color:#f2f2f2;
}

.page_navi li.next a{
	width:32px;
	text-align:left;
	background:url(img/next.gif) no-repeat 33px 6px;
}

.page_navi li.back a{
	width:32px;
	text-align:right;
	background:url(img/back.gif) no-repeat 3px 6px;
}

/* =11 module item list
------------------------*/

.item_list h2{
	line-height:150%;
	border-left:7px solid #f97816;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.item_list h3{
	height:28px;
	display:block;
	margin:15px 0 0 0;
	padding:7px 10px 0 10px;
	background:#74aed0;
}

.item_list h3 input{
	margin:0 10px 0 0;
}

.item_list h3 a{
	color:#fff;
}

/*______ 一覧 ______*/

.list table{
	width:100%;
	font-size:90%;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	clear:both;
}
	
.list th,
.list td{
	text-align:center;
	line-height:150%;
	/border-bottom:1px solid #ccc;
}

.list th{
	padding:7px 5px 6px 5px;
	background:#eee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.list th a{
	color:#333;
	text-decoration:none;
}

.list th a:hover{
	color:#666;
}

.list td{
	padding:10px;
	text-align:left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}

.list .point{
	line-height:150%;
	margin:0 0 10px 0;
}

.list tr{
	border-bottom:1px solid #ccc;
}

.list tr.mark{
	background:#f6f9ff;
}

.list .title{
	font-weight:bold;
	color:#07a84b;
	font-size:120%;
	text-align:left;
	background:#f6f9ff;
	border-bottom:1px solid #ccc;
}

.list .title p{
	width:720px;
	float:left;
}

.list .title .update{
	width:230px;
	font-size:90%;
	font-weight:normal;
	color:#333;
	float:right;
	border-left:1px dotted #ccc;
}

.list .title .update span{
	margin:0 0 0 10px;
}


/*______ 詳細・応募ボタン ______*/

.list .btn{
	width:230px;
	_width:240px;
	margin:0 0 0 auto;
}

.list p.detail,
.list p.entry{
	float:left;
	margin:0 0 0 10px;
}

.list .detail a,
.list .entry a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.list .detail a{
	background:url(img/btn_info.jpg) no-repeat 0 0;
}

.list .entry a{
	background:url(img/btn_entry.jpg) no-repeat 0 0;
}

.list .detail a:hover,
.list .entry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.list .delete{
	width:20px;
	height:20px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:block; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
}

.list a.delete{
	background:url(img/btn_delete.gif) no-repeat 0 0;
}

.list a.delete:hover{
	background-position:0 -20px;
}

/*______ 詳細用テーブル ______*/

.item_list table {
border-collapse: collapse;
}

table.detail{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

table.detail th,
table.detail td{
	border:1px solid #fff;
	line-height:150%;
	padding:5px;
}

table.detail th{
	width:35%;
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	text-align:left;
	background:#fff;
}

table.detail td a{
	color: #535252;
	outline: medium none;
	text-decoration: underline;
}

table.detail td a:hover{
	text-decoration: none;
}


/*______ 詳細・応募ボタン ______*/

.list .btn{
	width:230px;
	_width:240px;
	margin:0 0 0 auto;
}

.list p.detail,
.list p.entry{
	float:left;
	margin:0 0 0 10px;
}

.list .detail a,
.list .entry a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.list .detail a{
	background:url(../img/btn_info.jpg) no-repeat 0 0;
}

.list .entry a{
	background:url(../img/btn_entry.jpg) no-repeat 0 0;
}

.list .detail a:hover,
.list .entry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.list .delete{
	width:20px;
	height:20px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:block; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
}

.list a.delete{
	background:url(../img/btn_delete.gif) no-repeat 0 0;
}

.list a.delete:hover{
	background-position:0 -20px;
}

.select_send {
	line-height:150%;
	margin:5px 0 0 5px;
	padding:0 0 0 25px;
	background:url(../img/icon_arrow1.gif) no-repeat left 50%;
}

/*______ フォーム ______*/

.form{
	padding:20px;
	border: double #ccc;
	margin:20px 0 0 0;
}

.form table{
	width:100%;
	font-size:80%;
}

.form table caption{
	color:#fff;
	font-size:120%;
	padding:7px;
	background:#74aed0;
}

.form tr{
	border-bottom:1px dotted #ccc;
}

.form th,
.form td{
	line-height:150%;
	padding:10px;
}

.form td{
	font-size: 110%;
}

.form th{
	text-align:left;
	vertical-align: top;
	background:#f6f9ff;
}

.form th span {
    background:#ff0000;
    color: #FFFFFF;
    font-size: 78%;
    margin: 0 0 0 10px;
    padding:3px 5px;
}

.form td{
	text-align:left;
}

.form td p{
	font-size: 90%;
	line-height:160%;
}

.form td.row label{
	width:43%;
	float:left;
}

.form .submit{
	width:150px;
	margin:0 auto;
}

.form td textarea {
width:95%!important;
}

.right_text {
text-align: right;
font-size:12px;
margin-top: 10px;
}

.error ul {
list-style-type:none;
}

.error ul li {
color:#ff0000;
font-size:12px;
margin-left: 10px;
}

.formTable th span{
font-size:10px;
}

/*______ チェックフォーム ______*/

.check{
	background:#fff;
	margin:0 10px;
	padding:20px;
}
	
.check table{
	width:100%;
	margin:0 0 10px 0;
}

.check table caption{
	color:#666;
	padding:10px 0;
	border-bottom: double #ccc;
}

.check th,
.check td{
	font-size:80%;
	border-bottom:1px dotted #ccc;
	padding:7px;
}

.check th{
	width:30%;
	text-align:center;
}

.check td{
	width:70%;
	text-align:left;
	line-height:180%;
}

.check .submit{
	width:300px;
	margin:0 auto;
}

#formWrap {
padding:0 10px;
margin-top: 20px;
}

#formWrap table {
width:100%;
font-size:14px;
}

#formWrap table th,
#formWrap table td {
vertical-align: top;
padding:5px;
}

#formWrap table td label {
white-space: nowrap;
}

#formWrap table td input[type="checkbox"] {
margin-right: 5px;
}

.table_title_bg1 {
background:#d9f3fe;
}

.table_title_bg2 {
background:#d9feef;
}

.table_title_bg3 {
background:#fcfed9;
}

.table_title_bg4 {
background:#fed9f3;
}

.table_title_bg5 {
background:#f5f1f1;
}

#formWrap .table_title {
border-bottom: #cccccc dotted 1px;
}

#formWrap table input[type="text"],
#formWrap table textarea {
width:100%;
resize: vertical;
}

#done {
font-size:14px;
padding: 10px;
}

.detail_style {
font-size:14px;
padding:10px;
}

.faq {
background:#eeeeee;
padding:5px;
margin-bottom: 20px;
}

.question {
font-weight:bold;
border-bottom:#0000ff solid 1px;
margin-bottom: 10px;
}

.question::before {
	content: "Q." ;
	white-space: pre ;
}

.answer {
padding-left:10px;
}

.answer::before {
	content: "┗ A." ;
	white-space: pre ;
}

.item_info h2 {
    width: 600px;
    line-height: 150%;
    border-left: 7px solid #0000ff;
    padding: 5px 0 0 15px;
    margin: 0 0 20px 0;
    float: left;
}

.item_info h2 span {
    font-size: 70%;
    display: block;
}

.item_info .test {
    float: right;
}

.item_info .test .update {
    font-size: 80%;
    text-align: right;
}

.item_info .test .entry {
    margin: 15px 0 0 auto;
}

.item_info .entry {
    width: 215px;
    margin: 30px auto 0 auto;
}

.item_info .entry a {
    width: 215px;
    height: 40px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/btn_entry_full.gif) no-repeat 0 0;
}

.item_info .option {
    margin: 100px 0 0 0;
    clear: both;
}

.item_info .option ul {
    margin: 0 -4px 0 0;
}

.item_info .option li {
    width: 158px;
    padding: 5px 12px;
    margin: 0 4px 8px 0;
}

.option li {
    background: #0000ff;
    color: #ffffff;
    font-size: 85%;
    text-align: center;
    border: 1px solid #0000ff;
    border-radius: 3px;
    margin: 0 0 3px 0;
    display: -moz-inline-box;
    display: inline-block;
}

.item_info .photo li {
    width: 294px;
    padding: 10px;
    border: 1px solid #ddd;
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

.item_info h3 {
    border-left: 5px solid #0000ff;
    padding: 3px 0 3px 10px;
    margin: 30px 0 20px 0;
}

#google_ad {
margin-top:20px;
}
.title_bg_pink {
    font-size: 14px;
    padding: 5px 10px;
    color: #ffffff;
    background: #cf5392;
}

.banner_area{
margin-top:10px;
}

.banner_area a{
    display: inline-block;
    padding: 0.5em;
    text-decoration: none;
    /* background: rgba(207,83,146,0.8); */
    color: #000;
    /* box-shadow: 0px 0px 0px 5px #fff; */
    font-size: 20px;
    margin-top: 10px;
    margin-right: 18px;
    margin-bottom: 14px;
    margin-left: 18px;
    width: 79px;
    float: left;
    text-align: center;
    border: solid 1px #000;
background: #ffffff;
    border-radius: 5%;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.banner_area a:hover {
 opacity: 0.8;
}

.banner_area a img{
    width: 21%;
    /* padding: 7px; */
    /* padding: 0.2em 0.5em; */
    margin: 1em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
    margin-left: 20px;
}

.keyvisual{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(../img/top/cover_01.jpg);
    background-repeat: no-repeat;
    z-index: -99;
    top: 100px;
    opacity:0.7;
}
.sliders-items{
}

#bnr_area img{
width:470px;
}
.centerleftbnr {
    float: left;
}
#body-inside{
overflow-x: hidden;
}
.orverwidth{
margin:0 -200%;
padding:0 200%;
background: url(../img/top/bokashiback.jpg);
text-align: center;
    background-position: center;
    background-size: cover;
}

.orverwidth2{
background: rgba(255,128,192,0.2);
text-align: center;
}

.orverwidth p{
padding:1em;
}

div#header {
    text-align: center;
}

div#bnr_area {
    text-align: center;
}

.btn-social-circle {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 30px;
  padding: 5px;
  font-size: 25px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  box-shadow: inset 0 2px 0px rgba(255, 255, 255, 0.25), inset 0 -2px 0px rgba(0, 0, 0, 0.18);
  transition: .2s;
}

.btn-social-circle:link,.btn-social-circle:visited{
  color: #FFF;
}

.btn-social-circle .fab {
  line-height: 30px;
}
.btn-social-circle:hover {
  box-shadow: none;
}

.btn-social-circle--twitter {
  background: #1da1f3;
  border: solid 5px #1da1f3;
}

.btn-social-circle--facebook {
  background: #3b75d4;
  border: solid 5px #3b75d4;
}

.btn-social-circle-- {
  background: #3b75d4;
  border: solid 5px #3b75d4;
}

.btn-social-circle--instagram {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #2e6ca5;
  font-size: 25px;
  text-decoration: none;
}


.btn-social-circle--instagram:link,.btn-social-circle--instagram:visited{
  color: #2e6ca5;
}


.btn-social-circle--instagram:hover {
  color:#668ad8;
  transition: .5s;
}

.btn-social-circle--instagram__square {
  border-radius: 13px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 35px;
  line-height: 50px;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden
}

.btn-social-circle--instagram__square:before {
  content: '';
  position: absolute;
  top: 23px;
  left: -18px;
  width: 60px;
  height: 60px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

.btn-social-circle--instagram__square .fa-instagram {
  color:white;
  line-height: 50px;
  position: relative;
  z-index: 2}
  
  
  .btn{
    width: 200px;
    height: 46px;
    line-height: 47px;
    float: right;
        padding-top: 10px;
}
.btn a{
    height: 100%;
    font-weight: bold;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 5px 5px 0px 0px #DEDEDE;
    display: inline-block;
    padding: -0.5em;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    width: 100%;
    border: dashed 1px #000;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}

#headerleft {
margin-top:5px;
margin-bottom:5px;
    float: left;
    width: 305px;
    text-align: left;
}
#headerright {
margin-top:10px;
margin-bottom:5px;
    float: left;
    width: 370px;
    text-align: right;
}
#logo {
float:left;
    padding-top: 10px;
}


span.text_s {
font-size:14px;
}

#publishedrule {
    height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 5px;
}

.public_border_gray_topnashi {
    border: 1px solid #c4c4c4;
    border-top: 0;
}
.pb3_7 {
    padding-bottom: 3.7%;
}
.pt3_8 {
    padding-top: 3.8%;
}
.back_glay_grare {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.width36 {
    width: 36%;
}
.back_white {
    background-color: white;
}
.width32 {
    width: 32%;
}
.vamiddle {
    vertical-align: middle;
}
.table_cell {
    display: table-cell;
}

.width97 {
    width: 97%;
}
.mlrA {
    margin-left: auto;
    margin-right: auto;
}
.public_border_gray {
    border: 1px solid #c4c4c4;
}
.main_back_color_usu2 {
    background-color: #efede1;
}
.public_border_blue2px {
    border: 2px solid rgba(207,83,146,0.9);
}
.back_blue2 {
    background-color: rgba(207,83,146,0.9);
}
.public_border_gray_bottom {
    border-bottom: 1px solid #c4c4c4;
}
.public_border_blue2px_topnashi {
    border: 2px solid rgba(207,83,146,0.9);
    border-bottom: 1px solid rgba(207,83,146,0.9);
    border-top: 0;
}
.public_border_gray {
    border: 1px solid #c4c4c4;
}
.width15 {
    width: 15%;
}
.width16 {
    width: 16%;
}
.width17 {
    width: 17%;
}

.pb1_7 {
    padding-bottom: 1.7%;
}
.pt1_8 {
    padding-top: 1.8%;
}

.color_white {
    color: white;
}

.size1 {
    font-size: 1em;
}

.lt0_5 {
    letter-spacing: 0.5px;
}
.lh140 {
    line-height: 140%;
}
.tC {
    text-align: center;
}
.color_pink {
    color: rgba(207,83,146,0.9);
}
.bold {
    font-weight: bold;
}
.width100 {
    width: 100%;
}
.table {
    display: table;
}

.size2_1 {
    font-size: 2.1em;
}
.lt0_2 {
    letter-spacing: 0.2px;
}
.vamiddle {
    vertical-align: middle;
}
table.banner th {
background: #cf5392;
text-align: center;
color:#fff;
font-size: 13px;
}
table.banner th, table.banner td {
border: 1px solid #b7b7b7;
padding: 9px;
}
table.banner td.img {
    font-size: 12px;
    line-height: 16px;
    color: #5b5b2f;
    width: 36%;
}
table.banner textarea{
width:100%;
font-size: 12px;
}

.new th, .reco th {
    padding: 7px 5px 6px 5px;
    background: #eee;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
    font-size: 1.3em;
}
.new th, .new td, .reco th, .reco td {
    text-align: center;
    line-height: 150%;
    border-bottom: 1px solid #ccc;
}

.new img {
    width: 100%;
}
caption, th {
    text-align: left;
}
/* ダブルレクタングル
----------------------------------------------------*/
.kiziad {
	padding:0px !important;
}
 
.adleft {float:left; width:300px;}
.adright {float:right; width:300px;}
 
/* clear */
.clear {clear:both;}
.clear hr {display:none;}
 
/* 大画面用の設定 */
@media screen and (min-width: 1081px) {
	.kiziad {width:680px;}
}
 
/* モバイル画面用の設定 */
@media screen and (max-width: 1080px) {	
	.kiziad {padding:0 !important; width:300px; margin:0 auto;}
	.adright {display:none;}
	.adleft {width:300px;}
}

.centerrightbnr{
float:right;
}

.toptable1 {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #ccc;
width:100%;
}
.toptable1 th {
padding: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #ff72b8;
color: #ffffff;
}
.toptable1 td {
padding: 10px;
}

.toptable1 td a{color:#555;}
.toptable1 td a:hover{color:#FF6199;}