@charset "utf-8";

/*---top・world・japan・info.html用のスタイルシート---*/

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


/*-----------【 TopPage バックグラウンド画像 】指定*/
#topback{
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/top-title9_7.png),/*1手前*/
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),/*4*/
                  url(img/backblack.jpg);/*5奥*/
background-position: 4.4% center,/*(左上角から 横 縦)*/
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;
background-repeat: no-repeat;
background-attachment: fixed;
border-style: none;}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*★iPhoneXsMax/XRたて(896*414)*/
@media screen and (max-width: 896px) and (orientation: portrait) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*★iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
#topback{
background-image: url(img/top-title9_5.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#topback{
background-image: url(img/top-title9_7.png),
                  /*url(img/backtop.jpg),2*/
                  /*url(img/backbottom.jpg),3*/
                  url(img/backloveandpeace2.jpg),
                  url(img/backblack.jpg);
background-position: 4.4% center,
                     /*center top,*/
                     /*center bottom,*/
                     center,
                     center;
background-size: contain,
                 /*contain,*/
                 /*contain,*/
                 contain,
                 cover;}}





/*-----------【 World Page バックグラウンド画像 】指定*/
#worldback{
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_world_1.png),*/
                  /*url(img/backtop.jpg),*/
                  /*url(img/backbottom.jpg),*/
                  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) {
#worldback{
background-image: /*url(img/footer_world_1.png),*/
                  /*url(img/backtop.jpg),*/
                  /*url(img/backbottom.jpg),*/
                  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) {
#worldback{
background-image: /*url(img/footer_world_1.png),*/
                  /*url(img/backtop.jpg),*/
                  /*url(img/backbottom.jpg),*/
                  url(img/backbody.jpg);
background-position: /*left bottom,*/
                     /*center top,*/
                     /*center bottom,*/
                     center;
background-size: /*contain,*/
                 /*auto 3%,*/
                 /*auto 6%,*/
                 cover;}}





/*-----------【 Japan Page バックグラウンド画像 】指定*/
#japanback{
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_japan_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) {
#japanback{
background-image: /*url(img/footer_japan_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) {
#japanback{
background-image: /*url(img/footer_japan_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;}}





/*-----------【 Info Page バックグラウンド画像 】指定*/
#infoback{
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_info_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) {
#infoback{
background-image: /*url(img/footer_info_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) {
#infoback{
background-image: /*url(img/footer_info_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;
text-align: left;/*親要素にしか指定出来ない*/
font-size: 17px;
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)*/
/*iPhone8/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-4つ指定は時計回り順*/
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 5px;}}

/*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;}





/*-------【 ↓ WORLD・JAPANのslideWrapper指定 】--*/
#slideWrapper{
/*background-color: rgba(255,255,255,0.1);確認用*/
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
width: 1285px;
height: 457px;/*img+pのheight*/
border-style: none;}

/*PCよこ(1920*1080)*/
@media screen and (max-width: 1920px){/*--縦横指定ナシ--*/
#slideWrapper{
width: 1285px;
height: 457px;}}

/*PCよこ(1730)*/
@media screen and (max-width: 1730px){/*--縦横指定ナシ--*/
#slideWrapper{
width: 1240px;
height: 442px;}}

/*PCよこ(1630)*/
@media screen and (max-width: 1630px){/*--縦横指定ナシ--*/
#slideWrapper{
width: 1210px;
height: 432px;}}

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#slideWrapper{
width: 1165px;
height: 417px;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#slideWrapper{
width: 1090px;/*★ここを広くするとimgの感覚が広くなる*/
height: 392px;}}

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

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px){/*--縦横指定ナシ--*/
#slideWrapper{
width: 940px;
height: 342px;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#slideWrapper{
width: 880px;
height: 322px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#slideWrapper{
width: 880px;
height: 322px;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#slideWrapper{
width: 775px;
height: 275px;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#slideWrapper{
width: 580px;
height: 155px;/*ナビに被るのでimgより狭くした*/}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#slideWrapper{
width: 805px;
height: 297px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#slideWrapper{
width: 505px;
height: 140px;/*ナビに被るのでimgより狭くした*/}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#slideWrapper{
width: 775px;
height: 275px;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#slideWrapper{
width: 745px;
height: 265px;}}

