/*modal*/
.modal{ display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000000000;}
.modal__bg { height: 100vh; position: absolute; width: 100%;}
.modal__content { box-sizing: border-box; width: 95%; max-width: 800px; max-height: 84%; background: rgba(255, 255, 255, 1); padding: 0px 1% 8px 1%; position: absolute; top: 43.5%; left: 50%; transform: translate(-50%,-50%); overflow-y: auto; font-size: 100%; font-family: 'arial', "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";}
.js-modal-close { cursor: pointer; color: rgba(0, 0, 0, 1);}
.modal__content a { z-index: 100000; text-align: center; margin: 0 auto; padding: 5px 0 10px 0; font-size: 90%; display: block; cursor: pointer; color: rgba(0, 0, 0, 1);}
.modal__content a:hover { color: rgba(0, 0, 0, .5);}
/*_chart*/
.bg_tokyo { background: rgba(151, 20, 35, .8);}
.bg_kyoto { background: rgba(92, 40, 164, .8);}
.bg_nex { background: rgba(9, 121, 51, .8);}
.bg_gaku { background: rgba(13, 116, 195, .8);}
.bg_paris { background: rgba(207, 122, 21, .8);}
.bg_food { background: rgba(195, 13, 137, .8);}
.bg_family { background: rgba(224, 195, 0, .8);}

.waku { width: 100%; max-width: 1600px; margin: 5px auto; background-repeat: repeat-y; -webkit-background-size: contain; background-size: contain; -webkit-background-position: center center; background-position: center center;}
.tokyo { background-image: url(../img/bg_tokyo.png);}
.kyoto { background-image: url(../img/bg_kyoto.png);}
.nex { background-image: url(../img/bg_nex.png);}
.gaku { background-image: url(../img/bg_gaku.png);}
.paris { background-image: url(../img/bg_paris.png);}
.food { background-image: url(../img/bg_food.png);}
.family { background-image: url(../img/bg_family.png);}
.ue { width: 100%; height: 0; padding-top: 3.409090909090909%; padding-top: -webkit-calc(60 / 1760 * 100%); padding-top: calc(60 / 1760 * 100%); position: relative;}
.ue_sp { width: 100%; height: 0; padding-top: 3.409090909090909%; padding-top: -webkit-calc(60 / 1760 * 100%); padding-top: calc(60 / 1760 * 100%); position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-background-position: center center; background-position: center center;}
.tokyo .ue_sp { background-image: url(../img/top_tokyo.png);}
.kyoto .ue_sp { background-image: url(../img/top_kyoto.png);}
.nex .ue_sp { background-image: url(../img/top_nex.png);}
.gaku .ue_sp { background-image: url(../img/top_gaku.png);}
.paris .ue_sp { background-image: url(../img/top_paris.png);}
.food .ue_sp { background-image: url(../img/top_food.png);}
.family .ue_sp { background-image: url(../img/top_family.png);}
.shita { width: 100%; height: 0; padding-top: 3.409090909090909%; padding-top: -webkit-calc(60 / 1760 * 100%); padding-top: calc(60 / 1760 * 100%); position: relative;}
.shita_sp { width: 100%; height: 0; padding-top: 3.409090909090909%; padding-top: -webkit-calc(60 / 1760 * 100%); padding-top: calc(60 / 1760 * 100%); position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-background-position: center center; background-position: center center;}
.tokyo .shita_sp { background-image: url(../img/bottom_tokyo.png);}
.kyoto .shita_sp { background-image: url(../img/bottom_kyoto.png);}
.nex .shita_sp { background-image: url(../img/bottom_nex.png);}
.gaku .shita_sp { background-image: url(../img/bottom_gaku.png);}
.paris .shita_sp { background-image: url(../img/bottom_paris.png);}
.food .shita_sp { background-image: url(../img/bottom_food.png);}
.family .shita_sp { background-image: url(../img/bottom_family.png);}
.cphoto_all { width: 90%; max-width: 700px; margin: 0 auto 5px auto;}
.cphoto_sp { width: 100%; height: 0; padding-top: 100%; position: relative; box-shadow: 1px 2px 5px rgba(200, 200, 200, .75); -webkit-box-shadow: 1px 2px 5px rgba(200, 200, 200, .75); -moz-box-shadow: 1px 2px 5px rgba(200, 200, 200, .75);}
.cphoto { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.name_txt { text-align: center; font-size: 120%; letter-spacing: .1em; line-height: 1.6em; margin-top: 1em;}
.name_txt ruby { line-height: .5em; font-family: Arial, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; font-size: 90%; position: relative;}
.name_txt rt { transform: translateY( - .3em);}

.tokyo .name_txt { color: rgba(151, 20, 35, 1);}
.kyoto .name_txt { color: rgba(92, 40, 164, 1);}
.nex .name_txt { color: rgba(9, 121, 51, 1);}
.gaku .name_txt { color: rgba(13, 116, 195, 1);}
.paris .name_txt { color: rgba(207, 122, 21, 1);}
.food .name_txt { color: rgba(195, 13, 137, 1);}
.family .name_txt { color: rgba(161, 141, 8, 1);}

.profile { box-sizing: border-box; width: 90%; max-width: 700px; margin: 10px auto; font-size: 96%; line-height: 160%; text-align: left; color: rgba(0, 0, 0, 1); font-weight: 300; letter-spacing: .05em;}

/*for_W1000-*/
@media screen and (min-width: 1000px) {
.waku { margin: 10px auto;}
.modal__content { font-size: 130%; max-width: 1200px; max-height: 90%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.modal__content a { padding: 0 0 30px 0;}
.prof_all { width: 90%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
.cphoto_all { width: 49%; flex-basis: 49%; margin: 0;}
.text_all { width: 50%; flex-basis: 50%; margin: 0; font-size: 80%;}
.name_txt { margin-top: 0;}
.profile { box-sizing: border-box; width: 96%;}
}