/*!
 Theme Name:     RAGUNA CUBE
 Theme URI:      http://raguna-wheel.jp
 Description:    Description: RAGUNA CUBE Inc., in japan
 Author:         Kisakit Design
 Author URI:     http://kisaki-design.com/
 Template:       RAGUNA2014
 Version:        12.0.1
*/

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */


/*
 * Removes default margin.
 */
body {
  background-color: #171717;
  margin: 0;
}

.clear{clear: both;}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Img
   ========================================================================== */
img {
max-width: 100%;
 height: auto;
}

/* ==========================================================================
   Type
   ========================================================================== */

html {
font-size: 62.5%; } /* 1.0em ≒ 10px */

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

p {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 1.5rem;
  line-height: 1.5rem;
}

p em {
  font-family: "Proxima Nova Italic";
}

p:empty {
  display: none;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight:bold;
}


h1 {
  font-size: 22.5px;
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin-bottom: 1.125rem;
}

h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-bottom: 1.125rem;
}

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin-bottom: 0.5625rem;
}

h4, h5, h6 {
  font-size: 14px;
  line-height: 1.4rem;
  margin-bottom: 0.5625rem;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
}

h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

h6 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #dfdfdf;
  text-transform: uppercase;
}

strong {
  font-family: "Proxima Nova Bold";
  font-weight: normal;
}

em {
  font-style: normal;
  font-family: "Proxima Nova Italic";
}

#content,#content-main{
font-size: 14px;
font-size: 1.4rem;
line-height: 150%;
}

aside{
font-size: 14px;
font-size: 1.4rem;
line-height: 120%;
}

h3.caution_red{
	color: red
}

/* ==========================================================================
   Layout
   ========================================================================== */
#container{
	margin-right: auto;
	margin-left: auto;
	max-width: 980px;
	}

#content{
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
padding-top: 5px;
}

aside{padding: 5px;}



#content-main{
width:720px;
float: right;
}
aside{
width:240px;
float: left;
}
footer{
position: relative;
clear: both;
width: 980px;
}


/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#content{
padding-left: 3px;
padding-bottom: 5px;
padding-right: 3px;
padding-top: 5px;
}

#content-main{
margin-right: 5px;
margin-left: 5px;
width:98%;
float: none;
}
aside{
width:100%;
float: none;
}
}


/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {

#content-main{
margin-right: 0px;
margin-left: 0px;
width:100%;
}
}

/* ==========================================================================
   Link
   ========================================================================== */

a:link, a:visited {
    color: #d1d1d1;
    text-decoration: none;
}
a:hover {
    color: #b8a049;
    text-decoration: none;
}

/*パン屑リスト*/
#breadcrumb a:link, #breadcrumb a:visited {
    color: #d4d4d4;
}
#breadcrumb a:hover {
    color: #b8a049;
}

/*エントリータイトル*/
.entry-title a:link, .entry-title a:visited {
    color: #8a65e8;
}
.entry-title a:hover {
    color: #43c4ba;
}


/* ==========================================================================
   Button
   ========================================================================== */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base button styles.
 *
 *  1. Allow us to better style box model properties.
 *  2. Line different sized buttons up a little nicer.
 *  3. Stop buttons wrapping and looking broken.
 *  4. Make buttons inherit font styles.
 *  5. Force all elements using beautons to appear clickable.
 *  6. Normalise box model styles.
 *  7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
 *     there is 1em of space above and below that text. We therefore apply 1em
 *     of space to the left and right, as padding, to keep consistent spacing.
 *  8. Basic cosmetics for default buttons. Change or override at will.
 *  9. Fixes odd inner spacing in IE7.
 * 10. Don’t allow buttons to have underlines; it kinda ruins the illusion.
 * 11. Prevents from inheriting default anchor styles.
 */
.btn{
    color: white;
    display:inline-block;       /* [1] */
    vertical-align:middle;      /* [2] */
    white-space:nowrap;         /* [3] */
    font-family:inherit;        /* [4] */
    font-size:100%;             /* [4] */
    cursor:pointer;             /* [5] */
    border:none;                /* [6] */
    margin:0;                   /* [6] */
    padding-top:   0;           /* [6] */
    padding-bottom:0;           /* [6] */
    line-height:3;              /* [7] */
    height:     3em;            /* [7] */
    padding-right:1em;          /* [7] */
    padding-left: 1em;          /* [7] */
    background-color: #673bd7;   /* [8] */
    border-radius:4px;          /* [8] */
    overflow:visible;           /* [9] */
}

.btn,
    .btn:hover,
    .btn:active,
    .btn:focus,
    .btn:visited{
        text-decoration:none;   /* [10] */
        color:#fff;             /* [11] */
    }

    .btn:hover,
    .button:focus{
        box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
    }

    .btn:active{
        outline:none;
        box-shadow:0 0 5px rgba(0, 0, 0, 0.5) inset;
    }

    .btn::-moz-focus-inner {
        border: 0;
        padding: 0;
    }




/*------------------------------------*\
    $SIZES
\*------------------------------------*/
/**
 * Button size modifiers.
 *
 * These all follow the same sizing rules as above; text is 1em, space around it
 * remains uniform.
 */
.btn--small{
    padding-right:0.5em;
    padding-left: 0.5em;
    line-height:2;
    height:     2em;
}

.btn--large{
    padding-right:1.5em;
    padding-left: 1.5em;
    line-height:4;
    height:     4em;
}

.btn--huge{
    padding-right:2em;
    padding-left: 2em;
    line-height:5;
    height:     5em;
}

/**
 * These buttons will fill the entirety of their container.
 *
 * 1. Remove padding so that widths and paddings don’t conflict.
 */
.btn--full{
    width:100%;
    padding-right:0;            /* [1] */
    padding-left: 0;            /* [1] */
    text-align:center;
}





/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Button font-size modifiers.
 */
.btn--alpha{
    font-size:3rem;
}

.btn--beta{
    font-size:2rem;
}

.btn--gamma{
    font-size:1rem;
}

/**
 * Make the button inherit sizing from its parent.
 */
.btn--natural{
    vertical-align:baseline;
    font-size:inherit;
    line-height:inherit;
    height:auto;
    padding-right:0.5em;
    padding-left: 0.5em;
}





/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
/**
 * Button function modifiers.
 */
.btn--primary{}
.btn--secondary{}
.btn--tertiary{}

/**
 * Positive actions; e.g. sign in, purchase, submit, etc.
 */
.btn--positive{
    background-color:#4A993E;
    color:#fff;
}

/**
 * Negative actions; e.g. close account, delete photo, remove friend, etc.
 */
.btn--negative{
    background-color:#b33630;
    color:#fff;
}

/**
 * Inactive, disabled buttons.
 *
 * 1. Make the button look like normal text when hovered.
 */
.btn--inactive,
    .btn--inactive:hover,
    .btn--inactive:active,
    .btn--inactive:focus{
        background-color:#ddd;
        color:#777;
        cursor:default;         /* [1] */
        box-shadow:none;
    }