/*★w415~767まではｽﾗｲﾀﾞｰのﾚｽﾎﾟﾝｼﾌﾞ対応にする*/
/*Androidタブレットたて(600*960)含む*/
/*Androidスマホたて(540*960)含む*/
@media screen and (min-width:415px) and (max-width: 767px) and (orientation: portrait) {
#slideWrapper{
width: 100%;
height: 275px;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#slideWrapper{
width: 550px;
height: 160px;/*ナビに被るのでimgと同じにした*/}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#slideWrapper{
width: 505px;
height: 145px;/*ナビに被るのでimgと同じにした*/}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#slideWrapper{
width: 475px;
height: 135px;/*ナビに被るのでimgと同じにした*/}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#slideWrapper{
width: 400px;
height: 110px;/*ナビに被るのでimgと同じにした*/}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#slideWrapper{
width: 400px;
height: 110px;/*ナビに被るのでimgと同じにした*/}}

/*★ここから↓１枚表示*/
/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#slideWrapper{
width: 320px;
height: 360px;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneXS/X/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#slideWrapper{
width: 306px;/*１枚表示なのでimgサイズと同じ筈だけど大きくしないとﾊﾞｸﾞる*/
height: 332px;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#slideWrapper{
width: 280px;/*１枚表示なのでimgサイズと同じ*/
height: 312px;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#slideWrapper{
width: 270px;/*１枚表示なのでimgサイズと同じ*/
height: 300px;}}





/*----------サムネイル指定-----*/

#slideWrapper img{
display: block;/*margin,padding,width,height指定できるようになる*/
margin:0 auto;/*中央揃え*/
width: 100%;
max-width: 405px;
min-width: auto;
height: auto;
border: double 3px #444;/*二重枠*/
box-sizing: border-box;}/*ﾎﾞｰﾀﾞｰをｻｲｽﾞに含める*/

/*PCよこ(1920*1080)*/
@media screen and (max-width: 1920px){/*--縦横指定ナシ--*/
#slideWrapper img{
max-width: 405px;}}

/*PCよこ(1730)*/
@media screen and (max-width: 1730px){/*--縦横指定ナシ--*/
#slideWrapper img{
max-width: 390px;}}

/*PCよこ(1630)*/
@media screen and (max-width: 1630px){/*--縦横指定ナシ--*/
#slideWrapper img{
max-width: 380px;}}

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#slideWrapper img{
max-width: 365px;}}

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

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

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

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#slideWrapper img{
max-width: 270px;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#slideWrapper img{
max-width: 270px;}}

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

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#slideWrapper img{
max-width: 170px;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#slideWrapper img{
max-width: 245px;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#slideWrapper img{
max-width: 145px;}}

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

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#slideWrapper img{
max-width: 225px;}}

/*★w415~767まではｽﾗｲﾀﾞｰのﾚｽﾎﾟﾝｼﾌﾞ対応にする*/
/*Androidタブレットたて(600*960)含む*/
/*Androidスマホたて(540*960)含む*/
@media screen and (min-width:415px) and (max-width: 767px) and (orientation: portrait) {
#slideWrapper img{
max-width: 225px;/*----- 横最大幅 */
min-width: auto; /*----- 横最小幅 */
height: auto;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#slideWrapper img{
max-width: 160px;}}

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

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

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#slideWrapper img{
max-width: 110px;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#slideWrapper img{
max-width: 110px;}}

/*iPhoneXR/XsMaxたて(414*896)▼ここから一枚表示*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#slideWrapper img{
max-width: 320px;}}

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

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

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



/*---------【 WORLD・JAPANの作品タイトル指定 】--*/
/*---------●↓コメントアウトしている↓●--*/
#slideWrapper p{
width: 394px;/*固定幅*/
height: 52px;/*固定高さ*/
background-color: rgba(255,255,255,0);
text-align: left;
font-size: 16px;
color: #77746d;
letter-spacing: 0.4px;/*文字間*/
margin: 0 auto;/*中央揃え*/
padding: 0.6em 0 0 0.4em;/* 上 右 下 左 */
/*border: solid 0.1px #fff;確認用*/
border-style: none;}

/*PCよこ(1920*1080)*/
@media screen and (max-width: 1920px){/*--縦横指定ナシ--*/
#slideWrapper p{
width: 394px;
height: 52px;
font-size: 16px;
padding: 0.6em 0 0 0.4em;}}

