/* ヘッダーの右にメニュー２ */

a {
text-decoration: none;
line-height: 1.5 ;
text-decoration:underline;
}
a:link {color:#0000ff;} /*未訪問のリンクの色*/
a:visited {color:#0000ff;} /*訪問済みのリンクの色*/
/*a:hover {color:#ffffff; background:#0000cc;} カーソルが乗っているリンクの色*/
/*a:active {color:#ffff00;} クリック中のリンクの色*/

ul{
margin:0;padding:0;
}
li{
list-style:none;
}

hr {
display:block;
color:#86394E;
background:#86394E;
height:2px;
/*border:5;*/
border-top:1px solid #86394E;
margin:0.1em 0;
padding:0;
}


/* Caution */
.fontStyle1 {
color:#BE0039;
font-weight:bold;
}
/* small */
.fontStyle2{
color:#660000; 
font-size:small;
}

.font1 {
}
.font2 {
color:#000000;
}
.alert1{
color:#ff0000;
}

.title1{
background:#86394E;
color:#FFFFFF;
text-align:center;
margin: 10px 0px 20px 0px;
}

.area1{
background-color:#e8e8e8;
color:#000000;
}
.area1 p {
padding: 3px 10px;
}

.greyhr {
color:#d3d3d3;
background:#d3d3d3;
border: 0;
height: 0;
border-bottom: solid 1px;
border-bottom-color: #d3d3d3;
}

.dcenter {
text-align:center;
}

.dleft {
text-align:left;
left-padding: 10px;
}

.dright {
text-align:right;
right-padding: 10px;
}




/* menueList3 */
div.menueList4 {
}
div.menueList4 a {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px;
height:90px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
}

div.menueList4 a span {
padding: 0px 0px 0px 0px;
color:#000000;
}

div.childrenList {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px;
}
div.childrenList ul{
}
div.childrenList li{
padding:0px 15px;
border-bottom: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
margin-top: -1px;
}
div.childrenList li a{
color:#0000ff;
}

div.childrenList2 {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px;
}
div.childrenList2 ul{
}
div.childrenList2 li{
height:150px;
padding:0px 15px;
border-bottom: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
margin-top: -1px;
}
div.childrenList2 li a{
color:#0000ff;
}


div.pointList {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px;
}
div.pointList ul{
padding:0px;
}
div.pointList li{
padding:10px 15px;
border-bottom: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
margin-top: -1px;
}
div.pointList li a{
color:#000000;
}

body {
font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Verdana,Arial, Helvetica, sans-serif;
background:#FFFFFF;
background-size: 100%; -webkit-text-size-adjust: 100%;
  -webkit-touch-callout:none; 
  -webkit-user-select:none; 
}


/* 以下、スマートフォン用 */
@media screen and (max-width: 9999px) {
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}



h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}


/* 
a {
display: block;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
text-decoration: none;
height: 27px;
padding: 3px 0px 0px 10px; 
}
*/
.campImgLink div{
}
.campImgLink a {
display: block;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
text-decoration: none;
height: 100px;
padding: 3px 0px 0px 10px;
}

# for A Link List
.linkList div{
}
.linkList a {
display: block;
white-space: normal;
padding: 23px 0px 0px 20px; 
height:45px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
border-bottom:solid 1px ;
border-bottom-color: #d3d3d3 ;
}

ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}

input, select {
    vertical-align:middle;
}


p {
    margin: 5px 5%;
}


.clear { clear:both;}
.hide {display:none;}

input[type="submit"] {
font-size: 15px;
font-weight: normal;
line-height: 1.4;
width:80%;
background-color: #86394E;
color: #ffffff;
padding: 10px 15px;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transition: 0.25s linear;
}

/* inputtype text 共通 */
input[type="text"] {
color: #5a5c63;
font-size: 100% ;
width: 95% ;
height: 40px;
margin: 0px 5px;
padding: 0px 5px;
border: 1px solid #999999 ;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset ;
-webkit-box-sizing: border-box;
}

.font3 {
color: #000000;
height:  40px;
margin: 0px 5px;
padding: 0px 5px;
font-size: large ;
}

/* inputtype password */
input[type="password"] {
color: #5a5c63;
font-size: 100% ;
width: 95% ;
height: 40px;
margin: 0px 5px;
padding: 0px 5px;
border: 1px solid #999999 ;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset ;
-webkit-box-sizing: border-box;
}

/* inputtype text 共通 */
input[type="email"] {
color: #5a5c63;
font-size: 100% ;
width: 95% ;
height: 40px;
padding: 10px ;
border: 1px solid #999999 ;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset ;
-webkit-box-sizing: border-box;
}

/* inputtype select 共通 */
select {
color: #5a5c63;
vertical-align:middle;
font-size: 100% ;
width: 95% ;
height: 40px;
margin: 0px 5px;
border: 1px solid #999999 ;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset ;
-webkit-box-sizing: border-box;
}

/* inputtype checkbox 共通 */
.selectlabel {
display:block;
height: 40px;
line-height: 40px;
vertical-align:middle;
border-bottom: 1px solid #999999 ;
}

input[type="checkbox"] {
color: #5a5c63;
margin: 0px 10px 0px 25px;
}

input[type="radio"] {
color: #5a5c63;
margin: 0px 10px 0px 25px;
}

