@charset "utf-8";
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media (min-width: 769px){
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*========*/
section.headline h1{
    padding: 20px 60px 20px 60px;
    border-radius: 0 0 40px 40px;
    color: rgba(228,207,62,1);
    background-color: rgba(0,0,0,1);
}
section.headline h1 p{
    position: relative;
    font-size: 1.7rem;
    font-weight: bold;
    opacity: 0;
    -webkit-transition-property: opacity,transform;transition-property: opacity,transform;
    -webkit-transition-duration: 0.4s;transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
    -webkit-transform-origin: left center;transform-origin: left center;
    -webkit-transform: scale(3,3);transform: scale(3,3);
}
section.headline h1.appear p{
    opacity: 1;
    -webkit-transform: scale(1,1);transform: scale(1,1);
}

/*========*/
#wrap.index{
}
/*----*/
#wrap.index nav{
    opacity: 0;
    -webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition-duration: 1s;transition-duration: 1s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
    -webkit-transition-delay: 1s;transition-delay: 1s;
}
#wrap.index div.sitelogo div.skin{
    opacity: 0;
    -webkit-transition-property: opacity,transform;transition-property: opacity,transform;
    -webkit-transition-duration: 1s;transition-duration: 1s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
    -webkit-transform-origin: center center;transform-origin: center center;
    -webkit-transform: scale(3,3);transform: scale(3,3);
}
#wrap.index header.appear nav{
    opacity: 1;
}
#wrap.index header.appear div.sitelogo div.skin{
    opacity: 1;
    -webkit-transform: scale(1,1);transform: scale(1,1);
}
/*----*/
#wrap.index section.motto h1{
    padding: 90px 0 70px 0;
    text-align: center;
}
#wrap.index section.motto h1 p{
    font-size: 2rem;
    font-weight: bold;
}
/*----*/
#wrap.index section.visual{
}
#wrap.index section.visual div.bg{
    width: 100%;
    height: 100%;
}
#wrap.index section.visual div.bg i.belt{
    position: absolute;left: 0;
    width: 100%;
    background-image: url(../image/bg_dot_01.svg);background-repeat: repeat-x;background-position: 50% 0;background-size: auto 100%;
}
#wrap.index section.visual div.bg i.belt.n01{
    top: 20px;
    height: 20px;
}
#wrap.index section.visual div.bg i.belt.n02{
    top: 30px;
    height: 30px;
}
#wrap.index section.visual div.bg i.belt.n03{
    top: 40px;
    height: 40px;
}
#wrap.index section.visual div.bg i.belt.n04{
    bottom: 20px;
    height: 20px;
}
#wrap.index section.visual div.bg i.belt.n05{
    bottom: 30px;
    height: 30px;
}
#wrap.index section.visual div.bg i.belt.n06{
    bottom: 40px;
    height: 40px;
}
#wrap.index section.visual div.figbox{
    position: relative;
    width: 100%;
    height: 620px;
    overflow: hidden;
    background-color: rgba(255,255,255,1);
}
#wrap.index section.visual div.figbox figure{
    position: absolute;left: 0;top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;
    -webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition-duration: 2s;transition-duration: 2s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
}
#wrap.index section.visual div.figbox figure.appear{
    opacity: 1;
}
/*----*/
#wrap.index section.statement{
}
#wrap.index section.statement div.notebox{
    width: 850px;
    padding: 50px 100px 50px 100px;
    border-radius: 0 0 80px 80px;
    background-color: rgba(255,255,255,0.8);
    margin: 0 auto 0 auto;
}
#wrap.index section.statement div.notebox p{
    font-size: 1.1rem;
    line-height: 1.7;
}
#wrap.index section.statement div.notebox p.ex{
    text-align: right;
}
/*----*/
#wrap.index section.news{
}
#wrap.index section.news div.listbox{
    width: 880px;
    padding: 50px 0 100px 0;
    margin: 0 auto 0 auto;
}
#wrap.index section.news div.listbox div.each{
    padding: 0 0 20px 0;
}
#wrap.index section.news div.listbox div.each dl{
    padding: 0 0 20px 0;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.index section.news div.listbox div.each dl>dt{
    padding: 0 0 10px 0;
}
#wrap.index section.news div.listbox div.each dl>dd{
    line-height: 1.7;
}

/*========*/
#wrap.weare{
}
/*----*/
#wrap.weare section.introduction{
    padding: 50px 0 50px 0;
}
#wrap.weare section.introduction div.paragraph{
    padding: 0 0 50px 0;
    overflow: hidden;
}
#wrap.weare section.introduction div.paragraph div.figbox{
    width: 450px;
    height: 270px;
}
#wrap.weare section.introduction div.paragraph:nth-of-type(2n-1) div.figbox{
    float: right;
    margin: 0 0 0 40px;
}
#wrap.weare section.introduction div.paragraph:nth-of-type(2n) div.figbox{
    float: left;
    margin: 0 40px 0 0;
}
#wrap.weare section.introduction div.paragraph div.figbox figure{
    border-radius: 20px 20px 20px 20px;
}
#wrap.weare section.introduction div.paragraph.n01 div.figbox figure{
    background-image: url(../image/pic_situation_01.jpg);
}
#wrap.weare section.introduction div.paragraph.n02 div.figbox figure{
    background-image: url(../image/pic_situation_02.jpg);
}
#wrap.weare section.introduction div.paragraph div.notebox{
    line-height: 1.7;
}
/*----*/
#wrap.weare section.entrance{
    padding: 0 0 100px 0;
}
#wrap.weare section.entrance div.msgbox{
    padding: 30px 0 30px 0;
    border-style: solid;border-width: 1px 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.weare section.entrance div.msgbox p{
    line-height: 1.7;
}
#wrap.weare section.entrance div.msgbox p a{
    padding: 0 5px 0 5px;
}