/*PCよこ(1630)*/
@media screen and (max-width: 1630px){/*--縦横指定ナシ--*/
#slideWrapper p{
width: 364px;
height: 52px;
font-size: 15.5px;
padding: 0.6em 0 0 0.4em;}}

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#slideWrapper p{
width: 359px;
height: 52px;
font-size: 15.5px;
padding: 0.6em 0 0 0.4em;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#slideWrapper p{
width: 334px;
height: 52px;
font-size: 15px;
padding: 0.6em 0 0 0.4em;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
#slideWrapper p{
width: 304px;
height: 52px;
font-size: 14.5px;
padding: 0.6em 0 0 0.4em;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px){/*--縦横指定ナシ--*/
#slideWrapper p{
width: 284px;
height: 52px;
font-size: 14.2px;
padding: 0.6em 0 0 0.4em;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#slideWrapper p{
width: 264px;
height: 52px;
font-size: 15px;
padding: 0.5em 0 0 0.4em;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#slideWrapper p{
width: 264px;
height: 52px;
font-size: 14px;
padding: 0.6em 0 0 0.4em;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#slideWrapper p{
width: 229px;
height: 40px;
font-size: 12px;
padding: 0.5em 0 0 0.4em;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#slideWrapper p{
width: 164px;
height: 36px;
font-size: 11px;
padding: 0.5em 0 0 0.4em;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#slideWrapper p{
width: 240px;
height: 52px;
font-size: 13.5px;
padding: 0.6em 0 0 0.4em;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#slideWrapper p{
width: 141px;
height: 36px;
font-size: 10px;
padding: 0.5em 0 0 0.4em;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#slideWrapper p{
width: 230px;
height: 40px;
font-size: 13px;
padding: 0.5em 0 0 0.4em;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#slideWrapper p{
width: 220px;
height: 40px;
font-size: 13px;
padding: 0.5em 0 0 0.4em;}}

/*★w415~767まではｽﾗｲﾀﾞｰのﾚｽﾎﾟﾝｼﾌﾞ対応にする*/
/*Androidタブレットたて(600*960)含む*/
/*Androidスマホたて(540*960)含む*/
@media screen and (min-width:415px) and (max-width: 767px) and (orientation: portrait) {
#slideWrapper p{
width: 100%;
height: 50px;
font-size: 12px;
padding: 0.5em 0 0 0.4em;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#slideWrapper p{
width: 156px;
height: 36px;
font-size: 10.3px;
padding: 0.4em 0 0 0.4em;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#slideWrapper p{
width: 141px;
height: 36px;
font-size: 10px;
padding: 0.4em 0 0 0.4em;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#slideWrapper p{
width: 131px;
height: 36px;
font-size: 10px;
padding: 0.4em 0 0 0.4em;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#slideWrapper p{
width: 106px;
height: 33px;
font-size: 9px;
padding: 0.4em 0 0 0.4em;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#slideWrapper p{
width: 107px;
height: 31px;
font-size: 9px;
padding: 0.4em 0 0 0.4em;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#slideWrapper p{
width: 291px;
height: 40px;
font-size: 12.5px;
padding: 0.5em 0 0 0.4em;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#slideWrapper p{
width: 280px;
height: 32px;
font-size: 11.5px;
padding: 0.4em 0 0 0.4em;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#slideWrapper p{
width: 259px;
height: 32px;
font-size: 11.5px;
padding: 0.4em 0 0 0.4em;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#slideWrapper p{
width: 250px;
height: 30px;
font-size: 10px;
letter-spacing: 0.3px;/*文字間*/
padding: 0.4em 0 0 0.4em;}}
/*---------●↑コメントアウトしている↑●--*/





/*---------【 WORLD・JAPANの作品文章指定 】--*/

#slideWrapper span{
/*background-color: rgba(255,255,255,0.1);*//*確認用*/
display: block;
font-family: "Times New Roman",/*MacWin共通欧文フォント*/
             "YuGothic",/*Mac10.13Win8.1共通日本語フォント*/
             "Yu Gothic",/*Mac10.13Win8.1共通日本語フォント*/
             "游ゴシック体",/*Mac10.13Win8.1共通日本語フォント*/
             "David",/*Win7欧文フォント*/
             "ＭＳ ゴシック"/*Win7日本語フォント*/;
