@charset "UTF-8";
/*
Theme Name:curry
Theme URL:https://kanda-curry.com
Description kanda-curry-grandprix
Version:1.1
Author:hiroka
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

h1 { font-family: "ten-mincho",serif; }

picture img{
	vertical-align:bottom;
	line-height:0px;
}

/**
/** 1.0	header 1.5	SNS header_ex 2.0	Main & MainLeft & MainRight 3.0	oshirase in mainLeft 4.0	Shop Page 5.0	BASIC Text 6.0	mainLeft
 7.0	footer
 8.0 	Menu 9.0 	News 10.0	Table 11.0 	extra
 -------------------- Custom for Plug-In --------------------
 -------------------- Responsive Design --------------------  -------------------- ie Hack --------------------    */
@media screen and (max-width: 680px) { body { width: 100%; }
  .fb_iframe_widget > span { vertical-align: baseline !important; }
  /** 1.0 header ----------------------------------------------------------------------------- */
  header { width: 100%; display: block; }
  header #sns h1 img { width: 100%; }
  header #sns h1 a { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; }
  header #sns h1 a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
  header #sns .header_ex { text-align: right; display: block; }
  header #sns .header_ex .sns_ex { padding-right: 20px; font-size: 12px; color: #000; white-space: nowrap; }
  header #sns .header_ex .sns_ex a { color: #000; }
  header #sns .header_ex form.pcSearch { text-align: right; float: right; font-size: 12px; }
  header #nav { display: none; }
  header #movie img { width: 100%; margin-bottom: 10px; background-color: red; }
  #fbbox { display: none; }
  /** 2.0 Main ----------------------------------------------------------------------------- */
  main { width: 100%; margin: auto; overflow: hidden; /*mainLeft*/ /*mainRight*/ }
  main #mainSingle { margin-bottom: 20px; }
  main #mainLeft { 		/** 4.0 Shop Page ----------------------------------------------------------------------------- */ margin: 10px; 	/** 3.0 oshirase in mainLeft ----------------------------------------------------------------------------- */ }
  main #mainLeft h2 { margin-bottom: 30px; font-size: 24px; color: #633f33; font-weight: bold; }
  main #mainLeft h3 { font-size: 20px; line-height: 24px; margin-bottom: 20px; color: #A7912B; font-family: "fot-seurat-pron",sans-serif; }
  main #mainLeft p { line-height: 30px; margin-bottom: 20px; }
  main #mainLeft p.photo { width: 135px; margin-left: 20px; margin-bottom: 20px; font-size: 14px; color: #633f33; }
  main #mainLeft p.photo img { margin-bottom: 5px; }
  main #mainLeft p.white { visibility: hidden; }
  main #mainLeft .fr { float: right; }
  main #mainLeft .ad_border { border: solid 1px gray; }
  main #mainLeft table.syousaiPhoto { width: 100%; margin-bottom: 20px; }
  main #mainLeft table.syousaiPhoto td img { width: 100%; }
  main #mainLeft p.bigAd { margin-bottom: 10px; }
  main #mainLeft p.bigAd a img { width: 100%; /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
  main #mainLeft p.minAdLeft, main #mainLeft p.minAdRight { margin-bottom: 10px; width: 48%; }
  main #mainLeft p.minAdLeft a img, main #mainLeft p.minAdRight a img { width: 100%; /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
  main #mainLeft p.minAdLeftSponsor, main #mainLeft p.minAdRightSponsor { margin-bottom: 10px; width: 48%; }
  main #mainLeft p.minAdLeftSponsor a img, main #mainLeft p.minAdRightSponsor a img { width: 100%; /* border-radius */ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
  main #mainLeft p.minAdLeft { float: left; }
  main #mainLeft p.minAdRight { float: Right; }
  main #mainLeft p.minAdLeftSponsor { float: left; }
  main #mainLeft p.minAdRightSponsor { float: Right; }
  main #mainLeft #zoshirase { border: solid 2px #e60012; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; }
  main #mainLeft #zoshiraseHead { background-color: #e60012; text-align: center; padding: 5px; }
  main #mainLeft #zoshirasebody p { font-size: 16px; margin: 0px; padding: 10px; }
  main #mainLeft #important { margin-bottom: 20px; }
  main #mainLeft #important h2 { background-color: red; text-align: center; padding: 10px 20px; /* border-radius */ border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; margin-bottom: 0px; font-family: "fot-seurat-pron",sans-serif; color: #fff; font-size: 18px; line-height: 22px; }
  main #mainLeft #important #importantBox { border: solid 2px red; border-top: none; box-sizing: border-box; padding: 20px 10px 0px 10px; }
  main #mainLeft #important #importantBox h3 { color: #970736; font-size: 18px; margin-bottom: 10px; font-weight: bold; }
  main #mainLeft #important #importantBox p { font-size: 14px; margin-bottom: 20px; line-height: 1.5em; color: #333; }
  main #mainRight { padding: 10px; padding-top: 20px; float: right; }
  main #mainRight p { margin-bottom: 20px; width: 48%; }
  main #mainRight p a img { /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 100%; }
	
	
	  main #mainRight p a img.noRadius { /* border-radius */ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 100%; }
	
  main #mainRight p.rCenter { width: 100%; }
  main #mainRight .rLeft { float: left; }
  main #mainRight .rRight { float: right; }
  /*main*/
  footer { width: 100%; margin: 0 auto; background-color: #282828; overflow: hidden; }
  footer p.copy { font-size: 12px; color: #fff; margin: 20px; line-height: 24px; width: 450px; float: left; margin-top: 0px; }
  footer p.footerMenu { font-size: 10px; color: #fff; margin: 20px; margin-bottom: 0px; line-height: 24px; width: 450px; float: left; white-space: nowrap; }
  footer p.footerMenu a { display: inline; color: #fff; }
  /*menu ===================================*/
  .drawer-nav { background-color: #222; padding-top: 20px; }
  ul li { padding: 10px; padding-left: 20px; }
  ul li a { color: #ccc; text-decoration: none; }
  ul li ul { margin-top: 10px; }
  ul li ul li { background-color: #222; }
  ul li ul li a { color: #ccc; text-decoration: none; }
  form.smahoSearch { text-align: left; width: 100%; display: block; font-size: 12px; padding-left: 20px; margin-bottom: 10px; }
  form.pcSearch { display: none; }
  label { color: #fff; }
  #news { margin-bottom: 20px; }
  #news h4 { font-size: 16px; line-height: 24px; color: #A08231; font-weight: bold; margin-bottom: 10px; }
  #news td { font-size: 12px; line-height: 18px; color: gray; vertical-align: top; padding-bottom: 8px; }
  #news td { padding-right: 8px; }
  #news td.times { white-space: nowrap; width: 100px; color: #970736; }
  #news td.texts { width: 445px; }
  #news td.texts a { color: #000; }
  #news .icon1, #news .icon2, #news .icon3, #news .icon4 { white-space: nowrap; color: white; font-weight: bold; font-size: 10px; padding: 3px 6px; /* border-radius */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 3px; }
  #news .icon1 { background-color: #7CA80B; width: 80px; text-align: center; display: block; padding: 0px 3px; }
  #news .icon2 { background-color: #D42124; width: 80px; text-align: center; display: block; padding: 0px 3px; }
  #news .icon3 { background-color: #304ACA; width: 80px; text-align: center; display: block; padding: 0px 3px; }
	#news .icon3 { background-color: red; width: 80px; text-align: center; display: block; padding: 0px 3px; }
  #mainGazou img { width: 100%; }
  table.hyou { width: 100%; margin-bottom: 20px; }
  table.hyou th { background-color: #dddddd; font-size: 12px; padding: 4px; border-left: solid 2px gray; }
  table.hyou tr.odd { background-color: #effeff; }
  table.hyou tr.even { background-color: #fff; }
  table.hyou td { padding: 8px; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; font-size: 12px; line-height: 20px; }
  table.hyou td a { color: blue; }
  table.hyou th { padding: 8px; border: none; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; border-right: dotted 1px #aaa; border-left: solid 1px #aaa; }
  table.hyou th.tit { background-color: #dddddd; vertical-align: middle; line-height: 2em; }
  .kakusu { display: none; }
  /*main Gazou & mainFrame*/
  #mainGazou { margin-bottom: 20px; }
  #mainFrame { width: 95%; margin: auto; }
  #mainFrame h2 { font-size: 35px; font-weight: bold; margin-bottom: 20px; color: saddlebrown; }
  #mainFrame h2.tab_title { font-family: "fot-seurat-pron",sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; display: inline-block; width: auto; padding: 4px 25px; margin-bottom: 0px; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */ background: #a90329; /* Old browsers */ background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ /* border-radius */ border-radius: 25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px; }
  #mainFrame h3 { font-size: 24px; margin-bottom: 20px; color: #A7912B; font-family: "fot-seurat-pron",sans-serif; }
  #mainFrame p { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
  #mainFrame p a { color: blue; }
  #mainFrame .card3 { margin-bottom: 20px; }
  #mainFrame .card3 img { width: 98%; margin: 0 1%; }
  #mainFrame .card4 { margin-bottom: 20px; width: 50%; float: left; }
  #mainFrame .card4 img { width: 95%; margin: 0 2.5%; }
  #mainFrame .bigPhoto { color: saddlebrown; line-height: 24px; font-size: 14px; }
  #mainFrame .bigPhoto img { width: 100%; }
  #mainFrame img { width: 100%; }
  #mainFrame .photo { color: saddlebrown; }
  #mainFrame .fl { float: left; margin-right: 20px; }
  #mainFrame .fr { float: right; }
  .Banner { display: block; overflow: hidden; }
  .Banner h3 { color: brown; margin-bottom: 10px; font-family: "fot-seurat-pron",sans-serif; }
  h2.tab_title { font-family: "fot-seurat-pron",sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; display: inline-block; width: auto; padding: 4px 25px; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */ background: #a90329; /* Old browsers */ background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ /* border-radius */ border-radius: 25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px; }
  /** 11.0 extra ----------------------------------------------------------------------------- */
  section.pageMenu2 { width: 95%; margin: auto; overflow: hidden; }
  section.pageMenu2 a { display: block; width: 49%; /* border-radius */ text-align: center; text-decoration: none; padding-top: 20px; padding-bottom: 20px; /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 18px; font-weight: bold; color: #fff; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,1+67,0.7+90,0+100 */ background: -moz-linear-gradient(top, #1e5799 0%, #5e99ce 67%, rgba(116, 175, 224, 0.7) 90%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1e5799 0%, #5e99ce 67%, rgba(116, 175, 224, 0.7) 90%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1e5799 0%, #5e99ce 67%, rgba(116, 175, 224, 0.7) 90%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ }
  section.pageMenu2 a.left { float: left; border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; }
  section.pageMenu2 a.right { float: right; border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; }
  section.pageMenu2 a.left:hover, section.pageMenu2 a.right:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
  section.pageMenu2 a.off { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
  div.cardBase { margin-top: 20px; margin-bottom: 20px; margin-right: 10px; position: relative; }
  div.cardBase img.icon { position: absolute; right: -10px; top: -10px; width: 88px; display: none; }
  div.cardInner { padding: 3%; overflow: hidden; border: solid 1px #9fd2b2; background-color: #edf5ec; display: block; }
  div.cardInner .cardPhoto { width: 100%; margin-bottom: 15px; }
  div.cardInner .cardPhoto img { width: 100%; }
  div.cardInner .cardExplain { width: 100%; }
  div.cardInner .cardExplain h2 { font-size: 30px; font-weight: bold; color: #666; margin-bottom: 20px; font-family: "fot-seurat-pron"; }
  div.cardInner .cardExplain h2 .price { font-family: 'Anton', sans-serif; color: #d37144; }
  div.cardInner .cardExplain p.support { display: block; background-color: #d37144; color: #fff; padding: 2%; font-size: 18px; line-height: 24px; margin-bottom: 20px; font-family: "fot-seurat-pron"; }
  div.cardInner .cardExplain .orange { color: #d37144; font-weight: bold; }
  div.cardInner .cardExplain p { font-size: 14px; line-height: 1.5em; margin-bottom: 20px; }
  div.cardInner .cardExplain p.linkbt { text-align: right; }
  div.cardInner .cardExplain p.linkbt a { border: solid 1px red; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #ff3019; /* Old browsers */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ color: #fff; padding: 10px 20px; text-decoration: none; /* border-radius */ border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
  div.cardInner .cardExplain p.linkbt a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
  .textBox { width: 96%; margin: auto; margin-bottom: 20px; }
  .textBox h2 { font-size: 40px; margin-top: 30px; margin-bottom: 14px; font-family: 'Anton', sans-serif; color: #555; }
  .textBox p { font-size: 14px; line-height: 1.5em; } }
/** 1.0	header 1.5	SNS header_ex 2.0	Main & MainLeft & MainRight 3.0	oshirase in mainLeft 4.0	Shop Page 5.0	BASIC Text 6.0	mainLeft
 7.0	footer
 8.0 	Menu 9.0 	News 10.0	Table 11.0 	extra
 -------------------- Custom for Plug-In --------------------
 -------------------- Responsive Design --------------------  -------------------- ie Hack --------------------    */
/** 1.0 header ----------------------------------------------------------------------------- */





@media screen and (min-width: 681px) { header { width: 950px; margin: auto; display: block; }
  header #movie { width: 950px; height: 384px; margin-bottom: 30px; z-index: -999; }
  header #movie img { width: 950px; }
  /** 1.5 SNS header_ex ----------------------------------------------------------------------------- */
  #sns { height: 50px; }
  #sns h1 { width: 180px; float: left; position: absolute; z-index: 999999; }
  #sns h1 img { width: 180px; }
  #sns h1 a { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; }
  #sns h1 a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
  #sns .header_ex { width: 750px; float: right; text-align: right; margin-top: 12px; }
  #sns .header_ex .sns_ex { width: 400px; float: left; font-size: 12px; color: #000; white-space: nowrap; }
  #sns .header_ex .sns_ex .fb-like { border: solid 1px #ccc; }
  #sns .header_ex .sns_ex a { color: #000; }
  #sns .header_ex form.pcSearch { text-align: right; float: right; font-size: 12px; }
  .w550 { width: 550px; }
  /** 2.0 Main & MainLeft & MainRight ----------------------------------------------------------------------------- */
  main { width: 950px; margin: auto; overflow: hidden; /** 6.0 mainRight ----------------------------------------------------------------------------- */ /*mainSingle*/ /** 7.0 footer ----------------------------------------------------------------------------- */ }
  main #mainLeft { /** 3.0 oshirase in mainLeft ----------------------------------------------------------------------------- */ /** 4.0 Shop Page ----------------------------------------------------------------------------- */ /*main Gazou*/ /** 5.0 BASIC Text ----------------------------------------------------------------------------- */ width: 650px; float: left; }
  main #mainLeft #zoshirase { border: solid 2px #e60012; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; }
  main #mainLeft #zoshiraseHead { background-color: #e60012; text-align: center; padding: 5px; }
  main #mainLeft #zoshirasebody p { font-size: 16px; margin: 0px; padding: 10px; }
  main #mainLeft #important { margin-bottom: 20px; }
  main #mainLeft #important h2 { background-color: red; text-align: center; padding: 10px 5px; /* border-radius */ border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; margin-bottom: 0px; font-family: "fot-seurat-pron",sans-serif; color: #fff; font-size: 18px; }
  main #mainLeft #important h2 img.important_title { height: 20px; margin: 5px 0; }
  main #mainLeft #important h2 img.newsText { width: 90px; }
  main #mainLeft #important h2.news { background-color: #690; }
  main #mainLeft #important #importantBox { border: solid 2px red; border-top: none; box-sizing: border-box; padding: 10px 10px 0px 10px; }
  main #mainLeft #important #importantBox h3 { color: #970736; font-size: 18px; line-height: 22px; margin-bottom: 10px; font-weight: bold; padding: 0 15px; }
  main #mainLeft #important #importantBox p { font-size: 14px; margin-bottom: 10px; line-height: 1.5em; color: #333; text-align: justify; padding: 0 15px; }
  main #mainLeft #important #importantBox.news { border: solid 2px #690; }
  main #mainLeft table.syousaiPhoto { width: 100%; margin-bottom: 20px; }
  main #mainLeft table.syousaiPhoto td img { width: 100%; }
  main #mainLeft .map_press { width: 100%; }
  main #mainLeft #fbbox { width: 100%; text-align: center; margin-top: 10px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; background-image: url(https://kanda-curry.com/wp/wp-content/uploads/2013/05/fbback.jpg); /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
  main #mainLeft h2 { margin-bottom: 20px; font-size: 30px; color: #633f33; font-weight: bold; }
  main #mainLeft h3 { font-size: 24px; margin-bottom: 20px; color: #A7912B; font-family: "fot-seurat-pron",sans-serif; }
  main #mainLeft p { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
  main #mainLeft p a { color: blue; }
  main #mainLeft p.white { visibility: hidden; }
  main #mainLeft p.photo { width: 135px; margin-left: 20px; margin-bottom: 20px; font-size: 14px; color: #633f33; }
  main #mainLeft p.photo img { margin-bottom: 5px; }
  main #mainLeft .fr { float: right; }
  main #mainLeft .ad_border { border: solid 1px gray; }
  main #mainLeft p.bigAd { margin-bottom: 20px; }
  main #mainLeft p.bigAd a img { width: 650px; /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
  main #mainLeft p.minAdLeft, main #mainLeft p.minAdRight { margin-bottom: 20px; width: 310px; }
  main #mainLeft p.minAdLeft a img, main #mainLeft p.minAdRight a img { width: 310px; /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
  main #mainLeft p.minAdLeftSponsor, main #mainLeft p.minAdRightSponsor { margin-bottom: 20px; width: 310px; }
  main #mainLeft p.minAdLeftSponsor a img, main #mainLeft p.minAdRightSponsor a img { width: 310px; /* border-radius */ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
  main #mainLeft p.minAdLeft { float: left; }
  main #mainLeft p.minAdRight { float: Right; }
  main #mainLeft p.minAdLeftSponsor { float: left; }
  main #mainLeft p.minAdRightSponsor { float: Right; }
  main #mainRight { width: 240px; float: right; }
  main #mainRight p { margin-bottom: 20px; }
  main #mainRight p a img { /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 240px; }
	
	main #mainRight p a img.noRadius { /* border-radius */ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 100%; }

	
  main footer { width: 950px; margin: 0 auto; margin-top: 20px; background-color: #282828; overflow: hidden; }
  main footer p.copy { font-size: 12px; color: #fff; margin: 20px; line-height: 60px; width: 350px; float: right; }
  main footer p.footerMenu { font-size: 12px; color: #fff; margin: 20px; line-height: 60px; width: 450px; float: left; white-space: nowrap; }
  main footer p.footerMenu a { display: inline; color: #fff; }
  /*main*/
  /** 8.0 Menu ----------------------------------------------------------------------------- */
  ul { list-style: none; z-index: 100; }
  li { text-align: center; font-size: 12px; }
  li a { display: block; color: #fff; text-decoration: none; }
  .menu { margin-left: 180px; }
  .menu > li { float: left; width: 20%; height: 33px; line-height: 33px; }
  .menu::after { content: ""; display: table; clear: both; }
  li.menu-item-has-children { position: relative; }
  li.menu-item-has-children ul { visibility: hidden; opacity: 0; position: absolute; top: 10px; width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; }
  li.menu-item-has-children:hover ul { visibility: visible; opacity: 1; top: 33px; }
  .menu li a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19e67+80,e9d4b3+100 */ background: #c19e67; /* Old browsers */ background: -moz-linear-gradient(top, #c19e67 80%, #e9d4b3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c19e67 80%, #e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c19e67 80%, #e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19e67', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */ /* border-radius */ border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; -webkit-border-radius: 12px 12px 0px 0px; margin-right: 1px; }
  .menu li a:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed9017+87,f6e6b4+100 */ background: #ed9017; /* Old browsers */ background: -moz-linear-gradient(top, #ed9017 80%, #f6e6b4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ed9017 80%, #f6e6b4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ed9017 80%, #f6e6b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#f6e6b4',GradientType=0 ); /* IE6-9 */ }
  .menu li ul li a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19e67+80,e9d4b3+100 */ background: #c19e67; /* Old browsers */ background: -moz-linear-gradient(top, #c19e67 80%, #e9d4b3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c19e67 80%, #e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c19e67 80%, #e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19e67', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */ /* border-radius */ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; }
  .menu li ul li a:hover { color: #FFF; background: #ec8f2c; }
  .menu li:hover > a { background: #f26964; }
  /** 9.0 News ----------------------------------------------------------------------------- */
  #news { margin-bottom: 20px; }
  #news h4 { font-size: 16px; line-height: 24px; color: #A08231; font-weight: bold; margin-bottom: 10px; }
  #news td { font-size: 12px; line-height: 18px; color: gray; vertical-align: top; padding-bottom: 8px; }
  #news td { padding-right: 8px; }
  #news td.times { white-space: nowrap; width: 100px; color: #970736; }
  #news td.texts { width: 445px; }
  #news td.texts a { color: #000; }
  #news .icon1, #news .icon2, #news .icon3, #news .icon4 { white-space: nowrap; color: white; font-weight: bold; font-size: 10px; padding: 3px 6px; /* border-radius */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 3px; }
  #news .icon1 { background-color: #7CA80B; width: 80px; text-align: center; display: block; padding: 0px 3px; }
  #news .icon2 { background-color: #D42124; width: 80px; text-align: center; display: block; padding: 0px 3px; }
  #news .icon3 { background-color: #304ACA; width: 80px; text-align: center; display: block; padding: 0px 3px; }
#news .icon4 { background-color: red; width: 80px; text-align: center; display: block; padding: 0px 3px; }
  	/** 10.0 Table ----------------------------------------------------------------------------- */
  table.hyou th { background-color: #dddddd; font-size: 12px; padding: 4px; border-left: solid 2px gray; }
  table.hyou tr.odd { background-color: #effeff; }
  table.hyou tr.even { background-color: #fff; }
  table.hyou { width: 100%; margin-bottom: 20px; }
  table.hyou td { padding: 8px; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; font-size: 12px; line-height: 20px; }
  table.hyou td a { color: blue; }
  table.hyou th { padding: 8px; border: none; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; border-right: dotted 1px #aaa; border-left: solid 1px #aaa; }
  table.hyou th.tit { background-color: #dddddd; vertical-align: middle; line-height: 2em; }
  /** 11.0 extra ----------------------------------------------------------------------------- */
  section.pageMenu2 { overflow: hidden; margin-bottom: 20px; }
  section.pageMenu2 a { display: block; width: 49%; /* border-radius */ text-align: center; text-decoration: none; padding-top: 20px; padding-bottom: 20px; /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 24px; font-weight: bold; color: #fff; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,1+67,0.7+90,0+100 */ background: -moz-linear-gradient(top, #1e5799 0%, #5e99ce 67%, rgba(116, 175, 224, 0.7) 90%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1e5799 0%, #5e99ce 67%, rgba(116, 175, 224, 0.7) 90%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1e5799 0%, #5e99ce 67%, rgba(116, 175, 224, 0.7) 90%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ }
  section.pageMenu2 a.left { float: left; border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; }
  section.pageMenu2 a.right { float: right; border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; }
  section.pageMenu2 a.left:hover, section.pageMenu2 a.right:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
  section.pageMenu2 a.off { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
  div.cardBase { margin-top: 20px; margin-bottom: 20px; margin-right: 10px; position: relative; }
  div.cardBase img.icon { position: absolute; right: -10px; top: -10px; width: 88px; }
  div.cardInner { padding: 3%; overflow: hidden; border: solid 1px #9fd2b2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1e7da+0,feffe8+34 */ background: #c1e7da; /* Old browsers */ background: -moz-linear-gradient(top, #c1e7da 0%, #feffe8 34%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c1e7da 0%, #feffe8 34%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c1e7da 0%, #feffe8 34%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e7da', endColorstr='#feffe8',GradientType=0 ); /* IE6-9 */ /* border-radius */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: block; }
  div.cardInner .cardPhoto { width: 29%; float: left; }
  div.cardInner .cardPhoto img { width: 100%; }
  div.cardInner .type1 { width: 69%; }
  div.cardInner .type2 { width: 100%; }
  div.cardInner .cardExplain { float: right; }
  div.cardInner .cardExplain h2 { font-size: 30px; font-weight: bold; color: #666; margin-bottom: 20px; font-family: "fot-seurat-pron"; }
  div.cardInner .cardExplain h2 .price { font-family: 'Anton', sans-serif; color: #d37144; }
  div.cardInner .cardExplain p.support { display: block; background-color: #d37144; color: #fff; padding: 2%; font-size: 18px; line-height: 24px; margin-bottom: 20px; font-family: "fot-seurat-pron"; }
  div.cardInner .cardExplain .orange { color: #d37144; font-weight: bold; }
  div.cardInner .cardExplain p { font-size: 14px; line-height: 1.5em; margin-bottom: 20px; }
  div.cardInner .cardExplain p.linkbt { text-align: right; }
  div.cardInner .cardExplain p.linkbt a { border: solid 1px red; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #ff3019; /* Old browsers */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ color: #fff; padding: 10px 20px; text-decoration: none; /* border-radius */ border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
  div.cardInner .cardExplain p.linkbt a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
  .textBox { width: 96%; margin: auto; }
  .textBox h2 { font-size: 40px; margin-top: 30px; margin-bottom: 14px; font-family: 'Anton', sans-serif; color: #555; }
  .textBox p { font-size: 14px; line-height: 1.5em; }
  	/** 11.0 Table ----------------------------------------------------------------------------- */
  #mainGazou { margin-bottom: 20px; }
  #mainGazou img { width: 100%; }
  #mainFrame { width: 95%; margin: auto; /**/ }
  #mainFrame h2 { font-size: 35px; font-weight: bold; margin-bottom: 20px; color: saddlebrown; }
  #mainFrame h2.tab_title { font-family: "fot-seurat-pron",sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; display: inline-block; width: auto; padding: 4px 25px; margin-bottom: 0px; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */ background: #a90329; /* Old browsers */ background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ /* border-radius */ border-radius: 25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px; }
  #mainFrame h3 { font-size: 24px; line-height: 35px; margin-bottom: 20px; color: #A7912B; font-family: "fot-seurat-pron",sans-serif; }
  #mainFrame p { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
  #mainFrame p a { color: blue; display: inline; }
  #mainFrame .bigPhoto { color: saddlebrown; line-height: 24px; font-size: 14px; }
  #mainFrame .bigPhoto img { width: 100%; }
  #mainFrame img { width: 100%; }
  #mainFrame .photo { color: saddlebrown; }
  #mainFrame .fl { float: left; margin-right: 20px; }
  #mainFrame .fr { float: right; margin-left: 20px; }
  #mainFrame .col-300px { width: 300px; }
  #mainFrame .card3 { width: 33%; float: left; }
  #mainFrame .card3 img { width: 90%; margin: 0 5%; margin-bottom: 20px; }
  #mainFrame .card4 { width: 25%; float: left; }
  #mainFrame .card4 img { width: 90%; margin: 0 5%; margin-bottom: 20px; }
  .Banner { display: block; }
  .Banner h3 { color: brown; margin-bottom: 10px; font-family: "fot-seurat-pron",sans-serif; } }
button.drawer-toggle { display: none; }



.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color:#fff;
width:95%;
margin:0 auto;

border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:20px;
box-sizing:border-box;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fcf7+0,f5f9f0+100;L+Green+3D */
background: #f9fcf7; /* Old browsers */
background: -moz-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9fcf7 0%,#f5f9f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
}
.Aline{
	border:solid 2px #E64290;

}
.Bline{
	border:solid 2px #0083CA;
}
.Cline{
	border:solid 2px #D8760F;
}
.Dline{
	border:solid 2px #56A434;
}
.Eline{
	border:solid 2px #7C4F9C;
}
.card{
border:solid 1px #aaa;
background-color:#fff;
width:23%;
margin-bottom:15px;
color:#555;
/* border-radius */
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.card a{
font-weight:bold;
text-decoration:none;
color:#555 !important;
}
.card a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
color:#555 !important;
}
.cardtxt{
margin:15px;
}
.ptitle img{
width:250px !important;
height:auto;
vertical-align:bottom !important;
margin-left:30px;
}

#kadoR{
	padding:15px 0px 10px 0;
	
	display:block;
	overflow: hidden;
}
#kadoR ol{
	
}

#kadoR ol li{
	
	float:left;
	
	
	
}

#kadoR ol li a{
	font-size:18px;
	padding:4px 20px;
	margin:5px !important;
	text-decoration: none;
	background-color:#46b7b8;
	color:#fff;
	
	
	/* border-radius */
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	
	
	
	line-height:30px;
}

#kadoR ol li a:hover{
	filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

a.half:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.animated:hover{
animation: flash 0.3s;
}

.animated2:hover{
animation: tada 1s;
}

/* flexbox 3dan */

.parent{
		display: -webkit-flex;
   display: flex;
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
	justify-content: space-between;
	margin:0 10px;
	margin-bottom:60px;
	overflow:hidden;
}

.children{
	width:290px;
}

.children a img{
	width:290px;
	margin-bottom:40px;
}

p.halfAdLeft,p.minAdRight{
			
			margin-bottom:20px;
			width:325px;
			clear:both;
		}

		
		p.halfAdLeft{
			float:left;
		
		}

		p.halfAdRight{
			float:Right;
			
		}

p.halfAdLeft a:hover{
			filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
		
		}


@media screen and (max-width:680px) {
.card{
width:48%;
}
	
	/* flexbox 3dan */

.parent{
		display: -webkit-flex;
   display: flex;
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
	justify-content: space-between;
	margin:0 10px;
	
}

.children{
	width:43%;
	
}

.children a img{
	width:100%;
	margin-bottom:40px;
}
	
	
	p.halfAdLeft{
			
			margin-bottom:20px;
			width:50%;
			
			float:left;
		}
	
	p.halfAdRight{
			
			margin-bottom:20px;
			width:50%;
			
			float:Right;
		}
	
	p.halfAdRight a{
		width:50%;
		
	}
	
	p.halfAdLeft a{
		width:50%;
	}

		
		
	
		p.halfAdLeft a img{
			width:100%;	
		}
	
		p.halfAdRight a img{
			width:100%;	
		}

	
}



/*footer*/

a.to-top{
    z-index:99999;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  right: 0;
  bottom: 80px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #000;
  cursor: pointer;
    -moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
    border:solid 1px #ccc;
    border-right:none;
   
    
    &:hover{
        background:#0e7ff1
    }
}


i.fab{
    font-size:24px;
}

figure.wp-block-image img{
height:auto;	
}






figcaption{
font-size:12px;
text-align:center;
}

h2.readcopy{
line-height:1.5em;	
}

figure.tate{
	text-align:center;
}

figure.tate img{
	width:80%;
	
}