/*========*/
#wrap.zine{
}
/*----*/
#wrap.zine section.caption{
    padding: 50px 0 50px 0;
}
#wrap.zine section.caption div.notebox{
}
/*----*/
#wrap.zine section.summary{
}
/*----*/
#wrap.zine section.summary div.selector{
    position: absolute;right: 0;top: 0;
    width: 160px;
}
#wrap.zine section.summary div.selector h2{
    padding: 0 0 20px 0;
    text-align: center;
    font-weight: bold;
}
#wrap.zine section.summary div.selector h2 i{
    display: none;
}
#wrap.zine section.summary div.selector ul{
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
}
#wrap.zine section.summary div.selector ul>li{
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 1rem;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.zine section.summary div.selector ul>li label{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: rgba(0,0,0,1);
    background-color: rgba(255,255,255,1);
}
#wrap.zine section.summary div.selector ul>li label.on{
    background-color: rgba(228,207,62,1);
}
#wrap.zine section.summary div.selector ul>li label:hover{
    background-color: rgba(228,207,62,1);
}
/*----*/
#wrap.zine section.summary div.infobox{
    position: relative;
    width: 800px;
    min-height: 800px;
    padding: 0 0 100px 0;
    opacity: 1;
    -webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition-duration: 0.4s;transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
}
#wrap.zine section.summary div.infobox.act{
    opacity: 0;
}
#wrap.zine section.summary div.infobox div.each{
    display: none;
    width: 100%;
    padding: 30px 30px 30px 30px;
    background-color: rgba(255,255,255,1);
}
#wrap.zine section.summary div.infobox div.each.on{
    display: block;
}
#wrap.zine section.summary div.infobox div.each div.number{
    padding: 0 0 30px 0;
    font-size: 1.5rem;
}
#wrap.zine section.summary div.infobox div.each div.number span.n01{
    padding: 0 20px 0 0;
}
#wrap.zine section.summary div.infobox div.each div.number span.n02{
}
#wrap.zine section.summary div.infobox div.each div.mybody{
    position: relative;
}
#wrap.zine section.summary div.infobox div.each div.mybody div.cover{
    position: absolute;left: 0;top: 0;
    width: 250px;
    height: 366px;
}
#wrap.zine section.summary div.infobox div.each div.mybody div.cover figure{
    box-shadow: 2px 4px 0 rgba(0,0,0,0.2);
}
#wrap.zine section.summary div.infobox div.each div.mybody div.page{
    padding: 0 0 0 280px;
}
#wrap.zine section.summary div.infobox div.each div.mybody div.page ul{
}
#wrap.zine section.summary div.infobox div.each div.mybody div.page ul>li{
    padding: 0 0 10px 0;
}

/*========*/
#wrap.masatoshi{
}
/*----*/
#wrap.masatoshi section h2{
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
/*----*/
#wrap.masatoshi section.profile{
    padding: 50px 0 80px 0;
}
#wrap.masatoshi section.profile h2{
    padding: 0 0 30px 0;
}
#wrap.masatoshi section.profile div.listbox{
}
#wrap.masatoshi section.profile div.listbox dl{
    position: relative;
    padding: 0 0 0 200px;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.masatoshi section.profile div.listbox dl.ex{
    padding: 0 0 0 100px;
}
#wrap.masatoshi section.profile div.listbox dl>dt{
    position: absolute;left: 0;top: 0;
    width: 180px;
    padding: 15px 0 0 0;
    text-align: right;
}
#wrap.masatoshi section.profile div.listbox dl>dd{
    padding: 15px 0 15px 0;
}
#wrap.masatoshi section.profile div.listbox dl>dd p{
    padding: 10px 0 0 0;
}
#wrap.masatoshi section.profile div.listbox dl>dd p:nth-of-type(1){
    padding: 0 0 0 0;
}
/*----*/
#wrap.masatoshi section.publish{
    padding: 0 0 100px 0;
}
#wrap.masatoshi section.publish h2{
    padding: 0 0 40px 0;
}
#wrap.masatoshi section.publish div.itembox{
    text-align: center;
}
#wrap.masatoshi section.publish div.itembox div.each{
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin: 0 40px 0 40px;
}
#wrap.masatoshi section.publish div.itembox div.each div.figbox{
    width: 100%;
    height: 366px;
}
#wrap.masatoshi section.publish div.itembox div.each.n01 div.figbox figure{
    background-image: url(../image/pic_book_01.jpg);
}
#wrap.masatoshi section.publish div.itembox div.each.n02 div.figbox figure{
    background-image: url(../image/pic_book_02.jpg);
}
#wrap.masatoshi section.publish div.itembox div.each.n03 div.figbox figure{
    background-image: url(../image/pic_book_03.jpg);
}
#wrap.masatoshi section.publish div.itembox div.infobox{
    text-align: left;
}
#wrap.masatoshi section.publish div.itembox div.infobox dl{
}
#wrap.masatoshi section.publish div.itembox div.infobox dl>dt{
    padding: 10px 0 10px 0;
}
#wrap.masatoshi section.publish div.itembox div.infobox dl>dd{
}
#wrap.masatoshi section.publish div.itembox div.infobox dl>dd p{
    padding: 0 0 5px 0;
    font-size: 0.8rem;
}
/*----*/
#wrap.masatoshi section.selection{
    padding: 0 0 100px 0;
}
#wrap.masatoshi section.selection h2{
}
#wrap.masatoshi section.selection h3{
    padding: 40px 0 20px 0;
    text-align: center;
}
#wrap.masatoshi section.selection div.textbox{
    width: 660px;
    height: 470px;
    border-radius: 20px 20px 20px 20px;
    background-color: rgba(255,255,255,1);
    margin: 0 auto 0 auto;
    
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
#wrap.masatoshi section.selection div.textbox div.pane{
    width: 100%;
    height: 100%;
    overflow-x: auto;
    padding: 30px 50px 30px 50px;
}
#wrap.masatoshi section.selection div.textbox.n01 div.pane{
}
#wrap.masatoshi section.selection div.textbox.n02 div.pane{
}
#wrap.masatoshi section.selection div.textbox div.pane p{
    width: 60px;
    font-size: 1.2rem;
    white-space: nowrap;
}
#wrap.masatoshi section.selection div.textbox div.pane p.pfx{
    font-size: 1rem;
    padding: 1em 0 0 0;
}
html.ie11 #wrap.masatoshi section.selection div.textbox div.pane p{
    width: auto;
    line-height: 2;
}
html.ie11 #wrap.masatoshi section.selection div.textbox div.pane p.pfx{
    line-height: 1.6;
}

