/*スマーフォン設定*/
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/kokoro.css');
@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url('../fonts/Noto_Sans_JP/NotoSansJP-Regular.otf') format('opentype');
}
@media screen and (max-width:480px){
  .style_all_index{text-align: center;width: 100%;margin-right: auto;margin-left: auto;color: #000000;font-family: 'Yellowtail', "Meiryo";font-size: 1.4em;}
  .style_all{text-align: center;width: 90%;margin-right: auto;margin-left: auto;color: #000000;font-family: 'Yellowtail', "Meiryo";font-size: 1.4em;}
  .style_topimg{height: 70%;width: 70%;}
  .style_artwork{width: 30%;}
  .style_bodytable{text-align: center;margin-right: auto;margin-left: auto;font-size: 1.1em;}
  .style_bodytable2{text-align: center;margin-right: auto;margin-left: auto;font-family: "NotoSansJP-Regular";font-size: 0.2em;}
  .style_bodytable3{text-align: left;margin-right: auto;margin-left: auto;font-size: 0.4em;}
  .style_articleall{text-align: center;margin-right: auto;margin-left: auto;font-size: 8px;font-family:  "NotoSansJP-Regular";}
  .style_articlesubject{border-bottom: double;text-align: left;font-size: 10px;font-family: "NotoSansJP-Regular";}
  .style_articledate{text-align: right;font-size: 8px;}
  .style_articlecontents{text-align: left;font-size: 9px;font-family: "NotoSansJP-Regular";}
  .style_articleprojectname{text-align: left;font-size: 0.6em;}
  .marker{background: linear-gradient(transparent 90%, #CC0000 0%);}
  a{color: #000000;text-decoration: none;}
  a:hover{font-size: 1.1em;}
  .background_style{background: rgba(255, 255, 255, 0.3);}
  .background_img00{background-image: url("../data/Minazuki.jpg");background-size: 100%;background-repeat: no-repeat;}
  .background_img01{background-image: url("../data/2020WB1.jpeg");background-size: 100%;background-repeat: no-repeat;}
  .background_img02{background-image: url("../data/mochirokka3.jpg");background-size: 50%;background-repeat: no-repeat;background-position: right top;}
  .background_img03{background-image: url("../data/data01.jpg");background-size: 50%;background-repeat: no-repeat;background-position: right top;}
  .background_img04{background-image: url("../data/muzzle.jpg");background-size: 50%;background-repeat: no-repeat;background-position: right top;}
  .background_img05{background-image: url("../data/Koinu_collage07.jpg");background-size: 100%;background-repeat: no-repeat;background-position: right top;}
  .background_img06{background-image: url("../data/2021scene1.jpg");background-size: 100%;background-repeat: no-repeat;background-position: right top;}
  .background_img07{background-image: url("../data/data01.jpg");background-size: 100%;background-repeat: no-repeat;background-position: right top;}
  .news_img{width: 100%;}
  .DTOPJ_body{background-color: #000000;color: : #ffffff;}
  .DTOPJ_style_all{text-align: center;width: 70%;margin-right: auto;margin-left: auto;color: #ffffff;font-family: "ヒラギノ明朝 ProN", 'sans-serif';font-size: 1.2em;}
  ..tab_wrap{width:500px; margin:80px auto;}
  input[type="radio"]{display:none;}
  .tab_area label{width:110px; margin:0 5px; display:inline-block; color:#999; background:#ddd; text-align:center; font-size:0.8em; cursor:pointer; transition:ease 0.2s opacity;}
  .tab_area label:hover{opacity:0.5;}
  .tab_panel{width:100%; padding:20px 0; display:none;}
  #tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000;}
  #tab1:checked ~ .panel_area #panel1{display:block;}
  #tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;}
  #tab2:checked ~ .panel_area #panel2{display:block;}
  .message{
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    top: 15px;
    width: 100%;
    text-align: left;font-size: 8px;font-family: "NotoSansJP-Regular";
  }
  .my-menu {list-style: none; column-count: 3;background: white;font-size: 0;margin-left: 0px;padding-left: 0px;}
}
/*その他デバイス設定*/
@media screen and (min-width:481px){
  .style_all_index{text-align: center;width: 80%;margin-right: auto;margin-left: auto;color: #000000;font-family: 'Yellowtail', "Meiryo";font-size: 1.8em;}
  .style_all{text-align: center;width: 100%;margin-right: auto;margin-left: auto;color: #000000;font-family: 'Yellowtail', "Meiryo";font-size: 1.8em;}
  .style_topimg{height: 25%;width: 25%;}
  .style_artwork{width: 30%;}
  .style_bodytable{margin-right: auto;margin-left: auto;text-align: center;font-size: 1em;}
  .style_bodytable2{text-align: center;margin-right: auto;margin-left: auto;font-size: 0.4em;}
  .style_bodytable3{text-align: left;margin-right: auto;margin-left: auto;font-size: 0.4em;font-family: "NotoSansJP-Regular";}
  .style_articleall{text-align: center;margin-right: auto;margin-left: auto;font-size: 0.6em;font-family: "NotoSansJP-Regular";}
  .style_articlesubject{border-bottom: double;text-align: left;font-size: 1.2em;font-family: "NotoSansJP-Regular";}
  .style_articledate{text-align: right;font-size: 1em;}
  .style_articlecontents{text-align: left;font-size: 1.1em;font-family: "NotoSansJP-Regular";}
  .marker{background: linear-gradient(transparent 85%, #CC0000 0%);}
  .marker_link01{background: linear-gradient(transparent 100%, #696969 100%);}
  a{color: #000000;text-decoration: none;}
  a:hover{font-size: 1.1em;}
  .background_style{background: rgba(255, 255, 255, 0.3);}
  .background_img00{background-image: url("../data/Minazuki.jpg");background-size: 100%;background-repeat: no-repeat;}
  .background_img01{background-image: url("../data/2020WB1.jpeg");background-size: 100%;background-repeat: no-repeat;}
  .background_img02{background-image: url("../data/mochirokka3.jpg");background-size: 50%;background-repeat: no-repeat;background-position: right top;}
  .background_img03{background-image: url("../data/data01.jpg");background-size: 50%;background-repeat: no-repeat;background-position: right top;}
  .background_img04{background-image: url("../data/muzzle.jpg");background-size: 50%;background-repeat: no-repeat;background-position: right top;}
  .background_img05{background-image: url("../data/Koinu_collage07.jpg");background-size: 100%;background-repeat: no-repeat;background-position: right top;}
  .background_img06{background-image: url("../data/2021scene1.jpg");background-size: 100%;background-repeat: no-repeat;background-position: right top;}
  .background_img07{background-image: url("../data/data01.jpg");background-size: 100%;background-repeat: no-repeat;background-position: right top;}
  .news_img{width: 100%;}
  .DTOPJ_body{background-color: #000000;color: : #ffffff;}
  .DTOPJ_style_all{text-align: center;width: 33%;margin-right: auto;margin-left: auto;color: #ffffff;font-family: "ヒラギノ明朝 ProN", 'sans-serif';font-size: 1.8em;}
  ..tab_wrap{width:500px; margin:80px auto;}
  input[type="radio"]{display:none;}
  .tab_area label{width:150px; margin:0 5px; display:inline-block; color:#999; background:#ddd; text-align:center; font-size:0.8em; cursor:pointer; transition:ease 0.2s opacity;}
  .tab_area label:hover{opacity:0.5;}
  .tab_panel{width:100%; padding:20px 0; display:none;}
  #tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000;}
  #tab1:checked ~ .panel_area #panel1{display:block;}
  #tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;}
  #tab2:checked ~ .panel_area #panel2{display:block;}
  .message {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    top: 15px;
    width: 100%;
    text-align: left;font-size: 0.9em;font-family: "NotoSansJP-Regular";
  }
  .my-menu {list-style: none; column-count: 3;background: white;font-size: 0;margin-left: 0px;padding-left: 0px;}
}