/* button 

http://www.webdesignerwall.com/demo/css-buttons.html

usage:

html ex:
<div>
  <input class="btn pink" type="btn" value="Input Element" /> 
  <button class="btn pink">btn Tag</btn>
  <span class="btn pink">Span</span> 
  <div class="btn pink">Div</div> 
  <p class="btn pink">P Tag</p> 
  <h3 class="btn pink">H3</h3> 
</div>

color:
  black, gray, orange, red, blue, rosy, green, pink

style
  round, square

size:
  medium, big, exbig

---------------------------------------------- */
ul.radius li {   font-size: 12px; }
ul.radius p {   font-size: 12px;   margin: 0 0 10px 0;   padding: 0; }
div.qa {   margin: 15px 20px 10px 20px;   font-size: 80%; }
div.qa h3 {   color: #000000;   font-size: 15px;   font-weight: bold;   padding: 5px 0px 5px 5px;   margin: 10px 0px 10px 0px;   border-left: 5px solid #b3b3b3;   border-bottom: 1px dashed #b3b3b3; }
.btn { display: inline-block; zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
  *display: inline; vertical-align: baseline; margin: 1px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px Arial, Helvetica, sans-serif; padding: .4em .5em .275em; text-shadow: 0 -1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; 
  -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);

/* white */
  color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top,  #fff,  #ededed); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }
.btn:hover { text-decoration: none;

/* white */
  background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top,  #fff,  #dcdcdc); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }

.round { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
.square { -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; }
.medium { font-size: 20px; padding: .4em 1.5em .42em; }
.big { font-weight: bold; font-size: 24px; padding: .5em 2em .55em; }
.exbig { font-weight: bold; font-size: 30px; padding: .5em 2em .55em; }
.wide { font-size: 20px; padding: .4em 1.5em .42em; width:94%; margin:0 3% 0 3%;
display:inline; }

/* color styles 
---------------------------------------------- */

/* commit */
.commit { color: #fff; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top,  #ed1c24,  #aa1317); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); }
.commit:hover { color: #eee; background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); }

/* black */
.black { color: #fff; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top,  #666,  #000); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); }
.black:hover { color: #fff; background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top,  #444,  #000); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); }

/* gray */
.gray { color: #fff; border: solid 1px #555; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top,  #888,  #575757); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }
.gray:hover { color: #fff; background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top,  #757575,  #4b4b4b); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }

/* white */
.white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top,  #fff,  #ededed); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }
.white:hover { color: #606060; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top,  #fff,  #dcdcdc); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }

/* orange */
.orange { color: #fff; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover { color: #fff; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }

/* red */
.red { color: #fff; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top,  #ed1c24,  #aa1317); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); }
.red:hover { color: #eee; background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); }

/* blue */
.blue { color: #fff; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top,  #00adee,  #0078a5); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); }
.blue:hover { color: #fff; background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top,  #0095cc,  #00678e); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); }

/* rosy */
.rosy { color: #fff; border: solid 1px #b73948; background: #da5867; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)); background: -moz-linear-gradient(top,  #f16c7c,  #bf404f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); }
.rosy:hover { color: #fff; background: #ba4b58; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background: -moz-linear-gradient(top,  #cf5d6a,  #a53845); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); }

/* green */
.green { color: #fff; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); }
.green:hover { color: #fff; background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top,  #6b9d28,  #436b0c); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }

/* pink */
.pink { color: #000; border: solid 1px #d2729e; background: #f895c2; background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)); background: -moz-linear-gradient(top,  #feb1d3,  #f171ab); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); }
.pink:hover { color: #000; background: #d57ea5; background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)); background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); }

h1,h2,h3,h4,h5,h6,ul,li{ margin:0; padding:0; }

.touroku{ padding:10px 0; text-align:center; }

.button_icon{ width:70px; height:70px; padding-right:10px; float:left; }

.button_text{ width:70%; float:left; }

.tieup{ font-size:13px; }

.clear{  clear:both; }

.touroku2{ margin: 0; padding:70px 0 15px 0; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbcbdf)); background: -moz-linear-gradient(top, #ffffff,#fbcbdf);


}
.touroku2 img{ width:90%; }

.button_icon2{ /*width:70px; height:80px;*/
  margin-bottom:3px; }

.button_text2{ /*width:70%;*/
  /*float:left;*/
}

/*トップバナー*/
.banner_box{ background-color: #fa9576; background: -webkit-gradient(linear, left top, left bottom, from(#fbcbdf), to(#ffffff)); background: -moz-linear-gradient(top, #fbcbdf,#ffffff); margin-bottom: 10px; padding-top: 10px; }

.top_banner{ width: 95%; margin: 0 auto 5px; }

.top_banner img{ border: 1px solid #a9a9a9; }

.banner_list{ display: table; table-layout: fixed; width: 95%; margin: 0 auto; }

.banner_list .banner_part{ display: table-cell; text-align: center; }

.banner_list .banner_part:nth-child(1){ text-align: left; }

.banner_list .banner_part:nth-child(2){ text-align: right; }

.banner_list_3{ width: 95%; margin: 5px auto; display: flex; flex-flow: row wrap; justify-content: space-between; }

.banner_list_3 div{ width: 33%; }

.banner_list_3 img{ width: 100%; }

/*-----------------------------
ダウンロードボタン
-----------------------------*/

.download_button{ height: 30px; width: 70%; margin: 0 auto; background-color: #019edb; background: -webkit-gradient(linear,left top,left bottom, from(#1cee00),  to(#2bb800)); background: -moz-linear-gradient(top, #1cee00, #2bb800); border: solid 1px #2bb800; border-radius: 7px; box-shadow: 0 -1px 2px #e8ffe6 inset; }

.download_button a{ text-decoration: none; text-align: center; display: block; color: #fff; font-weight: bold; line-height: 30px; text-shadow: 0 2px 0 #2bb800; }


/*-----------------------------
情報変更ボタン
-----------------------------*/

.jyoho_button{ height: 32px; width: 65%; margin: 0 auto; background-color: #d2d2d2; background: -webkit-gradient(linear,left top,left bottom, from(#ebebeb),  to(#c5c5c5)); background: -moz-linear-gradient(top, #e5241f, #bb1813); border: solid 1px #acacac; border-radius: 10px; box-shadow: 0 -1px 2px #9f9f9f inset; }

.jyoho_button a{ text-decoration: none; text-align: center; display: block; color: #fff; font-weight: bold; line-height: 32px; text-shadow: 0 2px 0 #acacac; }




/*-----------------------------
退会確認ボタン
-----------------------------*/

.taikai_no{ height: 30px; width: 70%; margin: 0 auto; background-color: #091980; background: -webkit-gradient(linear,left top,left bottom, from(#8edef8),  to(#091980)); background: -moz-linear-gradient(top, #8edef8, #091980); border: solid 1px #091980; border-radius: 7px; box-shadow: 0 -1px 2px #509aff inset; }

.taikai_no a{ text-decoration: none; text-align: center; display: block; color: #fff; font-weight: bold; line-height: 30px; text-shadow: 0 2px 0 #091980; }

.taikai_yes{ height: 30px; width: 70%; margin: 0 auto; background-color: #850404; background: -webkit-gradient(linear,left top,left bottom, from(#f69c66),  to(#850404)); background: -moz-linear-gradient(top, #f69c66, #850404); border: solid 1px #850404; border-radius: 7px; box-shadow: 0 -1px 2px #ff5050 inset; }

.taikai_yes a{ text-decoration: none; text-align: center; display: block; color: #fff; font-weight: bold; line-height: 30px; text-shadow: 0 2px 0 #850404; }.manage_body{ padding: 10px; }

.content_title{ font-size: 1.2rem; padding: 10px 0; }

/* TABLE detail START */
table.manage_detail { width: 320px; border: 1px #A3A3A3 solid; border-collapse: collapse; border-spacing: 0; }

table.manage_detail th { padding: 5px; border: #A3A3A3 solid; border-width: 0 0 1px 1px; background: #E3E3E3; font-weight: bold; line-height: 120%; text-align: right; white-space: nowrap; 
}
table.manage_detail th.error { padding: 5px; border: #A3A3A3 solid; border-width: 0 0 1px 1px; background: #FF6666; font-weight: bold; line-height: 120%; text-align: right; white-space: nowrap; 
}
table.manage_detail td { padding: 5px; border: 1px #A3A3A3 solid; border-width: 0 0 1px 1px; }

table.manage_detail td.inner { text-align:center; padding:0; border:none; white-space:nowrap; }

/* TABLE detail END */

/* TABLE LIST START */
table.manage_list { width: 320px; border-color: #A3A3A3; border-style: solid; border-width: 1px; border-collapse: collapse; border-spacing: 0; }

table.manage_list th { padding: 3px; background: #e3e3e3; font-weight: normal; line-height: 120%; text-align: center; white-space: nowrap; border-color: #A3A3A3; border-style: solid; border-width: 1px; text-decoration: none; }

table.manage_list th a:link,a:visited { text-decoration: none; }

table.manage_list tr:hover td { background: #efefef; }

table.manage_list td { padding: 3px; border-color: #A3A3A3; border-style: solid; border-width: 1px; }

/* TABLE LIST END */
div.pagination { padding: 3px; margin: 15px; text-align:center; }
 
div.pagination a { border: 1px solid #dedfde; margin-right:3px; padding:6px 9px; background-color:#ffffff; background-position:bottom; text-decoration: none;

  color: #0061de;  
}

div.pagination span { margin-right:3px; padding:6px 9px;

  background-position:bottom; background-color:#ffffff; border: 1px solid #dedfde; background-image:none; background-color:#0061de; color: #fff; }

div.pagination a:hover, div.meneame a:active { border: 1px solid #000; background-image:none; background-color:#0061de; color: #fff; }
/**************************/
/* PHP Rails scaffold.css */
/**************************/

/*
http://predic8.com/iphone-css-layout-theme.htm
http://connecre.com/connelog/connelog00000172.php
*/


/* HTML BASIC START */

body { margin: 0; padding: 0 }

a: { text-decoration: none; }


.b {font-weight:bold;}

.cWhite {color:#fff;}
.cBlue {color:#00adee;}

.m0 {margin:0;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.mT5 {margin-top:5px;}
.mT10 {margin-top:10px;}
.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
.mL5 {margin-left:5px;}
.mL10 {margin-left:10px;}
.mR5 {margin-right:5px;}
.mR10 {margin-right:10px;}

.p0 {padding:0;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.pT5 {padding-top:5px;}
.pT10 {padding-top:10px;}
.pB5 {padding-bottom:5px;}
.pB10 {padding-bottom:10px;}
.pL5 {padding-left:5px;}
.pL10 {padding-left:10px;}
.pR5 {padding-right:5px;}
.pR10 {padding-right:10px;}

.nb {white-space:nowrap;}

.aL {text-align:left;}
.aC {text-align:center;}
.aR {text-align:right;}

/* HTML BASIC END */

* { word-break: break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(255,255,0,0.4); -webkit-text-size-adjust:none; }

body { color: #333333; font-size: 15px; line-height: 1.3; font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
  -webkit-text-size-adjust: none; /* 文字の拡大縮小を防ぐ */
}


/* clearfix */
:after { display: block; clear: both; }

em{ color: #db0000;}

p { margin: 0 0 10px 0; padding: 0; }

form { margin-top: 0px; margin-bottom: 0px; }

h1 {
/*
  background: -moz-linear-gradient(#6ee871, #2c9d2e); background: -webkit-gradient(linear, 0 0%, 0 100%, from(#6ee871), to(#2c9d2e)); clear:both; margin:0 0 7px; padding:7px 0 5px 7px; box-shadow: 1px 1px 2px #BCBBBB; -webkit-box-shadow: 1px 1px 2px #BCBBBB; -moz-box-shadow: 1px 1px 2px #BCBBBB; background: linear-gradient(#b4bfce, #6d83a1) repeat scroll 0 0 transparent;
*/
  margin: 0px;
/**/
  height: 34px;

  font-size: 18px;
/*
  text-shadow: 0px 1px 1px #217123; border-bottom: 1px solid #217123;
*/
  color: #f14d91; padding: 9px 0 0 0; text-align: center; }

h2{ text-align: left; font-size: 17px; margin-left: 12px; padding: 10px 0; margin: 0; }

.btn-left { white-space: nowrap; position: absolute; top: 0; left: 0; padding:7px; }

.btn-left a{ background: -moz-linear-gradient(#f25f9c, #f25f9c); background: -webkit-gradient(linear, 0 0%, 0 100%, from(#f25f9c), to(#f25f9c));

  box-shadow: 1px 1px 1px 0px #f25f9cinset; text-shadow: 0px -1px f25f9c#f25f9c; border: 1px solid #f25f9c; border-radius: 4px; font: bold 12px Arial; text-align: center; line-height: 28px; color: white; white-space: nowrap; overflow: hidden; -webkit-tap-highlight-color: white; padding: 8px 5px; text-decoration: none; min-width: 30px; width: auto !important; width: 30px; }

.btn-right { white-space: nowrap; position: absolute; top: 0; right: 0; padding:7px; }

.btn-right a{ background: -moz-linear-gradient(#e66a6a, #f39797); background: -webkit-gradient(linear, 0 0%, 0 100%, from(#e66a6a), to(#f39797));

  box-shadow: 1px 1px 1px 0px #db5e5e inset; text-shadow: 0px -1px 1px #9b5353; border: 1px solid #932121; border-radius: 4px; font: bold 12px Arial; text-align: center; line-height: 28px; color: white; white-space: nowrap; overflow: hidden; -webkit-tap-highlight-color: white; padding: 8px 5px; text-decoration: none; min-width: 30px; }

input[type="checkbox"],
input[type="radio"],
select { display:inline; vertical-align: baseline ;margin-right: 5px ;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {   color: #999 ; }

input[type="text"],
input[type="password"] { color: #5a5c63; font-size: 100% ; width: 100% ; padding: 3px ; }
select { color: #5a5c63; font-size: 100% ; padding: 3px ; }
textarea { color: #5a5c63; font-size: 100% ; width: 100% ; height: 100px ; padding: 3px ; margin-bottom: 10px ; }

#footer { text-align:center; }

table.detail{ border-spacing: 0 3px; width: 100%; padding: 0 10px 0 10px; empty-cells:show; }

table.detail th{ text-align: left; border-color:#878787; border-style:solid; border-width:1px 0 1px 1px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding:0 10px 0 10px; background-color: #fff; padding: 10px; }

table.detail td{ border-color:#878787; border-style:solid; border-width:1px 1px 1px 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background-color: #fff; 
}

table.detail input[type="text"],
table.detail input[type="password"]
{ border:0; }

/* TABLE LIST START */
table.list { width: 100%; border-color: #A3A3A3; border-style: solid; border-width: 0px 1px 1px 1px; border-collapse: collapse; border-spacing: 0; font-size:70%; }

table.list th { padding: 1px; border-top: 2px #627EB7 solid; border-bottom: 2px #000000 solid; border-left: 1px #FFFFFF solid; background: #e3e3e3; font-weight: normal; line-height: 120%; text-align: center; white-space: nowrap; }

table.list th a:link { text-decoration: none; }

table.list th a:visited { text-decoration: none; }

table.list tr:hover td { background: #f5d4cc;
/*  color: #FFFFFF; */
}

table.list td { padding: 1px; border: 1px #eeeeee solid; border-width: 0 0 1px 1px; }

table.list td.manage { padding: 1px;
/*
  border: 1px #A3A3A3 solid; border-width: 0 0 1px 1px;
*/
  white-space: nowrap; }

/* TABLE LIST END */

/* TABLE LIST_IMAGE START */
table.list_image { border-collapse: collapse; border-spacing: 0; font-size:85%; }

table.list_image th { padding: 5px;
/*
  border-bottom: 1px #aaaaaa solid;
*/
  font-weight: normal; line-height: 120%; text-align: center; }

table.list_image tr:hover td.item { background: #f5d4cc; }

table.list_image td.item { padding: 5px; }

table.list_image td.manage { padding: 5px; border-top: 1px #A3A3A3 solid; text-align: center; }

/* TABLE LIST_IMAGE END */


/* LIST LINK START */
ul.link { font-size: 12pt; padding: 0; height: auto; width: auto; list-style: none; }

ul.link li{ border-color:#878787; border-style:solid; border-width:0 0 1px 0; background-color: white;
/*  font-weight: bold; */
}

ul.link li.arrow,
ul.link li.icon_arrow{ background-image: url("/images/sp/arrow.png"); background-position: right center; background-repeat: no-repeat; background-size: 21px 18px; }

ul.link li.arrow a,
ul.link li.arrow a:active{ background: none; padding: 12px 15px; display: block; width: auto; text-decoration: none; color: black; }

ul.link li.icon_arrow a,
ul.link li.icon_arrow a:active{ background: none; padding: 5px 15px; display: block; width: auto; text-decoration: none; color: black; }

/*
blue from(#058cf5), to(#015fe6)
red from(#ff3333), to(#990000)
*/
/*
ul.link li.arrow a:hover,
ul.link li.icon_arrow a:hover{ background: url("/images/sp/arrow.png") right center no-repeat, -webkit-gradient(linear, 0 0%, 0 100%, from(#058CF5), to(#015FE6)); background: url("/images/sp/arrow.png") right center no-repeat, -moz-linear-gradient(#058CF5, #015FE6); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#058CF5', endColorstr='#015FE6'); color: white; text-shadow: 0px -1px 1px #000; background: url("/images/sp/arrow.png") right center no-repeat,
}
/*
ul.link li.arrow.blue a:hover{ background: url("/images/sp/arrow.png") right center no-repeat, -webkit-gradient(linear, 0 0%, 0 100%, from(#00adee), to(#0078a5)); background: url("/images/sp/arrow.png") right center no-repeat, -moz-linear-gradient(#00adee, #0078a5); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); color: white; text-shadow: 0px -1px 1px #000; background: url("/images/sp/arrow.png") right center no-repeat,
}
*/

ul.link li span.right{ position:absolute; right: 45px; text-align: right; color: #385487; font-weight: normal; }

ul.link li.title{ padding: 12px 15px; display: block; width: auto; text-decoration: none; }

ul.link li img.icon{ background: none; padding: 0 10px 0 0; width: 35px; height: 35px; text-decoration: none; vertical-align: -12px; }
/* LIST LINK END */

/* LIST TEXT START */
ul.text { font-size: 12pt; padding: 0; height: auto; width: auto; list-style: none; }

ul.text li{ border-color:#878787; border-style:solid; border-width:1px 0 1px 0; margin-bottom: -2px; }

ul.text li span.right{ position:absolute; right: 45px; text-align: right; color: #385487; font-weight: normal; }
/* LIST TEXT END */

/* LIST RADIUS START */
ul.radius { font-size: 12pt; padding: 0; height: auto; width: auto; list-style: none; }

ul.radius li{ padding: 10px; margin:10px; border-style:solid; border-width: 1px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }

ul.radius li span.right{ position:absolute; right: 45px; text-align: right; color: #385487; font-weight: normal; }
/* LIST RADIUS END 

#header{
/* width:100%;*/
  height:160px; position:relative; }

#top{ width:100%;
/*  height: 100px; */
  height:auto; background:none; margin:0; padding:0; border:none;
/*  text-align: left; */
}

.header_b{ margin: 0; padding: 0; list-style: none; height: 50px; position: absolute; bottom: 30px; right: 10px; }

.header_b li{ margin-left: 5px; float: left; }

#top img{ width: 200px;
/*
  height: 100px */
}


.red2 { color: #fff; padding:5px 0 5px 5px; border-top: solid 1px #f25699; border-bottom: solid 1px #f25699; background: #f25699; background: -webkit-gradient(linear, left top, left bottom, from(#ee277c), to(#f25699)); background: -moz-linear-gradient(top, #ee277c,#f25699); }

ul.link li.arrow2,
ul.link li.icon_arrow2{ background: url("/images/arrow2.png"); background-position: right bottom; background-repeat: no-repeat; }

ul.link li.arrow2 a,
ul.link li.arrow2 a:active{ padding: 12px 15px; display: block; width: auto; text-decoration: none; color: black; }

ul.link li.red3{ background: -webkit-gradient(linear, left top, right bottom ,from(#fbcbdf),color-stop(0.3, #ffffff),color-stop(0.8, #ffffff), to(#fbcbdf)); background: -moz-linear-gradient(left -60deg,  #fbcbdf,#ffffff 20%  ,#ffffff 80%  ,#fbcbdf); border-bottom: solid 1px #a7a7a7; }

ul.link li.red3 a{ background: url("/images/arrow2.png") right bottom no-repeat; /*color: #7e0704;*/
  color: #000; text-shadow:1px 1px 0 #eee; }

.list_title{ /*color: #560505;*/
  color: #000; text-shadow:1px 1px 0 #7bd776; }

.new_icon{ margin: 3px 0; width: 50px; height: 20px;
/*  padding: 3px 12px; */
  background-color: #ee277a; border-radius: 3px; font-size: 15px; color: #ffffff; text-shadow: none; text-align: center; line-height: 20px; }

ul.link li.list_more{ text-align: right; border-bottom: solid 1px #a7a7a7; }

ul.link_yoko{ background: -webkit-gradient(linear, left top, left bottom ,from(#ffffff), color-stop(0.3,#ffffff), to(#f0ff9a)); background: -moz-linear-gradient(top ,  #ffffff, #ffffff 30%,#f0ff9a); border-bottom: solid 1px #7892c8; font-size: 12pt; padding: 0; height: auto; width: 100%; list-style: none; display: table; table-layout: fixed; }

ul.link_yoko li.yoko{ display: table-cell; border:none; font-size:12px; text-align:center; text-shadow:1px 1px 0 #eee; background: none; }

ul.link_yoko li.yoko a,
ul.link_yoko li.yoko a:active{ padding: 12px 15px; display: block; width: auto; text-decoration: none; color: black; }

ul.link_yoko {

}

ul.info li.arrow{ background: -webkit-gradient(linear, left top, right top ,from(#adf573),color-stop(0.3, #ffffff), to(#ffffff)); background: -moz-linear-gradient(left ,  #adf573,#ffffff 30%  ,#ffffff); }

ul.info li.arrow a{ background: url("/images/sp/arrow.png") right center no-repeat; background-size: 21px 18px; }

/*メニュー*/
ul.menu{ display:flex; flex-flow: row wrap; }

ul.menu li.red3{ width: 50%; box-sizing: border-box; background: -webkit-gradient(linear, left top, right top ,from(#fbcbdf),color-stop(0.4, #ffffff),to(#ffffff)); background: -moz-linear-gradient(left , #fbcbdf,#ffffff 40%  ,#ffffff); border-bottom: solid 1px #7892c8; }

ul.menu li.red3:nth-child(2n+1){ border-right: solid 1px #7892c8; }

ul.menu li.red3 a,
ul.menu li.red3 a:hover{ background: none; /*color: #7e0704;*/
  color: #000; font-size: 13px; text-shadow:1px 1px 0 #e3e3e3; padding: 9px 6px; }

/*--------------------------------------
登録画面の説明文設定
--------------------------------------*/
.au,
.docomo,
.softbank{ padding: 0; margin: 10px 0 0 0; }

.au span{ color: #EB5505; font-size: 24px; font-weight: bold; }

.docomo span{ color: #C03; font-size: 24px; font-weight: bold; }

.softbank span{ color: #B7BBBE; font-size: 24px; font-weight: bold; }

/*--------------------------------------
iframeのレスポンシブ対応
--------------------------------------*/
div.iframeWrap {
position: relative;
width: 100%;
/*動画のアスペクト比16:9*/
padding-top: 56.25%;
/*動画のアスペクト比4:3*/
/*padding-top: 75%;*/
}

div.iframeWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }

/*---------------------------
__footer
---------------------------*/
#footer{ padding:5px 0 5px 0; color: #df1167; font-weight: bold; text-shadow:1px 1px 0 #f796be; background-color: #e6e6e6; }

#footer-base {
	margin: 0; padding: 3px 0; text-align: center; background-color: #ee277a; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;       font-size: 12px; }

#footer-base #footer-nav {
	display: table; height: 14px; margin: 3px auto 3px; padding: 5px; width: 97%; background-color: #f470a7; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; color: #FFFFFF; }


#footer-base small {
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
-moz-text-shadow: 0 1px 0 rgba(0,0,0,0.2);
-webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.2); }


.center {   text-align: center; }
.m10 {   margin: 10px; }

/*scale*/
.scale { animation-duration: 1s; animation-name: scale; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; }
@keyframes scale { from { transform: scale(1.0, 1.0); }
  to { transform: scale(0.9, 0.9); }
}

/*---------------------------
__追加 26.06.30
---------------------------*/
@media (min-width: 768px) {
  body {background: #ffecf4; }
  #wrap { width: 375px; margin: auto; background: #FFF; }
}