/*=========================================================


	Site Name   UD Style+
	File Name   base.css

	Create Date 2012/4/17
	Update Date 2018/3/6


==========================================================*/

/*----------------------------------------------------------

	Structure

-----------------------------------------------------------*/

body#plus div#area_contents {
}

	body#plus div#main_contents {

	}

		body#plus div#contents {
		}
			
			body#plus div#contents div#issue {
			    margin-top: 10px;
			}

				body#plus div#contents h1 {
				border-bottom: 1px solid #9a9a9a;
					margin: 0 0 17px;
			    /*padding-bottom: 10px;*/
				}

/*
				body#plus div#contents p#pageback {
					margin: 30px 0 0;
				}
				*/

				body#plus div#contents p#issue_title {
					margin: 0 0 3px;
				}

				body#plus div#contents p#issue_subtitle {
				    width: 264px;
					margin: 0;
					font-size: 0;
					float: left;
				}

				body#plus div#contents p#issue_link {
				    width: 131px;
					padding-top: 15px;
					margin: 0 0 0 auto;
					font-size: 0;
				}

				body#plus div#contents dl#issue_num {
					margin: 0 0 5px;
				}

				body#plus div#contents dl#issue_num span {
					display: none;
				}

					body#plus div#contents dl#issue_num dt {
						width: 80px;
						float: left;
					}

					body#plus div#contents dl#issue_num dd {
						padding: 0 0 15px 110px;
					}

				body#plus div#contents p#issue_photo {
					margin-bottom: 0;
				}	

