/*
Author: エーエフ・パートナー
Author URI: http://www.af-joho.com/
*/

/* ------ 初期設定 ------ */
html {overflow-y: scroll; background: #fdadc0 url('../img/back.jpg') 0 0 no-repeat ;}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {margin: 0;padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: bottom;-ms-interpolation-mode: bicubic;}
ul li {list-style-type: none;}
.textwidget{margin: 0;padding: 0;text-align: left;}


/* ------ BODY ------ */
body {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	color: #444; font-size: 87.5%; line-height: 1.6em; font-weight: normal; text-align: left; min-width: 1050px; -webkit-text-size-adjust: 100%;}

#wrapper {width: 100%;}

/* ------ リンクの属性（未指定の時）------ */
a {color: #0067A0; text-decoration: none;}
a:hover {color: #C00;text-decoration: underline;}

/* ------ 画像属性等 ------ */
img {max-width: 100%; height: auto; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; vertical-align: bottom;}
.alignleft {float: left;  margin: 5px 10px 5px 0;}
.alignright{float: right; margin: 5px 0 5px 10px;}
.aligncenter{margin: 5px auto;display:block;}
a:hover.link img,a:hover img.link{opacity:0.80; background:none!important;}
* {-webkit-box-sizing: border-box; box-sizing: border-box;}

/* ------ ヘッダー ------ */
header {width: 100%;}
#ptitle {margin: 0; padding: 0.4em 0; width: 100%; font-size: 76%; font-weight: bold; line-height: 1.2em; text-align: center; color: #FFF;}
#ptitle a{color: #FFF;}
#header-inner {margin: 0; background-color: rgba(209,74,119,0.4);}

/* ------ ヘッダーナビゲーション ------ */
#gnav-btn {display :none;}
#gnav {width: 1000px; margin: 0 auto;}
#gnav nav {margin: 0 auto; padding: 0; position: relative; z-index: 1000;}
#gnav nav  ul {list-style-type: none; height: 40px; margin: 0; padding: 0;}
#gnav nav  ul  li {position: relative; float: left; width: 20%; margin: 0; text-align: center;}
#gnav nav  ul  li a {display: block; color: #FFF; font-weight: bold; line-height:40px; text-align: center; text-decoration: none;}
#gnav nav  ul >  li:hover {background-color: #D14A77;}
#gnav nav .current-menu-item {background-color: #D14A77;}

/* ------ ソーシャルボタン等 ------ */
#header-social-button {position: absolute; top: 15px; right: 260px; text-align: right; display: block;}
#header-social-button a {font-size: 20px; text-decoration: none;}
#header-social-button a:hover {text-decoration: none;}

/* ------ ヘッダー画像 ------ */
#mainvisual {position: relative; width: 100%; padding-top: 500; overflow: hidden; z-index: 10;}
#mainvisual-description {margin: 0 auto; text-align: center; display: block;}
#mainvisual-description h2 {text-align: center;font-size: 400%; font-weight: normal; line-height: 1.2em; color: #FFF; padding: 20px; display: inline-block;}
#mainvisual-description h2 .des { opacity: 1.0;}

/* ------ メイン ------ */
#containar {width: 1000px; margin: 0 auto; overflow: hidden; z-index: 20;}

/* ------ パンくずリスト ------ */
#plist {padding: 0 2em 10px; font-size: 79%; color: #999; text-align: justify; text-justify: inter-ideograph;}

/* ------ コンテンツ ------ */
#contents {;width: 900px; margin: 0 auto; padding: 20px 0; background-color: #FFF;}

/* ------ 見出し ------ */
h1 {margin: 0; padding: 0.4em 0; font-size: 214%; font-weight: normal; line-height: 1.3em;}
h2 {margin: 0; padding: 0.4em 0; font-size: 200%; font-weight: normal; line-height: 1.3em;}
h3 {margin: 0; padding: 0.4em 0; font-size: 142%; font-weight: normal; line-height: 1.3em;}
h4 {margin: 0; padding: 0.4em 0; font-size: 128%; font-weight: normal; line-height: 1.3em;}
h5 {margin: 0; padding: 0.4em 0 ;font-size: 114%; font-weight: normal; line-height: 1.3em;}
h6 {margin: 0; padding: 0.4em 0 ;font-size: 100%; font-weight: normal; line-height: 1.3em;}

/* ------ リボン見出し ------ */
.ribbon{	position:relative; margin:0 -10px 0 -10px; padding:10px 40px; color: #FFF; 	background:#D14A77; box-shadow:1px 3px 7px 0px  #9B3759;}
.ribbon:before{content:" "; position:absolute; top:100%; left:0; width:0; height:0; border-width:0 10px 10px 0;	border-style:solid; border-color:transparent; border-right-color:#B54167;}
.ribbon:after{content:" "; position:absolute; top:100%; right:0; width:0; height:0; border-width:10px 10px 0 0; border-style:solid; border-color:transparent; 	border-top-color:#B54167;}

/* ------ リボン見出し ------ */
.ribbon1{	position:relative; margin:0 -10px 0 -10px; padding:10px 40px; color: #FFF; 	background:#006F5F; box-shadow:1px 3px 7px 0px  #666;}
.ribbon1:before{content:" "; position:absolute; top:100%; left:0; width:0; height:0; border-width:0 10px 10px 0;	border-style:solid; border-color:transparent; border-right-color:#00473C;}
.ribbon1:after{content:" "; position:absolute; top:100%; right:0; width:0; height:0; border-width:10px 10px 0 0; border-style:solid; border-color:transparent; 	border-top-color:#00473C;}

/* ------ リボン見出し ------ */
.ribbon2{	position:relative; margin:0 -10px 0 -10px; padding:10px 40px; color: #FFF; 	background:#00A474; box-shadow:1px 3px 7px 0px  #666;}
.ribbon2:before{content:" "; position:absolute; top:100%; left:0; width:0; height:0; border-width:0 10px 10px 0;	border-style:solid; border-color:transparent; border-right-color:#007C57;}
.ribbon2:after{content:" "; position:absolute; top:100%; right:0; width:0; height:0; border-width:10px 10px 0 0; border-style:solid; border-color:transparent; 	border-top-color:#007C57;}

/* ------ リボン見出し ------ */
.ribbon3{	position:relative; margin:0 -10px 0 -10px; padding:10px 40px; color: #FFF; 	background:#a12b61; box-shadow:1px 3px 7px 0px  #666;}
.ribbon3:before{content:" "; position:absolute; top:100%; left:0; width:0; height:0; border-width:0 10px 10px 0;	border-style:solid; border-color:transparent; border-right-color:#7a1f49 ;}
.ribbon3:after{content:" "; position:absolute; top:100%; right:0; width:0; height:0; border-width:10px 10px 0 0; border-style:solid; border-color:transparent; 	border-top-color:#7a1f49 ;}

/* ------ 他の見出し ------ */
.parts-title-grey {margin: 0 40px; padding: 0; font-size: 100%; font-weight: normal; line-height: 1.6em; color: #333; text-align: center; background-color: #EFEFEF; display: block;}
.parts-title-red {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #C00; display: block;}
.parts-title-blue {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #005EB8; display: block;}
.parts-title-purple {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #59315F; display: block;}
.parts-title-green {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #007041; display: block;}
.parts-title-brown {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #B86125; display: block;}
.parts-title-yellow {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #CFB023; display: block;}
.parts-title-pink {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #F04E98; display: block;}
.parts-title-orange {margin: 0 40px; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #FC4C02; display: block;}
.parts-title-footer {margin: 0; padding: 0; font-size: 100%; font-weight: bold; line-height: 1.6em; color: #FFF; text-align: center; background-color: #CCC; display: block;}

/* ------ 文章部分 ------ */
.doc {padding: 20px 60px; font-size: 1.08em; line-height: 1.8em; text-align: justify; text-justify: inter-ideograph;}
.doc2 {padding: 20px 10px; font-size: 1.08em; line-height: 1.8em; text-align: justify; text-justify: inter-ideograph;}
.doc-img img{width: 700px;}
p {padding: 0 1em 20px; font-size: 108%; line-height: 2.0em; text-align: justify; text-justify: inter-ideograph;}
.waku {border: 1px solid #CCC;}
a img.waku   {color: #CCC;}

.themes-show{padding: 15px; background-color: #FEF0F6; letter-spacing: -.4em;}
.themes-show .theme-list {display: inline-block; vertical-align: top; width: 33.33%; margin: 0; padding: 0 10px 20px; letter-spacing: 0;}
.themes-show .theme-list .inner{background-color: #FFF; overflow: hidden;}
.themes-show .theme-list .inner img{border: 2px solid #ca0f67;}

.img-lp {position: relative; margin: 0; padding: 0;}

/* ------ フッター ------ */
footer {width: 100%; }
#footer-inner {width: 900px;margin: 0 auto;padding: 10px 0; background-color: #FFF;}
#footer-inner nav{text-align: center;margin: 0; padding: 10px 0 20px;}
#footer-inner nav ul li {display: inline-block; padding: 0 10px 0 15px ;line-height: 1.3em; font-size: 92%; color: #CCC; border-left: 1px solid #999;}
#footer-inner nav ul li:first-child {border-left: none;}
#footer-inner2 {width: 900px; margin: 0 auto;padding: 10px 0; font-weight: normal;}
#footer-inner2 h4 {margin: 0 0 0.6em 0; padding: 0.4em 0 0.4em 1em; color: #444; font-size: 100%; font-weight: bold; line-height: 1.2em;   background-color: #DDD;}
#footer-inner2 .f-left {margin: 0 1%; font-size: 85% ;width: 30.5%;  line-height: 1.35em; display: inline-block; vertical-align: top;}
#footer-inner2 .f-center {margin: 0 1%; font-size: 85% ; width: 30.5%; line-height: 1.35em; display: inline-block; vertical-align: top;}
#footer-inner2 .f-right {margin: 0 1%; font-size: 85% ; width: 31%; line-height: 1.35em; display: inline-block; vertical-align: top;}
#footer-inner2 ul{margin: 0 0 10px ; list-style: none;}
#footer-inner2 ul li {line-height: 2.0em; padding: 0 10px;}
#footer-inner2 ul.children {margin: 0;}
#footer-inner2 ul.children li {padding-left: 25px;}
#footer-inner2 .footer-wrapper form,
#footer-inner2 .footer-wrapper p,
#footer-inner2 .footer-wrapper .tagcloud{padding: 0 10px 10px; font-size: 92%; line-height: 2em;}
#footer-inner2 .post-date{font-size: 84%;}
#copyright {width: 100%; padding: 10px 0; text-align:center; font-size: 92%;color: #FFF; font-weight: normal; background-color: rgba(209,74,119,1);}


/* ------ 引用 ------ */
blockquote {color: #666; font-size: 100%; font-style: italic; font-weight: bold; background-color:#F5F5F5; padding:1em 1em 1em 3em; position:relative;}
blockquote:before{content: '“'; font-size: 4em; line-height:1em; color:#CCC; position:absolute; left:0; top: 10px;;}

/* ------ 出典 ------ */
.source{font-size: 11px; font-weight: normal; color: #888;}
.source a {font-weight: normal; color: #999; text-decoration: none;}
.source a:hover {color: #C00; text-decoration: underline;}

/* ------  アーカイブウィジェット ------ */
.sidebar-wrapper .screen-reader-text, .footer-wrapper .screen-reader-text {display: none;}
.sidebar-wrapper select, .footer-wrapper select {margin: 5px 0 5px 10px; width: 90%!important; border-radius: 0!important;}

/* ------ スクロールトップ------ */
.pagetop {display: none; position: fixed; bottom: 30px; right: 20px;}

 /* ------ 購入部分 ------ */
.sale {margin: 0 100px; padding: 25px; border: 5px solid #ca0f67; background-color: #FFF;
	     border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.sale2 {margin: 0 100px; padding: 25px; border: 5px solid #0d6f5f; background-color: #FFF;
	     border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.sale3 {margin: 0 100px; padding: 25px; border: 5px solid #C63177; background-color: #FFF;
	     border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.sale01 {float: right; width: 45%; text-align: left;}
.sale01 .shousai {line-height: 1.8em; font-size: 72%; text-align: right;}
.sale02 {float: left; width: 50%; text-align: right;}
.sale02 .name01 { padding: 10px 0 0; font-size: 1.5em; color: #333; font-weight: bold; display: block}
.sale02 .name02 { padding: 5px 0 5px; font-size: 2.0em; color: #ca0f67; font-weight: bold; line-height: 1.2em; display: block}
.sale02 .name03 { padding: 5px 0 30px; font-size: 0.9em; color: #333; font-weight: bold; display: block}
.sale02 .cost { padding: 5px 0 15px; font-size: 3.5em; color: #C00; font-weight: bold; display: block}
.sale02 .tax { font-size: 1.2em; color: #C00; font-weight: bold; }
.sale02 .tax2 { font-size: 1.0em; color: #C00; font-weight: normal; }


  /* ボタン01 */
.btn01 {display: inline-block; text-align: center; text-decoration: none;  font-size: 1.2em; line-height: 1.2em; text-decoration: none; padding: 0.8em 2em; border-radius: 8px;}
.btn01::before, .btn01::after {position: absolute; z-index: -1; display: block; content: '';}
.btn01, .btn01::before, .btn01::after { -webkit-transition: all .2s; transition: all .2s;}
.btn01 {position: relative; z-index: 2; background-color: #333; border: 2px solid #333; color: #FFF;}
.btn01:hover {background-color: #FFF;border-color: #333; color: #333;}
.btn01::before, .btn01::after {top: 0; width: 50%; height: 100%;}
.btn01::before {right: 0;}
.btn01::after {left: 0;}
.btn01:hover::before, .btn01:hover::after {width: 0; background-color: #333;}
.btn01.red {background-color: #e95454; border-color: #e95454; color: #FFF;}
.btn01.red:hover {background-color: #FFF; border-color: #e95454; color: #e95454;}
.btn01.red::before, .btn01.red::after {background-color: #e95454;}
.btn01.red:hover::before, .btn01.red:hover::after {background-color: #e95454;}
.btn01.blue {background-color: #33a8df; border-color: #33a8df; color: #FFF;}
.btn01.blue:hover {background-color: #FFF; border-color: #33a8df; color: #33a8df;}
.btn01.blue::before, .btn01.blue::after {background-color: #33a8df;}
.btn01.blue:hover::before, .btn01.blue:hover::after {background-color: #33a8df;}
.btn01.green {background-color: #2daa3f; border-color: #2daa3f; color: #FFF;}
.btn01.green:hover {background-color: #FFF; border-color: #2daa3f; color: #2daa3f;}
.btn01.green::before, .btn01.green::after {background-color: #2daa3f;}
.btn01.green:hover::before, .btn01.green:hover::after {background-color: #2daa3f;}
.btn01.pink {background-color: #cf3371; border-color: #cf3371; color: #FFF;}
.btn01.pink:hover {background-color: #FFF; border-color: #cf3371; color: #cf3371;}
.btn01.pink::before, .btn01.pink::after {background-color: #cf3371;}
.btn01.pink:hover::before, .btn01.pink:hover::after {background-color: #cf3371;}
.btn01.brown {background-color: #f19726; border-color: #f19726; color: #FFF;}
.btn01.brown:hover {background-color: #FFF; border-color: #f19726; color: #f19726;}
.btn01.brown::before, .btn01.brown::after {background-color: #f19726;}
.btn01.brown:hover::before, .btn01.brown:hover::after {background-color: #f19726;}
.btn01.purple {background-color: #8865B2; border-color: #8865B2; color: #FFF;}
.btn01.purple:hover {background-color: #FFF; border-color: #8865B2; color: #8865B2;}
.btn01.purple::before, .btn01.purple::after {background-color: #8865B2;}
.btn01.purple:hover::before, .btn01.purple:hover::after {background-color: #8865B2;}
.btn01.grey {background-color: #888; border-color: #888; color: #FFF;}
.btn01.grey:hover {background-color: #FFF; border-color: #888; color: #888;}
.btn01.grey::before, .btn01.grey::after {background-color: #888;}
.btn01.grey:hover::before, .btn01.grey:hover::after {background-color: #888;}


/* ボタン02 */
.btn02 {display: inline-block; font-size: 1.2em; color: #e95454; text-decoration: none; padding: 0.8em 2em; border: 2px solid #e95454; border-radius: .4em; -webkit-transition: all .3s; transition: all .3s;}
.btn02:hover {border-radius: 2.0em; background-color: transparent; color: #e95454;}
.btn02.red {background-color: #e95454; border-color: #e95454; color: #FFF;}
.btn02.red:hover {background-color: transparent; color: #e95454;}
.btn02.blue {background-color: #33a8df; border-color: #33a8df; color: #FFF;}
.btn02.blue:hover {background-color: transparent; color: #33a8df;}
.btn02.green {background-color: #2daa3f; border-color: #2daa3f; color: #FFF;}
.btn02.green:hover {background-color: transparent; color: #2daa3f;}
.btn02.pink {background-color: #cf3371; border-color: #cf3371; color: #FFF;}
.btn02.pink:hover {background-color: transparent; color: #cf3371;}
.btn02.brown {background-color: #f19726; border-color: #f19726; color: #FFF;}
.btn02.brown:hover {background-color: transparent; color: #f19726;}
.btn02.purple {background-color: #8865B2; border-color: #8865B2; color: #FFF;}
.btn02.purple:hover {background-color: transparent; color: #8865B2;}
.btn02.grey {background-color: #888; border-color: #888; color: #FFF;}
.btn02.grey:hover {background-color: transparent; color: #888;}

/* ボタン03 */
.btn03 {display: inline-block; margin: 0.6em 0; font-size: 1.4em; color: text-decoration: none; padding: 0.8em 4em; border-radius: .4em;}
.btn03:hover {animation: buruburu .1s  infinite;}
.btn03.red {background-color: #e95454; color: #FFF;}
.btn03.blue {background-color: #33a8df; color: #FFF;}
.btn03.green {background-color: #2daa3f; color: #FFF;}
.btn03.pink {background-color: #cf3371; color: #FFF;}
.btn03.brown {background-color: #f19726; color: #FFF;}
.btn03.purple {background-color: #8865B2; color: #FFF;}
.btn03.grey {background-color: #888; color: #FFF;}
@keyframes buruburu {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)} }

/* ボタン04 */
.btn04 {display: inline-block; padding: 0.8em 2em; font-size: 1.2em; border: 2px solid #e95454; background-color: #e95454; color: #FFF; -webkit-transition: 0.3s; transition: 0.3s; border-radius: .4em;}
.btn04:hover {background-color: #FFF; color: #e95454; padding:1.2em 3em;}
.btn04.red {background-color: #e95454; color: #FFF; }
.btn04.red:hover {background-color: #FFF;  color: #e95454;}
.btn04.blue {border-color: #33a8df; background-color: #33a8df; color: #FFF; }
.btn04.blue:hover {background-color: #FFF;  color: #33a8df;}
.btn04.green {border-color: #2daa3f; background-color: #2daa3f; color: #FFF; }
.btn04.green:hover {background-color: #FFF;  color: #2daa3f;}
.btn04.pink {border-color: #cf3371; background-color: #cf3371; color: #FFF; }
.btn04.pink:hover {background-color: #FFF;  color: #cf3371;}
.btn04.brown {border-color: #f19726; background-color: #f19726; color: #FFF; }
.btn04.brown:hover {background-color: #FFF;  color: #f19726;}
.btn04.purple {border-color: #8865B2; background-color: #8865B2; color: #FFF; }
.btn04.purple:hover {background-color: #FFF;  color: #8865B2;}
.btn04.grey {border-color: #888; background-color: #888; color: #FFF; }
.btn04.grey:hover {background-color: #FFF;  color: #888;}

/* ボタン05 */
.btn05 {display: inline-block; margin: 0.5em 0; padding: 0.8em 4em; font-size: 1.2em; font-weight: 600; background-color: #e95454; color: #FFF; border-radius: .4em;}
.btn05:hover{color: #FFF; background-color: #FF2232; animation: yureru 0.5s linear infinite;}
.btn05.red {color: #FFF; background-color: #e95454;}
.btn05.red:hover {background-color: #FF2232;}
.btn05.blue {color: #FFF; background-color: #33a8df;}
.btn05.blue:hover {background-color: #3CF;}
.btn05.green {color: #FFF; background-color: #2daa3f;}
.btn05.green:hover {background-color: #3BDB50;}
.btn05.pink {color: #FFF; background-color: #cf3371;}
.btn05.pink:hover {background-color: #F39;}
.btn05.brown {color: #FFF; background-color: #f19726;}
.btn05.brown:hover {background-color: #FF9626;}
.btn05.purple {color: #FFF; background-color: #8865B2;}
.btn05.purple:hover {background-color: #AD81E2;}
.btn05.grey {color: #FFF; background-color: #666;}
.btn05.grey:hover {background-color: #888;}
@keyframes yureru {
  0%{-webkit-transform: translateY(0);transform: translateY(0);}
  25%{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
  75%{-webkit-transform: translateY(5px); transform: translateY(5px);}
  100%{-webkit-transform: translateX(0); transform: translateX(0);}
}

/* ボタン05 */
.btn06 {display: inline-block; padding: 0.8em 2.5em; font-size: 1.2em; background-color: #e95454; color: #FFF; border-radius: 1.4em; -webkit-transition: 0.3s; transition: 0.3s;}
.btn06.red {color: #FFF; background-color: #e95454;}
.btn06.red:hover {background-color: #FF2232;}
.btn06.blue {color: #FFF; background-color: #33a8df;}
.btn06.blue:hover {background-color: #3CF;}
.btn06.green {color: #FFF; background-color: #2daa3f;}
.btn06.green:hover {background-color: #3BDB50;}
.btn06.pink {color: #FFF; background-color: #cf3371;}
.btn06.pink:hover {background-color: #F39;}
.btn06.brown {color: #FFF; background-color: #f19726;}
.btn06.brown:hover {background-color: #FF9626;}
.btn06.purple {color: #FFF; background-color: #8865B2;}
.btn06.purple:hover {background-color: #AD81E2;}
.btn06.grey {color: #FFF; background-color: #666;}
.btn06.grey:hover {background-color: #888;}

/* テーブルの属性*/
table{border: 0;}
td { border: 0; padding: 3px;}
td .img-set{border: 1px solid #CCC; overflow: hidden;}

table.wp{border: 0;}
.wp tr{margin-bottom: 15px:}
.wp td { border: 0; padding: 3px;}
.wp td .img-set{ border: 1px solid #CCC; overflow: hidden;}

table.imgcolor{width: 92%; margin: 10px auto; border: 0;}
.imgcolor td { border: 0; padding: 2px;}
.imgcolor td .img-set {border: 1px solid #CCC; overflow: hidden;}


.toku table{border: solid 2px #CCC; border-collapse: collapse; font-size: 13px;}
.toku th{ border: solid 1px #CCC ; width:150px; padding : 2px 2px 2px 10px; text-align: left; background: #F5F5F5; font-weight:bold;}
.toku td{border: solid 1px #CCC ; padding :  2px 2px 2px 10px;text-align: left;background: #FFF;}

table.mailform {margin: 0 auto; width: 90%;border: solid 2px #CCC; border-collapse: collapse; font-size: 16px;}
.mailform th {border: solid 1px #CCC ; width:200px!important; padding : 10px; text-align: left; background: #F5F5F5; font-weight:normal;}
.mailform td{border: solid 1px #CCC ; padding : 10px;text-align: left;background: #FFF;}

table.hikaku {margin: 0 auto; width: 90%;border: solid 2px #ca0f67; border-collapse: collapse; font-size: 86%; line-height: 1.4em;}
.hikaku th {border: solid 1px #ca0f67 ; padding : 10px 5px; text-align: center; background: #FEF5F9; font-weight: bold;}
.hikaku td {border: solid 1px #ca0f67 ; padding : 10px 5px; text-align: center; background: #FFF; font-weight: normal;}

table.mt_hikaku {margin: 0 auto; width: 90%;border: solid 2px #2B8225; border-collapse: collapse; font-size: 86%; line-height: 1.4em;}
.mt_hikaku th {border: solid 1px #4CCA44 ; padding : 10px 5px; text-align: center; background: #E4F7E3; font-weight: bold;}
.mt_hikaku td {border: solid 1px #4CCA44 ; padding : 10px 5px; text-align: center; background: #FFF; font-weight: normal;}

table.mt {margin: 0 auto; width: 80%;border: solid 2px #006AB6; border-collapse: collapse; font-size: 86%; line-height: 1.4em;}
.mt th {border: solid 1px #006AB6 ; padding : 10px 5px; text-align: center; background: #D1EBFF; font-weight: bold;}
.mt td {border: solid 1px #006AB6 ; padding : 10px 5px; text-align: center; background: #FFF; font-weight: bold;}

/* 推薦文 */
#suisen {margin: 20px auto; width: 80%;}
#suisen .suisen-left {display: inline-block; vertical-align: top; width: 170px; text-align: left;}
#suisen .suisen-right {display: inline-block; vertical-align: top; padding-left: 20px; width : -webkit-calc(100% - 175px) ; width: calc(100% - 175px) ;
	font-size: 115%; line-height: 1.8em;}
	
/* その他属性 */
.clr{clear: both;}
strong{font-weight: 600;}
.txtcenter{text-align: center; display: block;}
.txtright{text-align: right;}
.red{color: #C00;}
.pink{color: #C09;}
.blue{color: #3CF;}
.green {color: #46c7ac;}
.bg_yellow{background: #FF0;}
.gold{color: #F4CA54;}
.silver{color: #999;}
.copper{color: #BD4C54;}
.other{color: #71AAE0;}
.bld{font-weight: 600;}
.normal {font-weight: normal;}
.insta-center{margin:20px auto;max-width: 540px;}
.source-code {padding: 10px 20px 10px 0; border: 1px solid #CCC!important; border-radius: .4em;}

/* 線の属性 */
.dot{border-bottom:1px dotted #CCC;}
.solid{border-bottom:1px solid #CCC;}
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 2px solid #C00;}
.link_line{text-decoration: underline;}