/*========*/
#wrap.party{
}
/*----*/
#wrap.party section.guide{
    padding: 50px 0 0 0;
}
#wrap.party section.guide h2{
    padding: 30px 0 50px 0;
    text-align: center;
}
#wrap.party section.guide h2 p{
    width: 660px;
    font-size: 1.4rem;
    font-weight: bold;
    background-image: url(../image/bg_dot_02.svg);background-repeat: repeat-x;background-position: 50% 50%;background-size: 20px 100%;
    margin: 0 auto 0 auto;
}
#wrap.party section.guide h2 p span{
    padding: 0 20px 0 20px;
    background-color: rgba(248,248,248,1);
}
/*----*/
#wrap.party section.guide div.itembox{
}
#wrap.party section.guide div.itembox.normal{
}
#wrap.party section.guide div.itembox.teach{
}
#wrap.party section.guide div.itembox div.each{
    position: relative;
}
#wrap.party section.guide div.itembox div.each i.belt{
    position: absolute;left: 0;
    width: 100%;
    background-image: url(../image/bg_dot_01.svg);background-repeat: repeat-x;background-position: 0 0;background-size: auto 100%;
}
#wrap.party section.guide div.itembox div.each i.belt.n01{
    bottom: 190px;
    height: 20px;
}
#wrap.party section.guide div.itembox div.each i.belt.n02{
    bottom: 170px;
    height: 30px;
}
#wrap.party section.guide div.itembox div.each i.belt.n03{
    bottom: 150px;
    height: 40px;
}
/*----*/
#wrap.party section.guide div.itembox div.each dl{
    position: relative;
    width: 750px;
    padding: 0 0 40px 0;
    background-color: rgba(248,248,248,1);
}
#wrap.party section.guide div.itembox div.each:nth-of-type(2n-1) dl{
    margin: 0 auto 0 0;
}
#wrap.party section.guide div.itembox div.each:nth-of-type(2n) dl{
    margin: 0 0 0 auto;
}
#wrap.party section.guide div.itembox div.each dl>dt{
    white-space: nowrap;
    text-align: center;
}
#wrap.party section.guide div.itembox div.each dl>dt p{
    position: relative;
}
#wrap.party section.guide div.itembox div.each dl>dt p i.bar{
    position: absolute;left: 0;top: 18px;
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,1);
}
#wrap.party section.guide div.itembox div.each dl>dt p span{
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    background-color: rgba(248,248,248,1);
}
#wrap.party section.guide div.itembox div.each dl>dt p span b{
    padding: 0 0 0 20px;
    font-weight: bold;
}
#wrap.party section.guide div.itembox div.each dl>dd{
    padding: 0 0 40px 0;
}
#wrap.party section.guide div.itembox div.each dl>dd{
}
#wrap.party section.guide div.itembox div.each dl>dd div.alert{
}
#wrap.party section.guide div.itembox div.each dl>dd div.alert p{
    width: 600px;
    line-height: 1.5;
    padding: 10px 20px 10px 20px;
    background-color: rgba(220,0,0,0.1);
    border-style: solid;border-width: 2px;border-color: rgba(220,0,0,1);
    margin: 10px auto 10px auto;
}
#wrap.party section.guide div.itembox div.each dl>dd div.prop{
    padding: 10px 0 10px 0;
}
#wrap.party section.guide div.itembox div.each dl>dd div.prop p{
    padding: 0 0 10px 0;
    white-space: nowrap;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map{
    position: relative;
    width: 100%;
    height: 320px;
    margin: 0 0 10px 0;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map.ex{
    height: 180px;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map a{
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map a:hover{
    opacity: 0.7;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map iframe{
    width: 100%;
    height: 100%;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map i.cover{
    position: absolute;left: 0;top: 0;
    width: 100%;
    height: 100%;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map figure{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;background-position: 50% 50%;
    background-color: rgba(228,207,62,1);
    border-radius: 20px 20px 20px 20px;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map figure.house{
    background-image: url(../image/icon_house.svg);
    background-size: 20% auto;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map figure.mail{
    background-image: url(../image/icon_mail.svg);
    background-size: 16% auto;
}
/*----*/
#wrap.party section.entrance{
    padding: 0 0 100px 0;
}
#wrap.party section.entrance div.msgbox{
    padding: 30px 0 30px 0;
    border-style: solid;border-width: 1px 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.party section.entrance div.msgbox p{
    line-height: 1.7;
}
#wrap.party section.entrance div.msgbox p a{
    padding: 0 5px 0 5px;
}

/*========*/
#wrap.inform{
}
#wrap.inform section.announce{
    padding: 50px 0 80px 0;
}
#wrap.inform section.announce div.base{
    position: relative;
    border-style: solid;border-width: 8px;border-color: rgba(228,207,62,1);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
}
#wrap.inform section.announce div.base.n01{
    margin: 0 0 50px 0;
}
#wrap.inform section.announce div.base.n02{
}
#wrap.inform section.announce div.base div.frame{
    position: relative;
    background-color: rgba(255,255,255,1);
}
#wrap.inform section.announce div.base div.frame i.edge{
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: rgba(228,207,62,1);
}
#wrap.inform section.announce div.base div.frame i.edge>svg{
    fill: rgba(228,228,228,1);
}
#wrap.inform section.announce div.base.n01 div.frame i.edge{
    right: 0;top: 0;
}
#wrap.inform section.announce div.base.n02 div.frame i.edge{
    left: 0;top: 0;
}
#wrap.inform section.announce h2{
    position: relative;
    padding: 30px 0 50px 0;
    text-align: center;
}
#wrap.inform section.announce h2 i.slash{
    position: absolute;left: 350px;top: 65px;
    width: 280px;
    height: 15px;
    background-color: rgba(228,207,62,1);
    -webkit-transform-origin: center center;transform-origin: center center;
    -webkit-transform: rotateZ(-3deg);transform: rotateZ(-3deg);
}
#wrap.inform section.announce div.base.n01 h2 i.slash{
    background-color: rgba(220,40,40,1);
}
#wrap.inform section.announce div.base.n02 h2 i.slash{
    background-color: rgba(228,207,62,1);
}
#wrap.inform section.announce h2 p{
    position: relative;
    font-size: 1.4rem;
    font-weight: bold;
}
#wrap.inform section.announce div.listbox{
    padding: 0 40px 40px 40px;
}
#wrap.inform section.announce div.listbox div.each{
    position: relative;
    padding: 30px 0 60px 0;
}
#wrap.inform section.announce div.listbox div.each i.split{
    position: absolute;left: 50%;bottom: 0;
    width: 400px;
    height: 30px;
    background-image: url(../image/bg_dot_01.svg);background-repeat: repeat-x;background-position: 50% 0;background-size: auto 100%;
    margin: 0 0 0 -200px;
}
#wrap.inform section.announce div.listbox div.each p{
    line-height: 1.7;
}
/*----*/
#wrap.inform section.activity{
}
#wrap.inform section.activity h2{
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
#wrap.inform section.activity div.listbox{
    padding: 30px 0 100px 0;
}
#wrap.inform section.activity div.listbox div.each{
    padding: 20px 0 20px 0;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.inform section.activity div.listbox div.each p{
    line-height: 1.7;
}