/*------------------------------------*\
    $STYLES
\*------------------------------------*/
/**
 * Button style modifiers.
 *
 * 1. Use an overly-large number to ensure completely rounded, pill-like ends.
 */
.btn--soft{
    border-radius:5em;          /* [1] */
}

.btn--hard{
    border-radius:0;
}

/*追記：ボタンの表示位置*/
.btn_center{ text-align: center; width: 100%; margin-left: auto; margin-right: auto;}



/* ==========================================================================
   Header
   ========================================================================== */


.site-header{
	height: 86px;
	background-position: 0 top;
	background-repeat: no-repeat;
	background-image: url(img/bg/top_bg.png);
	}

@media (max-width: 768px) {
  .site-header {
	height: 140px;
	background-position: 0 top;
	background-repeat: no-repeat;
	background-image: url(img/bg/top_bg-768.png);
  }
  }

@media (max-width: 480px) {
  .site-header {
	height: 140px;
  }
  }



  /* Site Title */

.site-title a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  }


/* 画面サイズが768px以上の場合に適用 */
@media only screen and (min-width: 769px) {
.site-title a {
  padding-top: 27px;
  padding-left: 10px;
  background: url(img/title/raguna_title2017.png) center center no-repeat;
  width: 362px;
  height: 64px;
}
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.site-title a {
  padding-top: 10px;
  margin-right: auto;
  margin-left: auto;
  width: 362px;
  height: 64px;
  background: url(img/title/raguna_title2017.png) center center no-repeat;
  -moz-background-size:contain;
  background-size:contain;
  }
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
.site-title a {
  padding-top: 20px;
  margin-right: auto;
  margin-left: auto;
    width: 310px;
  height: 55px;
    background: url(img/title/raguna_title_480.png) center center no-repeat;
  -moz-background-size:contain;
  background-size:contain;
  }
}


/* ==========================================================================
   Navigation
   ========================================================================== */
#menu {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
}


#menu li:last-child a{
	border: none;
}



#toggle {
	display: none;
}

/*セカンダリーメニュー*/
#menu-secondary{
	margin-left: 840px;
	width: 980px;
	top: 0px;
	position: absolute;
}

#menu-secondary ul{
	right: 15px;
	position: absolute;
}

#menu-secondary ul li{
	margin-left: 4px;
	display: block;
	float: left;
	list-style-type: none;
}

#menu-secondary ul li.pc_769 a{
background-color: #43c4ba;
color: white;
text-decoration: none;
font-size: 14px;
display:inline-block;
text-transform:uppercase;
padding:.5em .875em;
border:1px solid #43c4ba;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out
}

#menu-secondary ul li.pc_769 a:hover{
background-color: #ea8a24;
color: white;
text-decoration:none;
border:1px solid #ea8a24;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out
}


/* 画面サイズが768px以上の場合に適用 */
@media only screen and (min-width: 769px) {
	#menu-primary ul li.mobile{
	display: none;
	}

	#menu-primary{
	letter-spacing: 2px;
	margin-left: 384px;
	width: 600px;
	top: 49px;
	position: absolute;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 700;
	}
	#menu li{
	font-size: 14px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	}

	#menu li a {
	color: #d4d4d4;
	padding-left: 0.3em;
	padding-bottom: 0.2em;
	padding-right: 0.7em;
	padding-top: 0.2em;
	display: block;
	text-align: center;
	text-decoration: none;
	}

	#menu li a:hover{
	padding-left: 0.3em;
	padding-bottom: 0.2em;
	padding-right: 0.7em;
	padding-top: 0.2em;
	display: block;
	color: #b8a049;
	text-align: center;
	text-decoration: none;
		}


}


/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {

	#menu-primary{
	letter-spacing: 2px;
	width: 100%;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 700;
	}

	#menu li {
		width: 16.6%;
	}

	#menu-secondary{
		display: none;
		}

	#menu li{
	font-size: 14px;
	display: block;
	float: left;
	width: 16.7%;
	margin: 0;
	padding: 0;
}
	#menu li a {
	padding-top: 17px;
	height: 33px;
	padding-left: 0;
	padding-right: 0;
	background-repeat: repeat-x;
	background-image: url(img/bg/topmenu_bg.jpg);
	border-right-width: 1px;
	border-right-color: #d4d4d4;
	background-color: #420ece;
	border-right-style: solid;
	display: block;
	color: #d4d4d4;
	text-align: center;
	text-decoration: none;
}
    #menu li a:hover{
	background: #b8a049;
	}


}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	#menu {
		display: none;
	}
	#menu li {
	font-size: 16px;
		border-bottom-color: white;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		width: 100%;
	}
	#menu li a {
	border-right-style: none;
	border-right:1px;
}
	#toggle {
		margin-top: 0px;
		display: block;
		position: relative;
		width: 100%;
		background: #673bd7;
		font-size: 16px;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		border-bottom: 1px solid #fff;
		color: white;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: white;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #673bd7;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
}


/* ==========================================================================
   Footer
   ========================================================================== */
.copyright a{
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  }

#footer_raguna{
	color: #af93f4;
	line-height: 120%;
	font-size: 14px;
	right: 20px;
	bottom: 15px;
	position: absolute;
}

#footer_raguna h4{padding-bottom: 4px; border-bottom-color: #af93f4; border-bottom-style: solid; border-bottom-width: 1px; letter-spacing: 3px; font-style: italic; color: #af93f4; font-size: 18px;
	font-family: 'Quattrocento Sans', sans-serif;}
#footer_raguna h4 span{margin-left: 10px; letter-spacing: 0px; font-style: normal; font-weight: normal; font-size: 12px;}

/* 画面サイズが768px以上の場合に適用 */
@media only screen and (min-width: 769px) {
.site-footer{
  background: url(img/footer/footer_bg.png) center bottom no-repeat;
  width: 980px;
  height: 120px;
}

#footer_andotokyo{
	position: absolute;
	left: 4px;
	bottom: 16px;
	}
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.site-footer{
  margin-right: auto;
  margin-left: auto;
    width: 100%;
  height: 110px;
  background: url(img/footer/footer_bg-768.png) center bottom no-repeat;
  -moz-background-size:contain;
  background-size:contain;
  }

#footer_raguna{
	padding: 0px;
	margin: 0px;
	color: #af93f4;
	line-height: 120%;
	font-size: 12px;
	position: absolute;
}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
.site-footer{
  margin-right: auto;
  margin-left: auto;
  height: 230px;
  background: url(img/footer/footer_bg-480.png) center bottom no-repeat;
  -moz-background-size:contain;
  background-size:contain;
  }


.footer_menu{
	top: 8px;
	position: relative;
}

.footer_menu ul li{
margin-right: 40px;
list-style-type: none;
font-size: 32px;
display: block;
float: left;
}


.footer_menu a{
	color: #d4d4d4;
}