text-align: left;
font-size: 15px;
color: #68665d;
/*line-height: 150%;*//*行間*/
letter-spacing: 0.7px;/*文字間*/
padding-top: 0.8em;
padding-bottom: 0.6em;
padding-left: 0.3em;/*固定値*/
border-style: none;}

/*PCよこ(1920*1080)*/
@media screen and (max-width: 1920px){/*--縦横指定ナシ--*/
#slideWrapper span{
font-size: 15px;
letter-spacing: 0.7px;
padding-top: 0.8em;}}

/*PCよこ(1730)*/
@media screen and (max-width: 1730px){/*--縦横指定ナシ--*/
#slideWrapper span{
font-size: 15px;
letter-spacing: 0.7px;
padding-top: 0.8em;}}

/*PCよこ(1630)*/
@media screen and (max-width: 1630px){/*--縦横指定ナシ--*/
#slideWrapper span{
font-size: 14px;
letter-spacing: 0.7px;
padding-top: 0.7em;}}

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#slideWrapper span{
font-size: 13px;
letter-spacing: 0.7px;
padding-top: 0.7em;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#slideWrapper span{
font-size: 12px;
letter-spacing: 0.7px;
padding-top: 0.75em;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
#slideWrapper span{
font-size: 11.5px;
letter-spacing: 0.7px;
padding-top: 0.75em;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#slideWrapper span{
font-size: 11px;
letter-spacing: 0.6px;
padding-top: 0.7em;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#slideWrapper span{
font-size: 11px;
letter-spacing: 0.2px;
padding-top: 0.7em;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#slideWrapper span{
font-size: 11px;
letter-spacing: 0.2px;
padding-top: 0.7em;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#slideWrapper span{
font-size: 10.5px;
letter-spacing: 0.3px;
padding-top: 0.7em;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#slideWrapper span{
font-size: 8.8px;
letter-spacing: 0.3px;
padding-top: 0.5em;
padding-bottom: 0.3em;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#slideWrapper span{
font-size: 12px;
letter-spacing: 0.3px;
padding-top: 0.8em;
padding-bottom: 0.3em;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#slideWrapper span{
font-size: 8.7px;
letter-spacing: 0.3px;
padding-top: 0.5em;
padding-bottom: 0.3em;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#slideWrapper span{
font-size: 12px;
letter-spacing: 0.3px;
padding-top: 0.8em;
padding-bottom: 0.3em;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#slideWrapper span{
font-size: 12px;
letter-spacing: 0.3px;
padding-top: 0.8em;
padding-bottom: 0.3em;}}

/*★w415~767まではｽﾗｲﾀﾞｰのﾚｽﾎﾟﾝｼﾌﾞ対応にする*/
/*Androidタブレットたて(600*960)含む*/
/*Androidスマホたて(540*960)含む*/
@media screen and (min-width:415px) and (max-width: 767px) and (orientation: portrait) {
#slideWrapper span{
font-size: 9.8px;
letter-spacing: 0.3px;
padding-top: 0.5em;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#slideWrapper span{
font-size: 8.6px;
letter-spacing: 0.3px;
padding-top: 0.5em;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#slideWrapper span{
font-size: 8.6px;
letter-spacing: 0.3px;
padding-top: 0.5em;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#slideWrapper span{
font-size: 8.6px;
letter-spacing: 0.3px;
padding-top: 0.5em;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#slideWrapper span{
font-size: 8px;
letter-spacing: 0.2px;
padding-top: 0.5em;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#slideWrapper span{
font-size: 7px;
letter-spacing: 0.2px;
padding-top: 0.5em;}}

/*iPhoneXR/XsMaxたて(414*896)▼ここから一枚表示*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#slideWrapper span{
font-size: 12px;
letter-spacing: 0.3px;
padding-top: 0.7em;}}

/*iPhoneX/XSたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#slideWrapper span{
font-size: 11px;
letter-spacing: 0.3px;
padding-top: 0.7em;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#slideWrapper span{
font-size: 10px;
letter-spacing: 0.3px;
padding-top: 0.7em;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#slideWrapper span{
font-size: 9px;
letter-spacing: 0.3px;
padding-top: 0.7em;}}



/*-----【 ｽﾗｲﾀﾞｰｻﾑﾈｲﾙのﾘﾝｸ指定 】---*/
#slideWrapper a{
text-decoration : none;}