/*========*/
#wrap.contact{
}
/*----*/
#wrap.contact div.notebox{
    line-height: 1.7;
    padding: 30px 0 50px 0;
}
#wrap.contact form.entry{
    width: 640px;
    margin: 0 auto 0 auto;
}
#wrap.contact form.entry input[type=text]{
    width: 100%;
    padding: 0 10px 0 10px;
    background-color: rgba(240,240,240,1);
    border-style: solid;border-width: 1px;border-color: rgba(0,0,0,1);
}
#wrap.contact form.entry textarea{
    width: 100%;
    height: 200px;
    padding: 0 10px 0 10px;
    background-color: rgba(240,240,240,1);
    border-style: solid;border-width: 1px;border-color: rgba(0,0,0,1);
}
#wrap.contact form label{
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,1);
    margin: 0 30px 0 30px;
}
#wrap.contact form label.confirm:hover{
    color: rgba(0,0,0,1);
    background-color: rgba(228,207,62,1);
}
#wrap.contact form label.back:hover{
    opacity: 0.5;
}
#wrap.contact form label.finish:hover{
    color: rgba(0,0,0,1);
    background-color: rgba(228,207,62,1);
}
#wrap.contact form.entry div.field{
}
#wrap.contact form.entry dl{
    position: relative;
    padding: 0 0 20px 0;
}
#wrap.contact form.entry dl.name,
#wrap.contact form.entry dl.mail{
    width: 50%;
}
#wrap.contact form.entry dl>dt{
    position: relative;
    padding: 0 0 5px 0;
}
#wrap.contact form.entry dl>dt span.err{
    position: absolute;left: -16px;top: 16px;
    padding: 5px 15px 5px 15px;
    white-space: nowrap;
    font-size: 0.8rem;
    color: rgba(255,255,255,1);
    background-color: rgba(220,0,0,1);
    opacity: 0.9;
}
#wrap.contact form.entry dl>dd{
}
#wrap.contact form.entry div.submit{
    padding: 30px 0 80px 0;
    text-align: center;
}
#wrap.contact form.confirm{
    width: 640px;
    margin: 0 auto 0 auto;
}
#wrap.contact form.confirm div.field{
    padding: 40px 20px 40px 20px;
    border-radius: 20px 20px 20px 20px;
    background-color: rgba(255,255,255,1);
}
#wrap.contact form.confirm dl{
    padding: 0 0 30px 0;
}
#wrap.contact form.confirm dl>dt{
    padding: 0 0 5px 0;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.contact form.confirm dl>dd{
    padding: 10px 0 0 0;
}
#wrap.contact form.confirm div.submit{
    padding: 30px 0 80px 0;
    text-align: center;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
} @media (max-width: 768px){
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*========*/
section.headline h1{
    padding: 3vw 6vw 3vw 6vw;
    color: rgba(228,207,62,1);
    text-align: center;
    border-radius: 0 0 4vw 4vw;
    background-color: rgba(0,0,0,1);
}
section.headline h1 p{
    font-size: 1.4rem;
    font-weight: bold;
    opacity: 0;
    -webkit-transition-property: opacity,transform;transition-property: opacity,transform;
    -webkit-transition-duration: 0.4s;transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
    -webkit-transform-origin: center center;transform-origin: center center;
    -webkit-transform: scale(3,3);transform: scale(3,3);
}
section.headline h1.appear p{
    opacity: 1;
    -webkit-transform: scale(1,1);transform: scale(1,1);
}

/*========*/
#wrap.index{
}
/*----*/
#wrap.index div.sitelogo div.skin{
    opacity: 0;
    -webkit-transition-property: opacity,transform;transition-property: opacity,transform;
    -webkit-transition-duration: 0.6s;transition-duration: 0.6s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
    -webkit-transform-origin: center center;transform-origin: center center;
    -webkit-transform: scale(3,3);transform: scale(3,3);
}
#wrap.index header.appear div.sitelogo div.skin{
    opacity: 1;
    -webkit-transform: scale(1,1);transform: scale(1,1);
}
/*----*/
#wrap.index section.motto h1{
    padding: 5vw 0 5vw 0;
    text-align: center;
}
#wrap.index section.motto h1 p{
    font-size: 1.5rem;
    font-weight: bold;
}
/*----*/
#wrap.index section.visual{
}
#wrap.index section.visual>div.inner{
    width: 100%;
}
#wrap.index section.visual div.bg{
    display: none;
}
#wrap.index section.visual div.figbox{
    position: relative;
    width: 100%;
    height: 62vw;
    background-color: rgba(255,255,255,1);
}
#wrap.index section.visual div.figbox figure{
    position: absolute;left: 0;top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;
    -webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition-duration: 2s;transition-duration: 2s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
}
#wrap.index section.visual div.figbox figure.appear{
    opacity: 1;
}
/*----*/
#wrap.index section.statement{
}
#wrap.index section.statement div.notebox{
    width: 100%;
    padding: 6vw 6vw 6vw 6vw;
    border-radius: 0 0 6vw 6vw;
    background-color: rgba(255,255,255,0.8);
}
#wrap.index section.statement div.notebox p{
    line-height: 1.7;
}
#wrap.index section.statement div.notebox p.ex{
    text-align: right;
}
/*----*/
#wrap.index section.news{
}
#wrap.index section.news div.listbox{
    padding: 10vw 0 10vw 0;
}
#wrap.index section.news div.listbox div.each{
    padding: 0 0 6vw 0;
}
#wrap.index section.news div.listbox div.each dl{
    padding: 0 0 4vw 0;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.index section.news div.listbox div.each dl>dt{
    padding: 0 0 2vw 0;
}
#wrap.index section.news div.listbox div.each dl>dd{
    line-height: 1.7;
}