.footer_menu a:hover{
	color: #b8a049;
}

.copyright{
text-align: center;
top: 47px;
font-size: 10px;
position: relative;
}

#footer_raguna{
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	color: #af93f4;
	line-height: 120%;
	font-size: 12px;
	position: static;
}

#footer_raguna span{
margin-top: 7px;
display:block;
}


}

/*トップへ戻る*/
div#tothetopfixed {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 1500;
}

div#tothetopfixed a {
    color: white;
    display: block;
    padding: 10px;
    margin: 0;
    background-color: #490edf;
    border-radius: 5px;
    font-size: 0.8em;
}

div#tothetopfixed a:hover {
    background: #b8a049;
    color: #ffffff;
}

/*エンドメニュー*/
#end_menu{}

#end_menu a {
    color: #d4d4d4;
    text-decoration: none;
}

#end_menu a:hover {
    text-decoration: none;
    color: #b8a049;
}


#end_menu ul li{
	margin-right: 15px;
	margin-left: 15px;
	font-size: 14px;
	list-style-type: none;
	float: left;
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#end_menu ul li{
	font-size: 14px;
	list-style-type: none;
	float: none;
}
}


/* ==========================================================================
   Contents
   ========================================================================== */

/*Link*/
#content a:link,#content a:visited {
    color: #d4d4d4;
    text-decoration: none;
}

#content a:hover {
    color: #b8a049;
    text-decoration: underline;
}

/*タイトル*/
.asset-header{
	color: #977e23;
	padding-bottom: 11px;
	padding-left: 15px;
	background-position: 0 bottom;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url(img/bg/contents_title_bg.gif);
	background-repeat: no-repeat;
	font-family: 'Stardos Stencil', cursive;
}

.asset-header h2{
  font-size: 22px;
  font-size: 2.2rem;
  }


/* ==========================================================================
   PRODCT
   ========================================================================== */

#product_content h4{
font-size: 18px;
margin-top: 15px;
border-bottom-style: solid;
border-bottom-color: #673bd7;
border-bottom-width: 3px;
color: #a67e23;
font-family: 'Stardos Stencil', cursive;
font-weight: 700;}

#product_contentbody dl,#product_contentbody dt,#product_contentbody dd{padding: 0px; margin: 0px;}
#product_contentbody dl{float: left;font-family: 'Inconsolata', sans-serif;}
#product_contentbody dt{font-weight: 600; font-size: 14px; border-bottom-color: #d1d1d1; border-top-color: #d1d1d1; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 2px; border-top-width: 2px; color: white; background-color: #673bd7; padding-bottom: 4px; padding-top: 4px;}
#product_contentbody dd{border-bottom-width: 1px; font-size: 14px; border-bottom-color: #767676; border-bottom-style: solid; padding-bottom: 3px; padding-top: 3px;}

#product_contentbody h4 span{ float: right; text-align: right; font-style: normal; font-weight: normal; font-size: 12px; color: white;}

#product_contentbody div.product_sizelist{width: 100%; overflow : hidden;}

/*メインページ*/
ul.wheel_mainpage_table{
	display:table;
}

ul.wheel_mainpage_table li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	width: 50%
}


#product_contentbody .td01{text-align: center; width: 11%}
#product_contentbody .td02{text-align: center; width: 25%}
#product_contentbody .td03{text-align: center; width: 7%}
#product_contentbody .td04{text-align: center; width: 27%}
#product_contentbody .td05{text-align: center; width: 27%}
#product_contentbody .td06{text-align: center; width: 10%}
#product_contentbody .td07{text-align: center; width: 54%}
#product_contentbody .td08{text-align: center; width: 10%}
#product_contentbody .td09{text-align: center; width: 44%}
#product_contentbody .td10{text-align: center; width: 52%}

/*Beadlock Wheel*/
#product_contentbody .td21{text-align: center; width: 10%}
#product_contentbody .td22{text-align: center; width: 7%}
#product_contentbody .td23{text-align: center; width: 8%}
#product_contentbody .td24{text-align: center; width: 15%}
#product_contentbody .td25{text-align: center; width: 10%}
#product_contentbody .td26{text-align: center; width: 12%}
#product_contentbody .td27{text-align: center; width: 12%}
#product_contentbody .td28{text-align: center; width: 16%}
#product_contentbody .td29{text-align: center; width: 10%}

#product_contentbody .td21 dd,#product_contentbody .td22 dd,
#product_contentbody .td23 dd,#product_contentbody .td24 dd,
#product_contentbody .td25 dd,#product_contentbody .td26 dd,
#product_contentbody .td27 dd,#product_contentbody .td28 dd,
#product_contentbody .td29 dd{
	height: 42px
	}

/*Beadlock Wheel　3行*/
#product_contentbody .td31{text-align: center; width: 10%}
#product_contentbody .td32{text-align: center; width: 7%}
#product_contentbody .td33{text-align: center; width: 8%}
#product_contentbody .td34{text-align: center; width: 15%}
#product_contentbody .td35{text-align: center; width: 10%}
#product_contentbody .td36{text-align: center; width: 12%}
#product_contentbody .td37{text-align: center; width: 12%}
#product_contentbody .td38{text-align: center; width: 16%}
#product_contentbody .td39{text-align: center; width: 10%}

#product_contentbody .td31 dd,#product_contentbody .td32 dd,
#product_contentbody .td33 dd,#product_contentbody .td34 dd,
#product_contentbody .td35 dd,#product_contentbody .td36 dd,
#product_contentbody .td37 dd,#product_contentbody .td38 dd,
#product_contentbody .td39 dd{
	height: 63px
	}

/*JF-6*/
#product_contentbody .jf-td01{text-align: center; width: 10%}
#product_contentbody .jf-td02{text-align: center; width: 30%}
#product_contentbody .jf-td04{text-align: center; width: 20%}
#product_contentbody .jf-td05{text-align: center; width: 20%}
#product_contentbody .jf-td06{text-align: center; width: 12%}

#product_contentbody .jf-td07{text-align: center; width: 20%}
#product_contentbody .jf-td08{text-align: center; width: 20%}
#product_contentbody .jf-td09{text-align: center; width: 20%}
#product_contentbody .jf-td10{text-align: center; width: 10%}
#product_contentbody .jf-td11{text-align: center; width: 30%}

/*imx*/
#product_contentbody .imx-td01{text-align: center; width: 11%}
#product_contentbody .imx-td02{text-align: center; width: 25%}
#product_contentbody .imx-td03{text-align: center; width: 10%}
#product_contentbody .imx-td04{text-align: center; width: 12%}
#product_contentbody .imx-td05{text-align: center; width: 27%}
#product_contentbody .imx-td06{text-align: center; width: 15%}

