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

.navbar-inverse {
  background-color: #F9BE00;
  border-color: #F9BE00;
}
.dropdown-menu {
  background-color: rgba(249,190,0,.7);
}
.btn {
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
padding: 1rem 0;
border-radius: 10px;
font-size: 1.2rem;
font-weight: bold;
color: white;
}
.break:before {
    content: "\A";
		white-space: pre;
  }
h2, h3 {
    font-family: 'M PLUS Rounded 1c', sans-serif!important;
}
.mainTxt {
max-width: 700px;
margin: 0 auto;
}
@media (min-width: 768px) {
.mainTxt {
text-align: center;
}
}
#topImg {
	position: relative;
	background: url(../images/top_img.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
    height: 480px;
}
@media (min-width: 768px) {
#topImg {
    height: 600px;
}
}
#topCatch {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}
@media (max-width: 767px) {
#topCatch {
    width: 90%;
}
}
#selectSns h2 img {
margin: 0 auto;
display: block;
}
.target {
margin-top: 3rem;
border-radius: 10px;
}
.target ul {
list-style: none;
padding-left: 0;
padding-bottom: 0;
}
.target ul li {
padding: .5rem;
font-weight: bold;
}
.target ul li:first-child {
padding-top: 1.5rem;
}
.target ul li:last-child {
padding-bottom: 1rem;
}
.target ul li::before {
content: url("../images/check.png");
}
.twi .target {
border: 3px solid #00AEEB;
color: #00AEEB;
}
.insta .target {
border: 3px solid #D95097;
color: #D95097;
}
.fb .target {
border: 3px solid #2D6AAE;
color: #2D6AAE;
}
.osusume img {
margin-top: 1rem;
}
#selectSns.twi {
color: #00AEEB;
font-weight: bold;
}
.twi .btn {
background: #00AEEB;
}
#selectSns.insta {
color: #D95097;
font-weight: bold;
}
.insta .btn {
background: #D95097;
}
#selectSns.fb {
color: #2D6AAE;
font-weight: bold;
}
.fb .btn {
background: #2D6AAE;
}
.detail h2 {
margin-bottom: 2rem;
padding: .5rem;
border-radius: 10px;
font-weight: bold;
color: white;
text-align: center;
}
@media (min-width: 768px) {
.detail h2 {
font-size: 2.6rem;
}
}
.detail .twi h2 {
background: -moz-linear-gradient(left, #00A6E9, #54C2F0); 
background: -webkit-linear-gradient(left, #00A6E9, #54C2F0);
background: linear-gradient(to right, #00A6E9, #54C2F0);
}
.detail .insta h2 {
background: -moz-linear-gradient(left, #D95096, #DD81B1); 
background: -webkit-linear-gradient(left, #D95096, #DD81B1);
background: linear-gradient(to right, #D95096, #DD81B1);
}
.detail .fb h2 {
background: -moz-linear-gradient(left, #006CB6, #6C9BD2); 
background: -webkit-linear-gradient(left, #006CB6, #6C9BD2);
background: linear-gradient(to right, #006CB6, #6C9BD2);
}
.detail h3 {
margin-bottom: 2rem;
padding: .5rem;
border: 3px solid;
border-radius: 10px;
font-weight: bold;
text-align: center;
}
@media (min-width: 768px) {
.detail h3 {
font-size: 2.6rem;
}
}
.detail .twi h3 {
color: #00AEEB;
}
.detail .insta h3 {
color: #D95097;
}
.detail .fb h3 {
color: #2D6AAE;
}
.detail img {
display: block;
margin: 0 auto 2rem;
}
.koukokuType dl {
padding: 2rem 1rem;
border-radius: 10px;
background: #F2F2F2;
}
.koukokuType dl dt {
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: bold;
}
.koukokuType dl dt::before {
margin-right: .5rem;
}
.koukokuType dl dt::before {
padding-left: .2rem;
padding-right: .2rem;
font-size: 1.2rem;
color: white;
}
.koukokuType dl:nth-child(1) dt::before {
content: "１";
}
.koukokuType dl:nth-child(2) dt::before {
content: "２";
}
.koukokuType dl:nth-child(3) dt::before {
content: "３";
}
.koukokuType dl:nth-child(4) dt::before {
content: "４";
}
.twi .koukokuType dl dt {
color: #00AEEB;
}
.twi .koukokuType dl dt::before {
background: #00AEEB;
}
.insta .koukokuType dl dt {
color: #D95097;
}
.insta .koukokuType dl dt::before {
background: #D95097;
}
.fb .koukokuType dl dt {
color: #2D6AAE;
}
.fb .koukokuType dl dt::before {
background: #2D6AAE;
}
.kasen {
background: linear-gradient(transparent 50%, #F5DD91 50%);
}
.point dl dt {
position: relative;
width: 100%;
height: 74px;
margin-bottom: 2rem;
padding-top: .91111rem;
padding-left: 75px;
}
@media (min-width: 768px) {
.point dl dt {
font-size: 1.2rem;
}
}
.point dl dt::before {
display: inline-block;
position: absolute;
top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  z-index: 1;
  margin-left: -75px;
}
.point .col-md-4:nth-child(1) dl dt::before {
content: url("../images/point_1.png");
}
.point .col-md-4:nth-child(2) dl dt::before {
content: url("../images/point_2.png");
}
.point .col-md-4:nth-child(3) dl dt::before {
content: url("../images/point_3.png");
}
.twi dl dt {
font-weight: bold;
color: #00AEEB;
}
.twi dl dt::before {
background: #00AEEB;
}
.insta dl dt {
font-weight: bold;
color: #D95097;
}
.insta dl dt::before {
background: #D95097;
}
.fb dl dt {
font-weight: bold;
color: #2D6AAE;
}
.fb dl dt::before {
background: #2D6AAE;
}
@media (min-width: 768px) {
.point dl dd img {
max-height: 75px;
}
}
table {
border-collapse: collapse;
width: 100%;
}
table th {
width: 60%;
padding: .5rem;
border: 1px solid #333333;
font-weight: normal;
}
table td {
width: 40%;
padding: .5rem;
border: 1px solid #333333;
text-align: right;
}
.twi table th {
background: #E1F4F9;
}
.insta table th {
background: #EFD8E5;
}
.fb table th {
background: #D6E2ED;
}
.point table th, .point table td {
display: block;
width: 100%;
}
.point table td {
text-align: left;
}
.caution {
font-size: .8rem;
}
ul.caution {
list-style: none;
margin-top: 1rem;
padding-left: 0;
}