/*========*/
#wrap.weare{
}
/*----*/
#wrap.weare section.introduction{
    padding: 5vw 0 5vw 0;
}
#wrap.weare section.introduction div.paragraph{
    padding: 0 0 8vw 0;
}
#wrap.weare section.introduction div.paragraph div.figbox{
    width: 100%;
    height: 54vw;
}
#wrap.weare section.introduction div.paragraph:nth-of-type(2n-1) div.figbox{
}
#wrap.weare section.introduction div.paragraph:nth-of-type(2n) div.figbox{
}
#wrap.weare section.introduction div.paragraph div.figbox figure{
    border-radius: 4vw 4vw 4vw 4vw;
}
#wrap.weare section.introduction div.paragraph.n01 div.figbox figure{
    background-image: url(../image/pic_situation_01.jpg);
}
#wrap.weare section.introduction div.paragraph.n02 div.figbox figure{
    background-image: url(../image/pic_situation_02.jpg);
}
#wrap.weare section.introduction div.paragraph div.notebox{
    padding: 3vw 0 0 0;
    line-height: 1.7;
}
/*----*/
#wrap.weare section.entrance{
    padding: 0 0 10vw 0;
}
#wrap.weare section.entrance div.msgbox{
    padding: 4vw 0 4vw 0;
    border-style: solid;border-width: 1px 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.weare section.entrance div.msgbox p{
    line-height: 1.7;
}
#wrap.weare section.entrance div.msgbox p a{
    padding: 0 1vw 0 1vw;
}