/*imx16*/
#product_contentbody .imx16-td01{text-align: center; width: 8%}
#product_contentbody .imx16-td02{text-align: center; width: 20%}
#product_contentbody .imx16-td03{text-align: center; width: 10%}
#product_contentbody .imx16-td04{text-align: center; width: 8%}
#product_contentbody .imx16-td05{text-align: center; width: 15%}
#product_contentbody .imx16-td06{text-align: center; width: 15%}
#product_contentbody .imx16-td07{text-align: center; width: 22%}


/*20170101 Offroader2*/
#product_contentbody .of2_td_size{text-align: center; width: 8%}
#product_contentbody .of2_td_spec1{text-align: center; width: 20%}
#product_contentbody .of2_td_spec2{text-align: center; width: 20%}
#product_contentbody .of2_td_spec3{text-align: center; width: 20%}
#product_contentbody .of2_td_spec4{text-align: center; width: 20%}
#product_contentbody .of2_td_price{text-align: center; width: 12%}

/*20170101 JF6 Trucker*/
#product_contentbody .truck_td_size{text-align: center; width: 8%}
#product_contentbody .truck_td_spec1{text-align: center; width: 18%}
#product_contentbody .truck_td_spec2{text-align: center; width: 18%}
#product_contentbody .truck_td_spec3{text-align: center; width: 18%}
#product_contentbody .truck_td_spec4{text-align: center; width: 18%}
#product_contentbody .truck_td_price{text-align: center; width: 10%}

/*20171130 RFW*/
#product_contentbody .rfw_td01{text-align: center; width: 12%}
#product_contentbody .rfw_td02{text-align: center; width: 38%}
#product_contentbody .rfw_td03{text-align: center; width: 15%}
#product_contentbody .rfw_td04{text-align: center; width: 15%}
#product_contentbody .rfw_td05{text-align: center; width: 30%}
#product_contentbody .rfw_td06{text-align: center; width: 20%}

/* 20171222 Deep Lip Rim */
#productsize_dlr dt{font-weight: 600; font-size: 14px; border-bottom-color: #d1d1d1; border-top-color: #d1d1d1; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 2px; border-top-width: 2px; color: white; background-color: #673bd7; padding-bottom: 4px; padding-top: 4px;line-height: 110%;}
.dlr_sizelist_div{margin-bottom: 10px}


#productsize_dlr .dlr_td_size{text-align: center; width: 10%}
#productsize_dlr .dlr_td_price{text-align: center; width: 10%}
#productsize_dlr .dlr_td_rd01{text-align: center; width: 10%}

#productsize_dlr .dlr_td_size2{text-align: center; width: 10%}
#productsize_dlr .dlr_td_price2{text-align: center; width: 9%}
#productsize_dlr .dlr_td_rd02{text-align: center; width: 9%}

span.mark_g{
	color: #5be903
}

span.mark_y{
	color:#dfea09
}


/*OFFROADER LT2*/
#product_contentbody .of2-td01{text-align: center; width: 20%}
#product_contentbody .of2-td02{text-align: center; width: 30%}
#product_contentbody .of2-td04{text-align: center; width: 30%}
#product_contentbody .of2-td06{text-align: center; width: 20%}


#productcontents_2nd{}
.productcontents_left{float: left; width: 56%;padding-top: 5px;}
.productcontents_right{padding-top: 15px; float: right; width: 41%;}



#product_title p{ padding-top: 3px; border-top-color: #673bd7; border-top-style: dotted; border-top-width: 1px; color: #673bd7;}

#product_feature_top{text-align: right;}
#product_feature_top p{
font-size: 24px;
color: #86701e; font-family: 'Stardos Stencil', cursive;
font-weight: 700;}

.product_image_color{margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; border-bottom-color: #673bd7; border-bottom-width: 1px; border-bottom-style: dotted; padding: 0px; text-align: left;}
.product_image_caption{margin-top: 4px; line-height: 100%; font-size: 12px;}

#product_caption{margin-left: 15px;}
#product_caption p{line-height: 130%; margin-left: 0px; margin-bottom: 3px; margin-right: 0px; margin-top: 0px; padding: 0px;}

.product_rightcontents{margin-left: 20px;}
.product_rightcontents p{ padding: 0px; margin: 0px; display:block;}
.product_rightcontents i{}
#product_caption{border-color: #808080; border-style: dotted; border-width: 1px; padding: 10px; margin: 5px; background-color: #1d1d1d;}

.product_sizelist i.tag01,.product_sizelist_footer i.tag01{color: #b1db0b;}
.product_sizelist i.tag02,.product_sizelist_footer i.tag02{color: #efad39;}
.product_sizelist i.tag03,.product_sizelist_footer i.tag03{color: #ef397e;}
.product_sizelist i.tag04,.product_sizelist_footer i.tag04{color: #25e3e1;}

.product_sizelist_footer{margin-top: 10px;}

#productcontents_2nd .productcontents_left span{color: #e1e1e1; padding: 0px; margin: 0px;}
.product_imageline{margin-bottom: 20px; border-top-color: #673bd7; border-top-style: dotted; border-top-width: 1px;}

.product_color_image dl,.product_color_image dt,.product_color_image dd{padding: 0px; margin: 0px;}
.product_color_image dl{ width: 50%; text-align: center; float: left;}

.product_related_image dl,.product_related_image dt,.product_related_image dd{padding: 0px; margin: 0px;}
.product_related_image dl{ width: 33.3%; text-align: center; float: left;}

.product_option_image dl,.product_option_image dt,.product_option_image dd{padding: 0px; margin: 0px;}
.product_option_image dl{ width: 33.3%; text-align: center; float: left;}

.product_option_image2 dl,.product_option_image2 dt,.product_option_image2 dd{padding: 0px; margin: 0px;}
.product_option_image2 dl{ width: 50%; text-align: center; float: left;}

#product_option span{
	font-size: 12px;
	line-height: 100%
}


#product_sizespec_btn{ margin-left: 65%; color: black; text-align: center; margin-bottom: 30px; margin-top: 30px; font-size: 28px;font-family: 'Stardos Stencil', cursive;
font-weight: 700;}

.product_tham{width: 120px;}

.accessories_contents dl{
    clear: both;
    width: 980px;
    }
.accessories_contents dt{
    float: left;
    clear: both;
    padding: 0 1em;
}
.accessories_contents dd{
    padding-top: 20px;
    margin: 0;
    padding-left: 420px;
    width: 480px;
    }

.accessories_contents dd h3{
	border-bottom-color: #763ad7;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.tax_caution{text-align: right;}

#wheelspec_bb{
	display: table
	}

#wheelspec_bb_left{
	display: table-cell;
	width: 25%;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
	}

#wheelspec_bb_right{
	display: table-cell;
	width: 70%;
	vertical-align: top;
	line-height: 140%

	}

/*20190527 ZZYZX1000*/
#product_contentbody .zyx1000_td_size{text-align: center; width: 10%}
#product_contentbody .zyx1000_td_spec1,#product_contentbody .zyx1000_td_spec2{text-align: center; width: 25%}
#product_contentbody .zyx1000_td_price{text-align: center; width: 15%}



/* 画面サイズが481px以上の場合に適用 */
@media only screen and (min-width: 481px) {
.mobile480{display: none;}
}
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {

.fittext{font-size: 80%;}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#productcontents_2nd{}
.productcontents_left{float: none; width: 100%;}
.productcontents_right{float: none; width: 100%;}
#product_sizespec_btn{margin-left:10px;}

#product_contentbody dl{
	float: none;
	clear : both;
	}
#product_contentbody dt{
	border-bottom-color: white;
	float: left;
	width: 30%;
	border-bottom-style: dotted;
	border-top-style: none;
	border-bottom-width: 1px;
	border-top-width: 0px;
	color: white;
	background-color: #673bd7;
	padding-bottom: 4px;
	padding-top: 4px;
	}
#product_contentbody dd{
	border-bottom-color:#d1d1d1;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-left: 31%;
	}

