@charset "UTF-8";
/* clearfix */
.cf{
	zoom: 1;
}
.cf::before, .cf::after{
	content: ""; display: table;
}
.cf::after{
	clear: both;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body{
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.1em;
	line-height: 1.7em;
	background-color: #ffffff;
font-family: "Helvetica Neue", "Helvetica" , "Meiryo", sans-serif;
}

header{
	width: 100%;
}

#site-title{
}



#site-title a{
	display: block;
	text-decoration: none;
}

#site-title a:hover{
	color: #40c8c5;
}

#pege-theme{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 100%;
}

#mini-nav{
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
}

h1{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 130%;
}

h2{
	font-size: 1.5em;
	font-weight: bold;
	color: black;
	background-color: #ddffff;
	display: block;
	padding-top: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 12px;
}

h3{
	color: black;
	border-left-width: 8px;
	border-left-color: orange;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	background-color: white;
	border-left-style: solid;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 130%;
	border-bottom-color: white;
	border-bottom-style: solid;
	font-size: 1.4em;
	padding-left: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h4{
	border-left-width: 10px;
	border-left-color: green;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	background-color: white;
	border-left-style: solid;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 6px;
	line-height: 110%;
	border-bottom-color: white;
	border-bottom-style: solid;
	font-size: 1.2em;
	padding-left: 18px;
	margin-top: 5px;
	margin-bottom: 3px;
	color: navy;
	margin-left: 5px;
}

nav{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}


nav a{
	
	color: white;
	text-decoration: none;
}

nav a:hover{
	color: aqua;
}

#contents{
  width: 90%;
  margin: 1em auto 1em;
}


section{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	overflow: hidden;
}

aside > section{
	height: auto;
	background-color: white;
	border-style: none;
	border-color: white;
}

aside{
	display: none;
}


article > section{
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
}

article > section p{
	overflow: hidden;
	padding-bottom: 15px;
}

article > section p img{
	max-width: 100%;
	height: auto;	
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}


article > section p:last-child{
	border-bottom-width: 0px;
	border-bottom-style: none;
	padding-bottom: 5px;
}


article > section strong{
	color: black;
	background-color: #ffffb0;
} 



table{
	width: 90%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

table td,table th{
	border-width: 1px;
	border-style: solid;
	border-color: olive;
	text-align: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

table th{
	background-color: #c4f4d3;
}


.box01{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;
	overflow: hidden;
}


.listbox300{
	width: 300px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.1em;
	line-height: 2em;
}

.listbox-30px{
	text-align: left;
	margin-left: 30px;
	margin-bottom: 30px;
}


.fox1{
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: teal;
	width: 80%;
	height: auto;
	background-color: white;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.fox1 img{
	max-width: 100%;
	height: auto;
}


.toumei-bx{
	text-align: center;
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

.toumei-bx-blue{
	text-align: center;
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	color: blue;
}

.toumei-bx img{
	max-width: 100%;
}

.toumei-bx350{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 350px;
	float: left;
	color: blue;
}

.toumei-bx350 img{
	max-width:100%;
	height: auto;
}

.toumei-bxamazon{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%;
	overflow: hidden;
}

.toumei-bxamazon iframe{
	max-width: 100%;
	width: 125px;
	height: 245px;
	float: left;
	margin-right: 5px;
}

.fox2{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	padding-right: 5px;
}
.fox2-bx{
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 400px;
	max-width: 95%;
	float: left;
	border-width: 1px;
	color: black;
}
.fox2-bx img{
	max-width: 95%;
}

.fox2-bx a{
	text-decoration: none;
	display: block;
}

.fox3-bx{
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-style: solid;
	border-color: blue;
	width: 250px;
	max-width: 100%;
	float: left;
	border-width: 1px;
	color: blue;
}
.fox3-bx img{
	max-width: 100%;
}



.fox1-bx{
	text-align: left;
	padding-top: 5px;
	
	padding-bottom: 5px;
	width: 600px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: blue;
}

.fox1-bx img{
	max-width: 95%;
}

footer{
  width: 100%;
  text-align: center;
}

#pr1{
	display: block;
	text-align: center;
	width: 100%;
}

#pr2{
	display: none;
	width: 100%;
}

#pr3{
	clear: both;
	display: block;
	text-align: center;
	width: 100%;
}

#pr4{
	clear: both;
	display: none;
	width: 100%;
}

