@charset "UTF-8";

/*共通*/
p {
line-height: 1.6;
word-wrap: break-word;
font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif , 'ヒラギノ角ゴ Pro W3';
text-align: center;
margin: 20px 0;
font-size: 19px;
}
.contents{
margin: 0 auto;
padding: 0;
overflow: hidden;
color: #333;
background: #f9f9f9;
}
.contents-box{
max-width: 750px;
margin: 0 auto;
padding: 1%;
box-sizing:border-box;
background-color: #fff;
}
/*a:link, a:visited, a:hover, a:active {*/
/*color: #fff;*/
/*text-decoration: none;*/
/*}*/
a:hover {
opacity: 0.7;
}
.pc_ds{
display: block;
}
.sp_ds{
display: none;
}
img{
width: 100%;
}
.photo{
margin: 1% auto;
}

/*テキスト*/
.comment {
font-size: 26px;
font-weight: bold;
}
b{
font-weight: bold;
}
.tyuu{
font-size: 12px;
}
.ma5{
margin: 5px auto;
}
.ma0 {
    margin: 0;
}
.y_lin{
background: rgba(0, 0, 0, 0)linear-gradient(transparent 70%, #fbf24b 0%)repeat scroll 0 0;
}
.b_lin{
 text-decoration: underline;
 text-decoration-thickness: 2px;
}
.co_r{
color: #f9234b;
}
.co_e{
color: #fbf24b;
}
.co_b{
color: #0e00e1;
}
.ta_r{
text-align: right;
}
.ta_c{
text-align: center;
}

h1 {
font-size: 30px;
text-align: center;
padding: 0 1%;
font-weight: bold;
}

/*----------sp------------*/
@media (max-width: 767px) { 
/*共通*/
.contents{
width: 100%;
}
.sp_ds{
display: block;
}
.pc_ds{
display: none;
}
.contents_wrapper {
width: 100%;
}

/*テキスト*/
.tyuu{
font-size: 10px;
}
h1 {
font-size: 5.3vw;
}
}

/*　ページ内　*/
/*スライダー*/
.swiper-pagination {
position: static;
}

/*ボタン*/
.btn{
margin: 2% auto;
}
.animate{
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.bouncing{
-moz-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-moz-animation-name: bouncing;
-o-animation-name: bouncing;
-webkit-animation-name: bouncing;
animation-name: bouncing;
}
@-moz-keyframes bouncing{
20%, 53%, 80%, 0%, 100% {-moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translate3d(0,0,0);}
40%, 43% {-moz-animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-30px,0);}
70% {-moz-animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-15px,0);}
90% {transform: translate3d(0,-4px,0);}
}
@-o-keyframes bouncing{
20%, 53%, 80%, 0%, 100% {-o-animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translate3d(0,0,0);}
40%, 43% {-o-animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-30px,0);}
70% {-o-animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-15px,0);}
90% {transform: translate3d(0,-4px,0);}
}
@-webkit-keyframes bouncing{
20%, 53%, 80%, 0%, 100% {-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translate3d(0,0,0);}
40%, 43% {-webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-30px,0);}
70% {-webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-15px,0);}
90% {transform: translate3d(0,-4px,0);}
}
@keyframes bouncing{
20%, 53%, 80%, 0%, 100% {animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translate3d(0,0,0);}
40%, 43% {animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-30px,0);}
70% {animation-timing-function: cubic-bezier(.755,.050,.855,.060);transform: translate3d(0,-15px,0);}
90% {transform: translate3d(0,-4px,0);}
}

footer {
    font-size: 13px;
    padding: 5%;
    background: #ECECEC;
    text-align: center;
    margin-top: 10px;
}

a {
    display: block;
    color: #1E73BE;
}