.product_sizelist{
	border-bottom-color: white;
	border-top-color: white;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-width: 2px;
	margin-bottom: 10px;
	}

#product_contentbody .td01,#product_contentbody .td02,
#product_contentbody .td03,#product_contentbody .td04,
#product_contentbody .td05,#product_contentbody .td06,
#product_contentbody .td07,#product_contentbody .td08,
#product_contentbody .td09,#product_contentbody .td10{
text-align: center; width: 100%}

/*Beadlock Wheel*/
#product_contentbody .td21,#product_contentbody .td22,
#product_contentbody .td23,#product_contentbody .td24,
#product_contentbody .td25,#product_contentbody .td26,
#product_contentbody .td27,#product_contentbody .td28,
#product_contentbody .td29{
	text-align: center;
	width: 100%;
}

/*JF-6*/
#product_contentbody .jf-td01,#product_contentbody .jf-td02,
#product_contentbody .jf-td03,#product_contentbody .jf-td04,
#product_contentbody .jf-td05,#product_contentbody .jf-td06,
#product_contentbody .jf-td07,#product_contentbody .jf-td08,
#product_contentbody .jf-td09,#product_contentbody .jf-td10{
	text-align: center;
	width: 100%;
	}

#product_contentbody .td21 dt,#product_contentbody .td22 dt,
#product_contentbody .td23 dt,#product_contentbody .td24 dt,
#product_contentbody .td25 dt,#product_contentbody .td26 dt,
#product_contentbody .td27 dt,#product_contentbody .td28 dt,
#product_contentbody .td29 dt{
	height: 42px
	}

/*20170101 Offroader2*/
#product_contentbody .of2_td_size,
#product_contentbody .of2_td_spec1,
#product_contentbody .of2_td_spec2,
#product_contentbody .of2_td_spec3,
#product_contentbody .of2_td_spec4,
#product_contentbody .of2_td_price{
	text-align: center;
	width: 100%;
}

#product_contentbody .of2_td_size dt,#product_contentbody .of2_td_size dd,
#product_contentbody .of2_td_spec1 dt,#product_contentbody .of2_td_spec1 dd,
#product_contentbody .of2_td_spec2 dt,#product_contentbody .of2_td_spec2 dd,
#product_contentbody .of2_td_spec2 dt,#product_contentbody .of2_td_spec3 dd,
#product_contentbody .of2_td_spec4 dt,#product_contentbody .of2_td_spec4 dd,
#product_contentbody .of2_td_price dt,#product_contentbody .of2_td_price dd{
	height: 42px
	}

/*20170101 Offroader2 JF6 Trucker*/
#product_contentbody .truck_td_size,
#product_contentbody .truck_td_spec1,
#product_contentbody .truck_td_spec2,
#product_contentbody .truck_td_spec3,
#product_contentbody .truck_td_spec4,
#product_contentbody .truck_td_price{
	text-align: center;
	width: 100%;
}

#product_contentbody .truck_td_size dt,#product_contentbody .truck_td_size dd,
#product_contentbody .truck_td_spec1 dt,#product_contentbody .truck_td_spec1 dd,
#product_contentbody .truck_td_spec2 dt,#product_contentbody .truck_td_spec2 dd,
#product_contentbody .truck_td_spec2 dt,#product_contentbody .truck_td_spec3 dd,
#product_contentbody .truck_td_spec4 dt,#product_contentbody .truck_td_spec4 dd,
#product_contentbody .truck_td_price dt,#product_contentbody .truck_td_price dd{
	height: 42px
	}

/*20171130 RFW*/
#product_contentbody .rfw_td01,
#product_contentbody .rfw_td02,
#product_contentbody .rfw_td03,
#product_contentbody .rfw_td04,
#product_contentbody .rfw_td05,
#product_contentbody .rfw_td06{
	text-align: center;
	width: 100%;
}

#product_contentbody .rfw_td01 dt,#product_contentbody .rfw_td01 dd,
#product_contentbody .rfw_td02 dt,#product_contentbody .rfw_td02 dd,
#product_contentbody .rfw_td03 dt,#product_contentbody .rfw_td03 dd,
#product_contentbody .rfw_td04 dt,#product_contentbody .rfw_td04 dd,
#product_contentbody .rfw_td05 dt,#product_contentbody .rfw_td05 dd,
#product_contentbody .rfw_td06 dt,#product_contentbody .rfw_td06 dd{
	height: 42px
}

#product_contentbody .zyx1000_td_size,
#product_contentbody .zyx1000_td_spec1,
#product_contentbody .zyx1000_td_spec2,
#product_contentbody .zyx1000_td_price{
	text-align: center;
	width: 100%;
}

#product_contentbody .zyx1000_td_size dd,
#product_contentbody .zyx1000_td_spec1 dd,
#product_contentbody .zyx1000_td_spec2 dd,
#product_contentbody .zyx1000_td_price dd{
	height: 42px
}



/*20181030 Deep Rim*/
#product_contentbody .wheel_table_size dt{
	text-align: center;
	width: 100%;
}


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

#product_contentbody h4 span{padding-top: 4px;}


.accessories_contents dl{
    clear: both;
    width: 100%;
    }
.accessories_contents dt{
    float: none;
    clear: both;
    padding: 0 0;
}
.accessories_contents dd{
    clear: none;
    float: none;
    padding-top: 20px;
    margin: 0;
    padding-left: 0px;
    width: 100%;
    }
#wheelspec_bb{
	display: block
	}

#wheelspec_bb_left{
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
	}

#wheelspec_bb_right{
	display: block;
	width: 100%;
	vertical-align: top;
	line-height: 140%

	}
}
/*トップページ*/
.product_topcontents{ margin-left: 20px;}

.product_topcontents .wheel-header h3{
color: #763ad7;
font-size: 20px;
font-family: 'Vollkorn', serif;
font-weight: 700;
}

.product_topcontents .product_item{
margin-left: 40px;
margin-bottom: 5px;
margin-top: 5px;
float: left;
padding: 5px;
text-align: center;
font-size: 18px;
font-family: 'Vollkorn', serif;
font-weight: 700;
}