#pr5{
	clear: both;
	display: block;
	text-align: center;
	width: 100%;
}

#pr6{
	clear: both;
	display: none;
	width: 100%;
}

#pr1 img{
	max-width: 100%;
	height: auto;
}


#pr3 img{
	max-width: 100%;
	height: auto;
}

#pr5 img{
	max-width: 100%;
	height: auto;
}

#koukoku-ue-pc{
	display: none;
	width: 100%;
}

#koukoku-ue-sumaho{
	display: block;
	text-align: center;
	width: 100%;
}


#koukoku-sita-pc{
	clear: both;	
display: none;
	width: 100%;
}

#koukoku-sita-sumaho{
	clear: both;	
display: block;
	text-align: center;
	width: 100%;
}


#koukoku-2-pc,#koukoku-3-pc,#koukoku-4-pc{
	clear: both;	
display: none;
	width: 100%;
}

#koukoku-2-sumaho,#koukoku-3-sumaho,#koukoku-4-sumaho{
	clear: both;	
display: block;
	text-align: center;
	width: 100%;
}

#tabi-mokuzi{
	color: blue;
}


#tabi-mokuzi a:hover{
	color: red;
	
}


/*ページトップへのスクロールボタン*/
/*パソコン・スマホ共通のCSS*/
#PageTopBtn{
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a{
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #90ee90; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 50%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover{
    text-decoration: none; 
    background: #228b22; /*マウスオーバー時の背景色*/
}

/*パソコンで表示する場合のCSS*/
@media (min-width: 819px) {
#PageTopBtn{
    font-size: 25px; /*文字のサイズ*/
}
#PageTopBtn a{
    width: 50px; /*ボタンの幅*/
    height: 50px; /*ボタンの高さ*/
    padding: 5px 0; /*文字の配置場所の調整*/
}
}

/*スマホで表示する場合のCSS*/
@media (max-width: 818px) {
#PageTopBtn{
    font-size: 20px;
}
#PageTopBtn a{
    width: 50px;
    height: 50px;
    padding: 8px 0;
}
}








.foto-box160{
	border-width: 1px;
	border-style: solid;
	border-color: blue;
	width: 190px;
	max-width: 47%;
	text-align: center;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	height: 170px;
	line-height: 1.1em;
	font-size: 0.9em;
	float: left;
}

.foto-box160 img{
	max-width: 100%;
	padding-bottom: 5px;
}

.foto-box160 a{
	display: block;
	color: blue;
	text-decoration: none;
}

.foto-box120{
	border-width: 1px;
	border-style: solid;
	border-color: olive ;
	width: 130px;
	max-width: 31%;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	height: 140px;
	line-height: 1em;
	font-size: 0.9em;
	background-color:  #ffffe1;
}

.foto-box120 img{
	max-width: 100%;
}

.foto-box120 a{
	display: block;
	color: black;
	text-decoration: none;
}

.foto-box120 a:hover{
	color: blue;
}

.text-box120{
	border-width: 1px;
	border-style: solid;
	border-color: olive ;
	width: 130px;
	max-width: 31%;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	height: 20px;
	line-height: 1em;
	font-size: 0.9em;
	vertical-align: middle;
	background-color: #ffffe1;
}

.text-box120 a{
	display: block;
	text-decoration: none;
	color: blue;
}

.text-box120 a:hover{
	color: aqua;
}

.text-box260{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	width: 98%;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	height: 260px;
	line-height: 1em;
	font-size: 0.8em;
	padding-top: 12px;
}

.text-box260 a{
	display: block;
	text-decoration: none;
	color: blue;
	vertical-align: middle;
}

.text-box260 a:hover{
	color: aqua;
}


.foto-box320{
	border-width: 1px;
	border-style: solid;
	border-color: blue;
	width: 330px;
	max-width: 90%;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	height: 180px;
	line-height: 1.1em;
	font-size: 0.9em;
	float: left;
}

.foto-box320 img{
	max-width: 100%;
       padding-right: 5px;
	padding-bottom: 5px;
       float: left;
}

.foto-box320 a{
	display: block;
	color: blue;
	text-decoration: none;
}

.fox94{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 94%;
	border-width: 1px;
	border-style: solid;
	border-color: teal;
	text-align: left;
}

.fox94 img{
	max-width: 100%;
}

.cap-bx{
	line-height: 1.5em;
	color: black;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	font-size: 0.8em;
}

