@charset "utf-8";
/* CSS Document */

input[type=submit]:hover,
input[type=image]:hover,
input[type=button]:hover,
a:hover{
  filter: alpha(opacity=0.7);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

div,p,span,ul,li,label,input,textarea{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html{
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body{
  font-size: 1.0rem;
  height: 100%!important;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.logo img{

  width: 80px;
  margin: 6px 10px;

}

.wrapper{
  position: relative;
  min-height: 100%;
}


.main{
  padding-bottom:50px;
}

/* フッター */
.footer {
  background: #fff!important;
}

footer{
  height: 100px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
/*HEAD*/

.top {
  background-color:#0090d9;
  position:relative;
  width:100%;
}

.top .top-img{
  display:block;
  margin:0 auto;
  width:1000px;
}

.top-b {
  background-color:#fff;
  position:relative;
  width:100%;
}

.top-b .top-img{
  display:block;
  margin:0 auto;
  width:1200px;
}

/*button*/
.cp-button-box{
  margin:auto;
  width: 760px;
}

.button-box{
  margin:0 auto;
  width:350px;
}

.cp-button-box .button-txt{
  color:#fff;
  font-size:2.0rem;
  margin:auto;
  width:350px;
}

.cp-button-box .button-txt-b{
  color:#013f96;
  font-size:2.0rem;
  font-weight:bold;
  margin:0 auto 5px auto;
  width:350px;
}

.cp-button-box .entry-button,
.cp-button-box .other-button{
  display:block;
  margin:0 auto 5px auto;
  width:350px;
}

.cp-button-box img{
  display:block;
  width:350px;
}

/*toptxt_B*/

.top-txt{
  margin:20px auto;
  width:610px;
  position:relative;
}

.top-txt .quo{
  position:absolute;
  right:10px;
  top:-10px;
  width:80px;
}

.top-txt-title{
  color:#fff;
  font-size:2.2rem;
  font-weight:bold;
  margin-bottom:5px;
}

.top-txt-box{
  background-color:#fff;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  box-shadow:2px 2px 5px #549ab8;
  color:#717171;
  font-size:1.8rem;
  padding:20px 15px;
  width:100%;
}

.top-txt-dete{
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  margin-top:5px;
  text-align:right;
}

/*TOPBOX(ボタン外枠)*/

.top-box{
  background-color:#0090d9;
  border-bottom:solid 15px #013f96;
  box-shadow:3px 3px 3px #ccc;
  padding-bottom:30px;
}

.top-box-b{
  background-color:#71ccf2;
  margin-bottom:65px;
  padding:40px 0 50px 0;
}

.top-flow-img{
  display:block;
  margin:10px auto 0 auto;
  width:800px;
}

/*TOPBOXB(ボタン外枠)*/

.top-box-b .top-flow-img{
  width:610px;
}

/*閉じるボタン*/

.back-to-page {
  background-color: #a9a9a9;
  border-radius: 5px;
  border: none;
  -webkit-border-radius: 5px;
  color: #FFF !important;
  display: block;
  font-size: 1.6rem;
  font-weight:bold;
  height: 44px;
  line-height:44px;
  margin: 75px auto;
  padding-bottom: 4px;
  position:relative;
  text-align:center;
  width: 155px;
}

.back-to-page-b {
  background-color:#f6f6f6;
  border-radius:3px;
  box-shadow:inset 0px -2px 0px rgba(0,0,0,0.2);
  color:#333;
  display:block;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:1.4rem;
  font-weight:bold;
  height:46px;
  line-height:44px;
  margin:30px auto;
  text-align:center;
  width:155px;
}

/*キャンペーン概要*/
.outline {
  display:table;
  margin:20px auto 0 auto;
  width:850px;
}

.list-box{
  display:table;
  padding:0 60px;
  margin: 50px auto;
  width:850px;
}

.outline .title {
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:45px;
  margin-bottom:40px;
  text-indent:20px;
  width:850px;
}

.outline .outline-title {
  color:#333333;
  display:table-cell;
  vertical-align:top;
  font-size:2.0em;
  font-weight:bold;
  width:170px;
}

.outline .detail {
  display:table-cell;
  vertical-align:top;
  font-size:1.8rem;

  width:560px;
}

/*流れA*/

.flow {
  margin:20px auto;
  width:850px;
}

.flow .title{
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:45px;
  text-indent:20px;
  width:100%;
}

.flow .title-b{
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:50px;
  text-indent:20px;
  width:100%;
}

.flow ul{
  padding:50px 60px 0 60px;
}

.flow ul li{
  float:left;
  margin:0px 15px 15px 15px;
  position:relative;
  width:150px;
}

.flow ul li:after{
  content:">";
  color:#35b2e6;
  font-size:2.4rem;
  position:absolute;
  right:-20px;
  top:27%;
}

.flow ul.flow-b li:after{
  content:">";
  color:#35b2e6;
  font-size:2.4rem;
  position:absolute;
  right:-21px;
  top:43%;
}


.flow ul li:last-child:after{
  content:normal;}

.flow ul li .flow-text{
  color:#013f96;
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
  margin-top:15px;
}

.flow ul li img{
  display:block;
  margin:auto;
  width:150px;
}

/*規約*/
.kiyaku {
  margin:40px auto 0 auto;
  width:850px;
}

.kiyaku .title{
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:45px;
  text-indent:20px;
  width:100%;
}

.kiyaku .title-b{
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:50px;
  text-indent:20px;
  width:100%;
}

.kiyaku .kiyaku-body {
  font-size:1.4rem;
  line-height:140%;
  padding:20px 10px 0px 10px;
}

/*エントリー*/

.form-box{
  margin:auto;
  width:550px;
}

.form-box-bottom{
  margin:auto;
}

.text-full{
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border-top: 3px solid #c8c8c8;
  color: #333;
  display: block;
  font-size: 1.8rem;
  margin: 5px 0;
  text-indent: 20px;
  width: 500px;
  height: 55px;
}

.entry {
  margin:20px auto 0 auto;
  width:850px;
}

.entry .title {
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:45px;
  text-indent:20px;
  width:100%;
}

.entry .title-b {
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:50px;
  text-indent:20px;
  width:100%;
}

.mail-entry{
  border-left:3px solid #333;
  font-size:1.8rem;
  font-weight:bold;
  padding-left:5px;
  margin:40px 0;
}

.epark-entry{
  border-left:3px solid #333;
  font-size:1.8rem;
  font-weight:bold;
  padding-left:5px;
  margin:35px 0 30px 0;
}

.entry .entry-mail-label{
  color:#333;
  display:block;
  font-size:2.0rem;
  margin-top:30px;
}

.entry .entry-button{
  display:block;
  margin:30px auto;
  width:350px;
}

.entry .entry-txt{
  font-size:1.5rem;
  margin:20px auto 5px auto;
}

.entry .entry-stxt{
  font-size:1.5rem;
  margin:0px auto 30px auto;
  padding:0 10px;
  width:600px;
}

/*EPARKログインしてエントリー*/

.epark-button-area{
  border-top: 1px solid #999;
  margin:80px auto 30px auto;
  position: relative;
  width:550px;

}

.epark-button-area .form-line-text{
  background-color: #fff;
  display: block;
  font-size: 2.0rem;
  position: absolute;
  margin-left: -50px;
  left: 50%;
  top: -12px;
  text-align: center;
  width: 100px;
}

.epark-entry-btn {
  background-color: #90c31f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-size: 1.8rem;
  font-weight:bold;
  height: 63;
  line-height: 63px;
  margin: 30px auto 5px auto;
  text-align: center;
  width: 350px;
}

/*処方せんネット受付する*/

.bottom-box{
  margin:auto;
  width:850px;
}

.entry-left {
  float:left;
  margin:20px 15px 0 0px;
  width:410px;
}

.entry-left-2 {
  float:none;
  margin:20px auto 0 auto;
  width:410px;
}


.entry-left .title,
.entry-left-2 .title {
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:45px;
  text-indent:20px;
  width:100%;
}

.entry-left .title-b {
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:50px;
  text-indent:20px;
  width:100%;
}


.entry-right {
  float:left;
  margin:20px 0px 0 15px;
  width:410px;
}

.entry-right .title {
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:45px;
  text-indent:20px;
  width:100%;
}

.entry-right .title-b {
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  height:50px;
  line-height:50px;
  text-indent:20px;
  width:100%;
}

.entry-left .entry-txt,
.entry-left-2 .entry-txt,
.entry-right .entry-txt{
  font-size:1.4rem;
  margin:20px auto 5px auto;
}


/* SNSシェア */
.social-button {
  margin: 30px 0 0 10px;
  width: 126px;
  height: 30px;
  display: table;
}

.social-button li {
  display: table-cell;
  padding:0 5px;
}

.social-button li img {
  width: 50px;
  height: 50px;
}

/*BのTOPキャンペーン詳細*/

.top-txt-area{
  position:relative;
  margin:auto;
  width:260px;
}

.top-txt-area .cam-date{
  color:#333;
  font-size:1.3rem;
  font-weight:bold;
  text-align:center;
  margin:2px auto 0 auto;
}

.top-txt-area .quo{
  position:absolute;
  right:-10px;
  top:0;
  width:60px;
}

.top-txt-area .title{
  color:#fff;
  font-size:1.5rem;
  font-weight:bold;
  margin:10px auto 5px auto;
  width:260px;
}

.top-txt-area .sub-txt{
  background-color:#fff;
  border-radius:5px;
  color:#878787;
  font-size:1.4rem;
  margin:auto;
  padding:15px;
  width:260px;
}

/*BのTOPキャンペーンフロー*/
.flow-img-box-b .title{
  color:#fff;
  font-size:1.5rem;
  font-weight:bold;
  margin:15px auto 5px auto;
  width:260px;
}

.flow-img-box-b{
  background-color:#71ccf2;
}

.flow-img-box-b .top-flow-img-b{
  display:block;
  margin:0px auto 5px auto;
  width:260px;
}


/*キャンペーン概要B*/

.outline .title-b {
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.8rem;
  font-weight:bold;
  line-height:50px;
  margin-bottom:40px;
  text-indent:20px;
  width:100%;
}

/*流れB*/

.flow-b {
  background-color:#fff;
  width:100%;
  padding-bottom:15px;
}

.flow-b .title{
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.6rem;
  font-weight:bold;
  height:32px;
  line-height:32px;
  text-indent:10px;
  width:100%;
}

.flow-b .title-b{
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.6rem;
  font-weight:bold;
  height:32px;
  line-height:32px;
  text-indent:10px;
  width:100%;
}

.flow-b ul{
  padding:30px 0;
}

.flow-b ul li:first-child{
  float:left;
  padding:0px 7.5px 15px 15px;
  width:50%;
}

.flow-b ul li:nth-child(2n){
  float:left;
  padding:0px 15px 15px 7.5px;
  width:50%;
}


.flow-b ul li:nth-child(2n+1){
  float:left;
  padding:0px 7.5px 15px 15px;
  width:50%;
}

.flow-b ul li .flow-text{
  color:#013f96;
  font-size:1.4rem;
  font-weight:bold;
  text-align:center;
  padding:0 15px;
}

.flow-b ul li img{
  display:block;
  margin:auto;
  width:90%;
}

/* 検索テキスト入力エリア */
.input-form {
  margin:auto;
  overflow: hidden;
  width: 80%;
}

.input-form input {
  float: left;
  height: 41px;
}

.input-form .input-form-text {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 10px;
  width: 80%;
  border: 1px solid #e6e5e5;
  border-top: 2px solid #e6e5e5;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.input-form .input-form-text::-webkit-input-placeholder {
  line-height: 1.4;
}

.input-form .input-form-submit {
  width: 20%;
  padding-top: 3px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #ddd;
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}

.box-title {
  position: relative;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 50px auto 16px auto;
  padding-left: 19px;
  width:80%;
}

.box-title:before {
  position: absolute;
  left: 0;
  content: "";
}

.box-title.is-keyword{
  font-size: 1.5rem;
  margin-bottom: 0px;
}

.box-title.is-keyword:before {
  top: 12px;
  width: 16px;
  height: 17px;
  background-image:url(../../img/campaigns/new01/pref_icon_search.png);
  background-size: 16px 17px;
}

.input-form{
  margin-bottom:30px;
}

/*エントリー完了*/

.complete-box{
  margin:60px auto;
  width:850px;
}

.complete-title{
  color: #333;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  margin-top: 50px;
}

.complete-txt{
  color: #333;
  font-size: 1.5rem;
  text-align: left;
  line-height: 160%;
  margin: 30px auto;
}

.complete-stxt{
  color: #333;
  font-size: 1.1rem;
  text-align: left;
  line-height: 150%;
  margin:0px auto;
  width:260px;
}

/*エントリー完了TOPBOX*/

.complate-top{
  background-color:#0090d9;
  border-bottom:solid 15px #013f96;
  box-shadow:3px 3px 3px #ccc;
  padding:15px 0;
  width:100%;
}

.complate-top-b{
  background-color:#71ccf2;
  border-bottom:solid 15px #fdfdfd;
  box-shadow:3px 3px 3px #ccc;
  padding:15px 0;
  width:100%;
}

.complate-top .top-img,
.complate-top-b .top-img{
  display:block;
  margin:0 auto;
  width:800px;
}

.complate-top-box{
  width:100%;
}

.complate-top-box .title{
  background-image:url(../../img/campaigns/new01/title_bg.png);
  background-repeat:repeat-x;
  color:#fff;
  font-size:1.6rem;
  font-weight:bold;
  height:32px;
  line-height:32px;
  text-indent:10px;
  width:100%;
}

.complate-top-box-b{
  width:100%;
}

.complate-top-box-b .title{
  background-image:url(../../img/campaigns/new01/title_bg_b.png);
  background-repeat:repeat-x;
  color:#333;
  font-size:1.6rem;
  font-weight:bold;
  height:32px;
  line-height:32px;
  text-indent:10px;
  width:100%;
}

/*エラーページ用*/

.form-error{
  background:#fff1f3;
  border: 1px solid #f37f8b;
  border-top: 3px solid #f37f8b;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #333;
  display: block;
  font-size: 1.8rem;
  height: 55px;
  margin: 8px 0 5px 0;
  padding: 10px;
  text-indent: 10px;
  width: 500px;
}

.error-message{
  color: #e71b18;
  font-size: 1.4rem;
}

.howto-p{
  text-align:right;
}

.howto-s-p{
  text-align:right;
  margin-top:8px;
}

.howto-button{
  color:#fff;
  font-size:1.4rem;
  text-decoration:underline;
}

.howto-s-button{
  color:#0073e4;
  font-size:1.4rem;
  text-decoration:underline;
}