@charset "utf-8";
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:serif;color:#222}
body{margin:0;font-size:1em;line-height:1.4;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS P ゴシック","MS P Gothic",sans-Serif;padding:0;color:#333;border-top:solid 3px #99ab4e;-webkit-text-size-adjust:100%}
a{font-weight:700}
a:link{color:#00F;text-decoration: underline;}
a:hover{color:#06F;text-decoration: none;}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;height:auto}
table{border-collapse:collapse;border-spacing:0}
.hidden{display:none!important;visibility:hidden}

img, object, embed, video {
max-width: 100%;
}

.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}

.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;
}

/* Mobile Layout: 480px and below. */

.gridContainer {
margin-left: auto;
margin-right: auto;
width: 100%;
clear: none;
float: none;
}

img[style] {
width: 1px;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

p {
margin: 18px 0 18px 0;
line-height: 180%;
letter-spacing: 1px;
}

.fade-rc365 {
-webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.fade-rc365:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

/*---------- メイン ----------*/

#main {
width: 100%;
margin: auto;
padding: 0;
text-align: center;
background-color: #ffffff;
}

/*---------- ヘッダー ----------*/

#header {
margin: 0 auto 0 auto;
text-align: center;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/header.jpg);
background-repeat: repeat-x;
}

#header h1 {
margin: 0;
padding: 2px 0 0 0;
font-weight: normal;
text-align: left;
font-size: 10px;
color: #333;
}

#table-left{
text-align: left;
color: #444444;
font-weight: bold;
font-size: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#header-menu {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
border-top: solid 2px #dddddd;
border-bottom: solid 2px #cccccc;
font-size: 10px;
}

#header-menu ul {
width: 100%;
text-align: left;
margin: 0 auto 0 auto;
padding: 0;
}

#header-menu li {
display: inline;
list-style-type: none;
float: left;
color: #ffffff;
width: 50%;
}

#header-menu li a {
line-height: 20px;
color: #00F;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/head_menu_back_abase.gif);
text-align: center;
display: block;
line-height: 150%;
letter-spacing: 1px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #b0ca71;
text-decoration: underline;
padding-top: 6px;
padding-bottom: 2px;
background-size: auto 100%;
}

#header-menu li a:hover {
color: #06F;
text-decoration: none;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/head_menu_back_hover.gif);
}

#header-menu #home a {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #b0ca71;
padding-top: 6px;
padding-bottom: 2px;
}

#header-menu span.sub {
color: #fffffc;
}

#header-img {
	margin: 0;
	text-align: center;
	height: 300;
	width: 900;
}

#header-img-slim {
width: 100%;
margin: 2px 0 0 0;
text-align: center;
}

/*---------- コンテンツ ----------*/

#container {
width: 100%;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
}

/*---------- メインコンテンツ ----------*/

#contents {
margin: 0;
padding: 5px 0 5px 0;
width: 100%;
letter-spacing: 1px;
text-align: left;
line-height: 180%;
}

#contents #pannavi {
margin: 0 0 5px 0;
padding: 0 0 8px 0;
font-size: 12px;
}

#contents h2 {
padding-top: 10px;
padding-bottom: 10px;
color: #224D58;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/titlebar.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0;
font-size: 10px;
line-height: 1.5em;
text-align: center;
}

#contents h2.page_title {
height: 32px;
margin: 0 0 18px 0;
padding: 18px 0 0 22px;
color: #4c1800;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/page_title.gif);
background-repeat: no-repeat;
}

#contents h3 {
margin: 12px 3px 10px 3px;
padding: 10px 10px 7px 13px;
line-height: 110%;
color: #583822;
border-bottom: solid 1px #99ab4e;
border-left: solid 5px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
background-color: #eeeeee;
font-size: 10px;
}

#contents p {
margin: 18px 0 18px 0;
padding: 0 3px 0 3px;
line-height: 190%;
}

#contents a {
color: #00F;
text-decoration: underline;
}

#contents a:hover {
color: #06F;
text-decoration: none
}

#contents .gray_bg {
margin: 18px 2px 18px 2px;
padding: 2px 8px 2px 18px;
line-height: 180%;
letter-spacing: 1px;
border-top: solid 1px #dddddd;
border-right: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
border-left: solid 1px #dddddd;
background-color: #eeeeee;
}

#contents span.red {
color: #e60033;
}

#contents span.red_b {
color: #e60033;
font-weight: bold;
}

#contents span.blue {
color: #007bbb;
}

#contents span.blue_b {
color: #007bbb;
font-weight: bold;
}

#contents span.pink {
color: #c53d43;
}

#contents span.brown {
color: #993300;
}

#contents span.brown_b {
color: #993300;
font-weight: bold;
}

