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

/*---nin・record.html用のスタイルシート---*/

html,body{
position: relative;/*基準になる親要素*/
margin: 0;
padding: 0;
width: 100%;
height:100%;}


/*-----------【 Nin Page バックグラウンド画像 】指定*/
body#ninback{
text-align: center;
font-family: Arial,
             Verdana,
            "Hiragino Kaku Gothic ProN",
            "ヒラギノ角ゴ ProN W3",
             Meiryo,
            "メイリオ",
             HiraKakuProN-W3,
             sans-serif;
background-color: #000;
background-image: /*url(img/footer_nin_1.png),*//*手前から1*/
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/二人BIG6.jpg),/*4*/
                  url(img/backbody.jpg);/*5*/
background-position: /*left bottom,*/
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: /*contain,*/
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;
background-repeat: no-repeat;
background-attachment: fixed;
border-style: none;}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
body#ninback{
background-image: /*url(img/footer_nin_1.png),1*/
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/二人BIG6.jpg),
                  url(img/backbody.jpg);
background-position: /*left bottom,*/
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: /*contain,*/
                 /*auto 5%,*/
                 /*auto 5.5%,*/
                 contain,
                 cover;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
body#ninback{
background-image: /*url(img/footer_nin_1.png),1*/
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/二人BIG6.jpg),
                  url(img/backbody.jpg);
background-position: /*left bottom,*/
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: /*contain,*/
                 /*auto 3%,*/
                 /*auto 6%,*/
                 contain,
                 cover;}}





/*-----------【 Record Page バックグラウンド画像 】指定*/
body#recordback{
    text-align: center;
    font-family: Arial,
                 Verdana,
                 "Hiragino Kaku Gothic ProN",
                 "ヒラギノ角ゴ ProN W3",
                 Meiryo,
                 "メイリオ",
                  HiraKakuProN-W3,
                  sans-serif;
    background-color: #000;
    background-image: /*url(img/footer_record_1.png),1*/
                      /*url(img/backtop.jpg),2*/
                      /*url(img/backbottom.jpg),3*/
                      url(img/backbody.jpg);
    background-position: /*left bottom,*/
                         /*center top,*/
                         /*center bottom,*/
                         center;
    background-size: /*contain,*/
                     /*contain,*/
                     /*contain,*/
                     cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-style: none;}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
body#recordback{
background-image: /*url(img/footer_record_1.png),1*/
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backbody.jpg);
background-position: /*left bottom,*/
                     /*center top,*/
                     /*center bottom,*/
                     center;
background-size: /*contain,*/
                 /*auto 5%,*/
                 /*auto 5.5%,*/
                 cover;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
body#recordback{
background-image: /*url(img/footer_record_1.png),1*/
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backbody.jpg);
background-position: /*left bottom,*/
                     /*center top,*/
                     /*center bottom,*/
                     center;
background-size: /*contain,*/
                 /*auto 3%,*/
                 /*auto 6%,*/
                 cover;}}





/*------------------wrapper(全ページ共通)の指定*/
#wrapper{
width: 100%;
height: 100%;
border-style : none;}



/*----------------【 navigation 】の指定*/

/*----------------【 #header 】の指定*/
#header{
position : relative;
width: 100%;
height: 145px;
top: 5.3%;
border-style: none;}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px){
#header{
height: 125px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px){
#header{
height: 100px;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px){
#header{
top: 2.5%;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px){
#header{
height: 60px;}}


/*----------------【 #navi 】の指定*/

#navi{
font-family: "Times New Roman",/*MacWin共通欧文フォント*/
             "YuGothic",/*Mac10.13Win8.1共通日本語フォント*/
             "Yu Gothic",/*Mac10.13Win8.1共通日本語フォント*/
             "游ゴシック体",/*Mac10.13Win8.1共通日本語フォント*/
             "David",/*Win7欧文フォント*/
             "ＭＳ ゴシック"/*Win7日本語フォント*/;
