
/*--------------------------------------------------------------------------------
ã€€ï¼Šå°‚ç”¨ã‚¯ãƒ©ã‚¹
-----------------------------------------------------------------------------------*/

p.intro {
    padding:30px 0px 30px 0;
    line-height:2;
}

ul.mokuji {
    background:#F3F3F3;
    padding:20px;
    margin-bottom:80px;
}


ul.mokuji li {
    padding-left:10px;
    margin: 5px 0;
}
ul.mokuji li:before {content:"・";}

ul.mokuji li ul {
    padding-left:20px;
    margin: 5px 0;
}
ul.mokuji li:before ul li:before {content:"";}


h3.column {
    text-decoration: underline;
    font-size:1.5em;
    padding-bottom: 15px;
}

h4.column {
    color:#396;
    padding-left: 10px;
    font-size:1rem;
}
h4.column:before {content:"◇";}

p.col {
    line-height: 2;
    padding-left: 30px;
    padding-bottom: 30px;
}

div.cmnLine {
    text-align: center;
    padding: 0px 0 75px;
}

img.h280 {
    height:280px;
    border-radius: 8px;
    margin:25px 10px 30px;
    box-shadow: 3px 3px 3px #aaa;
}





div.spot {
    clear: both;
    margin-top: 25px;
}

div.spot img {
    float: left;
    height: 250px;
    margin: 0px 20px 40px 0;
    border-radius: 8px;
    box-shadow: 3px 3px 3px #aaa;
}

div.spot p.spotName {
    font-size:1rem;
    font-weight: bold;
    margin-top: -5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

div.spot p.spotName span {
    font-size:0.8rem;
    font-weight:normal;
}

div.spot p.spotShokai {
    padding-bottom: 12px;
    padding-left: 10px;
    font-size:0.9rem;
}

div.spotLine {
    text-align: center;
}










/*--------------------------------------------------------------------------------
ã€€â–¼ã€€VIEWPORTå®šç¾©
-----------------------------------------------------------------------------------*/

/*====================================â–¼ã€€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ»ãƒ¢ãƒ¼ãƒ‰ã€€/ã€€760pxã§æœ€é©åŒ–ã€€â–¼======================================*/
@media screen and (max-width: 960px) {



}





/*====================================â–¼ã€€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—ãƒ»ãƒ¢ãƒ¼ãƒ‰ï¼ˆæ¨ªå‘ãï¼‰ /ã€€580pxã§æœ€é©åŒ–ã€€â–¼======================================*/
@media only screen and (max-width:640px) {



}





/*====================================â–¼ã€€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ãƒãƒ¼ãƒˆãƒ¬ãƒ¼ãƒˆãƒ»ãƒ¢ãƒ¼ãƒ‰ï¼ˆç¸¦å‘ãï¼‰ /ã€€320pxã§æœ€é©åŒ–ã€€â–¼======================================*/
@media only screen and (max-width:480px) {



}