/*-----【 ↑WORLD・JAPANのslideWrapperここまで 】--*/





/*-------------【 INFO PAGE 】 の設定*/

/*------------------info container*/
#infoContainer{
position: absolute;/*画面左上を基準に動かせる*/
width: 25%;/*文章の長さによって変える*/
height: 28%;/*文章の長さによって変える*/
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
border-style: none;}

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

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

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

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#infoContainer{
width: 33%;
height : 24%;}}

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

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

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

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

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#infoContainer{
width: 44%;
height : 22%;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#infoContainer{
width: 35%;
height : 34%;}}

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

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

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

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

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

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

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#infoContainer{
width: 43%;
height : 32%;}}

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

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

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

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

/*iPhoneXたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#infoContainer{
width: 66%;
height : 17%;}}

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

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



/*----------------infoContentsの指定*/
#infoContents{
width: 100%;
height: 100%;
margin: auto;}


/*----------------infoContents titleの指定*/
#infoContents .title{
font-size: 16px;
color: #918d7b;
font-weight: normal;
line-height: 1.5;/*行間*/
letter-spacing: 0.4px;/*文字間*/
padding-left: 4%;
margin: 5% 0;}/*[上下][左右]*/

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#infoContents .title{
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPadPro12.9よこ(1366*1024)*/
@media screen and (max-width: 1366px){/*--縦横指定ナシ--*/
#infoContents .title{
font-size: 14.4px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*★Androidタブレットよこ(1280*800)*/
@media screen and (max-width: 1280px){/*--縦横指定ナシ--*/
#infoContents .title{
font-size: 14.4px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#infoContents .title{
font-size: 14.4px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPadPro12.9たて(1024*1366)*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#infoContents .title{
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPadMini-iPadPro9.7よこ(1024*768)*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
#infoContents .title{
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*★Androidタブレットよこ(960*600)*/
@media screen and (max-width: 960px) and (orientation: landscape) {
#infoContents .title{
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#infoContents .title{
font-size: 10.5px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPadPro10.5たて(834*1112)*/
@media screen and (max-width: 834px) and (orientation: portrait) {
#infoContents .title{
font-size: 14.4px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPhoneX/XSよこ(812*375)*/
@media screen and (max-width: 812px) and (orientation: landscape) {
#infoContents .title{
font-size: 10.5px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#infoContents .title{
font-size: 12.5px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPadMini-iPadPro9.7たて(768*1024)*/
@media screen and (max-width: 768px) and (orientation: portrait) {
#infoContents .title{
font-size: 12.5px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPhone8+/7+/6+よこ(736*414)*/
@media screen and (max-width: 736px) and (orientation: landscape) {
#infoContents .title{
font-size: 10.5px;
line-height: 1.5;/*●文字間ない*/
padding-left: 4%;
margin: 5% 0;}}

/*(互換)X/Xs-(拡大)iPhone8+/7+/6+/8/7/6よこ(667*375)*/
@media screen and (max-width: 667px) and (orientation: landscape) {
#infoContents .title{
font-size: 10px;
line-height: 1.5;/*●文字間ない*/
padding-left: 4%;
margin: 5% 0;}}

/*★Androidスマホよこ(640*360)*/
@media screen and (max-width: 640px) and (orientation: landscape) {
#infoContents .title{
font-size: 10px;
line-height: 1.5;/*●文字間ない*/
padding-left: 4%;
margin: 5% 0;}}

/*★Androidタブレットたて(600*960)*/
@media screen and (max-width: 600px) and (orientation: portrait) {
#infoContents .title{
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPhone5/SEよこ(568*320)*/
@media screen and (max-width: 568px) and (orientation: landscape) {
#infoContents .title{
font-size: 9.5px;
line-height: 1.5;/*●文字間ない*/
padding-left: 4%;
margin: 5% 0;}}

/*★Androidスマホたて(540*960)*/
@media screen and (max-width: 540px) and (orientation: portrait) {
#infoContents .title{
font-size: 11.5px;
line-height: 1.5;
letter-spacing: 0.4px;
padding-left: 4%;
margin: 5% 0;}}

/*iPhone4sまでのよこ(480*320)*/
@media screen and (max-width: 480px) and (orientation: landscape) {
#infoContents .title{
font-size: 8.5px;
line-height: 1.5;/*●文字間ない*/
padding-left: 4%;
margin: 5% 0;}}

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
#infoContents .title{
font-size: 9.8px;
line-height: 1.5;/*●文字間ない*/
padding-left: 3%;
margin: 5% 0;}}