#contents span.green {
color: #00ae4f;
}

#contents img.head_photo {
margin: 0 0 10px 0;
}

#contents img.photo {
float: left;
margin: 10px 20px 0 0;
}

#contents img.picture {
margin: 0 10px 10px 0;
float: left;
}

#contents img.picture_r {
margin: 0 5px 10px 10px;
float: right;
}

#contents p.photo {
margin: 0 0 20px 0;
padding: 0;
}

#contents p.back {
margin: 0;
padding: 0 5px 0 0;
text-align: right;
}

table#t01 {
border: solid 1px #cccccc;
border-collapse: collapse;
}

td#t01 {
border: solid 1px #cccccc;
border-collapse: collapse;
}

td#head {
padding: 9px 6px 6px 15px;
border: solid 1px #cccccc;
border-collapse: collapse;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/main_block_bg.gif);
}

table.table_line {
border-collapse: collapse;
border: solid 1px #999999;
}

td.table_line {
border-collapse: collapse;
border: solid 1px #999999;
padding : 8px 14px 8px 14px;
}

/*---------- メニュー ----------*/

#menu {
margin: 0 0 15px 0;
padding: 0;
text-align: left;
letter-spacing: 1px;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/side_yback.jpg);
background-repeat: repeat;
display: none;
}

.menulist {
margin: 0 0 24px 0;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 0px;
width: 100%;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.menulist-02 {
color: #fffffc;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/sidebar.gif);
background-repeat: no-repeat;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 12px;
background-size: 100% 100%;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
}

.menulist a{
color: #69821b;
display: block;
border-right: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
border-left: solid 1px #dddddd;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/side_menu_bg.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
font-size: 10px;
text-align: center;
 }

.menulist a:hover{
color: #99ab4e;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/side_menu_bg_hover.jpg);
background-repeat: no-repeat;
}

.menu_free {
margin: 0 0 20px 0;
padding: 0;
width: 100%;
text-align: left;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/menu_back.gif);
}

.menu_free h2 {
margin: 0;
padding: 10px 0 10px 0;
color: #fffffc;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/sidebar.gif);
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
}

.menu_free a{
color: #69821b;
 }

.menu_free b{
text-decoration: underline;
 }

.menu_free a:hover{
color: #99ab4e;
}

.menu_free p{
margin: 0;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
font-size: 10px;
}

.menu_free span.red {
color: #e60033;
}

.menu_free span.red_b {
color: #e60033;
font-weight: bold;
}

.menu_free span.blue {
color: #007bbb;
}

.menu_free span.blue_b {
color: #007bbb;
font-weight: bold;
}

.menu_free span.brown {
color: #993300;
}

.menu_free span.brown_b {
color: #993300;
font-weight: bold;
}

/*---------- フッター ----------*/

#footer {
clear: both;
width: 100%;
margin: 0;
padding: 22px 0 19px 0;
text-align: center;
color: #333333;
line-height: 180%;
border-top: solid 3px;
border-top-color: #99ab4e;
background-image: url(https://xn--lckd9dzhd6ic.jp/img/footer_back.gif);
font-size: 10px;
}

#footer p {
font-size: 16px;
text-decoration: underline;
}

#footer a {
color: #00F;
text-decoration: underline;
}

#footer a:hover {
color: #06F;
text-decoration: none;
}
.img-tyusin {
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
.lc-table {
margin-top: 5px;
margin-bottom: 15px;
border-left: 3px solid rgba(168,168,168,1.00);
border-right: 3px solid rgba(110,110,110,1.00);
border-bottom: 3px solid rgba(110,110,110,1.00);
border-top: 3px solid rgba(168,168,168,1.00);
border-collapse: separate;
border-spacing: 3px 3px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.lc-td02 {
font-size: 12px;
font-weight: bold;
color: #000;
background-color: #FFC;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid rgba(168,168,168,1.00);
text-align: center;
}
.lc-td01 {
font-size: 10px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid rgba(168,168,168,1.00);
text-align: center;
width: 50%;
}
.lc-td03 {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid rgba(168,168,168,1.00);
text-align: center;
width: 15%;
}
.lc-td04 {
font-size: 10px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid rgba(168,168,168,1.00);
text-align: center;
width: 35%;
}
.lc-td05 {
font-size: 10px;
border: 1px solid rgba(168,168,168,1.00);
text-align: center;
width: 50%;
}

.kaisetu {
font-size: 10px;
margin-top: 15px;
margin-bottom: 15px;
padding-top: 15px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 15px;
border: 1px solid #CCC;
}
.kaisetu-taitle {
font-weight: bold;
color: #FFF;
background-color: #00A9B7;
text-align: center;
font-size: 12px;
}
.img-naosi {
display: inline-block;
}
#table-top {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.menu-p {
font-size: 10px;
}
.google-adsense {
	margin-top: 5%;
	margin-bottom: 5%;
}
.word_blue {
font-weight: bold;
color: #00F;
}

#author_table{
width: 95%;
margin-left: auto;
margin-right: auto;
border: 1px solid #CDCDCD;
}
#author_td01{
width: 20%;
text-align: center;
vertical-align: middle;
border-right: 1px solid #CDCDCD;
}
#author_td02{
width: 80%;
padding: 3%;
font-size: 12px;
}