.cap-bx2{
	line-height: 1.5em;
	color: black;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 95%;
}

ul.pagenav{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.pagenav li{
	display: block;
	width: 95%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	line-height: 2em;
	color: blue;
	border-width: 1px;
	border-style: solid;
	border-color: green;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pagenav li a{
	display: block;
	color: blue;
	text-decoration: none;
}

.pagenav li a:hover{
	color: aqua;
}

.imgcap-bx{
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;
	width: auto;
	height: auto;
	float: left;
	color: blue;
	font-size: 0.8em;
}

.ind-menu{
	line-height: 1em;
	color: black;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: olive;
	width: 95%;
	float: left;
	display: block;
	background-color: #e1fee0;
	
}

.ind-menu img{
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
}

.ind-menu a{
	color: black;
	text-decoration: none;
	display: block;
}

.ind-menu a:hover{
	color: navy;
}

.pc-onry{
	display: none;
}

.inlinelist-box{
	overflow: hidden;
	clear: both;
	display: inline;
}



.aka{
	color: red;
}
.ao{
	color: blue;
}
.midori{
	color: green;
}

.hai{
	color: gray;
}

.large{
	font-size: large;
}
.x-large{
	font-size: x-large;
}
.xx-large{
	font-size: xx-large;
}
.small{
	font-size: small;
}
.x-small{
	font-size: x-small;
}
.xx-small{
	font-size: xx-small;
}
.underline{
	text-decoration: underline;
}
.torikesi{
	text-decoration: line-through;
}
.bold{
	font-weight: bold;
}
.x-bold{
	font-weight: bolder;
}



.shoplink-box-y{
	border-width: 1px;
	border-style: solid;
	border-color: red;
	width: 95%;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.6em;
	font-size: 0.9em;
	background-color: #ffeaff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shoplink-box-y a{
	display: block;
	text-decoration: none;
	vertical-align: middle;
}

.shoplink-box-y a:hover{
	color: fuchsia;
}

.shoplink-box-m{
	border-width: 1px;
	border-style: solid;
	border-color: red;
	width: 95%;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.6em;
	font-size: 0.9em;
	background-color: #edffdb;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shoplink-box-m a{
	display: block;
	text-decoration: none;
	vertical-align: middle;
}

.shoplink-box-m a:hover{
	color: fuchsia;
}

.sumaho-onry{
	overflow: hidden;
	clear: both;
}

.asosilink-box{
	clear: both;
	display: block;
	overflow: hidden;
      
	overflow: hidden;
	padding-bottom: 15px;
}


.asosilink{
	float: left;
       margin-right: 10px;
	margin-bottom: 10px;
}

.qlist{
	font-size: x-large;
}

.qlist a{
	text-decoration: none;
	color: black;
}

.sumaho-onry{

	overflow: hidden;
	
	clear: both;
	
	display: inline;
	
}


.zikkenn-h2{
	color: #3d3d3d;
	border-left-width: 10px;
	border-left-color: blue;
	font-size: x-large;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #f1fefd;
	border-left-style: solid;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 160%;
	border-bottom-width: 1px;
	border-bottom-color: blue;
	border-bottom-style: solid;
}

.zikkenn-box1{
	background-color: #f5f5f5;
	text-align: left;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.zikkenn-box1 a{
	color: black;
	text-decoration: none;
}

.zikkenn-box1 a:hover{
	color: blue;
	text-decoration: underline;
}


ul.zikkenn-pagenav{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
.zikkenn-pagenav li{
	display: block;
	width: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	line-height: 2em;
	color: black;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff green green;
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 1px;
	overflow: visible;
}

.zikkenn-pagenav li a{
	display: block;
	color: black;
	text-decoration: none;
}

.zikkenn-pagenav li a:hover{
	color: blue;
	text-decoration: underline;
}

.zikkenn-box2{
	background-color: #ffe8f3;
	text-align: left;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 25px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.zikkenn-box2 a{
	color: black;
	text-decoration: none;
}

.zikkenn-box2 a:hover{
	color: blue;
	text-decoration: underline;
}

/*アコーディオン*/
/*ボックス全体*/
.accbox{
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label{
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover{
    background :#85baef;
}

/*チェックは隠す*/
.accbox input{
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow{
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}

.mokuzi-box1{
	background-color: #f5f5f5;
	text-align: left;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-left: 0px;
	margin-right: 10px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mokuzi-box1 a{
	color: black;
	text-decoration: none;
}

.mokuzi-box1 a:hover{
	color: blue;
	text-decoration: underline;
}


ul.mokuzi-pagenav{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
.mokuzi-pagenav li{
	display: block;
	width: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	line-height: 2em;
	color: black;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff green green;
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 1px;
	overflow: inherit;
}

.mokuzi-pagenav li a{
	display: block;
	color: black;
	text-decoration: none;
}

.mokuzi-pagenav li a:hover{
	color: blue;
	text-decoration: underline;
}

.youten-box1{
	background-color: #ffe8f3;
	text-align: left;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.youten-box1 a{
	color: black;
	text-decoration: none;
}

.youten-box1 a:hover{
	color: blue;
	text-decoration: underline;
}


.youten-box2{
	background-color: white;
	text-align: left;
	border-width: 3px;
	border-style: solid;
	border-color: teal;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 3em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: large;
}

.youten-box3{
	background-color: #f7ffd9;
	text-align: left;
	border-width: 0px;
	border-style: none;
	border-color: #f7ffd9;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*iframeをレスポンシブにする*/
.iframe-wrapper{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* アフィリエイト物品リンクを入れるボックス　タイプ１ */
.box-afi01{
	position: relative;
	text-align: center;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 2em;
	padding-bottom: 2em;　
	padding-right: 1em;
	padding-left: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
}


/* リストが入るボックス　水色線枠　タイトル付き */
.list-008{
    position: relative;
    padding: 1.5em 1em 1em 2.5em;
    border: 2px solid #2589d0;
}

.list-008 > div{
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 .5em;
    background-color: #fff;
    color: #2589d0;
    font-weight: 600;
}

.list-008 ol{
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.list-008 li{
    padding: .3em .3em .3em 0;
}

.list-008 li::marker {
    color: #2589d0;
    font-size: 1.1em;
}

/* 注意を促すブロック */
.box-005{
    max-width: 600px;
    margin: 0 auto;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
}

.box-005 div{
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
}

.box-005 svg{
    padding-right: 4px;
}

.box-005 p{
    margin: 0;
    padding: 0 1.5em 1em;
}

/* 目次のボックス */
.toc-001{
    margin-bottom: 30px;
    padding: 1em 1em 1em 1em;
    border: 1px solid #999;
    background-color: #f7f7f7;
}

.toc-001 div{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px 0;
}

.toc-001 div::before{
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M3.8%2017.2h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.8-.8-.8zm0-15h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8V3c-.1-.4-.4-.8-.8-.8zm0%207.6h-3c-.5%200-.8.3-.8.7v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.7-.8-.7zM23.2%2018h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8zm0-15h-15c-.4%200-.7.3-.7.8v1.5c0%20.4.3.7.7.7h15c.5%200%20.8-.3.8-.8V3.8c0-.5-.3-.8-.8-.8zm0%207.5h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8z%22%2F%3E%3C%2Fsvg%3E');
    content: '';
}

.toc-001 ol{
    list-style-type: decimal;
    margin: 0;
    padding: 0 0 0 2em;
    overflow: hidden;
}

.toc-001 ol ol{
    margin-top: 5px;
}

.toc-001 li{
    padding: 5px 0;
}

.toc-001 a{
    color: #166c9d;
}

/* リストボックス　下線付き*/
.list-009{
    list-style-type: disc;
    list-style-position: inside;
    padding: 1em;
    border: 2px solid #2589d0;
}

.list-009 li{
    padding: .5em;
}

.list-009 li:not(:last-child){
    border-bottom: 1px dashed #2589d0;
}

.list-009 li::marker {
    color: #2589d0;
    font-size: 1.1em;
}

/* ページネーション*/
.pagination-001{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
}

.pagination-001 a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border: 1px solid #2589d0;
    border-radius: 1px;
    color: #2589d0;
}

.pagination-001 a:not(:hover){
    text-decoration: none;
}

.pagination-001 .current a{
    background-color: #2589d0;
    color: #fff;
    pointer-events: none;
}

/* パンくずリスト*/
.breadcrumb-002{
    display: flex;
    gap: 0 15px;
    list-style: none;
    padding: 0;
    font-size: .9em;
}

.breadcrumb-002 li {
    display: flex;
    align-items: center;
}

.breadcrumb-002 li:first-child::before{
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.7%207.5%204%2013.8v6.8c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-4c0-.4.3-.7.7-.7h2.7c.4%200%20.7.3.7.7v4c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-6.8l-7.7-6.3h-.9zm12.1%204.4L20.3%209V3.2c0-.3-.2-.5-.5-.5h-2.3c-.3%200-.5.2-.5.5v2.9L13.3%203c-.7-.6-1.8-.6-2.5%200L.2%2011.8c-.2.2-.3.5-.1.7l1.1%201.3c.2.2.5.2.7.1l9.8-8.1h.6l9.8%208.1c.2.2.5.1.7-.1l1.1-1.3c.2-.2.1-.5-.1-.6z%22%20style%3D%22fill%3A%230000ff%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb-002 li:not(:last-child)::after{
    display: inline-block;
    margin-left: 15px;
    color: #0000ff;
    content: '/';
}

.breadcrumb-002 a{
    color: #0000ff;
    text-decoration: none;
}

/* 引用ボックス*/
.quote-001{
	max-width: 600px;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #d6dde3;
	color: #333333;
	text-align: left;
	background-color: #f3f3f3;
}

.quote-001:has(cite){
    padding-bottom: .5em;
}

.quote-001 p{
	margin-top: 0px;
}

.quote-001 cite{
    display: block;
    color: #737373;
    font-size: .8em;
    text-align: right;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* タブレット向けのスタイル：481px ～ 850px */
@media only screen and (min-width: 481px) {
 	nav{
	
	margin-top: 0px;
	
	margin-right: 0px;
	
	margin-bottom: 0px;
	
	margin-left: 0px;
	
	padding-top: 0px;
	
	padding-right: 0px;
	
	padding-bottom: 0px;
	
	padding-left: 0%;
	
}
 nav ul{
   padding: 0;
 }

	nav ul li{
	
	float: left;
	
	width: auto;
	
	margin-top: 0px;
	
	margin-right: 0px;
	
	margin-bottom: 0px;
	
	margin-left: 0px;
	
	text-align: center;
	
	line-height: 3em;
	
	border-left-width: 1px;
	
	border-left-style: solid;
	
	border-left-color: #ffffff;
	
	border-right-width: 1px;
	
	border-right-style: solid;
	
	border-right-color: #cccccc;
	
	border-bottom-width: 2px;
	
	border-bottom-style: solid;
	
	border-bottom-color: initial;
	
	padding-left: 20px;
	
	padding-right: 20px;
	
	border-bottom-color: white;
	
}

aside{
	display: none;
}

.text-box260{
	max-width: 48%;	
}

.shoplink-box-y{
	max-width: 48%;	
}

.shoplink-box-m{
	max-width: 48%;	
}

}




/*  PC向けのスタイル：851px～960px */
@media only screen and (min-width: 851px) {
 article.main{
   width: 85%;
   float: left;
 }

	aside{
	
	display: block;
	
}

 aside.contents_menu{
   width: 14%;
   float: right;
 }

aside.contents_menu div{
	position: fixed;
 }

 aside.contents_menu ul li{
   font-size: 1.1em;
 }
 	#contents_menu1, #contents_menu2{
	
	width: 98%;
	
	float: none;
	
		
}

.fox2-bx{
	max-width: 46%;
}

	#pr2,#pr4,#pr6{
	
	text-align: center;
	
	display: block;
	
}

	#pr1,#pr3,#pr5{
	
	display: none; 
	
}


#koukoku-ue-pc,#koukoku-sita-pc,#koukoku-2-pc,#koukoku-3-pc,#koukoku-4--pc{
	
	text-align: center;
	
	display: block;
	
}

#koukoku-ue-sumaho,#koukoku-sita-sumaho,#koukoku-2-sumaho,#koukoku-3-sumaho,#koukoku-4-sumaho{
	
	display: none; 
	
}


#pr2 img{
	max-width: 100%;
	height: auto;
}


#pr4 img{
	max-width: 100%;
	height: auto;
}

#pr6 img{
	max-width: 100%;
	height: auto;
}

.pagenav li{
	width: 48%;
}

	.ind-menu{
	
	width: 47%;
	
	height: auto;
	
}

.pc-onry{

	overflow: hidden;
	
	clear: both;
	
	display: inline;
	
}

	.sumaho-onry{
	
	display: none;
	
}

.text-box260{
	max-width: 32%;	
}

.shoplink-box-y{
	max-width: 48%;	
}

.shoplink-box-m{
	max-width: 48%;	
}


}