/*========*/
#wrap.zine{
}
/*----*/
#wrap.zine section.caption{
    padding: 5vw 0 5vw 0;
}
#wrap.zine section.caption div.notebox{
    line-height: 1.5;
}
/*----*/
#wrap.zine section.summary{
}
/*----*/
#wrap.zine section.summary div.selector{
    position: relative;
    width: 40vw;
    height: 12vw;
    margin: 0 0 5vw auto;
}
#wrap.zine section.summary div.selector h2{
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    text-align: center;
    text-indent: -3vw;
    font-weight: bold;
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,1);
}
#wrap.zine section.summary div.selector h2 i{
    position: absolute;right: 4vw;top: 4vw;
    width: 4vw;
    height: 4vw;
    opacity: 0;
}
#wrap.zine section.summary div.selector h2 i>svg{
    fill: rgba(255,255,255,1);
}
#wrap.zine section.summary div.selector ul{
    display: none;
    position: relative;
    width: 100%;
    height: 54vw;
    overflow: auto;
    z-index: 1;
}
#wrap.zine section.summary div.selector ul>li{
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.zine section.summary div.selector ul>li label{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: rgba(0,0,0,1);
    background-color: rgba(255,255,255,1);
}
#wrap.zine section.summary div.selector ul>li label.on{
    background-color: rgba(228,207,62,1);
}
#wrap.zine section.summary div.selector.appear ul{
    display: block;
}
#wrap.zine section.summary div.selector i.open{
    opacity: 1;
}
#wrap.zine section.summary div.selector i.close{
    opacity: 0;
}
#wrap.zine section.summary div.selector.appear i.open{
    opacity: 0;
}
#wrap.zine section.summary div.selector.appear i.close{
    opacity: 1;
}
/*----*/
#wrap.zine section.summary div.infobox{
    position: relative;
    width: 100%;
    padding: 0 0 10vw 0;
    opacity: 1;
    -webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition-duration: 0.2s;transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
}
#wrap.zine section.summary div.infobox.act{
    opacity: 0;
}
#wrap.zine section.summary div.infobox div.each{
    display: none;
    width: 100%;
    padding: 4vw 4vw 4vw 4vw;
    background-color: rgba(255,255,255,1);
}
#wrap.zine section.summary div.infobox div.each.on{
    display: block;
}
#wrap.zine section.summary div.infobox div.each div.number{
    padding: 0 0 3vw 0;
    font-size: 1.4rem;
}
#wrap.zine section.summary div.infobox div.each div.number span.n01{
    padding: 0 2vw 0 0;
}
#wrap.zine section.summary div.infobox div.each div.number span.n02{
}
#wrap.zine section.summary div.infobox div.each div.mybody{
    position: relative;
}
#wrap.zine section.summary div.infobox div.each div.mybody div.cover{
    width: 50vw;
    height: 74vw;
    margin: 0 auto 0 auto;
}
#wrap.zine section.summary div.infobox div.each div.mybody div.cover figure{
}
#wrap.zine section.summary div.infobox div.each div.mybody div.page{
    padding: 4vw 0 0 0;
}
#wrap.zine section.summary div.infobox div.each div.mybody div.page ul{
}
#wrap.zine section.summary div.infobox div.each div.mybody div.page ul>li{
    padding: 0 0 2vw 0;
}

/*========*/
#wrap.masatoshi{
}
#wrap.masatoshi section h2{
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
/*----*/
#wrap.masatoshi section.profile{
    padding: 5vw 0 12vw 0;
}
#wrap.masatoshi section.profile h2{
}
#wrap.masatoshi section.profile h2 p{
}
#wrap.masatoshi section.profile h2 p span{
    display: block;
    padding: 2vw 0 0 0;
}
#wrap.masatoshi section.profile div.listbox{
    padding: 4vw 0 0 0;
}
#wrap.masatoshi section.profile div.listbox dl{
    padding: 0 0 2vw 0;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.masatoshi section.profile div.listbox dl.ex{
    padding: 2vw 0 2vw 6vw;
}
#wrap.masatoshi section.profile div.listbox dl>dt{
    padding: 3vw 0 2vw 0;
}
#wrap.masatoshi section.profile div.listbox dl>dd{
}
#wrap.masatoshi section.profile div.listbox dl>dd p{
    padding: 2vw 0 0 0;
}
#wrap.masatoshi section.profile div.listbox dl>dd p:nth-of-type(1){
    padding: 0 0 0 0;
}
/*----*/
#wrap.masatoshi section.publish{
    padding: 0 0 10vw 0;
}
#wrap.masatoshi section.publish h2{
    padding: 0 0 5vw 0;
}
#wrap.masatoshi section.publish div.itembox{
}
#wrap.masatoshi section.publish div.itembox div.each{
    display: inline-block;
    vertical-align: top;
    width: 36vw;
    text-align: center;
    margin: 6vw 3vw 0 3vw;
}
#wrap.masatoshi section.publish div.itembox div.each:nth-of-type(1),
#wrap.masatoshi section.publish div.itembox div.each:nth-of-type(2){
    margin: 0 3vw 0 3vw;
}
#wrap.masatoshi section.publish div.itembox div.each div.figbox{
    width: 100%;
    height: 54vw;
}
#wrap.masatoshi section.publish div.itembox div.each.n01 div.figbox figure{
    background-image: url(../image/pic_book_01.jpg);
}
#wrap.masatoshi section.publish div.itembox div.each.n02 div.figbox figure{
    background-image: url(../image/pic_book_02.jpg);
}
#wrap.masatoshi section.publish div.itembox div.each.n03 div.figbox figure{
    background-image: url(../image/pic_book_03.jpg);
}
#wrap.masatoshi section.publish div.itembox div.infobox{
    text-align: left;
}
#wrap.masatoshi section.publish div.itembox div.infobox dl{
}
#wrap.masatoshi section.publish div.itembox div.infobox dl>dt{
    padding: 2vw 0 3vw 0;
}
#wrap.masatoshi section.publish div.itembox div.infobox dl>dd{
}
#wrap.masatoshi section.publish div.itembox div.infobox dl>dd p{
    padding: 0 0 2vw 0;
    font-size: 0.9rem;
}
/*----*/
#wrap.masatoshi section.selection{
    padding: 0 0 14vw 0;
}
#wrap.masatoshi section.selection h2{
}
#wrap.masatoshi section.selection h3{
    padding: 6vw 0 3vw 0;
}
#wrap.masatoshi section.selection div.textbox{
    width: 100%;
    height: 75vw;
    border-radius: 4vw 4vw 4vw 4vw;
    background-color: rgba(255,255,255,1);
}
#wrap.masatoshi section.selection div.textbox div.pane{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    text-align: left;
    padding: 3vw 4vw 3vw 4vw;
}
#wrap.masatoshi section.selection div.textbox div.pane.n01{
}
#wrap.masatoshi section.selection div.textbox div.pane.n02{
}
#wrap.masatoshi section.selection div.textbox div.pane p{
    line-height: 2;
    font-size: 1.2rem;
    white-space: nowrap;
}
#wrap.masatoshi section.selection div.textbox div.pane p.pfx{
    font-size: 1rem;
    text-indent: 1em;
}