#sns {
text-align: center;
}
#sns_twitter {
background-color: #2CA7E0;
border-radius: 5px;
padding-top: 1%;
padding-bottom: 1%;
}
#sns_facebook {
background-color: #4267B2;
border-radius: 5px;
padding-top: 1%;
padding-bottom: 1%;
}
#sns_youtube {
background-color: #FF0000;
border-radius: 5px;
padding-top: 1%;
padding-bottom: 1%;
}
#sns_instagram {
border-radius: 5px;
padding-top: 1%;
padding-bottom: 1%;
background-image: -webkit-linear-gradient(270deg,rgba(158,1,155,1.00) 0%,rgba(255,0,0,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(158,1,155,1.00) 0%,rgba(255,0,0,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(158,1,155,1.00) 0%,rgba(255,0,0,1.00) 100%);
background-image: linear-gradient(180deg,rgba(158,1,155,1.00) 0%,rgba(255,0,0,1.00) 100%);
}
#sns a {
color: #FFF;
}
.affiliate_img {
text-align: center;
}
.heading {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FF3737;
	padding-top: 2%;
	padding-bottom: 2%;
}
.heading_text {
	text-align: center;
	font-size: 12px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
width: 100%;
clear: none;
float: none;
margin-left: auto;
margin-right: auto;
}

.zeroMargin_tablet {
margin-left: 0;
}
.hide_tablet {
display: none;
}

#header h1 {
font-size: 12px;
}

#table-left{
font-size: 18px;
}

#contents {
float: right;
width: 100%;
}

#menu {
float: left;
width: 25%;
display: none;
}

#header-menu {
font-size: 16px;
}

#contents h2 {
font-size: 14px;
}

#contents h3 {
font-size: 14px;
}

#footer {
font-size: 14px;
}

#footer p {
font-size: 20px;
text-decoration: underline;
}

.menulist-02 {
font-size: 14px;
}

.menulist a{
font-size: 12px;
 }
 
.menu_free p{
font-size: 12px;
}

.kaisetu {
font-size: 12px;
margin: 5px;
padding: 5px;
}
.kaisetu-taitle {
font-size: 14px;
}

.lc-table {
margin-top: 15px;
}
.lc-td02 {
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
}
.lc-td01 {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}
.lc-td03 {
padding-top: 10px;
}
.lc-td04 {
font-size: 12px;
}
.lc-td05 {
font-size: 12px;
}

.menu-p {
font-size: 14px;
}
#author_td02{
width: 80%;
padding: 3%;
font-size: 14px;
}
.heading {
font-size: 18px;
}
.heading_text {
font-size: 16px;
}

}

/* Desktop Layout: 769px to a max of 900px.Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
width: 100%;
max-width: 900px;
margin: auto;
clear: none;
float: none;
margin-left: auto;
margin-right: auto;
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

#header h1 {
font-size: 12px;
}

#table-left{
font-size: 20px;
}

#contents {
float: right;
width: 75%;
}

#menu {
float: left;
width: 25%;
display: block;
}

#header-menu {
font-size: 18px;
}

#contents h2 {
font-size: 16px;
}

#contents h3 {
font-size: 16px;
}

#footer {
font-size: 16px;
}

#footer p {
font-size: 22px;
text-decoration: underline;
}

.menulist-02 {
font-size: 16px;
}

.menulist a{
font-size: 14px;
 }
 
 .menu_free p{
font-size: 14px;
}

.kaisetu {
font-size: 14px;
margin: 15px;
padding: 15px;
}
.kaisetu-taitle {
font-size: 16px;
}

.lc-table {
margin-top: 15px;
}
.lc-td02 {
font-size: 18px;
padding-top: 15px;
padding-bottom: 15px;
}
.lc-td01 {
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
.lc-td03 {
padding-top: 10px;
}
.lc-td04 {
font-size: 16px;
}
.lc-td05 {
font-size: 16px;
}

.menu-p {
font-size: 16px;
}
#author_td02{
width: 80%;
padding: 3%;
font-size: 18px;
}
.heading {
font-size: 20px;
}
.heading_text {
font-size: 18px;
}

}