@media screen and (max-width: 999px){
/* PC版非表示*/
#pcwrapper {
display: none;
}
.pcwrapper {
display: none;
}
.of {
width: 100%;
overflow: hidden !important;
}
a{
outline: none;
text-decoration: underline;
-webkit-tap-highlight-color:rgba(0,0,0,0);
color: #ffffff;
}
a:hover{
outline: none;
text-decoration: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
color: #ffffff;
}
a:visited{
outline: none;
text-decoration: underline;
color: #ffffff;
}
body {
-webkit-text-size-adjust: 100%;
text-align: left;
overflow: visible;
font-family: 'Noto Sans JP', sans-serif !important;
text-shadow: none !important;
font-feature-settings: "palt" 1;
background-color: #000000;
}
img {
width: 100%;
height: auto;
}
.oe_smp_top_01 {
background-image: url("../images/oe_smp_top_01.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
}
.oe_body_01 {
background-image: url("../images/oe_smp_top_10_02.png?20170624-1225");
background-repeat: repeat-y;
background-position: center top;
background-size: contain;
}
.collabo_smp_01 {
background-image: url("../images/collabo_smp_01.jpg");
background-repeat: repeat-y;
background-position: center top;
background-size: 100% auto;
padding-bottom: 2%;
}
.collabo_smp_02 {
background-image: url("../images/collabo_smp_03.png?20170624-1230");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
.collabo_smp_04 {
background-image: url("../images/collabo_smp_04.png?20170624-1227");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
.collabo_smp_05 {
background-image: url("../images/collabo_smp_05.png?20170624-1225");
background-repeat: repeat-y;
background-position: center top;
background-size: 100% auto;
}
.collabo_smp_06 {
width: 100%;
}
.collabo_smp_07 {
}
.collabo_smp_09 {
padding-top: 10%;
padding-bottom: 3%;
padding-left: 2%;
padding-right: 2%;
}
.collabo_smp_09_02 {
padding-top: 15%;
padding-bottom: 4%;
padding-left: 5%;
padding-right: 5%;
}
.collabo_smp_10 {
margin-bottom: 7%;
}
.collabo_smp_10_btm {
padding-bottom: 7%;
}
.collabo_smp_11 {
padding-top: 7%;
padding-left: 7%;
padding-right: 7%;
}
.background-hack_01 {
z-index : -1;
background-image : url('../images/bg_smp_0101.jpg?20170624-1225');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.background-hack_02 {
z-index : -1;
background-image : url('../images/bg_smp_0201.jpg?20170624-1225');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.background-hack_03 {
z-index : -1;
background-image : url('../images/bg_smp_0301.jpg?20170624-1225');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.background-hack_04 {
z-index : -1;
background-image : url('../images/bg_smp_0401.jpg?20170624-1225');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.background-hack_05 {
z-index : -1;
background-image : url('../images/bg_smp_0501.jpg?20170624-1225');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.background-hack_06 {
z-index : -1;
background-image : url('../images/bg_smp_0601.jpg?20170624-1225');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.background-hack_07 {
z-index : -1;
background-image : url('../images/bg_smp_0701.jpg?20170624-1225');
background-repeat : no-repeat;
background-size : 100% auto;
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.box1320 {
margin: auto;
width: 100%;
text-align: left;
}
.table_01 {
width: 100%;
}
.btn_01 {
width: 25%;
border-right: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;
}
.btn_01_no {
width: 23%;
border-bottom: 1px #ffffff solid;
}
.pad01 {
}
.pad01_01 {
background-image: url("../images/bg_smp_0101.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.pad01_02 {
background-image: url("../images/bg_smp_0201.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.pad01_03 {
background-image: url("../images/bg_smp_0301.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.pad01_04 {
background-image: url("../images/bg_smp_0401.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.pad01_05 {
background-image: url("../images/bg_smp_0501.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.pad01_06 {
background-image: url("../images/bg_smp_0601.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.pad01_07 {
background-image: url("../images/bg_smp_0701.jpg?20170624-1225");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.pad02 {
padding-top: 125%;
padding-left: 10.5%;
padding-right: 10.5%;
}
.pad05 {
padding-top: 10%;
padding-left: 13%;
padding-right: 13%;
}
.pad05 a:hover {
opacity: 0.7;
}
.pad06 {
width: 26%;
float: left;
margin-right: 11%;
}
.pad07 {
width: 26%;
float: left;
margin-right: 11%;
}
.pad08 {
width: 26%;
float: left;
}
.pad09 {
padding-top: 10%;
}
.pad10 {
padding-top: 3%;
}
.pad11 {
padding-top: 4.5%;
font-size: 100%;
font-weight: 400;
text-align: center;
}
.pad11 a {
color: #FFFFFF;
text-decoration: underline;
}
.pad11 a:hover {
color: #FFFFFF;
text-decoration: none;
}
.pad11 a:visited {
color: #FFFFFF;
text-decoration: underline;
}
.pad12 {
}
.pad13 {
padding-top: 7%;
padding-left: 9.5%;
padding-right: 9.5%;
}
.pad14 {
padding-top: 8%;
font-size: 105%;
line-height: 215%;
font-weight: 400;
text-align: left;
color: #FFFFFF;
}
.pad15 {
padding-top: 9%;
}
.pad16 {
padding-top: 6%;
}
.pad17 {
padding-top: 10%;
padding-bottom: 10%;
padding-left: 4%;
padding-right: 4%;
}
.pad18 {
font-size: 130%;
line-height: 220%;
font-weight: 600;
text-align: center;
color: #FFFFFF;
border-top: 2px #ffffff solid;
border-bottom: 1px #ffffff dotted;
padding-top: 3%;
padding-bottom: 3%;
}
.pad20 {
font-size: 105%;
line-height: 210%;
font-weight: 400;
text-align: left;
padding-left: 6%;
color: #FFFFFF;
}
.pad20 ul li {
position: relative;
}
.pad20 ul li::after {
display: block;
content: '';
position: absolute;
top: .90em;
left: -1em;
width: 8px;
height: 1px;
background-color: #ffffff;
}
.pad21_a {
font-size: 120%;
font-weight: 600;
text-align: left;
padding-top: 10%;
padding-bottom: 3%;
color: #FFFFFF;
}
.pad21_b {
font-size: 120%;
font-weight: 600;
text-align: left;
padding-top: 10%;
padding-bottom: 3%;
color: #FFFFFF;
}
.pad21_c {
font-size: 110%;
line-height: 180%;
font-weight: 400;
text-align: left;
padding-top: 10%;
padding-bottom: 3%;
color: #FFFFFF;
}
.pad21_d {
font-size: 70%;
}
.pad22 {
color: #FFFFFF;
}
.pad23 {
font-size: 105%;
line-height: 210%;
font-weight: 400;
text-align: left;
padding-left: 12.5%;
color: #FFFFFF;
}
.pad23 ul li {
position: relative;
}
.pad23 ul li::after {
display: block;
content: '※';
position: absolute;
top: 0.05em;
left: -1.2em;
}
.pad24 {
padding-top: 10%;
}
.pad25 {
padding-top: 4%;
}
.pad26 {
text-align: center;
font-size: 85%;
font-weight: 500;
line-height: 165%;
padding-top: 5%;
padding-bottom: 10%;
padding-left: 15%;
padding-right: 15%;
color: #FFFFFF;
background-color: #000000;
}
.pad27 {
padding-top: 10%;
padding-left: 12%;
padding-right: 12%;
background-color: #000000;
}
.pad27_02 {
padding-top: 10%;
padding-bottom: 5%;
padding-left: 12%;
padding-right: 12%;
background-color: #000000;
}
.pad28 {
}
.pad29 {
padding-top: 4%;
}
.pad30 {
}
.pad31 {
padding-top: 12%;
}
.pad31_03 {
padding-top: 25%;
padding-bottom: 25%;
text-align: center;
font-size: 200%;
font-weight: 400;
line-height: 165%;
color: #FFFFFF;
}
.pad31_04 {
padding-top: 8%;
padding-bottom: 13%;
padding-left: 6%;
padding-right: 6%;
}
.pad31_05 {
padding-left: 7%;
padding-right: 7%;
text-align: center;
}
.pad32 {
padding-left: 10%;
padding-right: 10%;
padding-top: 12%;
color: #FFFFFF;
}
.pad32_02 {
padding-left: 8%;
padding-right: 8%;
padding-top: 12%;
color: #FFFFFF;
}
.pad32_03 {
padding-left: 8%;
padding-right: 8%;
padding-top: 12%;
color: #FFFFFF;
}
.pad32_04 {
padding-left: 8%;
padding-right: 8%;
padding-top: 12%;
padding-bottom: 12%;
color: #FFFFFF;
}
.pad33 {
padding-top: 3%;
padding-bottom: 3%;
width: 100%;
text-align: center;
border-top: 2px #ffffff solid;
font-size: 130%;
line-height: 235%;
font-weight: 700;
}
.pad34 {
padding-top: 3%;
padding-bottom: 3%;
width: 100%;
text-align: center;
border-top: 1px #ffffff dotted;
font-size: 125%;
line-height: 210%;
font-weight: 400;
margin-bottom: 10%;
}
.pad35 {
}
.pad36 {
}
.pad37 {
}
.pad38 {
}
.pad39 {
}
.pad40 {
padding-bottom: 15%;
}
.pad41 {
padding-top: 3%;
padding-bottom: 3%;
width: 100%;
text-align: center;
border-top: 2px #ffffff solid;
border-bottom: 1px #ffffff dotted;
font-size: 170%;
line-height: 235%;
font-weight: 700;
}
.pad42 {
padding-top: 8%;
}
.pad42_02 {
padding-top: 5%;
}
.pad42_03 {
padding-bottom: 12%;
}
.pad43 {
padding-top: 7%;
width: 100%;
text-align: left;
font-size: 110%;
line-height: 200%;
font-weight: 400;
margin-bottom: 8%;
}
.pad43_center {
padding-top: 7%;
width: 100%;
text-align: center;
font-size: 110%;
line-height: 200%;
font-weight: 400;
margin-bottom: 8%;
}
.pad43_02 {
padding-top: 5%;
width: 100%;
text-align: left;
font-size: 90%;
line-height: 200%;
font-weight: 400;
}
.pad43_03 {
padding-top: 5%;
width: 100%;
text-align: left;
font-size: 110%;
line-height: 200%;
font-weight: 400;
margin-bottom: 5%;
}
.pad43_mini {
font-size: 70%;
}
.pad44 {
width: 100%;
border: 1px #ffffff solid;
text-align: center;
font-size: 100%;
line-height: 160%;
font-weight: 400;
}
.pad45 {
width: 33%;
padding-top: 6%;
padding-bottom: 6%;
border-right: 1px #ffffff dotted;
border-bottom: 1px #ffffff dotted;
}
.pad46 {
width: 33%;
padding-top: 6%;
padding-bottom: 6%;
border-right: 1px #ffffff dotted;
border-bottom: 1px #ffffff dotted;
}
.pad47 {
width: 33%;
padding-top: 6%;
padding-bottom: 6%;
border-bottom: 1px #ffffff dotted;
}
.pad48 {
font-size: 130%;
font-weight: 600;
}
.pad49 {
font-size: 70%;
}
.pad50 {
padding-top: 4%;
width: 100%;
}
.pad51 {
padding-top: 4%;
width: 100%;
}
.pad52 {
}
.pad53 {
margin-left: 8%;
margin-right: 8%;
margin-bottom: 2.5%;
background-color: #ffffff;
}
.pad53 img {
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
.pad54 {
padding-top: 10%;
padding-bottom: 13%;
padding-left: 13%;
padding-right: 13%;
text-align: center;
}
.pad55 {
font-size: 160%;
line-height: 170%;
font-weight: 600;
padding-top: 7%;
}
.pad56 {
font-size: 110%;
line-height: 200%;
font-weight: 400;
padding-top: 1.5%;
}
.pad57 {
font-size: 150%;
}
.pad58 {
font-size: 80%;
}
.pad59 {
font-size: 105%;
line-height: 210%;
font-weight: 400;
padding-top: 8%;
padding-left: 5%;
padding-right: 5%;
}
.pad59_02 {
font-size: 100%;
line-height: 210%;
font-weight: 400;
padding-top: 5%;
padding-bottom: 12%;
padding-left: 12%;
padding-right: 12%;
}
.pad60 {
padding-top: 3%;
padding-bottom: 13%;
}
.topics_smp_02 {
background-image: url("../images/topics_smp_02.jpg");
background-repeat: repeat-y;
background-position: center top;
background-size: 100% auto;
}
.topics_pad_01 {
padding-left: 10%;
padding-right: 10%;
padding-top: 10%;
}
.topics_pad_01_kiji {
padding-left: 10%;
padding-right: 10%;
padding-top: 10%;
}
.topics_pad_02 {
width: 100%;
display: block;
}
.topics_pad_02_kiji {
width: 100%;
display: block;
}
.topics_pad_03 {
width: 100%;
display: block;
}
.topics_pad_03_kiji {
width: 100%;
display: block;
}
.topics_pad_04 {
padding-left: 30%;
padding-right: 30%;
padding-top: 7%;
text-align: center;
}
.topics_pad_04_kiji {
padding-left: 10%;
padding-right: 10%;
padding-top: 7%;
text-align: center;
}
.topics_pad_05 {
color: #FFFFFF;
padding-left: 8%;
padding-right: 8%;
padding-top: 5%;
padding-bottom: 5%;
text-align: left;
}
.topics_pad_05 ul {
padding: 0.5em 0.5em 0.5em 1.2em;
position: relative;
}
.topics_pad_05 ul li {
font-size: 100%;
line-height: 195%;
padding: 0.05em 0;
list-style-type: none!important;
}
.topics_pad_05 ul li:before {/*疑似要素*/
content: "・";/*アイコンの種類*/
position: absolute;
left : 0.1em;/*左端からのアイコンまでの距離*/
color: white;/*アイコン色*/
}
.topics_pad_06 {
font-size: 180%;
line-height: 150%;
font-weight: 700;
padding-top: 5%;
}
.topics_pad_06_01 {
font-size: 110%;
line-height: 160%;
font-weight: 700;
padding-top: 5%;
}
.topics_pad_06_02 {
font-size: 200%;
line-height: 120%;
font-weight: 700;
padding-top: 0.5%;
}
.topics_pad_07 {
font-size: 100%;
line-height: 220%;
font-weight: 300;
padding-top: 6%;
}
.topics_pad_08 {
font-size: 80%;
line-height: 225%;
font-weight: 300;
padding-top: 6%;
}
.topics_pad_08_02 {
padding-left: 3%;
}
.topics_pad_09 {
font-size: 125%;
font-weight: 400;
}
#smp_page-top {
position: fixed;
bottom: 0;
right: 0;
width: 46px;
height: 46px;
z-index: 89;
}
.fixed {
position: fixed;
top: 0px;
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: local('NotoSansJP-Regular.otf'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}
}