display: table;
table-layout: fixed;/*要素の均等配置*/
border-collapse:separate;/*border-spacing:とセットでも使える*/
width: 19.5%;
position : absolute;
left : 78.5%;
margin: 0;
font-size: 17px;
text-align: left;/*親要素にしか指定出来ない*/
letter-spacing: 0.5px;/*文字間*/
font-weight: normal;
border-style: none;}

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#navi{
width: 23.7%;
left : 73.3%;
font-size: 16.3px;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#navi{
width: 23.7%;
left : 73.3%;
font-size: 16.3px;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
#navi{
width: 23.7%;
left : 73.3%;
font-size: 16.3px;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#navi{
width: 27%;
left : 71%;
font-size: 16px;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#navi{
width: 29%;
left : 69%;
font-size: 15.5px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#navi{
width: 26.5%;
left : 71.5%;
font-size: 14.5px;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#navi{
width: 26.5%;
left : 70.2%;
font-size: 14px;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#navi{
width: 26.5%;
left : 70.2%;
font-size: 12.5px;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#navi{
width: 33.5%;
left : 63.6%;
font-size: 15.5px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#navi{
width: 27.5%;
left : 68.7%;
font-size: 12px;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#navi{
width: 37%;
left : 60%;
font-size: 15.5px;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#navi{
width: 36%;
left : 61%;
font-size: 15px;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#navi{
width: 28.5%;
left : 68.5%;
font-size: 11.5px;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#navi{
width: 29.5%;
left : 68%;
font-size: 11.3px;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#navi{
width: 29.5%;
left : 68%;
font-size: 11.3px;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
#navi{
width: 43%;
left : 53%;
font-size: 15px;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#navi{
width: 30%;
left : 67%;
font-size: 10.3px;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
#navi{
width: 45%;
left : 50%;
font-size: 15px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#navi{
width: 32%;
left : 65%;
font-size: 9px;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
#navi{
width: 52%;
left : 45%;
font-size: 14.5px;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#navi{
width: 58%;
left : 39%;
font-size: 14px;}}

/*iPhoneXたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#navi{
width: 57%;
left : 38%;
font-size: 13px;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#navi{
width: 58%;
left : 37%;
font-size: 13px;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#navi{
width: 58%;
left : 37%;
font-size: 11.5px;}}



/*----------------【 各navi 】の指定*/

.left, .center, .right{
display: table-cell;
vertical-align:middle;/*ｲﾝﾗｲﾝ,ﾃｰﾌﾞﾙｾﾙにしか効果ﾅｼ*/
white-space: nowrap;/*ｾﾙ内の改行を禁止する*/
border-left: solid 1px rgba(255,255,255,0.15);}



/*----------------【 #navi a 】の指定*/

#navi a{
vertical-align:middle;/*ｲﾝﾗｲﾝ,ﾃｰﾌﾞﾙｾﾙにしか効果ﾅｼ*/
padding: 10px 0 10px 8px;/*元0.3em*/
text-decoration: none;
display: block;
border-style: none;}

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#navi a{
padding: 10px 0 9px 8px;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#navi a{
padding: 9px 0 9px 8px;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
#navi a{
padding: 9px 0 9px 8px;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#navi a{
padding: 9px 0 9px 8px;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#navi a{
padding: 9px 0 9px 8px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#navi a{
padding: 9px 0 9px 7px;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#navi a{
padding: 8px 0 8px 6px;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#navi a{
padding: 6px 0 5px 6px;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#navi a{
padding: 8.5px 0 8.5px 8px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#navi a{
padding: 6px 0 4px 6px;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#navi a{
padding: 8px 0 8px 7px;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#navi a{
padding: 7px 0 8px 7px;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#navi a{
padding: 5px 0 5px 5px;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#navi a{
padding: 5px 0 4px 5px;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#navi a{
padding: 5px 0 4px 5px;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
#navi a{
padding: 8px 0 8px 5px;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#navi a{
padding: 4px 0 3px 4px;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
#navi a{
padding: 8px 0 8px 5px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#navi a{
padding: 4px 0 3px 3px;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
#navi a{
padding: 7px 0 7px 5px;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#navi a{
padding: 6px 0 7px 5px;}}