/*iPhoneXR/XsMaxたて(414*896)*/
/*iPhone6+7+8+たて(414*736)*/
@media screen and (max-width: 414px) and (orientation: portrait) {
#infoContents .title{
font-size: 9.8px;
line-height: 1.5;/*●文字間ない*/
padding-left: 3%;
margin: 5% 0;}}

/*iPhoneXたて(375*812)*/
/*iPhoneX/8/7/6たて(375*667)*/
@media screen and (max-width: 375px) and (orientation: portrait) {
#infoContents .title{
font-size: 9.3px;
line-height: 1.5;/*●文字間ない*/
padding-left: 3%;
margin: 5% 0;}}

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#infoContents .title{
font-size: 9.3px;
line-height: 1.5;/*●文字間ない*/
padding-left: 3%;
margin: 5% 0;}}

/*iPhone5/SEたて(320*568)*/
/*4sまでたて(320*480)*/
@media screen and (max-width: 320px) and (orientation: portrait) {
#infoContents .title{
font-size: 8px;
line-height: 1.5;/*●文字間ない*/
padding-left: 3%;
margin: 5% 0;}}




/*----------------【infoContents 告知文】の指定*/
#infoContents p{
font-size:  12px;
color:  #54513f;
text-align: left;
line-height:  2;/*行間*/
letter-spacing: 0.7px;/*文字間*/
padding-left: 4%;
margin: 5% 0;}/*[上下][左右]*/

/*PCよこ(1530)*/
@media screen and (max-width: 1530px){/*--縦横指定ナシ--*/
#infoContents p{
font-size: 11px;
line-height: 1.7;
letter-spacing: 0.7px;}}

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

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

/*iPadPro10.5よこ(1112*834)*/
@media screen and (max-width: 1112px) and (orientation: landscape) {
#infoContents p{
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) {
#infoContents p{
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) {
#infoContents p{
font-size: 10.5px;
line-height: 1.6;
letter-spacing: 0.55px;}}

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

/*iPhoneXsMax/XRよこ(896*414)*/
@media screen and (max-width: 896px) and (orientation: landscape) {
#infoContents p{
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) {
#infoContents p{
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) {
#infoContents p{
font-size: 9.4px;
line-height: 1.4;
letter-spacing: 0.5px;}}

/*★Androidタブレットたて(800*1280)*/
@media screen and (max-width: 800px) and (orientation: portrait) {
#infoContents p{
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) {
#infoContents p{
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) {
#infoContents p{
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) {
#infoContents p{
font-size: 8.7px;
line-height: 1.5;
letter-spacing: 0.4px;}}

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

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

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

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

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

/*★Androidスマホたて(480*854)*/
@media screen and (max-width: 480px) and (orientation: portrait) {
#infoContents p{
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) {
#infoContents p{
font-size: 8.5px;
line-height: 1.5;
letter-spacing: 0.4px;}}

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

/*★Androidスマホたて(360*640)*/
@media screen and (max-width: 360px) and (orientation: portrait) {
#infoContents p{
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) {
#infoContents p{
font-size: 6.5px;
line-height: 1.45;
letter-spacing: 0.5px;}}



/*--------infoContentsのlink指定*/
#infoContents a:link{   color: #918d7b;}
#infoContents a:visited{color: #918d7b;}
#infoContents a:hover{  color: #fff;
         transition: 0.7s linear;}
#infoContents a{text-decoration: none;}










/*-------【 new_wait html内の指定 黒に白字 】--*/

body#wait{
    text-align: center;
    font-family: Arial,
                 Verdana,
                 "Hiragino Kaku Gothic ProN",
                 "ヒラギノ角ゴ ProN W3",
                 Meiryo,
                 "メイリオ",
                  HiraKakuProN-W3,
                  sans-serif;
    background-color: #000;
    border-style: none;}

div.please_wait{
    width : 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;}

div.please_wait p{
    color: #fff;
    font-size : 15px;
    border : none;
    line-height : 20px;
    padding: 120px 10px 0 10px;}

div.please_wait span{
    font-size : 15px;
    line-height : 20px;
    padding-top: 18px;
    display: block;}