/*				
				body.plus div#contents p#issue_caption {
					width: 300px;
					clear: both;
				}	
				*/
				
				
				/* == text_area == */
				body#plus div#contents div.section {
					margin: 40px 0 0;
				}	

				body#plus div#contents div.section.mt0 {
					margin: 0;
				}	
					body#plus div#contents div.section h2 {
						font-size: 0;
						margin: 0 0 30px;
						
					}

					body#plus div#contents div.section p.section_caption {
						width: 580px;
						float: left;
					}
					
					body#plus div#contents div.section p.section_caption span.read_text_l {
								display: block;
								font-weight: bold;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
					}	
					
					body#plus div#contents div.section p.section_caption span.read_text_s {
								margin: 20px 0 0;
								display: block;
								font-size: 83%;
								padding: 10px;
								border: 1px dotted #999;
					}
					
					body#plus div#contents p#writer {
						margin: 30px 0 30px;
						padding: 0 0 20px;
						text-align: right;
					}
							
					body#plus div#contents div#next_issue {
						margin: 0 0 30px;
						padding: 20px;
						border-top: 1px solid #999999;
						border-bottom: 1px solid #999999;
						text-align: center;
					}
					
						body#plus div#contents div#next_issue dt {
						margin-bottom: 5px;
						}
						
						body#plus div#contents div#next_issue dd {
							
						}
						
							body#plus div#contents div#next_issue dd span {
								font-weight: bold;
							}
							
					body#plus div#contents div#enquete {
						border: 5px solid #dfdfdf;
						margin: 0;
						padding: 40px 47px 40px 33px;
					}
					
						body#plus div#contents div#enquete h4 {
							margin: 0 0 10px 10px;
							font-size: 140%;
							font-weight: bold;
						}
						
						body#plus div#contents div#enquete p {
							margin-left: 10px;
						}
						
						body#plus div#contents div#enquete table.enqTable01 {
							margin: 30px 0 0;
							padding: 0;
							border-top: 1px solid #9b9b9b;
							margin-left: 1.0em;
							width: 100%;
						}
							body#plus div#contents div#enquete table.enqTable01 th {
								padding: 20px 10px 20px 40px;
							border-bottom: 1px solid #9b9b9b;
							background-color: #f5f5f5;
							width: 28%;
							font-weight: bold;
							 text-indent: -2.0em;
							}
							
							body#plus div#contents div#enquete table.enqTable01 td {
								padding: 20px 0 20px 15px;
								border-bottom: 1px solid #9b9b9b;
								width: 60%;
							}
								body#plus div#contents div#enquete table.enqTable01 table {
									text-align: left;
								}
								
								body#plus div#contents div#enquete table.enqTable01 table th {
								    white-space: nowrap;
									padding: 0;
									border: none;
									width: 4em;
									text-indent: 0;
									background: none;
								}
								
								body#plus div#contents div#enquete table.enqTable01 table td {
									padding: 0;
									border-bottom: none;
									width: 100%;
								}
								
								body#plus div#contents div#enquete table.enqTable01 textarea {
									width: 520px;
									height: 115px;
								}
								body#plus div#contents div#enquete table.enqTable01 span{
									white-space: nowrap;
								}
							
						body#plus div#contents div#enquete p#enquete_btn {
							margin: 30px auto 0 auto;
							width: 350px;
						}
						
						body#plus div#contents div#enquete p.enquete_btn_p {
							margin: 0 auto;
							width: 350px;
							text-align: center;
						}	
						
					body#plus div#contents div#bottom_menu {
						margin: 0 0 30px;
						padding-left: 10px;
						text-align: left;
					}		
					
						body#plus div#contents div#bottom_menu h4 {
						    font-size: 120%;
							font-weight: bold;
						}	
						body#plus div#contents div#bottom_menu h4 span {
						    font-size: 80%;
							font-weight: normal;
							padding-left: 2em;
						}
					
						body#plus div#contents div#bottom_menu ul {
						}			
					
						body#plus div#contents div#bottom_menu li {
						    float: left;
							width: 180px;
							padding-right: 10px;
							line-height: 140%;
						}	
						body#plus div#contents div#bottom_menu li img{
							width: 100%;
						}
					
						body#plus div#contents div#bottom_menu li div {
						    display: inline-block;
							margin-top: 10px;
							font-size: 85%;
							width: 175px;
						}

						body#plus div#contents div#bottom_menu li.last {
							margin-right: 0;
						}
						
						body#plus div#contents div#bottom_menu li span.new{
							display: inline;
							padding-left: 5px;
							color: red;
						}	
						/* 20160613 */
					body#plus div#contents div#bottom_menu02 {
						margin: 0 0 30px;
						padding-left: 10px;
						text-align: left;
					}		
					
						body#plus div#contents div#bottom_menu02 h4 {
						    font-size: 120%;
							font-weight: bold;
						}	
						body#plus div#contents div#bottom_menu02 span.listLink01 {
						    font-size: 85%;
							font-weight: normal;
							margin: 0 3px 0 0;
							color: #fff;
						}
						body#plus div#contents div#bottom_menu02 span.listLink01 a {
							color: #fff;
							padding: 2px 0;
							text-align: center;
							background: #004fa2;
							display: block;
							width: 16em;
						}
						body#plus div#contents div#bottom_menu02 span.listLink01 a:hover {
							background: #2783e3;
							text-decoration: none;
						}
					
						body#plus div#contents div#bottom_menu02 ul {
						}			
					
						body#plus div#contents div#bottom_menu02 li {
						    float: left;
							width: 180px;
							padding-right: 8px;
							line-height: 140%;
						}	
						body#plus div#contents div#bottom_menu02 li img{
							width: 100%;
						}
					
						body#plus div#contents div#bottom_menu02 li div {
						    display: inline-block;
							margin-top: 10px;
							font-size: 85%;
							width: 175px;
						}

						body#plus div#contents div#bottom_menu02 li.last {
							margin-right: 0;
						}
						
						body#plus div#contents div#bottom_menu02 li span.new{
							display: inline;
							padding-left: 5px;
							color: red;
						}
						
.bx-pager{
	margin-top: 20px;
}

.bx-pager a{
	padding: 1px 5px;
	background: #004fa2;
	margin: 0 3px 0 0;
	color: #fff;
	text-decoration: none;
	font-size: 65%;
}

.bx-pager a.pager-active{
	color: #fff;
	text-decoration: none;
}


	body#plus div.tw{
		float:right;
	}

	body#plus div.fb{
		margin-left:2px;
		float:right;
	}
    /* 2018.3.6 update */
    body#plus div.fb .fb_iframe_widget span {
        vertical-align: top !important;
    }
						
/*----------------------------------------------------------

	module

-----------------------------------------------------------*/

.mod_pagetop {
	margin: 20px 0 0;
}

* html .pngfix {
	behavior:url(./htc/iepngfix.htc);
}

.clear{
   clear: both;
   float: none;
}

.top_space{
   padding-top: 20px;
}
				body#plus div#contents div#issue_photo_smp {
					display: none;
				}
