/*
Theme Name: yamazakipro201611
Version: 1.0
Author: Stockgate inc.
*/

html{
font-size: 62.5%;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
line-height:1.4em;
}

body{
padding:0;
margin:0;
background:#ffffff;
}

/*********** BUTTON ***********/

.buttonY{
background:#ffcc00;
border:1px solid #cc9900;
box-shadow:0px 2px 3px rgba(0,0,0,0.2);
border-radius:4px;
text-align:center;
text-decoration:none;
color:#663300;
transition:background 0.5s linear,color 0.5s linear;
}

.buttonY:hover{
background:#ffee33;
color:#996600;
}

/*********** HEADAER ***********/
header{
width:1000px;
margin:0 auto;
}

h1{
padding:0;
margin:0;
}

h1 a{
display:block;
padding:0;
margin:40px 0;
width:325px;
height:42px;
background:url(/wp-content/uploads/2016/08/logo.png) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#menu{
display:none;
}

/*********** NAV ***********/
nav{
width:100%;
margin-bottom:10px;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
}

nav ul{
width:999px;
padding:0;
margin:0 auto;
list-style:none;
border-right:1px solid #dddddd;
overflow:auto;
}

nav ul li{
float:left;
}

nav ul li a{
display:block;
width: 123px;
height:50px;
border-left:1px solid #dddddd;
font-size:1.4em;
line-height:50px;
text-align:center;
text-decoration:none;
color:#333333;
transition:background 0.5s linear;
}

nav ul li a:hover{
background:#ffffff;
}

nav ul li a.selected{
height:46px;
border-bottom:4px solid #003366;
}

/*********** BREADCLUMBS ***********/
#breadclumbs{
font-size:1.2em;
line-height:2em;
}

#breadclumbs a{
text-decoration:none;
}

/*********** CONTENTS ***********/
#container{
width:1000px;
margin:0 auto 2em auto;
overflow:auto;
}

section#visual{
margin-bottom:10px;
background:#f6f6f6;
}

section#main{
width:100%!important;
padding-bottom:1em;
border:1px solid #cccccc;
float:left;
box-sizing: border-box;
}

section#main h2{
padding:1em 1em 0.8em 1em;
margin:0;
background:#003366;
font-size:1.7em;
font-weight:normal;
line-height:1.6em;
color:#ffffff;
}

section#main h3{
padding:0.5em 1em;
margin:1.5em;
background:#eeeeee;
border-radius:4px;
font-size:1.6em;
line-height:1.4em;
}

section#main p{
margin:1.5em;
font-size:1.5em;
line-height:1.5em;
}

section#main p img{
width:auto !important;
height:auto !important;
max-width:100% !important;
}

/*W680*/
section#W680{
width:680px!important;
padding-bottom:1em;
border:1px solid #cccccc;
float:left;
box-sizing: border-box;
}

section#W680 h2{
padding:1em 1em 0.8em 1em;
margin:0;
background:#003366;
font-size:1.7em;
font-weight:normal;
line-height:1.6em;
color:#ffffff;
}

section#W680 h3{
padding:0.5em 1em;
margin:1.5em;
background:#eeeeee;
border-radius:4px;
font-size:1.6em;
line-height:1.4em;
}

section#W680 p{
margin:1.5em;
font-size:1.5em;
line-height:1.5em;
}

section#W680 p img{
width:auto !important;
height:auto !important;
max-width:100% !important;
}

section#aside{
width:300px;
float:right;
}

iframe{
width:100% !important;
height:360px !important;
max-width:100% !important;
}

.banner{
margin-bottom:15px;
font-size:1.2em;
line-height:1.2em;
text-align:center;
}

.banner img{
	max-width: 100%;
	display: block;
}

.archive_container{
	font-size: 13px;
	text-align: left;
}
.archive_container>div{
	background-color: #003366;
	color: #fff;
	padding: 13px;
}
.archive_container ul{
	list-style-type: none;
	padding: 0;
}
.archive_container ul li{
	margin-bottom: 5px;
}

table[border="1"]{
margin:1em 1.5em;
border-collapse:separate;
border-spacing:1px;
border:1px solid #cccccc;
font-size:1.5em;
line-height:1.2;
}

table[border="1"] th{
padding:1em;
background:#f6f6f6;
border:none;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}

table[border="1"] td{
padding:1em;
background:#ffffff;
border:none;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}

/* TOPPAGE */
#whatsnew{
padding-bottom:1em;
margin-bottom:1.5em;
background:#f6f6f6;
border:1px solid #ffffff;
border-bottom:1px solid #cccccc;
}

#whatsnew p{
padding:1.5em 1.5em 0 1.5em !important;
margin:0 !important;
font-size:1.5em;
}

#whatsnew ul{
padding:0;
margin:0 2em 1.5em 2em;
list-style:none;
font-size:1.5em;
line-height:1.5;
}

#whatsnew ul li{
padding:0.7em 0 0 0;
border-bottom:1px dotted #cccccc;
color:#ffffff;
}

#whatsnew .iconYellow{
display:inline-block;
width:6em;
padding:3px 8px 2px 8px;
margin-right:-7em;
background:#bbbb00;
margin-right:0.5em;
font-weight:bold;
text-align:center;
}

