@charset "utf-8";

/* ============================================================================

 * iphonアプリプロモ関連

 * ========================================================================= */




body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    padding: 0;
    margin: 0;
}

.appContents a {
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}
.nls {
    line-height: 100%;
}



.appBtn {
    margin: 10px auto;
    width: 343px;
}

img.appImg {
    filter: drop-shadow(3px 3px 3px #aaa);
}
.appBtn a.appBtn:link,
.appBtn a.appBtn:visited,
.appBtn a.appBtn:hover,
.appBtn a.appBtn:active {
    color: #ffffff;
    background-color: #d86316;
    text-align: center !important;
    border-radius: 8px;
    font-size: 19px;
    padding: 4px;
    display: block;
    filter: drop-shadow(3px 3px 3px #aaa);
    text-decoration: none;
}

.appBtn a.appC1:link,
.appBtn a.appC1:visited,
.appBtn a.appC1:hover,
.appBtn a.appC1:active {
    color: #ffffff;
    background-color: #d86316;
}

.appBtn a.appC2:link,
.appBtn a.appC2:visited,
.appBtn a.appC2:hover,
.appBtn a.appC2:active {
    color: #ffffff;
    background-color: #5A379F;
}

.appBtn a.appC3:link,
.appBtn a.appC3:visited,
.appBtn a.appC3:hover,
.appBtn a.appC3:active {
    color: #d86316;
    background-color: #EBE7E4;
}

.appBtn a.appC4:link,
.appBtn a.appC4:visited,
.appBtn a.appC4:hover,
.appBtn a.appC4:active {
    color: #ffffff;
    background-color: #22AF97;
}
    
div.appWaku {
    margin: 10px auto;
    width: 343px;
    border-radius: 8px;
    border: 1px solid #743E1A;
    padding: 20px;
}

.appImg {
    text-align:center!important;
}
.appTitle1 {
    text-align:center;
    font-size: 19px;
    font-weight: bold;
}

.appTitle2 {
    margin: 4px;
    text-align: left;
    font-size: 23px;
    font-weight: bold;
    color: #743E1A;
}

.appTitle3 {
    margin: 4px;
    text-align: left;
    font-size: 23px;
    font-weight: bold;
    color: #D86316;
}

.appKomoku {
    margin: 4px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.appKomoku a.appKomoku:link,
.appKomoku a.appKomoku:visited,
.appKomoku a.appKomoku:hover,
.appKomoku a.appKomoku:active {
    margin: 0;
    color: #0655F3;
    text-decoration: none;
}
.appKomokuSelf {
    color: #E95A00;
    margin: 4px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}


.appContents {
    margin: 0 auto;
    max-width: 600px;
    height: 100%;
    background-color: #EBE7E4;
}

.appBackPaper {
    padding: 16px;
    background-color: #EBE7E4;
    text-align: left;
    
    /*
    border: 1px solid #000000;
        */
}
.appBordCaptin {
    padding: 16px;
    margin: 0 0 16px 0;
    border-radius: 8px;
    background-color: #E95A00;
}
.appPaperLP {
    padding: 10px;
    margin: 0 0 16px 0;
    border-radius: 8px;
    background-color: #D86316;
}
.appPaperBlueLP {
    padding: 10px;
    margin: 0 0 16px 0;
    border-radius: 8px;
    background-color: #12228A;
}
.appPaperWhite {
    padding: 10px;
    margin: 0;
    border-radius: 8px;
    background-color: #ffffff;
}
.appWakuog {
    padding: 5px;
    background-color: #EBE7E4;
    border-radius: 8px;
    border: 1px solid #D86316;
}

.appWakuoo {
    padding: 5px;
    border-radius: 8px;
    background-color: #E95A00;
}
.appWakugg {
    padding: 5px;
}

.appBox {
    overflow: hidden;
}

.appItem {
    float: left;
    padding: 0;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    word-break: break-all;
    
}
.appItemRight {
    float: right;
    padding: 0;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    word-break: break-all;
}
.app23wb {
    color: #ffffff;
    font-size: 23px;
    font-weight: bold;
}
.app19wb {
    color: #ffffff;
    font-size: 19px;
    font-weight: bold;
}
.app19wm {
    color: #ffffff;
    font-size: 19px;
    font-weight:600;
}
.app16wm {
    color: #ffffff;
    font-size: 16px;
    font-weight:600;
    word-break: break-all;
}
.app14wm {
    color: #ffffff;
    font-size: 14px;
    font-weight:600;
    word-break: break-all;
}
.app23ob {
    color: #D86316;
    font-size: 23px;
    font-weight: bold;
}
.app23om {
    color: #D86316;
    font-size: 23px;
    font-weight:600;
}
.app19o2m {
    color: #ffC8A4;
    font-size: 19px;
    font-weight: 600;
    word-break: break-all;
}
.app19om {
    color: #D86316;
    font-size: 19px;
    font-weight: 600;
    word-break: break-all;
}
.app16om {
    color: #D86316;
    font-size: 16px;
    font-weight: 600;
    word-break: break-all;
}
.app16o2m {
    color: #ffC8A4;
    font-size: 16px;
    font-weight: 600;
    word-break: break-all;
}
.app16o3m {
    color: #E2BAA1;
    font-size: 16px;
    font-weight: 600;
}

.app14om {
    color: #D86316;
    font-size: 14px;
    font-weight: 600;
}
.app19kh {
    color: #000000;
    font-size: 19px;
    font-weight: 900;
}
.app19km {
    color: #000000;
    font-size: 16px;
    font-weight:600;
}
.app23bbLP {
    color: #12228A;
    font-size: 23px;
    font-weight: bold;
}
.app19bbLP {
    color: #12228A;
    font-size: 19px;
    font-weight: bold;
}
.app16bbLP {
    color: #12228A;
    font-size: 16px;
    font-weight: bold;
}
.app16bmLP {
    color: #12228A;
    font-size: 16px;
    font-weight:600;
}
.app14bRLP {
    color: #12228A;
    font-size: 16px;
    font-weight: 400;
}
.appBlueBoxLP {
    color: #EBE7E4;
    font-size: 14px;
    height: 20px;
    font-weight: 400;
    border: 1px solid #12228A;
    background-color: #12228A;
}
.appGrayBoxLP {
    color: #12228A;
    font-size: 14px;
    height: 20px;
    font-weight: 400;
    border: 1px solid #929090;
    background-color: #929090;
}
.app19bb {
    color: #0655F3;
    font-size: 19px;
    font-weight: bold;
}
.app19bb a {
    color: #0655F3;
}

.app19bm {
    color: #0655F3;
    font-size: 19px;
    font-weight: 600;
}

.app19bm a{
    color: #0655F3;
}


.app23brb {
    color: #743E1A;
    font-size: 23px;
    font-weight: bold;
}
.app23brm {
    color: #743E1A;
    font-size: 23px;
    font-weight:600;
}
.app19brb {
    color: #743E1A;
    font-size: 19px;
    font-weight: bold;
}
.app19brm {
    color: #743E1A;
    font-size: 19px;
    font-weight:600;
}
.app16brm {
    color: #743E1A;
    font-size: 16px;
    font-weight:500;
}
.app14brb {
    color: #743E1A;
    font-size: 14px;
    font-weight: bold;
}

.app19brb {
    color: #743E1A;
    font-size: 19px;
    font-weight: bold;
    
}
.app19brr {
    color: #743E1A;
    font-size: 19px;
    font-weight: 500;
}
.app14brr {
    color: #743E1A;
    font-size: 14px;
    font-weight: 500;
}
.app14br2m {
    color: #A44F16;
    font-size: 14px;
    font-weight:600;
}


.center {
    text-align: center;
}

hr.app {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #743E1A;
    height: 1px;
}
hr.appLP {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #12228A;
    height: 1px;
}
.accordionInner {
    display: none;
}


.accordionButon {
    vertical-align: middle;
}

.closeLinck a {
    color: #743E1A;
    text-decoration: none;
}
img {
    vertical-align: middle;
}

.appTopBox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 10px 0;
}

.appTopItem {
    width: 50%;
}
a.appC5,
.appBtn a.appC5:link,
.appBtn a.appC5:visited,
.appBtn a.appC5:hover,
.appBtn a.appC5:active {
    color: #ffffff;
    background-color: #A42E8C;
}
.appBtn2 {
    margin: 10px auto;
    width: 343px;
    color: #ffffff;
    background-color: #d86316;
    text-align: left;
    border-radius: 8px;
    font-size: 16px;
    font-wait: 700;
    padding: 20px 30px;
    display: block;
    filter: drop-shadow(3px 3px 3px #aaa);
    color: #ffffff;
    background-color: #A42E8C;
}
@media screen and (max-width: 480px) {
.appTopItem {
    width: 100%;
}
}