/* ここから全域設定 */

body {
    margin:0;
}

a {
  text-decoration: none;
}

.myContainer {
    width:1170px;
    padding:0 15px;
    margin:0 auto;
    
}




.top-wrapper {
    padding:180px 0 100px 0;
   
}

.main-wrapper {
    height:1000px;
    padding-bottom:80px;
    background-color: #f7f7f7;
    padding-top:30px;
}

.sub-wrapper {
    padding-bottom:80px;
}

.top-wrapper h1 {
    font-size:48px;
}

.current {
    border-bottom:5px solid #d2b48c;
    
}

header {
    height:65px;
    width:100%;
    background-color:rgba(34, 49, 52, 0.9);
    position:fixed;
    top:0;
    z-index:10;
}

.header-main {
    float:left;
    color:whitesmoke;
    
}

.header-nav {
  float: right;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
}

.header-nav:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.header-nav a {
  line-height: 65px;
  padding: 0 25px;
  color: white;
  display: block;
}

footer {
    background-color:#2f5167;
    color:whitesmoke;
    
}

.footer-main {
   padding:10px 0;
}

.header-nav {
    border-left:3px solid #ccc;
}

.last {
    border-right:3px solid #ccc;
}


/* ここまで */
/* ここからPCガイド初期画面 */

.myBtn {
	clear:both;
    background-color:dodgerblue;
    display:inline-block;
    opacity:0.8;
    border-radius:4px;
    font-size:larger;
    padding:8px 12px;
    width:30%;
    text-align:center;
    
}

.myBtn:hover {
    opacity:1;
}

table {
	
    box-shadow:0 0 15px -6px #00000073;
}


.myBorder {
    padding:1em 10px 1em 1em;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
}


table tbody tr:hover {
    background-color:#fffae9;
}

table tbody th {
    text-align:left;
    
}

.myTxt {
    text-align:left;
	
}

.myPrice {
    text-align:right;
    color:#000;
}

/* ここまで */
/* ここからPCガイド本ページ */
.start {
    border-top:2px solid #000000;
    padding:15px 0px 0px 0px;
}


.start2 {
    color: #364e96;
  border: solid 3px #a6d3c8;
  border-radius: 0.5em;
  padding: 0.5em;
    width:30%;
}

.midashi {
    background-color: #fff; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
                    linear-gradient(180deg, #ccc 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.5em; /* 点線2のサイズ */
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}


/* ここまで */