.topdivline{margin-bottom: 20px; border-bottom-color: #797979; border-bottom-style: solid; border-bottom-width: 1px;}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
.product_topcontents .product_item{
width: 100px;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 5px;
float: left;
padding: 5px;
text-align: center;
font-size: 12px;
font-family: 'Vollkorn', serif;
font-weight: 700;
}
}

.product_sizelist dd span.ultra_red{
	color: red;
	font-weight: 600
}

/*生産終了商品*/
.discontinued_product{color: #dc0000;}

/* ==========================================================================
   GALLERY
   ========================================================================== */

#gallery_content{
width: 960px;
}
#gallery_content_left{
float: left;
width: 640px;
}
#gallery_content_right{
float: right;
width: 300px;}


.gallery_toppage{
margin-left: 20px;
width: 920px;
}
.gallery_toppage_left{
float: left;
width: 130px;
}
.gallery_toppage_right{
margin-bottom: 20px;
float: right;
width: 760px;
}

.gallery_toppage .wheel-header h3{
margin-top: 10px;
color: #8f8f8f;
border-bottom-color: #8f8f8f;
border-bottom-width: 1px;
border-bottom-style: solid;
font-size: 20px;
font-family: 'Vollkorn', serif;
font-weight: 700;
}

#product_soutyaku img{width: 115px;}

.gallery_content_left_sub{margin-right: 1%; float: left; width: 24%;}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#gallery_content{
width: 100%;
}
#gallery_content_left{
clear: none;
float: none;
width: 100%;
}
#gallery_content_right{
text-align: center;
clear: none;
float: none;
width: 100%;
}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
.gallery_content .entry-title{
line-height: 120%;
}

.gallery_toppage{
width: 100%;
}
.gallery_toppage_left{
clear: none;
float: none;
width: 100%;
}
.gallery_toppage_right{
clear: none;
float: none;
width: 100%;
}
#product_soutyaku img{width: 65px;}

.gallery_toppage .gallery_toppage_left{
display: none;}

#gallery_soutyakuwheel{
float: left;
width: 30%;
}
#gallery_spec{
text-align: right;
width: 100%;
}

}




/* ==========================================================================
   WEBPAGE
   ========================================================================== */

#page-main{border-bottom-style: solid; border-bottom-color: #4f16de; border-bottom-width: 1px; margin-right: 10px; margin-left: 10px;}

#contents_caption h3{margin-top: 10px; border-bottom-color: #763ad7; border-bottom-style: dotted; border-bottom-width: 1px; margin-right: 10px; margin-left: 10px; color: #a995dd; font-size: 16px;}

/* ==========================================================================
   DEALERS
   ========================================================================== */

#dealerlist dl,#dealerlist dt,#dealerlist dd{padding: 0px; margin: 0px;}
#dealerlist dl{float: left;}
#dealerlist dt{border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #171717; border-left-color: #171717; font-weight: 600; font-size: 14px; border-bottom-color: #d1d1d1; border-top-color: #cccccc; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 2px; border-top-width: 2px; color: #cccccc; background-color: #430885; padding-bottom: 4px; padding-top: 4px; text-align: center;}
#dealerlist dd{ border-right-style: solid; border-right-color: #171717; border-left-style: solid; border-left-color: #171717; border-right-width: 1px; border-left-width: 1px; background-color: #333333; padding: 5px; font-size: 14px; border-bottom-color:#d1d1d1; border-bottom-style: solid; border-bottom-width: 1px; text-align: left;}

#dealerlist div.dealer_list{width: 100%; overflow : hidden;margin-left: 25px;}
#dealerlist h3{margin-top: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #a995dd; color: #a995dd; font-size: 14px;}
#dealerlist .td01{width: 30%;}
#dealerlist .td02{ width: 30%;}
#dealerlist .td03{ width: 20%;}
#dealerlist .td04{ text-align: center; width: 15%;}


#dealerlist .td04 dd{ text-align: center;}

.exe_gold{
	color: #977e23
}


/* ==========================================================================
   TOPPAGE
   ========================================================================== */

#toppage_contents{background-image: url(img/toppage/lc70_001.jpg); background-repeat: no-repeat;background-size: cover;}

#toppage_content{
margin-left: 18%;
background-repeat: repeat-y;
background-image: url(img/toppage/top_bg2.png);
height: 100%;
}

#toppage_content .topcontents{
float: left;}

#toppage_leftcontents{
width: 133px;
height: 100%;
}

#toppage_rightcontents{
padding-left: 5px;
padding-bottom: 0px;
padding-right: 5px;
padding-top: 0px;
margin: 0px;
width: 231px;
height: 100%;
}

#toppage_content .site-title a {
  background: url(img/toppage/toppage_title2017.png) center center no-repeat;
  width: 118px;
  height: 940px;
}

/*トップページメニュー*/

	#toppage_menu-primary{
	float: none;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-left: 20px;
	letter-spacing: 2px;
	top: 0px;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 700;
	}

	#toppage_menu li{
	margin-left: 0;
	margin-bottom: 15px;
	margin-right: 0;
	margin-top: 0;
	font-size: 16px;
	display: block;
	padding: 0;
	}

/*トップページタイトル*/
#toppage_rightcontents h3{margin-right: 5px; padding-left: 10px; padding-bottom: 4px; border-bottom-color: #808080; border-bottom-style: solid; border-bottom-width: 1px; margin-top: 25px; color: #a995dd;}

#owl-product{font-weight: bold; font-size: 14px; text-align: center;}

#owl-product .item{
  margin: 3px;
}
#owl-product .item img{
  display: block;
  width: 100%;
  height: auto;
}

#toppage_footer{
margin-top: 60px;
width:223px;
height:0;
overflow:hidden;
display:block;
padding-top: 120px;
background:url(http://raguna-wheel.jp/images/toppage_footer_title3.png) no-repeat 0 top;
}

#toppage_news h4{font-size: 12px;}
.toppage_news_body i{color: #e50000;}
.toppage_news_body p{font-size: 12px;}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#toppage_content{
margin-left: 0%;
}
#toppage_contents{background-image: url(img/toppage/lc70_002.jpg); background-repeat: no-repeat;background-size: cover;}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#toppage_content{
background-repeat: repeat-y;
background-image: url(img/toppage/top_bg4.png);
}
#toppage_contents{background-image: url(img/toppage/lc70_003.jpg); background-repeat: no-repeat;background-size: cover;}
#toppage_leftcontents{
width: 92px;
}
#toppage_rightcontents{
width: 180px;
}
#toppage_content .site-title a {
  background: url(img/toppage/toppage_title_480.png) center center no-repeat;
  width: 71px;
  height: 480px;
}
}

/*ブログページ*/
/*タイトル*/
.asset-blogheader {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0px;
	color: #977e23;
	background-position: 0 center;
	background-image: url(img/bg/contents_title_bg.gif);
	background-repeat: no-repeat;
	font-family: 'Stardos Stencil', cursive;
}