.onlysmp,
.onlysmpTitle{
	display: none;
}

@media screen and (max-width: 663px) {

/*----------------------------------------------------------

	Structure

-----------------------------------------------------------*/

body#plus div#area_contents {
}

	body#plus div#main_contents {

	}

		body#plus div#contents {
		}
			
			body#plus div#contents div#issue {
			    margin-top: 10px;
			}

				body#plus div#contents h1 {
				border-bottom: none;
					margin: 0 10px 13px 10px;
			    padding-bottom: 0px;
				width: 100%;
				}

				body#plus div#contents h1 img{
					width: 100%;
				}

				body#plus div#contents p#issue_title {
					margin: 0 0 3px;
				}

				body#plus div#contents p#issue_subtitle {
				    width: 264px;
					margin: 0;
					font-size: 0;
					float: none;
				}

				body#plus div#contents p#issue_link {
					display: none;
				}

				body#plus div#contents dl#issue_num {
					margin: 0 0 5px;
				}

				body#plus div#contents dl#issue_num span {
					display: block;
				}

				body#plus div#contents dl#issue_num img {
					display: none;
				}

					body#plus div#contents dl#issue_num dt {
						width: 100%;
						float: none;
						background-color: #000;
						color: #fff;
						font-weight: bold;
						padding: 10px;
					}

					body#plus div#contents dl#issue_num dd {
						padding: 10px;
					}
					body#plus div#contents dl#issue_num dd .cateText01{
						font-weight: bold;						
					}
					body#plus div#contents dl#issue_num dd .contTitle01{
						font-weight: bold;
						font-size: 188%;
						line-height: 120%;
					}
					body#plus div#contents dl#issue_num dd .contNo01{
						font-weight: normal;
						display: inline;
						font-size: 58%;		
						padding-left: 10px;				
					}
					body#plus div#contents dl#issue_num dd .contName01{
						font-weight: normal;
						display: inline;
						font-size: 58%;		
						padding-left: 0;	
						display: block;	
					}

				body#plus div#contents p#issue_photo {
					width: 100%;
				}	

				body#plus div#contents p#issue_photo img{
					width: 100%;
					height: auto;
				}	
				
				
				/* == text_area == */
				body#plus div#contents div.section {
					margin: 10px 0 0;
					padding: 0 10px;
				}	

					body#plus div#contents div.section h2 {
						font-size: 0;
						margin: 20px 0 30px;
						width: 100%;						
					}
					body#plus div#contents div.section h2 img {
						width: 100%;
						height: auto;					
					}

					body#plus div#contents div.section p.section_caption {
						width: 100%;
						float: none;
					}
					
					body#plus div#contents p#writer {
						margin: 30px 0;
						padding: 0 10px;
						text-align: left;
					}
							
					body#plus div#contents div#next_issue {
						margin: 0 0 30px;
						padding: 20px 10px;
						border-top: 1px solid #999999;
						border-bottom: 1px solid #999999;
						text-align: left;
					}
					
						body#plus div#contents div#next_issue dt {
							margin-bottom: 5px;
						}
						body#plus div#contents div#next_issue dt img{
							width: 68px;
							height: auto;
						}
						
						body#plus div#contents div#next_issue dd {
						}
						
							body#plus div#contents div#next_issue dd span {
								font-weight: bold;
							}
							
					body#plus div#contents div#enquete {
						padding: 20px 0;
						margin: 0 5px;
					}
						
						body#plus div#contents div#enquete table.enqTable01 {
							margin: 20px 0 0 0;
							padding: 0;
							border-top: none;
							margin-left: 0;
							width: 100%;
							display: block;
							overflow: hidden;
						}
							body#plus div#contents div#enquete table.enqTable01 th {
								padding: 10px 4%;
							border-bottom: none;
							background-color: #f5f5f5;
								width: 100%;
							font-weight: bold;
							 text-indent: 0;
							display: block;
							}
							
							body#plus div#contents div#enquete table.enqTable01 td {
								padding: 10px 4%;
								border-bottom: none;
								width: 92%;
								display: block;
							}
								body#plus div#contents div#enquete table.enqTable01 table {
									text-align: left;
								}
								
								body#plus div#contents div#enquete table.enqTable01 table th {
								    white-space: nowrap;
									padding: 0;
									border: none;
									width: 4em;
									text-indent: 0;
									background: none;
								}
								
								body#plus div#contents div#enquete table.enqTable01 table td {
									padding: 0;
									border-bottom: none;
									width: 100%;
								}
								body#plus div#contents div#enquete table.enqTable01 textarea {
									width: 100%;
									height: auto;
								}
								
							
						body#plus div#contents div#enquete p#enquete_btn {
							margin: 30px auto 0 auto;
							width: 350px;
						}
						
						body#plus div#contents div#enquete p.enquete_btn_p {
							margin: 0 auto;
							width: 350px;
							text-align: center;
						}	
						
					body#plus div#contents div#bottom_menu {
						margin: 0 auto;
						padding-left: 0;
						text-align: left;
						width: 95%;
						overflow: hidden;
					}	
					body#plus div#contents div#bottom_menu ul{
						margin-bottom: 0;
					}
					
						body#plus div#contents div#bottom_menu li {
						    float: left;
							width: 120px;
							padding-right: 10px;
							line-height: 140%;
						}	
						body#plus div#contents div#bottom_menu li img{
							width: 100%;
							height: auto;
						}
					
						body#plus div#contents div#bottom_menu li div {
						    display: inline-block;
							font-size: 90%;
							width: 115px;
						}
					
						body#plus div#contents div#bottom_menu li div span.text {
						    display: none;
						}

						body#plus div#contents div#bottom_menu li.last {
							margin-right: 0;
						}
						
						body#plus div#contents div#bottom_menu li span.new{
							display: inline;
							padding-left: 5px;
							color: red;
						}
						