/* footer のメニュー表示 */
.footmenue a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
height: 27px;
padding: 10px 0px 5px 20px;
border-bottom:solid 1px ;
border-bottom-color: #aaaaaa ;
}

.footmenue1 a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
height: 27px;
padding: 5px 0px 0px 10px; 
border-bottom:solid 1px ;
border-bottom-color: #d3d3d3 ;
}

/* TOP */
div.contentsblock1 {
border-top:solid 1px ;
border-top-color: #d3d3d3 ;
}

div.contentsblock1 a {
display: block;
white-space: normal;
padding: 0px 0px 0px 15px;
height:95px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
}
div.contentsblock1 a em {
display: block;
}
div.contentsblock1 a span {
}
div.coupontitle span{
}

div.couponblock a {
display: block;
white-space: normal;
padding: 0px 0px 0px 15px;
height:100px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
}
div.couponblock a em {
display: block;
}
div.couponblock a span {
}
div.couponblock span{
}

/* menueList1 */
div.menueList1 a {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px; 
height:75px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
border-bottom:solid 1px ;
border-bottom-color: #d3d3d3 ;

}

div.menueList1 a em {
padding: 0px 0px 0px 10px; 
display: block;
font-size:large;
}

div.menueList1 a span {
padding: 0px 0px 0px 10px; 
font-size:large;
color:#000000;
}

/* menueList2 */
div.menueList2 {
border-top:solid 1px ;
border-top-color: #d3d3d3 ;
}
div.menueList2 a {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px;
height:95px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
border-bottom:solid 1px ;
border-bottom-color: #d3d3d3 ;

}

div.menueList2 a em {
padding: 0px 0px 0px 10px;
display: block;
font-size:large;
}

div.menueList2 a span {
padding: 0px 0px 0px 10px;
font-size:large;
color:#000000;
}

/* menueList3 */
div.menueList3 {
}
div.menueList3 a {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px;
height:40px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
}

div.menueList3 a span {
padding: 0px 0px 0px 10px;
font-size:large;
color:#000000;
}

/* menueList3 */
div.menueList4 {
}
div.menueList4 a {
display: block;
white-space: normal;
padding: 0px 0px 0px 0px;
height:90px;
text-decoration: none;
overflow:visible;
word-wrap:break-word;
}

div.menueList4 a span {
padding: 0px 0px 0px 0px;
color:#000000;
}



div.coupon {
width:200px; height:100px;
margin:5px; padding:10px; border:1px solid black;
background-color:#FFFFFF;
text-align: center;
}

div.coupon2 {
  /*border: solid 1px #666666;*/
	border-style: solid;
  margin:5px; padding:5px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 1.5 ;
  font-size: medium;
  background-color:#FFFFFF;
}
div.coupon3 {
  border: solid 1px #666666;
  margin:10px; padding:10px;
  box-sizing: border-box;

  text-align: center;
  line-height: 1.5 ;
  font-size: medium;
  background-color:#FFFFFF;
}

/* input[type="submit"] { */
#api_button{
    width: 80% ;
    margin:10px; padding:10px;
    text-align: center;
    font-size: medium;
    background-color: #86394E;
    color: #ffffff;
    border-style: none;
}

.explanation{
  font-weight: bold;
  font-size: large ;
}
.explanation1{
  text-align: center ;
  font-size: large ;
}
.explanation2{
  text-align: center ;
  font-size: medium ;
}
.explanation3{
  text-align: center ;
  font-size: small ;
}


#a_link {
color:#0000FF;
text-decoration: none;
line-height: 1.5 ;
text-decoration:underline;
}

.linebox {
	float: left;
}

.boxContainer {
	overflow: hidden;
	border: solid;
	border-width: thin;
        background-color: #ffffff ;
	padding: 5px;
	margin:  5px;
	height: 125px;
}


.couponx {
	border: none;
	width:  50px;
	height: 50px;
	padding: 2px;
	margin:  2px;
}
.coupony {
	text-align: left;
	border: none;
	color: #000000 ;
	width: 75%;
	padding: 2px;
	margin:  2px;
	word-wrap:break-word;
}

.coupon-inline  {
  display: inline-block;
  vertical-align: top;
}

.terms {
	margin : 8px ;
}

.clist01 {
        margin: 3px;
        padding : 3px;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        /* border-left-color: #a4171c; */
        /* border-left-width: 10px; */
        /* border-radius: 10px; */
        background-color: #ffffff;
}

.explain {
	text-align:center;
	font-size: 20px;
}
/*
.cblk2 {
	padding: 10px;
	text-align: center;

	font-size: 15px;
}
.cblk3 {
	margin: 2px 15px 2px 15px;	
	padding: 20px;
	color: #ff8c00;	
	border-width: 1px;
	border-color: #ff0000;
	text-align: left;
	font-size: 15px;
}
*/
/* 2018-03-02 add by Shirakawa*/
.clist02 {
	margin: 15px;
	padding : 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;	
	background-color: #ffffff;
}

.explain {
	text-align:center;
	font-size: 15px;
	padding : 10px;
}
.cblk2 {
        padding: 10px;
        margin: 1px;
        color: #ffffff;
	background-color: #000000;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        text-align: center;
        font-size: 15px;
        border-color: #000000;
}

.cblk3 {
	padding: 10px;	
	margin: 1px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	text-align: center;
	font-size: 15px;
}
.table1 {
	margin: 2px;
	text-align: left;
}
#coupon_text {
	color: #000000;
}