/*ブログトップページ*/
article .entry-image{ float: left; width: 140px; margin-bottom: 20px;}

article .bloglist_shopname a:link, article .bloglist_shopname a:visited {
    color: white;
    text-decoration: none;
}

article .bloglist_shopname a:hover {
    color: #eb920a;
    text-decoration: underline;
}


article .entry-body .entry-title span,.asset-header .entry-title span{
	font-family: "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	font-size: 14px;
}
article .entry-body .asset-body{
	border-color: #717171;
	border-width: 1px;
	border-style: dotted;
	margin: 10px;
	font-size: 12px;
	background-color: #0f0f0f;
	padding: 10px;
}

article .entry-content{
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 20px;
}

article .bloglist_shopname,.asset-header .bloglist_shopname{
	font-weight: bold;
	font-size: 14px;
}

#raguna_blog{margin-left: 20px;}

#raguna_blog .asset-header h4{margin-bottom: 0px; border-bottom-width: 1px; border-bottom-color: #b8a049; border-bottom-style: dotted;
background-image: none;}

#raguna_blog .asset-header{
background-image: none;}


article .entry-body{margin-left: 160px; width: 720px;}

/*注意事項*/
#product_attention h3{margin-top: 20px; border-bottom-style: dashed; border-bottom-color: white; border-bottom-width: 1px; font-weight: bold; font-size: 14px;}#product_attention .confirmation i{margin-left: 20px; color: #006000;}
#product_attention .attention i{margin-left: 20px; color: #ff8800;}
#product_attention .warning i{margin-left: 20px; color: #e50000;}
#product_attention .danger i{margin-left: 20px; color: #7200ff;}
#product_attention .product_attention_contents{margin-left: 35px;}


/* ==========================================================================
   会社概要
   ========================================================================== */
#campanyinfo{margin-bottom: 30px;}
#campanyinfo h3{border-bottom-color: white; border-bottom-style: dotted; border-bottom-width: 1px;}
#campanyinfo h4{font-style: normal; font-weight: normal;}

#campanyinfo .company_list{ border-bottom-color: #171717; border-bottom-style: solid; border-bottom-width: 3px; width: 920px; background-color: #303030;}
#campanyinfo .company_list_td01{ text-align: center; width: 200px; padding: 8px; float: left;}
#campanyinfo .company_list_td02{ border-left-color: #171717; border-left-style: solid; border-left-width: 1px; width: 680px; line-height: 140%; padding: 8px; margin-left: 210px;}

/* ==========================================================================
   LINK
   ========================================================================== */

#raguna_link{
	margin-left: 20px;
	background:url("img/link/international_d_title.jpg") no-repeat 0 0;
	background-size: contain;
	padding-top: 34%;
	}
#raguna_link img{border-color: white; border-style: solid; border-width: 1px; margin: 5px;}
#raguna_link h3{ clear: none; float: none; font-size: 18px; font-style: italic; font-weight: bold; border-bottom-color: #a995dd; border-bottom-style: dotted; border-bottom-width: 1px; color: #a995dd;}

#raguna_link dl{ margin-left: 30px; float: none; clear: none;}
#raguna_link dt{float: left;}
#raguna_link dd{margin-left: 240px;}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	#raguna_link dl{ margin-left: 30px; float: none; clear: none;}
	#raguna_link dt{float:none;}
	#raguna_link dd{margin-left: 0px;}
	}


/* ==========================================================================
   特集ページなど
   ========================================================================== */

.caution_7679{padding-left: 10px; padding-bottom: 0px; padding-right: 10px; padding-top: 10px; border-width: 1px; border-style: dotted; border-color: #cf0000; background-color: #c1c1c1; color: #7200ff; margin: 10px;}
.caution_7679 p{line-height: 150%;}

#lc76_fiton_image table{width: 100%;}
#lc76_fiton_image .td01{width: 24%; text-align: center;}
#lc76_fiton_image .td02{width: 32.4%;}
#lc76_fiton_image .td03{width: 21.8%;}
#lc76_fiton_image .td04{width: 21.8%;}

.lc76_fiton_size h4{ padding-bottom: 2px; border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px; color: white; margin-top: 20px;}
.lc76_fiton_size table{width: 100%;border-collapse: separate;}
.lc76_fiton_size .th01{width: 10%;}
.lc76_fiton_size .th02{width: 20%;}
.lc76_fiton_size .th03{width: 10%;}
.lc76_fiton_size .th04{width: 10%;}
.lc76_fiton_size .th05{width: 5%;}
.lc76_fiton_size .th06{width: 20%;}
.lc76_fiton_size .th07{width: 25%;}
.lc76_fiton_size th{
padding: 3px;
color: #efefef;
background-color: #7200ff;
border: 1px solid #b9b9b9;
}
.lc76_fiton_size td{
padding: 3px;
color: white;
background-color: #3c3c3c;
border: 1px solid #b9b9b9;
text-align: center;}

.lc76_fiton_size i{color: #a995dd;}
#lc76_fiton_caution{color: #e50000;}

#raguna_3p{background-position: right bottom; background-image: url(http://raguna-wheel.jp/images/P6187417_3.jpg); background-repeat: no-repeat;}
#raguna_3p h4{ padding-bottom: 2px; border-bottom-color: #977e23; border-bottom-style: dashed; border-bottom-width: 1px; color: #977e23;}
.raguna_3p_cap{line-height: 160%; margin-right: 410px;}

#7679_fiton_gallely{margin-bottom: 20px; margin-top: 20px;}
#7679_fiton_gallery h3{ border-bottom-color: #7200ff; border-bottom-style: dotted; border-bottom-width: 1px; color: #7200ff;}

/* ==========================================================================
   OUTLET
   ========================================================================== */

#outlet_content{
border-bottom-style: solid;
border-bottom-color: #7200ff;
border-bottom-width: 1px;
padding-bottom: 20px;
margin-bottom: 50px;
width: 960px;
}
#outlet_content_left{
float: left;
width: 400px;
}
#outlet_content_right{
margin-left: 5px;
margin-bottom: 5px;
margin-right: 5px;
margin-top: 0px;
float: right;
width: 550px;}

#outlet_spec{padding-right: 10px; padding-left: 10px; border-color: #7200ff; border-style: dotted; border-width: 1px; background-color: #3b3b3b;}

#outlet_spec dt{border-bottom-color: #7200ff; border-bottom-style: solid; border-bottom-width: 1px; color: #977e23;}
#outlet_spec dd{margin-top: 5px;}
#outlet_spec dd .outlet_price{color: red; font-style: italic; font-weight: bold; font-size: 18px;}
#outlet_spec h5{margin-bottom: 0px; margin-top: 8px; font-style: normal; font-weight: normal; color: #ff7f00;}

.outlet_caution{color: red;}

.outlet_buttton{ margin-left: 180px; margin-top: 20px;}