/*========*/
#wrap.party{
}
/*----*/
#wrap.party section.guide{
    padding: 8vw 0 0 0;
}
#wrap.party section.guide h2{
    padding: 4vw 0 8vw 0;
    text-align: center;
}
#wrap.party section.guide h2 p{
    width: 68vw;
    font-size: 1.2rem;
    font-weight: bold;
    background-image: url(../image/bg_dot_02.svg);background-repeat: repeat-x;background-position: 50% 50%;background-size: 4vw 100%;
    margin: 0 auto 0 auto;
}
#wrap.party section.guide h2 p span{
    padding: 0 4vw 0 4vw;
    background-color: rgba(248,248,248,1);
}
/*----*/
#wrap.party section.guide div.itembox{
}
#wrap.party section.guide div.itembox.normal{
}
#wrap.party section.guide div.itembox.teach{
}
#wrap.party section.guide div.itembox div.each{
    width: 100%;
    padding: 0 0 6vw 0;
}
#wrap.party section.guide div.itembox div.each i.belt{
    display: none;
}
/*----*/
#wrap.party section.guide div.itembox div.each dl{
}
#wrap.party section.guide div.itembox div.each dl>dt{
    white-space: nowrap;
    text-align: center;
}
#wrap.party section.guide div.itembox div.each dl>dt p{
    position: relative;
}
#wrap.party section.guide div.itembox div.each dl>dt p i.bar{
    position: absolute;left: 0;top: 4vw;
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,1);
}
#wrap.party section.guide div.itembox div.each dl>dt p span{
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 2vw 4vw 2vw 4vw;
    background-color: rgba(248,248,248,1);
}
#wrap.party section.guide div.itembox div.each dl>dt p span b{
    display: block;
    padding: 1vw 0 0 0;
    font-weight: bold;
}
#wrap.party section.guide div.itembox div.each dl>dd{
    padding: 0 0 4vw 0;
}
#wrap.party section.guide div.itembox div.each dl>dd{
}
#wrap.party section.guide div.itembox div.each dl>dd div.alert{
}
#wrap.party section.guide div.itembox div.each dl>dd div.alert p{
    line-height: 1.5;
    padding: 4vw 2vw 4vw 2vw;
    background-color: rgba(220,0,0,0.1);
    border-style: solid;border-width: 2px;border-color: rgba(220,0,0,1);
    margin: 2vw auto 2vw auto;
}
#wrap.party section.guide div.itembox div.each dl>dd div.prop{
    padding: 2vw 0 2vw 0;
}
#wrap.party section.guide div.itembox div.each dl>dd div.prop p{
    padding: 0 0 2vw 0;
    white-space: nowrap;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map{
    position: relative;
    width: 100%;
    height: 40vw;
    margin: 0 0 2vw 0;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map.ex{
    height: 20vw;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map a{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map iframe{
    width: 100%;
    height: 100%;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map i.cover{
    position: absolute;left: 0;top: 0;
    width: 100%;
    height: 100%;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map figure{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;background-position: 50% 50%;
    background-color: rgba(228,207,62,1);
    border-radius: 4vw 4vw 4vw 4vw;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map figure.house{
    background-image: url(../image/icon_house.svg);
    background-size: 20% auto;
}
#wrap.party section.guide div.itembox div.each dl>dd div.map figure.mail{
    background-image: url(../image/icon_mail.svg);
    background-size: 16% auto;
}
/*----*/
#wrap.party section.entrance{
    padding: 0 0 10vw 0;
}
#wrap.party section.entrance div.msgbox{
    padding: 4vw 0 4vw 0;
    border-style: solid;border-width: 1px 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.party section.entrance div.msgbox p{
    line-height: 1.7;
}
#wrap.party section.entrance div.msgbox p a{
    padding: 0 1vw 0 1vw;
}

/*========*/
#wrap.inform{
}
#wrap.inform section.announce{
    padding: 6vw 0 12vw 0;
}
#wrap.inform section.announce div.base{
    position: relative;
    border-style: solid;border-width: 2vw;border-color: rgba(228,207,62,1);
}
#wrap.inform section.announce div.base.n01{
    margin: 0 0 8vw 0;
}
#wrap.inform section.announce div.base.n02{
}
#wrap.inform section.announce div.base div.frame{
    position: relative;
    background-color: rgba(255,255,255,1);
}
#wrap.inform section.announce div.base div.frame i.edge{
    position: absolute;
    width: 8vw;
    height: 8vw;
    background-color: rgba(228,207,62,1);
}
#wrap.inform section.announce div.base div.frame i.edge>svg{
    fill: rgba(228,228,228,1);
}
#wrap.inform section.announce div.base.n01 div.frame i.edge{
    right: -0.1vw;top: -0.1vw;
}
#wrap.inform section.announce div.base.n02 div.frame i.edge{
    left: -0.1vw;top: -0.1vw;
}
#wrap.inform section.announce h2{
    position: relative;
    padding: 6vw 0 6vw 0;
    text-align: center;
}
#wrap.inform section.announce h2 i.slash{
    position: absolute;left: 24vw;top: 12vw;
    width: 37vw;
    height: 2vw;
    -webkit-transform-origin: center center;transform-origin: center center;
    -webkit-transform: rotateZ(-3deg);transform: rotateZ(-3deg);
}
#wrap.inform section.announce div.base.n01 h2 i.slash{
    background-color: rgba(220,40,40,1);
}
#wrap.inform section.announce div.base.n02 h2 i.slash{
    background-color: rgba(228,207,62,1);
}
#wrap.inform section.announce h2 p{
    position: relative;
    font-size: 1.2rem;
    font-weight: bold;
}
#wrap.inform section.announce div.listbox{
    padding: 0 3vw 3vw 3vw;
}
#wrap.inform section.announce div.listbox div.each{
    position: relative;
    padding: 5vw 0 10vw 0;
}
#wrap.inform section.announce div.listbox div.each i.split{
    position: absolute;left: 50%;bottom: 0;
    width: 54vw;
    height: 5vw;
    background-image: url(../image/bg_dot_01.svg);background-repeat: repeat-x;background-position: 50% 0;background-size: auto 100%;
    margin: 0 0 0 -27vw;
}
#wrap.inform section.announce div.listbox div.each p{
    line-height: 1.7;
}
/*----*/
#wrap.inform section.activity{
}
#wrap.inform section.activity h2{
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
#wrap.inform section.activity div.listbox{
    padding: 2vw 0 14vw 0;
}
#wrap.inform section.activity div.listbox div.each{
    padding: 3vw 0 3vw 0;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.inform section.activity div.listbox div.each p{
    line-height: 1.7;
}