/*iPhoneXたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#navi a{
padding: 6px 0 6px 5px;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#navi a{
padding: 6px 0 6px 4px;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#navi a{
padding: 5px 0 5px 4px;}}



/*--------【navigationのカラーlink指定】*/
#navi a:link{   color: #54513f;}/*3A362D*/
#navi a:visited{color: #54513f;}/*3A362D*/
#navi a:hover{  color: #C5C0AF;
         transition: 0.5s linear;}





/*---------------【 NIN contents 】*/
#contents{
/*background-color: rgba(255,255,255,0.08);確認の時だけに必要*/
display: table;
table-layout:fixed;
position: absolute;
width: 100%;
bottom: 19%;
margin: auto;
border-collapse: separate;/*tableかinline-tableにしか効果ﾅｼ*/
border-spacing: 10px 0;/*値1つで上下左右2つで左右・上下のボックス間隔*/
border-style: none;}

/*--●レスポンシブ設定--*/
/*PCよこ(1814)*/
@media screen and (max-width: 1814px){/*--縦横指定ナシ--*/
#contents{
bottom: 18%;}}

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#contents{
bottom: 18.5%;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#contents{
bottom: 19%;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*で--縦横指定ナシ--*/
#contents{
bottom: 16.5%;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px){/*--縦横指定ナシ--*/
#contents{
bottom: 15%;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#contents{
bottom: 25%;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
/*@media screen and (max-width: 1024px) and (orientation: landscape) {
#contents{
bottom: 17%;}}*/

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#contents{
bottom: 15%;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#contents{
bottom: 10.5%;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#contents{
bottom: 24%;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#contents{
bottom: 6.8%;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#contents{
bottom: 23%;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#contents{
bottom: 23.5%;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#contents{
bottom: 7.5%;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#contents{
bottom: 7.5%;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#contents{
bottom: 8%;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
#contents{
bottom: 25%;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#contents{
bottom: 6.5%;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
#contents{
bottom: 25%;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#contents{
bottom: 4%;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
#contents{
bottom: 25%;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#contents{
bottom: 17%;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#contents{
bottom: 18%;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#contents{
bottom: 16%;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#contents{
bottom: 17%;}}



/*--------------【 NIN JOMENの指定 】*/
.jomen{
display: table-cell;/*marginは指定できない*/
vertical-align: top;/*ｲﾝﾗｲﾝ要素にしか効果ﾅｼ*行中での文や画像の縦方向揃え*/
width: 100%;
/*background-color: rgba(255,255,255,0.1);確認の時だけに必要*/
border-style: none;
padding: 0 1% 0 13%;}/* 上 右 下 左 */

/*--●レスポンシブ設定--*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
.jomen{
padding: 0 1% 0 13%;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
.jomen{
padding: 0 2% 0 12%;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
.jomen{
padding: 0 2% 0 10%;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px){/*--縦横指定ナシ--*/
.jomen{
padding: 0 3% 0 9%;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.jomen{
padding: 0 2% 0 3%;}}