.outlet_content_left_sub{ padding-top: 5px; border-top-width: 1px; border-top-color: #7200ff; border-top-style: dotted; padding-bottom: 5px; margin-bottom: 5px;}

.outlet_content_left_sub_img{margin-right: 1%; float: left; width: 38%;}

#outlet_top .outlet_top_contents{margin-bottom: 20px; font-size: 14px; text-align: center; width: 250px; float: left;}

.outlet_top_contents h3{font-weight: bold; font-size: 14px;}
.outlettop_price{ margin-left: 0px; margin-bottom: 10px; margin-right: 0px; margin-top: 0px; padding: 0px; color: red; font-style: italic; font-weight: bold; font-size: 14px;}


/* ==========================================================================
   OFFROAD CHAIN
   ========================================================================== */

#accessories_contentbody dl,#accessories_contentbody dt,#accessories_contentbody dd{padding: 0px; margin: 0px;}
#accessories_contentbody dl{float: left;font-family: 'Inconsolata', sans-serif;}
#accessories_contentbody dt{font-weight: 600; font-size: 12px; border-bottom-color: #d1d1d1; border-top-color: #d1d1d1; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 2px; border-top-width: 2px; color: white; background-color: #673bd7; padding-bottom: 4px; padding-top: 4px;}
#product_contentbody dd{border-bottom-width: 1px; font-size: 14px; border-bottom-color: #767676; border-bottom-style: solid; padding-bottom: 3px; padding-top: 3px;}

#accessories_contentbody h4 span{ float: right; text-align: right; font-style: normal; font-weight: normal; font-size: 12px; color: white;}

#accessories_contentbody .td31{
text-align: center; width: 8%
}

#accessories_contentbody .td33,#accessories_contentbody .td34{
text-align: center; width: 10%
}

#accessories_contentbody .td32{
text-align:left;
width: 30%
}

#accessories_contentbody .td35{
font-size: 12px;
text-align: center; width: 40%
}

#accessories_contentbody .td36{
font-size: 12px;
text-align: center; width: 15%
}

#accessories_contentbody .td37{
font-size: 12px;
text-align: center; width: 15%
}

#accessories_contentbody .td38{
font-size: 12px;
text-align: center; width: 55%
}

#accessories_contentbody .td39{
font-size: 12px;
text-align: center; width: 15%;
}

.product_sizelist_chain_repair dd{
	height: 40px
}

.mobile480b{
	color: #171717;
}

#accessories_chaincontent{
	font-size: 14px;
	}

#accessories_chaincontent h3{
	border-bottom-color: #7200ff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-top: 15px
	}

#accessories_chaincontent p{
	line-height: 120%
}

#accessories_contentbody div.product_sizelist_chain{
	border-top: 1px dotted #706d6d;
	margin-bottom: 10px
}

.product_sizelist_chain .mobile480{display: none;}


/* OFFROAD CHAIN */
.raguna_chain_list{
	width: 100%;
}
 .raguna_chain_list .thead{
	font-weight: 600;
	font-size: 12px;
	color: white;
	background-color: #673bd7;
	height: 18px
	}

.raguna_chain_list td{
	font-size: 12px;
	font-size: 1.2rem;
}

.raguna_chain_list .chainlist_no{
	width: 7%;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	}

.raguna_chain_list .chainlist_size{
	width: 30%;
	text-align: left;
	border-bottom: 1px dotted #aaa;
	}

.raguna_chain_list .chainlist_car{
	width: 28%;
	text-align: left;
	border-bottom: 1px dotted #aaa;
	}

.raguna_chain_list .chainlist_band{
	width: 11.5%;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	}

.raguna_chain_list .chainlist_price{
	width: 9.5%;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	}

.raguna_chain_list .chainlist_link{
	width: 14%;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	}


.raguna_chain_list2{
	width: 100%;
}
 .raguna_chain_list2 .thead{
	font-weight: 600;
	font-size: 12px;
	color: white;
	background-color: #673bd7;
	height: 18px
	}

.raguna_chain_list2 td{
	font-size: 12px;
	font-size: 1.2rem;
}

.raguna_chain_list2 .chainlist_no{
	width: 5%;
	text-align: center;
	}

.raguna_chain_list2 .chainlist_size{
	width: 25%;
	text-align: left;
	padding:10px 10px 10px 10px
	}

.raguna_chain_list .chainlist_car{
	width: 25%;
	text-align: left;
	padding:10px 10px 10px 10px
	}

.raguna_chain_list2 .chainlist_band{
	width: 5%;
	text-align: center;
	}

.raguna_chain_list2 .chainlist_price{
	width: 9%;
	text-align: center;
	}

.raguna_chain_list2 .chainlist_link{
	width: 6%;
	text-align: center;
	}

tr._add{
	background-color: #333
}

span.button_sale a:link, span.button_sale a:visited {
	padding:8px 3px 8px 3px;
	background-color:#734607;
	border-radius: 4px
	}

span.button_sale a:hover {
	padding:8px 3px 8px 3px;
	background-color:#c07000;
	border-radius: 4px
}




/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
	#accessories_contentbody .td33{
		display: none
		}
	#accessories_contentbody .td31{
		width: 10%
		}
	#accessories_contentbody .td32{
		width: 30%
		}

	#accessories_contentbody .td34{
		width: 20%
		}
	#accessories_contentbody .td35{
		width: 40%
		}
	.product_sizelist_chain dd{
		height: 60px
	}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {

	#accessories_contentbody .td36{
		width: 50%
		}
	#accessories_contentbody .td37{
		width: 50%
		}

	#accessories_contentbody .td38{
		width: 100%
		}

/* 20190210 start */
  .raguna_chain_list .thead{
    display: none;
  }
  .raguna_chain_list tr{
    width: 100%;
  }
  .raguna_chain_list td{
    display: block;
    text-align: right;
    width: 100%;
  }
  .raguna_chain_list td:first-child{
    background: #673bd7;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .raguna_chain_list td:before{
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    color: #b8a049
  }
  .raguna_chain_list .chainlist_no,
.raguna_chain_list .chainlist_size,
.raguna_chain_list .chainlist_car,
.raguna_chain_list .chainlist_band,
.raguna_chain_list .chainlist_price,
.raguna_chain_list .chainlist_link{
	width: 100%;
	text-align: right
	}
/* 20190210 end */

}
/* ==========================================================================
   MIDAS
   ========================================================================== */

 #productcontents_midas{
 }

 #productcontents_midas h3{
	 line-height: 140%
 }

 #productcontents_midas p{
	 margin-left: 10px;
	 margin-right: 10px;
	 line-height: 130%;
	 color: #c6c6c6
 }

/* ==========================================================================
   YOUTUBE
   ========================================================================== */

   div.chain_youtube h2{
	font-size: 28px;
	font-size: 2.8rem;
	color: #fff;
	border-bottom: 4px solid #673bd7;
	margin: 50px 0px 15px 0px
}