/*========*/
#wrap.contact{
}
/*----*/
#wrap.contact div.notebox{
    line-height: 1.7;
    padding: 5vw 0 10vw 0;
}
#wrap.contact form.entry{
    width: 100%;
}
#wrap.contact form.entry input[type=text]{
    width: 100%;
    padding: 0 1vw 0 1vw;
    background-color: rgba(240,240,240,1);
    border-style: solid;border-width: 1px;border-color: rgba(0,0,0,1);
}
#wrap.contact form.entry textarea{
    width: 100%;
    height: 40vw;
    padding: 0 1vw 0 1vw;
    background-color: rgba(240,240,240,1);
    border-style: solid;border-width: 1px;border-color: rgba(0,0,0,1);
}
#wrap.contact form label{
    display: inline-block;
    vertical-align: top;
    width: 30vw;
    height: 12vw;
    line-height: 12vw;
    font-weight: bold;
    margin: 0 3vw 0 3vw;
}
#wrap.contact form label.confirm{
    color: rgba(0,0,0,1);
    background-color: rgba(228,207,62,1);
}
#wrap.contact form label.back{
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,1);
}
#wrap.contact form label.finish{
    color: rgba(0,0,0,1);
    background-color: rgba(228,207,62,1);
}
#wrap.contact form.entry div.field{
}
#wrap.contact form.entry dl{
    position: relative;
    padding: 0 0 5vw 0;
}
#wrap.contact form.entry dl.name,
#wrap.contact form.entry dl.mail{
    width: 50%;
}
#wrap.contact form.entry dl>dt{
    position: relative;
    padding: 0 0 1vw 0;
}
#wrap.contact form.entry dl>dt span.err{
    position: absolute;left: -2vw;top: 2vw;
    padding: 2vw 2vw 2vw 2vw;
    white-space: nowrap;
    font-size: 0.9rem;
    color: rgba(255,255,255,1);
    background-color: rgba(220,0,0,1);
    opacity: 0.9;
}
#wrap.contact form.entry div.submit{
    padding: 4vw 0 10vw 0;
    text-align: center;
}
#wrap.contact form.confirm div.field{
    padding: 8vw 2vw 8vw 2vw;
    border-radius: 4vw 4vw 4vw 4vw;
    background-color: rgba(255,255,255,1);
}
#wrap.contact form.confirm dl{
    padding: 0 0 4vw 0;
}
#wrap.contact form.confirm dl>dt{
    padding: 0 0 1vw 0;
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(0,0,0,1);
}
#wrap.contact form.confirm dl>dd{
    padding: 2vw 0 0 0;
}
#wrap.contact form.confirm div.submit{
    padding: 4vw 0 10vw 0;
    text-align: center;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
} /* end of media query */
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/