@charset "UTF-8";
/*
Theme Name: オリジナルテーマ2021
Author: ポカチ
Author URI: https://pokachama.net
Description: Jack in the Boxサイトテンプレ2021年版
Version: 1.0
*/
/*フォントファイル読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');

/*領域調整ここから*/
*{
    margin:0;
    padding:0;
}
html,body {
    margin : 0;
    padding : 0;
    height : 100%;
    box-sizing : border-box;
    background: url(/jib/wp-content/themes/jib2021/img/kabe_3.png) #dad5ce repeat;
    }
#wrap{
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    min-height: 100%;
}
div#main{
    margin:1em 0 0 0;
    padding:0 0 20em 0;
}
header{
    display:none;
}
footer{
    height: 20em;
    width:100%;
    color:#fff;
    background-color:#333;
    text-align:center;
    position:absolute;
    bottom: 0;
    z-index:1;
}
footer p{
    font-family: 'Julius Sans One', sans-serif;
}
footer a{
    background:none;
}
div#topart{
    width:100%;
    height:100vh;
    margin:0;
    padding:0;
    text-align:right;
    font-size:0.2em;
    background-image:url(/jib/wp-content/themes/jib2021/img/top2104.jpg);
    background-size:cover;
}
article{
    margin:0;
    padding:0;
}
/*縦長・横長での指定変更*/
@media screen and (orientation: landscape) {/*横長*/
    html{
        font-size:16px;
    }

    div#naka{
        margin-left:auto;
        margin-right:auto;
        padding:1em;
        text-align:left;
        max-width:1000px;
    }
    h1 {
    font-family: 'Julius Sans One', sans-serif;
    display: inline;
}
    img{
    margin:0;
    padding:0;
    font-family: 'Noto Sans JP', sans-serif;
    max-height:90vh;
    width:auto;
    }   
    h1 img{
        height:80px;
    }
    footer img{
        width:60px;
        height:60px;
    }
}/*横長ここまで*/
@media screen and (orientation: portrait) {/*縦長*/
    html{
    font-size:24px;
    }

    div#naka{
        margin:0;
        padding:1em;
        text-align:left;
    }
    nav{
        font-family: 'Julius Sans One', sans-serif;
        font-size:1.2em;
    }
    h1 {
    font-family: 'Julius Sans One', sans-serif;
    display: inline;
}
    img{
        margin:0;
        padding:0;
        font-family: 'Noto Sans JP', sans-serif;
        height:auto;
        max-width:90%;
}
    
img.icon{
    width:20px;
    height:auto;
}
   h1 img{
        height:5vh;
    }
    footer img{
        width:5em;
        height:5em;
    }
}/*縦長ここまで*/

/*領域調整ここまで*/

/*文字装飾関連*/
h2,h3,h4,h5{
    font-family: 'Noto Sans JP', sans-serif;
    line-height:2.5em;
    letter-spacing:0.1em;
    padding:0;
    margin:0 0 1em;
    }
h3{
    border-bottom: 2px dotted #603e6c;
}
h4,h5{
    color:#603e6c;
}
p{
    font-family: 'Noto Serif JP', serif;
    line-height:2em !important;
    padding:0 1em 0.5em;
    margin:0 0 2em;
    }
a{
    font-family: 'Noto Sans JP', sans-serif;
    color:#000;
    background-color: rgba(255,255,255,0.3);
    text-decoration: none;
}
a:hover{
    color:#fff;
    background-color: rgba(96,62,108,0.8);
}
a.botan{
    font-size:1.2em;
    text-align:center;
    border-radius:10px;
    color:#fff;
    padding:1em;
    margin:1em auto;
    background-color:#806e8c;
    border:1px solid #fff;
}
a.botan:hover{
    background-color:#333;
}
a.article{
    display:block;
    background-color:none !important;
}
p.center{
    text-align:center;
    margin:2em;
}
strong{
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    color:#603e6c;
}
small{
    font-family: 'Noto Serif JP', serif;
    color:#603e6c;
}
footer img{
    padding:1em 0.5em 0;
}

.float_none {
	clear: both;
}
/*文字装飾関連ここまで*/

/*リスト関連ここから*/
ul{
    font-family: 'Noto Sans JP', sans-serif;
    list-style:none;
    line-height:1.7em;
    padding:0;
    margin:0 0 2em;
}
ul li{ 
    padding-left: 0.5em; 
    margin-bottom:1em;
}

li::first-letter{
    color:#603e6c;
}

ol{
    font-family: 'Noto Sans JP', sans-serif;
    line-height:1.7em;
    padding-left: 2em; 
    margin:0 0 2em;
}

}
/*リスト関連ここまで*/

/*dl,dt,ddここから　横長で横配列・縦長で縦配列*/
dl{
    font-family: 'Noto Sans JP', sans-serif;
    padding:0 1em 0.5em;
    margin:0;
}
dt{
    color:#fff;
    background-color:rgba(10,10,10,0.5);
    border-left: 3px solid #704e7c;
    padding:0.1em 0.3em;
    line-height:1.7em;
}
dd{
    margin:0;
    padding:1em;
    border-bottom:1px dashed #777;
    line-height:1.7em;
}
@media screen and (orientation: landscape){
    dl{
        display:flex;
        flex-wrap:wrap;
    }
    dt{
    padding:1em;
        width:20%;
    }
    dd{
        width:70%;
    }
}
/*dl,dt,ddここまで*/

/*テーブルタグここから*/
table{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:1em;
    border-collapse:collapse;
    border:2px solid #777;
    margin:1em;
    padding:0;
}
tr{
    margin:0;
    padding:0;
}
th{
    color:#fff;
    background-color:#777;
    line-height:2em;
    margin:0;
    padding:0.2em 0.7em;
}
td{
    margin:0px;
    border:1px dashed #777;
    padding:0.2em 0.7em;
    line-height:1.7em;
    background-color:rgba(250,250,250,0.5);
}
/*テーブルタグここまで*/