.bx-pager{
	margin-top: 0;
}


	body#plus div.tw{
		margin-top: 20px;
		float:right;
	}

	body#plus div.fb{
		margin-top: 20px;
		margin-left:2px;
		float:right;
	}
				body#plus div#contents p#issue_photo.onlyPC{
					display: none;
				}
				body#plus div#contents div#issue_photo_smp {
					width: 100%;
				}
				body#plus div#contents div#issue_photo_smp p img {
					width: 100%;
					height: auto;
				}
					body#plus div#contents div#issue_photo_smp {
						display: block;
					}
					body#plus div#contents div#issue_photo_smp .titleblock{
						width: 96%;
						margin: 0 auto 10px auto;
					}
					body#plus div#contents div#issue_photo_smp .cateText01{
						font-weight: bold;		
						display: block;						
					}
					body#plus div#contents div#issue_photo_smp .contTitle01{
						font-weight: bold;
						font-size: 188%;
						line-height: 120%;		
						display: block;		
					}
h2.onlyPC{
	display: none;
}
p.onlysmp{
	display: block;
	font-size: 140%;
	line-height: 140%;
	font-weight: bold;
	margin-top: 20px;
	padding: 15px 0;
	width: 96%;
	margin: 0 auto;
}
p.title{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 StdN W8", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-weight: bold;
}
p.onlysmpTitle{
	display: block;
	font-size: 160%;
	line-height: 140%;
	font-weight: bold;
	padding: 0 0 15px 0;	
	width: 96%;
	margin: 0 auto;
}
						
/*----------------------------------------------------------

	module

-----------------------------------------------------------*/

.mod_pagetop {
	margin: 20px 0 0;
}

* html .pngfix {
	behavior:url(./htc/iepngfix.htc);
}

.clear{
   clear: both;
   float: none;
}

.top_space{
   padding-top: 20px;
}
}



.nav {
  font-size: 1.2rem;
  line-height: 1.58333;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

.nav .list {
}
.nav .list > li {
  float: left;
  width: 300px;
	text-align: left;
}
.nav .list li.left {
  color: #fff;
  background: #004fa2;
	border: 1px solid  #004fa2;
	margin-right: 10px;
}
.nav .list li.right {
  color: #004fa2 !important;
  background: #fff;
	border: 1px solid  #004fa2;
}

.nav .list > li > a {
  display: block;
  width: 100%;
  padding: 6px 20px 6px 20px;
	font-weight: bold;
}
.nav .list > li.left > a {
  color: #fff;
}
.nav .list > li.right > a {
  color: #004fa2 !important;
    font-feature-settings: inherit;
}

.linktext_post08{
	font-weight: bold;
}
.linktext_post08 span{
	text-decoration: underline;
}