iPadMini-iPadPro9.7よこ(1024*768)
@media screen and (max-width: 1024px) and (orientation: landscape) {
.jomen{
padding: 0 2% 0 3%;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
.jomen{
padding: 0 2% 0 2%;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
.jomen{
padding: 0 2% 0 2%;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
.jomen{
padding: 0 3% 0 5%;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
.jomen{
padding: 0 1% 0 2.5%;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
.jomen{
padding: 0 2.5% 0 5.8%;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
.jomen{
padding: 0 2.5% 0 6%;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
.jomen{
padding: 0 0.5% 0 2.5%;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
.jomen{
padding: 0 0.5% 0 2.5%;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
.jomen{
padding: 0 0.5% 0 2.5%;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
.jomen{
padding: 0 2.5% 0 6%;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
.jomen{
padding: 0 0.5% 0 1%;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
.jomen{
padding: 0 2.5% 0 6%;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
.jomen{
padding: 0 0.5% 0 1%;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
.jomen{
padding: 0 1% 0 5%;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
.jomen{
padding: 0 1% 0 5%;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
.jomen{
padding: 0 1% 0 4%;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
.jomen{
padding: 0 1% 0 4%;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
.jomen{
padding: 0 1% 0 4%;}}



/*--------------【 nin jomen ulとliの指定 】*/
.jomen ul{
list-style-type: none;
text-align : right;
margin-left: auto; /*----余白の打ち消し*/
padding-left: 0;/*----余白の打ち消し*/
border-style: none;}

.jomen li.word{
text-align: left;}



/*--------------【 NIN TANKOの指定 】*/
.tanko{
display: table-cell;/*marginは指定できない*/
vertical-align: top;/*行中での文や画像の縦方向揃え・ｲﾝﾗｲﾝ要素にしか効果ﾅｼ*/
width: 100%;
border-style: none;/*border: solid 1 #fff;確認用*/
padding: 0 13% 0 1%;}/* 上 右 下 左 */

/*--●レスポンシブ設定--*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
.tanko{
padding: 0 13% 0 1%;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
.tanko{
padding: 0 12% 0 2%;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
.tanko{
padding: 0 10% 0 2%;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px){/*--縦横指定ナシ--*/
.tanko{
padding: 0 9% 0 3%;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.tanko{
padding: 0 3% 0 2%;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
.tanko{
padding: 0 3% 0 2%;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
.tanko{
padding: 0 2% 0 2%;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
.tanko{
padding: 0 2% 0 2%;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
.tanko{
padding: 0 5% 0 3%;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
.tanko{
padding: 0 2.5% 0 1%;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
.tanko{
padding: 0 5.8% 0 2.5%;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
.tanko{
padding: 0 6% 0 2.5%;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
.tanko{
padding: 0 2.5% 0 0.5%;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
.tanko{
padding: 0 2.5% 0 0.5%;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
.tanko{
padding: 0 2.5% 0 0.5%;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
.tanko{
padding: 0 6% 0 2.5%;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
.tanko{
padding: 0 1% 0 0.5%;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
.tanko{
padding: 0 6% 0 2.5%;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
.tanko{
padding: 0 1% 0 0.5%;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
.tanko{
padding: 0 5% 0 1%;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
.tanko{
padding: 0 5% 0 1%;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
.tanko{
padding: 0 4% 0 1%;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
.tanko{
padding: 0 4% 0 1%;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
.tanko{
padding: 0 4% 0 1%;}}



.tanko ul{
list-style-type: none;
text-align : left;/*ulがleftなのでliの指定はしなくて良い*/
margin-left: 0; /*----余白の打ち消し*/
padding-left: 0;/*----余白の打ち消し*/
border-style: none;}



/*---------【 nin JOMEN TANKO タイトルの設定 】*/

p.j1, p.t1{
color: #918d7b;
padding: 0;
font-size: 16px;
letter-spacing: 0.7px;/*文字間*/
font-weight: normal;}

/*--●レスポンシブ設定--*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
p.j1, p.t1{
font-size: 15px;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
p.j1, p.t1{
font-size: 14.4px;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
p.j1, p.t1{
font-size: 14.4px;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 14.4px;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 15px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 14px;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 12px;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 10.5px;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 14.4px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 10.5px;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 12.5px;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 12.5px;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 10.5px;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 10px;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 10px;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 12px;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 9.5px;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 11.5px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
p.j1, p.t1{
font-size: 8.5px;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 9.8px;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 9.8px;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*812)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 9.3px;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 9.3px;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
p.j1, p.t1{
font-size: 8px;}}




/*---------【 nin JOMEN TANKO 内容文の設定 】*/

p.j2, p.t2{
font-size: 12px;
color: #918d7b;/*タイトルカラーと一緒で以前のカラーは#54513f*/
line-height: 1.7;/*行間*/
letter-spacing: 0.7px;/*文字間*/
padding: 0;}

/*--●レスポンシブ設定--*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
p.j2, p.t2{
font-size: 11px;
line-height: 1.7;
letter-spacing: 0.7px;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
p.j2, p.t2{
font-size: 10.5px;
line-height: 1.65;
letter-spacing: 0.6px;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
p.j2, p.t2{
font-size: 10.5px;
line-height: 1.64;
letter-spacing: 0.6px;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.6px;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 11px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.55px;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 10px;
line-height: 1.4;
letter-spacing: 0.5px;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 9.2px;
line-height: 1.3;
letter-spacing: 0.5px;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.6px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 9.3px;
line-height: 1.2;
letter-spacing: 0.5px;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 8.6px;
line-height: 1.3;
letter-spacing: 0.5px;}}

/*(互換)X/Xs/(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 8.5px;
line-height: 1.2;
letter-spacing: 0.4px;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 8.3px;
line-height: 1.2;
letter-spacing: 0.4px;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 10px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 7.5px;
line-height: 1.2;
letter-spacing: 0.4px;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 9.5px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
p.j2, p.t2{
font-size: 7px;
line-height: 1.2;
letter-spacing: 0.4px;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 8.5px;
line-height: 1.5;
letter-spacing: 0.4px;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 8.5px;
line-height: 1.5;
letter-spacing: 0.4px;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 8.3px;
line-height: 1.4;
letter-spacing: 0.4px;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 8.3px;
line-height: 1.4;
letter-spacing: 0.4px;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
p.j2, p.t2{
font-size: 6.5px;
line-height: 1.45;
letter-spacing: 0.5px;}}





/*------------【 RECORD Page 指定 】----*/

/*------------【 record Contents 】----*/
#recordcontents{
/*background-color: rgba(255,255,255,0.08);確認の時だけに必要*/
display: table;
table-layout:fixed;
position: absolute;
width: 100%;
top: 33.5%;
margin: auto;
border-collapse: separate;/*tableかinline-tableにしか効果ﾅｼ*/
border-spacing: 10px 0;/*値1つで上下左右2つで左右・上下のボックス間隔*/
border-style: none;}

/*--●レスポンシブ設定--*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#recordcontents{
top: 36%;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#recordcontents{
top: 36.7%;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
#recordcontents{
top: 34%;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#recordcontents{
top: 35.8%;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#recordcontents{
top: 50%;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#recordcontents{
top: 35%;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#recordcontents{
top: 30.5%;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#recordcontents{
top: 26%;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#recordcontents{
top: 47.5%;}}

/*iPhoneXよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#recordcontents{
top: 25.5%;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#recordcontents{
top: 44%;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#recordcontents{
top: 44%;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#recordcontents{
top: 26.5%;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#recordcontents{
top: 24%;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#recordcontents{
top: 22.5%;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
#recordcontents{
top: 34%;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#recordcontents{
top: 24%;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
#recordcontents{
top: 34%;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#recordcontents{
top: 24%;
border-spacing: 5px 0;/*値1つで上下左右*2つで左右・上下のボックス間隔*/}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
#recordcontents{
top: 32%;
border-spacing: 5px 0;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#recordcontents{
top: 30%;
border-spacing: 5px 0;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#recordcontents{
top: 30%;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#recordcontents{
top: 30%;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#recordcontents{
top: 28%;}}



/*------------【 RECORD WORLDの指定 】*/
.world{
display: table-cell;
vertical-align: top;/*ｲﾝﾗｲﾝ要素にしか効果ﾅｼ*/
width: 100%;
height: auto;
border-style: none;
padding-left: 28%;}

/*--●レスポンシブ設定--*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
.world{
padding-left: 25%;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
.world{
padding-left: 23%;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
.world{
padding-left: 23%;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
.world{
padding-left: 17.5%;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.world{
padding-left: 15%;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
.world{
padding-left: 17.5%;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
.world{
padding-left: 16%;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
.world{
padding-left: 14.5%;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
.world{
padding-left: 6.2%;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
.world{
padding-left: 11%;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
.world{
padding-left: 7.2%;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
.world{
padding-left: 5.5%;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
.world{
padding-left: 9%;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
.world{
padding-left: 6.6%;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
.world{
padding-left: 6.6%;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
.world{
padding-left: 5.8%;}}

/*iPhone5-SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
.world{
padding-left: 3.9%;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
.world{
padding-left: 5.8%;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
.world{
padding-left: 4%;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
.world{
padding-left: 6%;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
.world{
padding-left: 6%;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
.world{
padding-left: 6%;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
.world{
padding-left: 6%;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
.world{
padding-left: 6%;}}



/*----------【 record worldの ulとliの指定 】*/
.world ul{
list-style-type: none;
text-align : right;
margin-left: auto; /*----余白の打ち消し*/
padding-left: 0;/*----余白の打ち消し*/
border-style: none;}

.world li.word{
text-align: left;}



/*-----------【 RECORD JAPANの指定 】----*/
.japan{
display: table-cell;
vertical-align: top;/*ｲﾝﾗｲﾝ要素にしか効果ﾅｼ*/
width: 100%;
border-style: none;
padding-left: 2%;}

/*--●レスポンシブ設定--*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
.japan{
padding-left: 2%;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
.japan{
padding-left: 2%;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
.japan{
padding-left: 2%;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.japan{
padding-left: 2%;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
.japan{
padding-left: 3.3%;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
.japan{
padding-left: 2%;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
.japan{
padding-left: 2%;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
.japan{
padding-right: 5.8%;}}

/*iPhone5-SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
.japan{
padding-right: 5.8%;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
.japan{
padding-left: 2%;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
.japan{
padding-right: 6%;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
.japan{
padding-right: 6%;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
.japan{
padding-right: 6%;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
.japan{
padding-right: 6%;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
.japan{
padding-right: 6%;}}



.japan ul{
list-style-type: none;
text-align : left;
margin-left: 0; /*----余白の打ち消し*/
padding-left: 0;/*----余白の打ち消し*/
border-style: none;}



/*---------【 RECORD WORLD JAPAN タイトルの設定 】*/

p.w1, p.ja1{
color: #918d7b;/*#7c7961#A7A59E*/
padding: 0;
font-size: 16px;
letter-spacing: 0.7px;/*文字間*/
font-weight: normal;}

/*●レスポンシブ*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
p.w1, p.ja1{
font-size: 15px;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
p.w1, p.ja1{
font-size: 14.4px;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
p.w1, p.ja1{
font-size: 14.4px;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 14.4px;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 15px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 14px;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 12px;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 10.5px;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 14.4px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 10.5px;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 12.5px;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 12.5px;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 10.5px;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 10px;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 10px;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 12px;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 9.5px;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 11.5px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
p.w1, p.ja1{
font-size: 8.5px;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 9.8px;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 9.8px;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 9.3px;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 9.3px;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
p.w1, p.ja1{
font-size: 8px;}}



/*---------【 RECORD WORLD JAPAN 画歴文の設定 】*/

p.w2, p.ja2{
font-size: 12px;
color: #54513f;
line-height: 1.7;/*行間*/
letter-spacing: 0.7px;/*文字間*/
padding: 0;}

/*●レスポンシブ*/
/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
p.w2, p.ja2{
font-size: 11px;
line-height: 1.7;
letter-spacing: 0.7px;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
p.w2, p.ja2{
font-size: 10.5px;
line-height: 1.65;
letter-spacing: 0.6px;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
p.w2, p.ja2{
font-size: 10.5px;
line-height: 1.64;
letter-spacing: 0.6px;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 10.5px;
line-height: 1.63;
letter-spacing: 0.6px;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 11px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 10px;
line-height: 1.5;
letter-spacing: 0.5px;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 9.4px;
line-height: 1.45;
letter-spacing: 0.5px;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.6px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 9.4px;
line-height: 1.4;
letter-spacing: 0.5px;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 9px;
line-height: 1.45;
letter-spacing: 0.5px;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 8.7px;
line-height: 1.5;
letter-spacing: 0.4px;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 8.7px;
line-height: 1.5;
letter-spacing: 0.4px;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 10px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 8.2px;
line-height: 1.4;
letter-spacing: 0.4px;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 9.5px;
line-height: 1.6;
letter-spacing: 0.5px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
p.w2, p.ja2{
font-size: 7px;
line-height: 1.4;
letter-spacing: 0.4px;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 8.5px;
line-height: 1.5;
letter-spacing: 0.4px;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 8.5px;
line-height: 1.5;
letter-spacing: 0.4px;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 8.3px;
line-height: 1.4;
letter-spacing: 0.4px;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 8.3px;
line-height: 1.4;
letter-spacing: 0.4px;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
p.w2, p.ja2{
font-size: 6.5px;
line-height: 1.45;
letter-spacing: 0.5px;}}


/*---------------【RECORD Page ↑ここまで】----*/





/*---------- ↑ここまで ----------*/