/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/*************** 装飾タグ ***************/
/*投稿エディタ文字装飾用CSS　追記*/
/*ピンクのマーカー*/
.marker_pink {
    background: linear-gradient(transparent 50%,pink 50%);
}
/*黄色のマーカー*/
.marker_yellow {
    background: linear-gradient(transparent 50%,yellow 50%)
}

/* h1 */
h1{
	font-size:26px;
}


/* h2 */
h2 {
  padding: 0.6em 0.8em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
	font-size:22px;
}

/* h3 */
h3 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
	font-size:20px;

}

h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #4682b4;
  bottom: -3px;
  width: 20%;
}

/* h4 */
h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #222233;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #F4EED8;/*左線*/
	font-size:18px;
}

/* 太字 */
.bold {
    font-weight: bold;
}

/* 中央寄せ */


/* チェックボックス */
.checkmark{
	padding-left:24px;
	position:relative;
}

.checkmark:before,
.checkmark:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}


/* Q&A */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(244, 238, 216, 1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(244, 238, 216, 1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}



/* タイトル付　枠　1　*/
.kakomi-box11 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 color: #555555; /* 文章色 */
 background-color: #fff; /* 背景色 */
 border: 2px solid #555555; /* 枠線の太さ・色 */
 width: 90%;
}
.title-box11 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #555555; /* タイトル文字色 */
}


/* 枠　２　*/
.flame02 {
margin: 2em auto;
padding: 1em;
width: 98%;
border: 1px solid #a9a9a9;
background-color: #fff;
box-shadow: 1.5px 1.5px 2px #f4eed8;
}

	
.wrapper { overflow: hidden; }

/* 囲み枠*/
.box2 {
    padding: 0.8em 2em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 2px #222233;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/* ツールチップ　*/
.tooltipdown{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltipdown p{
    margin:0;
    padding:0;
}
.description1 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 240px;
}
.description1:before {
    content: "";
    position: absolute;
    top: -24px;
    right: 60%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
    transform: rotateZ(180deg);
}
.tooltipdown:hover .description1{
    display: inline-block;
    top: 30px;
    left: 0px;
}



/*商品見出し　*/
.itemmidashi{
	padding: 0.25em 0.5em;
	margin-bottom: 10px;
	border-color:#F4EED8;
	border-width:0 0 2px 7px;
	border-style:solid;
	background:#ffffff;
	font-size:18px;
	font-family: A1明朝 ;
}



/*--------------------------------------
  TOC+
--------------------------------------*/
#toc_container {
	display: block !important;
	width: 80% !important;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 95%;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 36px auto;
	padding: 1em 2em;
}

#toc_container .toc_title {
	text-align: center;
	background: #eee;
	border-bottom: 2px solid #ddd;
	padding: 0.4em 0;
}

#toc_container ul {
    list-style: none;
    margin-bottom: 0;
}

#toc_container ul li {
    margin: 0;
    padding-left: 0;
    text-indent: 0;
}

#toc_container ul a {
	display: block;
	text-decoration: none;
	color: #494949;
	border-bottom: 1px dotted #ccc;
}

#toc_container .toc_list > li > a {
	border-bottom: 2px solid #ccc;
	font-size: 110%;
}

#toc_container ul ul {
	padding: 1em 0 1em 1em;
}

#toc_container li {
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/* h2 */
h2 {
  padding: 0.6em 0.8em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #F4EED8;/*背景色*/
  border-left: solid 5px #4682b4;/*左線*/
	font-size:22px;
}

/* h3 */
h3 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
	font-size:20px;

}

h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #4682b4;
  bottom: -3px;
  width: 20%;
}

/* h4 */
h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #222233;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #F4EED8;/*左線*/
	font-size:18px;
}

	
	
	/* 太字 */
.bold {
    font-weight: bold;
}
	
		
.wrapper { overflow: hidden; }
	

/*商品見出し　*/
.itemmidashi{
	padding: 0.25em 0.5em;
	margin-bottom: 10px;
	border-color:#F4EED8;
	border-width:0 0 2px 7px;
	border-style:solid;
	background:#ffffff;
	font-size:18px;
	font-family: A1明朝 ;
}
}


/*topページ文字の色文字背景の追加　*/