#whatsnew .iconRed{
display:inline-block;
width:6em;
padding:3px 8px 2px 8px;
margin-right:0.5em;
background:#cc0000;
font-size:0.7em;
font-weight:bold;
text-align:center;
}

#whatsnew .iconBlue{
display:inline-block;
width:6em;
padding:3px 8px 2px 8px;
margin-right:0.5em;
background:#0066cc;
font-size:0.7em;
font-weight:bold;
text-align:center;
}

.toppage p{
font-size:1.8em !important;
}

.toppage p .buttonY{
display:block;
width:75%;
padding:0.7em 2em;
margin:0 auto 2em auto;
font-weight:bold;
}

#mokuji2{
padding:1em;
background:#eeeeee;
border-radius:6px;
font-size:1.4em !important;
}

#kakomi{
padding:1.5em 2em;
margin:1em 1em 3em 1em;
background:#f6f6f6;
border-radius:10px;
font-size:1.3em;
line-height:1.5em;
}

#topCatch{
padding:0;
margin:0 2.5em 1.5em 1.5em;
list-style:none;
}

#topCatch li{
padding:0.7em 0 0 7.2em;
background-position:2em 0;
background-repeat:no-repeat;
background-size:4em;
}

#topCatch li p:nth-of-type(1){
margin:0;
font-size:2.4em !important;
font-weight:bold;
line-height:1.2em;
}

#topCatch li p:nth-of-type(2){
margin:0 0 1em 0;
font-size:1.3em !important;
line-height:2em;
}

#topCatch li p small{
font-size:0.6em;
}

#topCatch li:nth-of-type(1){
background-image:url(/wp-content/uploads/2016/11/icon_num1.gif);
}

#topCatch li:nth-of-type(2){
background-image:url(/wp-content/uploads/2016/11/icon_num2.gif);
}

#topCatch li:nth-of-type(3){
background-image:url(/wp-content/uploads/2016/11/icon_num3.gif);
}

/* PAGE_SUB */
/*.w100{
	width: 100%!important;
}*/

/* PROFILE */
#profilearea{
padding-left: 26%;
background: url('https://yamazakikazukuni.com/wp-content/uploads/2016/09/profile.jpg') 4% 0 no-repeat;
background-size: 22%;
}

#profilelist{
padding:0;
margin:1em 1.5em;
list-style:none;
font-size:1.5em;
line-height:1.5em;
}

#profilelist li{
padding:0.5em 0;
border-bottom:1px solid #cccccc;
}

/* report */
#mokuji{
padding:1em;
font-size:1.2em;
line-height:1.6em;
}

/* BOOK */
.book{
padding:0 0 2em 35%;
margin:1em;
border-bottom:1px dashed #cccccc;
background-position:1em 0;
background-repeat:no-repeat;
background-size:auto 25em;
}

.book h4{
padding:0;
margin:1em 0;
font-size:2.2em;
font-weight:normal;
line-height:1.4em;
}

.book p{
padding:0;
margin:1em 0 !important;
}

.book .buttonY{
display:block;
width:10em;
padding:0.8em 1em;
font-size:1.3em;
}

/* CATEGORY */
.post-categories{
display:inline;
padding:0;
margin:0;
list-style:none;
}

.post-categories li{
display:inline;
}

.listBox{
margin:1.5em;
border-top:1px dotted #cccccc;
overflow:auto;
}

section#main .listBox .photo{
width:30%;
padding:0 !important;
margin:1.5em 0 !important;
float:left;
}

section#main .listBox .photo img{
width:100% !important;
height:auto;
}

section#main .listBox .text{
width:65%;
padding:0 !important;
margin:0 !important;
text-align:left;
float:right;
}

section#main .listBox .text h4{
padding:0;
margin:1em 0;
font-size:2.2em;
font-weight:normal;
line-height:1.4em;
}

section#main .listBox .text p{
padding:0;
margin:1em 0;
}

/* 特定商法 */
div.trade{
	text-align: left;
    line-height: 4em;
    padding: 15px;
    font-size: 15px;
}
div.trade table tr{
	vertical-align: top;
}
div.trade table tr th{
	width: 20%;
}
div.trade table tr td{
	display: inline-block;
	margin-left: 20px;
}

/*********** FOOTER ***********/
footer{
width:1000px;
margin:0 auto;
border-top:4px solid #003366;
}

footer p{
text-align:center;
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.5.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}

	.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/*******************************************************************/
/* cntact form 7 の表示用にCSSを追加 */
/*******************************************************************/
input[name=your-Lname]{width:15%;}
input[name=your-Fname]{width:15%;}
input[name=your-email]{width:60%;}
input[name=your-email_spare]{width:60%;}
input[name=your-subject]{width:90%;}
.my-msg{width:90%;}
input[type=submit]{
 width:80px;font-size:14px;text-align:center;font-weight:bold;color: #666666;
 border-radius:5px;box-shadow:2px 2px #666666;}

 /* 追加20210727 */
 .stripe_button {
	 display: inline-block;
	 padding: 15px 10px;
 }